davidbgk
/
larlet-fr-david-cache
ウォッチ 1
スター 0
フォーク 0
コード リリース 0 アクティビティ
A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
169 コミット
1 ブランチ
ツリー: df9a5c5108
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'df9a5c5108' から
${ noResults }
larlet-fr-david-cache/cache/d99b422f8d9c986fc88ad37da8a.../index.html

index.html 34KB
Raw Blame 履歴

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592 
  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>

  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">

  11. <!-- Required to make a valid HTML5 document. -->

  12. <title>SavoirsCom1 salue la « Déclaration des communs numériques » au Québec (archive) — David Larlet</title>

  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->

  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">

  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">

  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">

  17. <link rel="manifest" href="/manifest.json">

  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">

  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">

  20. <meta name="apple-mobile-web-app-title" content="David Larlet">

  21. <meta name="application-name" content="David Larlet">

  22. <meta name="msapplication-TileColor" content="#da532c">

  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">

  24. <meta name="theme-color" content="#f0f0ea">

  25. <!-- That good ol' feed, subscribe :p. -->

  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  27. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="http://www.savoirscom1.info/2017/03/savoirscom1-salue-la-declaration-des-communs-numeriques-au-quebec/">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   SavoirsCom1 salue la « Déclaration des communs numériques » au Québec (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="http://www.savoirscom1.info/2017/03/savoirscom1-salue-la-declaration-des-communs-numeriques-au-quebec/">Source originale du contenu</a></h3>

  463.     <p>Le gouvernement québécois a lancé un processus de consultation en ligne dans le cadre de la définition de sa stratégie numérique. Afin de contribuer à cette concertation, 19 organisations, collectifs, entreprises et organismes sans but lucratif ont élaboré une « Déclarations des communs numériques » qui a été déposée sur la plateforme « <a href="https://numerique.economie.gouv.qc.ca/">Objectif numérique »</a>.</p>

  464. 

  465. <div id="attachment_5950" class="wp-caption aligncenter"><a href="http://www.savoirscom1.info/wp-content/uploads/2017/03/Drapeau_quebec.jpg" rel="https://commons.wikimedia.org/wiki/File:Drapeau_quebec.jpg"><img class="wp-image-5950" src="http://www.savoirscom1.info/wp-content/uploads/2017/03/Drapeau_quebec-1024x768.jpg" srcset="http://www.savoirscom1.info/wp-content/uploads/2017/03/Drapeau_quebec.jpg 1024w, http://www.savoirscom1.info/wp-content/uploads/2017/03/Drapeau_quebec-300x225.jpg 300w, http://www.savoirscom1.info/wp-content/uploads/2017/03/Drapeau_quebec-768x576.jpg 768w" sizes="(max-width: 514px) 100vw, 514px"/></a><p class="wp-caption-text">Image par Dooblem. CC-BY-SA. Source : Wikimedia Commons.</p></div>

  466. 

  467. <p>SavoirsCom1 salue cette initiative et relève les nombreuses convergences entre cette déclaration et le Manifeste qui est à l’origine de notre collectif.</p>

  468. 

  469. <p>Nous constatons aussi l’ambition plus large de ce texte, qui au-delà des seuls enjeux liés aux Communs de la connaissance, vise à « remettre le numérique au service des humains, de leurs capacités fondamentales, des communs et d’une démocratie inclusive. » Il aborde des questions comme la santé, la protection de l’environnement, le travail ou la participation de la société civile à la définition des politiques publiques.</p>

  470. 

  471. <p>Au-delà du contexte québécois, cette déclaration nous paraît posséder une valeur plus large et constitue une base solide pour rassembler les acteurs intéressés par les questions numériques autour de valeurs fortes, ainsi que de pour construire des ponts dans un esprit de convergence avec d’autres mouvement en faveur des droits fondamentaux.</p>

  472. 

  473. <p>NOTE : Cette déclaration commune découle de la <a title="Stratégie numérique du Québec : atelier de cocréation" href="http://wiki.facil.qc.ca/view/Strat%C3%A9gie_num%C3%A9rique_du_Qu%C3%A9bec_:_atelier_de_cocr%C3%A9ation">rencontre du samedi 12 novembre 2016</a> organisée par FACiL et le Café des savoirs libres à la Bibliothèque Mordecai-Richler de Montréal (<a class="external text" href="http://www.openstreetmap.org/way/186307179">localiser</a>). Elle a été déposée sur la plateforme de consultation «Objectif numérique» le 27 février 2017<a class="external autonumber" href="https://numerique.economie.gouv.qc.ca/uploads/DECLARATION_DES_COMMUNS_NUMERIQUE_27022017.pdf">[1]</a>.</p>

  474. 

  475. <p><hr/>

  476. <p><i><b>Déclaration commune de dix-neuf associations, collectifs, entreprises et organismes sans but lucratif pour la Stratégie numérique du Québec</b></i></p>

  477. <p>Le Gouvernement du Québec est actuellement en train d’élaborer une stratégie numérique « pour un virage réussi du Québec dans la révolution numérique mondiale. » Cette stratégie, qui sera dévoilée au printemps 2017, énoncera une série d’orientations et d’objectifs en vue de définir des approches visant à améliorer la vie des citoyen.ne.s en lien avec le numérique.</p>

  478. <p>Les collectifs, entreprises et organismes sans but lucratif signataires ci-après proposent une déclaration commune affirmant l’urgence de remettre le numérique au service de l’humain, de ses capacités fondamentales<sup id="cite_ref-1" class="reference"><a href="http://wiki.facil.qc.ca/view/D%C3%A9claration_des_communs_num%C3%A9riques#cite_note-1">[1]</a></sup> et des biens communs afin d’améliorer la vie des gens et de soutenir une démocratie inclusive. Dans cette perspective, cette déclaration va au-delà des huit thèmes proposés par la démarche de consultation « Objectif numérique » lancée à l’été 2016 par le gouvernement.</p>

  479. <h2><span id="Qui_sommes-nous_.3F" class="mw-headline">Qui sommes-nous ?</span></h2>

  480. </div>

  481. <p>Nous sommes <a class="external text" href="https://facil.qc.ca/">FACiL</a>, <a class="external text" href="http://www.communautique.quebec/">Communautique</a>, le <a class="external text" href="https://cafesavoirslibres.com/">Café des savoirs libres</a>, <a class="external text" href="http://ca.okfn.org/">OKFN Canada</a>, <a class="external text" href="http://www.openstreetmap-montreal.org/">OpenStreetMap Montréal</a>, <a class="external text" href="https://ca.wikimedia.org/wiki/Main_Page?uselang=fr">Wikimédia Canada</a>, <a class="external text" href="http://fablabs-quebec.org/">Fab Labs Québec</a>, l’<a class="external text" href="http://www.scienceetbiencommun.org/">Association science et bien commun</a>, <a class="external text" href="http://technoculture.club/">Techno Culture Club</a>, <a class="external text" href="http://procedurable.com/">Procédurable</a>, <a class="external text" href="http://www.percolab.com/">Percolab</a>, <a class="external text" href="http://ouishare.net/fr/community/79">OuiShare Québec</a>, la <a class="external text" href="http://www.mis.quebec/">Maison de l’innovation sociale</a>, <a class="external text" href="http://www.remixthecommons.org/">Remix biens communs</a>, <a class="external text" href="http://www.nordouvert.ca/">NordOuvert</a>, <a class="external text" href="https://linuq.org/">LinuQ</a>, <a class="external text" href="http://espacestemps.ca/">Espaces temps</a>, l’<a class="external text" href="http://adte.ca/">Adte</a> (accès libre aux ressources, à la recherche scientifique, aux données et aux logiciels pour l’enseignement supérieur), <a class="external text" href="http://www.tiess.ca/">TIESS</a> (Territoires innovants en économie sociale et solidaire). Nous sommes dix-neuf associations, collectifs, entreprises et organismes sans but lucratif partageant une vision du numérique au visage humain et une compréhension commune de moyens salutaires pour répondre aux enjeux de la transition numérique et du vivre-ensemble dans notre société.</p>

  482. <h2><span id="Quel_num.C3.A9rique_.3F" class="mw-headline">Quel numérique ?</span></h2>

  483. <p>Les différentes définitions du numérique ne partagent pas les mêmes valeurs. Le numérique dominant est celui qui transparaît dans les discours et les actions des géants d’Internet qui exploitent nos données et des états qui invoquent la sécurité pour compromettre notre liberté, nos libertés. Il y a aussi le numérique qui pénètre dans nos milieux de travail pour nous bousculer et nous précariser. Et cet autre numérique qui appauvrit les créateurs et écrase les cultures.</p>

  484. <p>Le numérique auquel nous aspirons est différent. Il ne menace ni l’économie, ni l’environnement, ni la démocratie, ni la culture. Il permet au contraire de renouveler ces domaines dans leurs fondements par une perspective centrée sur l’humain. Il protège nos libertés tout en nous donnant des moyens puissants d’exercer nos droits. Il ne concentre pas de nouveaux pouvoirs ainsi que les ressources entre les mains d’un petit nombre. Il contribue plutôt à redistribuer équitablement les pouvoirs et les richesses d’une manière durable. Il pose que nous sommes tous égaux et interdépendants, il vise à restaurer notre relation au monde et en prendre soin dans une démocratie inclusive.</p>

  485. <p>Ce numérique auquel nous aspirons est un commun, une ressource partagée par les communautés qui se mobilisent et s’organisent pour la produire, la créer, la protéger, la valoriser au bénéfice de toutes et de tous. Ce numérique existe et prospère. Pour des communautés engagées dans le partage des savoirs co-créés, ces pratiques issues du modèle des communaux trouvent, par l’entremise du numérique, un territoire qui n’aura jamais été aussi vaste. Le domaine public, les logiciels libres sont des exemples de communs de la connaissance, de communs numériques, qui sont vitaux pour le travail, l’éducation, la science, la culture, la liberté d’expression aujourd’hui. De surcroit, ce numérique constitue la dorsale d’une économie collaborative en plein essor mobilisant les ressources, le talent et l’énergie des citoyen.ne.s dans la concrétisation de projets inédits et porteurs.</p>

  486. <p>Nous aspirons à voir ce numérique humaniste reconnu et soutenu.</p>

  487. <h2><span id="I._REMETTRE_LE_NUM.C3.89RIQUE_AU_SERVICE_DES_HUMAINS.2C_DE_LEURS_CAPACIT.C3.89S_FONDAMENTALES.2C_DES_COMMUNS_ET_D.E2.80.99UNE_D.C3.89MOCRATIE_INCLUSIVE" class="mw-headline">I. REMETTRE LE NUMÉRIQUE AU SERVICE DES HUMAINS, DE LEURS CAPACITÉS FONDAMENTALES, DES COMMUNS ET D’UNE DÉMOCRATIE INCLUSIVE</span></h2>

  488. <dl>

  489. <dt>1. La vie et la santé physique et mentale</dt>

  490. </dl>

  491. <p><i><b>Être capable de mener sa vie en bonne santé et de la préserver, d’avoir un contrôle sur sa vie et ses données médicales.</b></i></p>

  492. <p><b>1.1</b> Les impacts négatifs que peut avoir le numérique sur la santé, notamment au travail et dans le milieu scolaire, doivent être évalués et des solutions préventives centrées sur l’humain doivent être identifiées et instaurées.</p>

  493. <p><b>1.2</b> Le numérique doit soutenir l’accès à une information de santé de qualité, notamment en matière de données ouvertes des hôpitaux et des autres services de santé. Les dispositifs d’accès et le transfert de connaissances auprès des personnes avec un handicap et des personnes âgées doivent être renforcés.</p>

  494. <p><b>1.3</b> Le numérique doit contribuer à favoriser une relation plus étroite et plus personnalisée entre les patients et les partenaires de la santé.</p>

  495. <p><b>1.4</b> Le numérique n’est pas nécessaire à l’état de santé d’une personne. Les pratiques socio-sanitaires non numériques doivent conserver leur valeur et leur place.</p>

  496. <dl>

  497. <dt>2. La culture et le savoir. La liberté d’expression, l’éducation au numérique, les communs de la connaissance, le domaine public</dt>

  498. </dl>

  499. <p><i><b>Être capable de penser, d’apprendre, de créer, de participer à la culture en bénéficiant de la liberté d’expression, d’une éducation au numérique, des communs de la connaissance.</b></i></p>

  500. <p><b>2.1</b> Les contenus culturels et éducatifs libres ainsi que le domaine public doivent être protégés et promus par les politiques publiques. Les organisations du secteur culturel doivent collaborer et partager les métadonnées. En outre, les institutions de mémoire doivent rendre les œuvres du domaine public librement accessibles et jouer un rôle actif dans l’identification, la préservation, la curation de ces dernières.</p>

  501. <p><b>2.2</b> L’éducation au numérique doit viser le développement de compétences structurantes : la collaboration, l’esprit critique, la citoyenneté active, la littératie numérique et médiatique, la sensibilisation aux enjeux du numérique. Ces compétences doivent précéder les apprentissages liés aux usages technologiques dans les établissements scolaires, les bibliothèques et les organismes dédiés. Elle doit supporter la formation continue et la formation tout au long de la vie, en intégrant les différents acteurs du milieu éducatif, formel et informel, et culturel afin de profiter des opportunités éducatives, économiques et sociales offertes par ces technologies dans une perspective d’inclusion numérique.</p>

  502. <p><b>2.3</b> L’enseignement supérieur doit favoriser l’accès libre aux publications scientifiques, aux données et aux métadonnées de la recherche.</p>

  503. <dl>

  504. <dt>3. Vivre et travailler en relation avec les autres</dt>

  505. </dl>

  506. <p><i><b>Être capable de vivre avec les autres, de participer aux interactions sociales dans le respect et la dignité, de travailler en collaboration, de partager des savoirs</b></i></p>

  507. <p><b>3.1</b> L’accès à la ressource numérique doit être équitable et universel.</p>

  508. <p><b>3.2</b> L’usage des technologies numériques permet d’entrer en relation et de connecter des écosystèmes humains, des écosystèmes de connaissances et des savoirs-faire partagés. L’intelligence collective dans le monde physique et dans celui des réseaux s’incarne à travers l’innovation sociale et numérique qui émerge, par exemple, dans un Fab Lab. Ce tiers lieu de fabrication numérique soutient l’apprentissage par les pairs, souvent intergénérationnel ou interculturel, et permet d’allier les savoirs traditionnels aux nouveaux usages numériques. Il permet de développer les compétences entrepreneuriales et les habiletés de fabrication requises au XXI<sup>e</sup> siècle pour collaborer, partager, apprendre, travailler et construire individuellement et collectivement. Les gens doivent pouvoir être accompagnés dans leur appropriation des communs numériques via les écoles, les bibliothèques, les tiers lieux et autres laboratoires vivants afin d’améliorer l’inclusion, l’entraide et le vivre-ensemble au plan local, régional et mondial.</p>

  509. <p><b>3.3</b> Il faut aussi soutenir et valoriser les projets collaboratifs liés à l’économie de partage et aux biens communs, comme Wikipédia, OpenStreetMap, les sites de partage libre de designs et procédés de l’objet et la machine libre, les <a class="external text" href="https://www.protegez-vous.ca/Argent/facons-dechanger-des-biens-ou-des-services">initiatives cartographiées</a> par OuiShare Québec, et autres plates-formes numériques à but non lucratif permettant aux individus de se rencontrer, de créer et d’échanger ensemble des connaissances à l’échelle locale et globale (par exemple les environnements de formation MOOC, wikiFab, les conférences TED ou CreativeMornings, les plates-formes de rencontre autour d’intérêts communs comme Urban sketchers, etc.) – avec aussi comme objectif d’y favoriser l’usage du français.</p>

  510. <dl>

  511. <dt>4. Le contrôle sur son monde. Participer aux choix politiques et économiques. Protéger ses données personnelles, son autonomie et sa liberté</dt>

  512. </dl>

  513. <p><i><b>Être capable de participer aux choix politiques et économiques tout en contribuant aux communs numériques, de protéger ses données personnelles, son autonomie, sa vie privée, sa liberté.</b></i></p>

  514. <p><b>4.1</b> Les intérêts des citoyen.ne.s et les libertés civiles priment sur ceux des entreprises. La protection de la vie privée des citoyen.ne.s contre les collectes de données, des métadonnées, et la surveillance de masse doit primer au point d’être normalisée.</p>

  515. <p><b>4.2</b> La neutralité du net est un principe nécessaire pour garantir une transmission de l’information sur le réseau sans discrimination quant à la source, la destination ou le contenu par des opérateurs.</p>

  516. <p><b>4.3</b> Les logiciels libres, l’interopérabilité, les formats ouverts sont des forces pour les citoyen.ne.s, les collectivités et les organisations et doivent être défendus et privilégiés pour le respect et la liberté des utilisateurs.</p>

  517. <p><b>4.4</b> Le numérique doit favoriser l’engagement réel et éclairé des citoyen.ne.s dans le co-design des politiques publiques et la vie démocratique à travers un projet de gouvernance participative. Les citoyen.ne.s. doivent pouvoir compter sur la transparence des institutions publiques et pouvoir faire un usage créatif des données ouvertes, par défaut, pour s’impliquer et contribuer aux enjeux urbains et ruraux.</p>

  518. <dl>

  519. <dt>5. L’environnement</dt>

  520. </dl>

  521. <p><i><b>Être capable de contribuer à la protection de l’environnement et de vivre dans une relation harmonieuse et durable avec la nature.</b></i></p>

  522. <p><b>5.1</b> L’intégration de pratiques écoresponsables contre le gaspillage et les déchets toxiques dérivant des composantes numériques doit être concrètement supportée.</p>

  523. <p><b>5.2</b> L’empreinte environnementale, les effets et les coûts du numérique québécois doivent être mesurés et internalisés.</p>

  524. <h2><span id="II._METTRE_EN_PLACE_UNE_V.C3.89RITABLE_D.C3.89MARCHE_PARTICIPATIVE.2C_TRANSPARENTE_ET_INCLUSIVE" class="mw-headline">II. METTRE EN PLACE UNE VÉRITABLE DÉMARCHE PARTICIPATIVE, TRANSPARENTE ET INCLUSIVE</span></h2>

  525. <p>Considérant le point 4.4 et les autres principes de la Déclaration, nous recommandons au gouvernement:</p>

  526. <p><b>a.</b> d’assurer une véritable démarche participative, transparente et inclusive pour la conception d’un modèle équitable d’allocation des ressources et de sélection de projets dans le cadre d’une stratégie numérique ouverte et démocratique ;</p>

  527. <p><b>b.</b> d’assurer le co-définition et la co-production d’enquêtes, d’analyses et de veilles ouvertes sur les questions de politiques publiques liées au numérique auxquelles sont confrontés la société québécoise ainsi que les gouvernements locaux et nationaux. Les recommandations a. et b. pourraient voir le jour à travers un espace potentiel d’expérimentation de différents modes de développement d’une expertise publique en co-création démocratique. Un tel laboratoire vivant d’innovation publique favoriserait l’émergence de nouvelles pratiques qui pourraient être reprises dans les appareils gouvernementaux québécois locaux comme régionaux et leur permettre de se rapprocher des citoyen.ne.s tout en s’appropriant la culture numérique.</p>

  528. <p><b>c.</b> d’explorer aussi la possibilité de co-créer une instance indépendante, tel un Conseil québécois du numérique, composée de manière paritaire d’acteurs et d’actrices du monde économique à but non lucratif et à but lucratif, du monde de l’éducation, du monde universitaire, du monde des bibliothèques et archives, de la société civile, de l’administration publique et que leurs mandats soient limités dans le temps pour assurer un renouvellement des idées de même qu’une meilleure représentativité. Cette instance aurait le mandat de conseiller le gouvernement et de consulter les citoyen.ne.s sur les enjeux suscités par le numérique.</p></p>

  529.   </article>

  530. </section>

  531. 

  532. 

  533. <nav id="jumpto">

  534.   <p>

  535.     <a href="/david/blog/">Accueil du blog</a> |

  536.     <a href="http://www.savoirscom1.info/2017/03/savoirscom1-salue-la-declaration-des-communs-numeriques-au-quebec/">Source originale</a> |

  537.     <a href="/david/stream/2019/">Accueil du flux</a>

  538.   </p>

  539. </nav>

  540. 

  541. <footer>

  542.   <div>

  543.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  544.     <p>

  545.       Bonjour/Hi!

  546.       Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>

  547.       Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).

  548.     </p>

  549.     <p>

  550.       Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.

  551.     </p>

  552.     

  553.     <p>

  554.       Voici quelques articles choisis :

  555.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  556.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  557.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  558.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  559.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  560.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  561.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  562.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  563.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  564.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  565.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  566.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  567.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  568.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  569.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  570.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  571.     </p>

  572.     <p>

  573.       On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.

  574.     </p>

  575.     <p>

  576.       Je ne traque pas ta navigation mais mon

  577.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  578.       conserve des logs d’accès.

  579.     </p>

  580.   </div>

  581. </footer>

  582. <script type="text/javascript">

  583.   ;(_ => {

  584.     const jumper = document.getElementById('jumper')

  585.     jumper.addEventListener('click', e => {

  586.       e.preventDefault()

  587.       const anchor = e.target.getAttribute('href')

  588.       const targetEl = document.getElementById(anchor.substring(1))

  589.       targetEl.scrollIntoView({behavior: 'smooth'})

  590.     })

  591.   })()

  592. </script>