A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 19KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Du concept de « fracture(s) numérique(s) » à celui de capital numérique ? (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://louisderrac.com/2020/11/19/du-concept-de-fractures-numeriques-a-celui-de-capital-numerique/">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>Du concept de « fracture(s) numérique(s) » à celui de capital numérique ?</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://louisderrac.com/2020/11/19/du-concept-de-fractures-numeriques-a-celui-de-capital-numerique/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Cela fait quelque temps maintenant que je travaille autour de questions d’inclusions, d’éducation, d’acculturation au numérique.</p>
  71. <p>En cette rentrée difficile où les technologies numériques sont, c’est peu de le dire, au-devant de la scène, j’ai eu l’occasion de travailler sur un programme très ambitieux de médiation numérique, pour le compte d’un gros acteur national. Je ne peux pas en dévoiler davantage, c’est encore un secret 🙂</p>
  72. <p>Toujours est-il que pour concevoir ce programme, un élément fut essentiel : passer du concept largement controversé de « fracture(s) numérique(s) » pour lui préférer celui de capital numérique.</p>
  73. <p><span id="more-5706"></span></p>
  74. <h2 id="h-fracture-s-num-rique-s"><span class="ez-toc-section" id="Fractures_numeriques"></span>Fracture(s) numérique(s) ?<span class="ez-toc-section-end"></span></h2>
  75. <p>Parti sans a priori sur la question, mes lectures m’ont rapidement rallié aux thèses des nombreux chercheurs en SHS qui tentent, aujourd’hui encore (c’est peut-être ça le plus étonnant), de déminer l’expression même de fracture numérique, tant ils la trouvent simpliste et décalée de la complexité des usages observés.</p>
  76. <p>Ainsi, les travaux de Dominique Pasquier ont permis de découvrir les usages populaires d’Internet. En 2013 déjà, Pascal Plantard écrit, en reprenant Eric Guichard (2009), que « la fracture numérique est un produit des croyances au déterminisme technique et au progrès. C’est une notion beaucoup plus politique que scientifique ». </p>
  77. <p>Encore plus tôt, en 2007, Daniel Pimienta écrit que « La fracture numérique n’est rien d’autre que le reflet de la fracture sociale dans le monde numérique » . Par ailleurs, et c’est ce que répètent de nombreux chercheurs, impossible de comparer le début des années 90, lorsque le terme « digital divide » est apparu aux États-Unis, et la situation actuelle. </p>
  78. <p>En 1998, 23% de la population française possédait un ordinateur, et à peine 4% avaient accès à Internet. En 2019, 79% des Français possédaient un smartphone, et 76% un ordinateur. 88% avaient accès à Internet. Des chiffres globalement stables, et qui laissent globalement dire que la question de l’équipement n’en est plus une. </p>
  79. <h2 id="h-le-capital-num-rique"><span class="ez-toc-section" id="Le_capital_numerique"></span>Le capital numérique<span class="ez-toc-section-end"></span></h2>
  80. <p>Le concept de capital numérique est, à ma connaissance, très peu utilisé par les professionnels de la médiation numérique au sens large. Je ne l’ai pas non plus retrouvé dans les articles de chercheurs en sciences sociales. Sa principale utilisation provient de l’excellente exploration, ainsi titrée « Capital numérique », portée par Ouishare et Chronos. Je vous en conseille vivement la lecture.</p>
  81. <p>Cette exploration, dispositif de recherche-action, part du constat que le numérique « n’a pas résorbé les inégalités sociales et territoriales ». Et elle enfonce plusieurs idées reçues, à commencer par le concept de « fracture numérique », comme l’illustre le document de synthèse reproduit ci-dessous. </p>
  82. <figure class="wp-block-image size-large"><picture class="wp-image-5774">
  83. <source type="image/webp" srcset="https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-1024x576.jpg.webp 1024w, https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-300x169.jpg.webp 300w, https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-768x432.jpg.webp 768w, https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-100x56.jpg.webp 100w, https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-700x394.jpg.webp 700w, https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese.jpg.webp 1440w" sizes="(max-width: 1024px) 100vw, 1024px"></source>
  84. <img src="https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-1024x576.jpg" alt="" srcset="https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-1024x576.jpg 1024w, https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-300x169.jpg 300w, https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-768x432.jpg 768w, https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-100x56.jpg 100w, https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese-700x394.jpg 700w, https://louisderrac.com/wp-content/uploads/2020/11/Capital-numerique-Synthese.jpg 1440w" sizes="(max-width: 1024px) 100vw, 1024px">
  85. </picture>
  86. </figure>
  87. <p>Dans cette exploration, qui cite à nouveau les <a href="https://www.ouishare.net/article/comparer-cest-deplorer-plongee-sans-miserabilisme-dans-lunivers-numerique-des-classes-populaires">travaux de Dominique Pasquier</a> autour des classes populaires, il est défendu l’idée qu’un dispositif d’inclusion numérique ne peut pas réussir s’il ne donne pas à ses bénéficiaires des moyens de capacitation , d’autonomisation. J’adhère totalement. Il parait aberrant d’espérer former des citoyens numériques en se contentant de leur apprendre à payer leurs impôts en ligne.</p>
  88. <p>Comme en témoigne Frédéric Bardeau, toujours dans cette exploration : « le capital numérique fond comme neige au soleil car il doit s’actualiser ». Je suis étonné que cette citation, absolument excellente, n’ait pas été plus partagée. Les professionnels le savent, une veille très rigoureuse est indispensable pour « rester à la page » des technologies et des usages numériques. </p>
  89. <p>La notion d’un capital culturel comme d’un réservoir qu’il faut alimenter parait alors très intéressante à développer.</p>
  90. <h2 id="h-le-capital-num-rique-vu-par-bourdieu"><span class="ez-toc-section" id="Le_capital_numerique_vu_par_Bourdieu"></span>Le capital numérique vu par Bourdieu<span class="ez-toc-section-end"></span></h2>
  91. <p>Même si l’exploration n’y fait pas écho, son titre, « Capital numérique », semble découler et se nourrir naturellement des concepts bourdieusiens de capital social, économique et <a href="https://fr.wikipedia.org/wiki/Capital_culturel">culturel</a>. C’est en tout cas dans cette continuité que j’emploie ce concept.</p>
  92. <p>En effet, comme on le retrouve dans les travaux de Dominique Pasquier et de bien d’autres, ces différentes formes de capitaux influencent fortement le capital numérique d’un individu.</p>
  93. <p>Selon qu’on ait un capital culturel plus ou moins élevé, on va diversifier ses usages culturels du numérique et accéder à des usages dits « savants ». Consommer différents genres musicaux, des documentaires, des films d’auteur, plusieurs sites de presse nationale… Mais également produire, contribuer davantage.</p>
  94. <p>Selon qu’on ait un capital social plus ou moins élevé, on va développer des réseaux sociaux différemment hétérogènes et de types plus ou moins variés (professionnels sur LinkedIn, amicaux sur Facebook ou Instagram, voire des réseaux « exclusifs » comme <a href="https://gensdeconfiance.com">GensDeConfiance</a>).</p>
  95. <p>Le capital économique jouera également, d’abord sur les choix de l’équipement. Smartphone ou ordinateur, niveau de gamme de matériel choisi. Ensuite sur l’accès à des services payants (Cloud sécurisé, Netflix, sites d’informations payants) vs des services gratuits (Youtube, sites d’informations gratuits), soumis aux dérives du modèle économique de la publicité.</p>
  96. <h2 id="h-la-transmission-du-capital-num-rique"><span class="ez-toc-section" id="La_transmission_du_capital_numerique"></span>La transmission du capital numérique<span class="ez-toc-section-end"></span></h2>
  97. <p>Par ailleurs, le capital numérique, à la manière des autres formes de capitaux, va se transmettre et s’hériter. Il parait assez naturel que des parents disposant d’un fort capital numérique transmettent (consciemment ou inconsciemment) ce capital à leurs enfants. Comme pour le capital culturel, il s’agira alors d’une transmission sous une forme objectivée, avec des biens numériques proprement configurés et maintenus (ordinateur fixe, appareils numériques variés, connexion internet à très haut débit), et une forme incorporée, donc une aisance d’usage des différents biens numériques, la capacité à s’en servir.</p>
  98. <p>Cela semble d’autant plus certain que le capital numérique, bien plus que le capital culturel, est bien identifié aujourd’hui comme étant essentiel à une bonne insertion dans la société. Que ce soit pour comprendre les nombreux enjeux citoyens que pose notre écosystème numérique ou plus simplement pour se positionner avantageusement sur le marché du travail.</p>
  99. <h2 id="h-conclusion"><span class="ez-toc-section" id="Conclusion"></span>Conclusion<span class="ez-toc-section-end"></span></h2>
  100. <p>Le concept de capital numérique me semble être beaucoup plus intéressant que celui d’inclusion (ou d’exclusion) numérique. Il me semble évidemment plus juste que celui de fracture numérique.</p>
  101. <p>Le capital numérique intègre le poids des capitaux sociaux, économiques et culturels, qui me semblent être une bonne grille de lecture pour comprendre la diversité sociale des usages du numérique.</p>
  102. <p>Le capital numérique intègre l’idée d’un réservoir qu’il faut alimenter, quasiment continuellement, pour éviter qu’il ne se vide. Cette idée me semble être tout à fait pertinente quand on voit la vitesse à laquelle les technologies numériques transforment notre société, notre droit, nos habitudes. Pour pouvoir suivre, il faut entretenir sa veille.</p>
  103. <p>Le capital numérique intègre enfin l’idée d’une transmission, d’un héritage. Ainsi le capital numérique ne vient pas de nulle part, il s’acquiert en partie dans un processus de reproduction sociale.</p>
  104. <p>Mais surtout, la notion de capital numérique évite les termes d’inclusion/exclusion. Il faut bien admettre qu’on peut faire le choix de ne pas développer de capital numérique, parce qu’on n’en voit pas l’intérêt, qu’on ne développe pas d’appétence numérique. Et il faudra bien finir par accepter que tous les citoyens ne sont pas intéressés par les technologies numériques, n’en déplaise à certains politiques ou champions de la tech.</p>
  105. </article>
  106. <hr>
  107. <footer>
  108. <p>
  109. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  110. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  111. </svg> Accueil</a> •
  112. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  113. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  114. </svg> Suivre</a> •
  115. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  116. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  117. </svg> Pro</a> •
  118. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  119. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  120. </svg> Email</a> •
  121. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  122. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  123. </svg> Légal</abbr>
  124. </p>
  125. <template id="theme-selector">
  126. <form>
  127. <fieldset>
  128. <legend><svg class="icon icon-brightness-contrast">
  129. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  130. </svg> Thème</legend>
  131. <label>
  132. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  133. </label>
  134. <label>
  135. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  136. </label>
  137. <label>
  138. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  139. </label>
  140. </fieldset>
  141. </form>
  142. </template>
  143. </footer>
  144. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  145. <script>
  146. function loadThemeForm(templateName) {
  147. const themeSelectorTemplate = document.querySelector(templateName)
  148. const form = themeSelectorTemplate.content.firstElementChild
  149. themeSelectorTemplate.replaceWith(form)
  150. form.addEventListener('change', (e) => {
  151. const chosenColorScheme = e.target.value
  152. localStorage.setItem('theme', chosenColorScheme)
  153. toggleTheme(chosenColorScheme)
  154. })
  155. const selectedTheme = localStorage.getItem('theme')
  156. if (selectedTheme && selectedTheme !== 'undefined') {
  157. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  158. }
  159. }
  160. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  161. window.addEventListener('load', () => {
  162. let hasDarkRules = false
  163. for (const styleSheet of Array.from(document.styleSheets)) {
  164. let mediaRules = []
  165. for (const cssRule of styleSheet.cssRules) {
  166. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  167. continue
  168. }
  169. // WARNING: Safari does not have/supports `conditionText`.
  170. if (cssRule.conditionText) {
  171. if (cssRule.conditionText !== prefersColorSchemeDark) {
  172. continue
  173. }
  174. } else {
  175. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  176. continue
  177. }
  178. }
  179. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  180. }
  181. // WARNING: do not try to insert a Rule to a styleSheet you are
  182. // currently iterating on, otherwise the browser will be stuck
  183. // in a infinite loop…
  184. for (const mediaRule of mediaRules) {
  185. styleSheet.insertRule(mediaRule.cssText)
  186. hasDarkRules = true
  187. }
  188. }
  189. if (hasDarkRules) {
  190. loadThemeForm('#theme-selector')
  191. }
  192. })
  193. </script>
  194. </body>
  195. </html>