davidbgk
/
larlet-fr-david-cache
Suivre 1
Ajouter aux favoris 0
Bifurcation 0
Code Versions 0 Activité
A place to cache linked articles (think custom and personal wayback machine)
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
204 Révisions
1 Branche
Aborescence: 1d70b8d3d6
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '1d70b8d3d6'
${ noResults }
larlet-fr-david-cache/cache/f24c4c6fd4cb2fa45f5861b53f0.../index.html

index.html 31KB
Brut Annotations Historique

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566 
  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>De la relativité de l’éthique (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.internetactu.net/a-lire-ailleurs/de-la-relativite-de-lethique/">

  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.   De la relativité de l’éthique (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.internetactu.net/a-lire-ailleurs/de-la-relativite-de-lethique/">Source originale du contenu</a></h3>

  463.     <p><img src="http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale01-300x209.png" alt="" class="alignright size-medium wp-image-33117" srcset="http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale01-300x209.png 300w, http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale01-768x535.png 768w, http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale01.png 948w" sizes="(max-width: 300px) 100vw, 300px"/>Vous vous souvenez certainement du fameux <a href="https://fr.wikipedia.org/wiki/Dilemme_du_tramway">dilemme du tramway</a>, ce cas d’étude de l’éthique, qui consiste à projeter ce que vous feriez si vous pouviez détourner un tramway entre un chemin qui le conduit à écraser une personne et un chemin qui le conduit à en écraser plusieurs. Serait-il moral à l’aiguilleur d’agir et dans quel sens ? Malgré ses limites (le modèle propose souvent des choix simples et binaires qui sont loin de recouvrir une quelconque réalité), le dilemme du tramway, cette fiction, est devenu, pour le MIT, le cas d’étude de la moralité des voitures autonomes. En 2014, des chercheurs du MIT ont créé <a href="http://moralmachine.mit.edu/">une plateforme sous forme de jeu</a> avec pour but de collecter l’avis de millions de personnes sur leur réponse à ce dilemme, pour comprendre ce qui est acceptable et ce qui ne l’est pas en matière de règle éthique. Comment les voitures autonomes devraient-elles prioriser leur action face à un accident inévitable ? Le jeu proposé par le MIT proposait plusieurs variations autour du dilemme : une voiture autonome doit-elle sauver les humains plutôt que des animaux ? Ses passagers plutôt que des piétons ? Des femmes plutôt que des hommes ? Des gens âgés ou des jeunes ? Des gens au statut social élevé plutôt que des pauvres ? La voiture devait-elle au final dévier (et agir) ou continuer sa route (et ne pas agir) ?… </p>

  464. 

  465. <p>Depuis 2014, des millions de personnes provenant de 233 pays ont joué au petit jeu proposé par le MIT. Plus de 40 millions de décisions ont été collectées, faisant de cette étude la plus importante à ce jour sur les préférences morales. <a href="https://www.nature.com/articles/s41586-018-0637-6">Les premières conclusions viennent d’être publiées par <em>Nature</em></a> (<a href="https://www.nature.com/articles/s41586-018-0637-6.epdf?referrer_access_token=Sd7dKjHS1dD9fdx2vgrBDNRgN0jAjWel9jnR3ZoTv0OR8PKa5Kws8ZzsJ9c7-2Qp8nbIwouAM66OQiCFCUYXQRFBcD903wux5GWjYtW-Qg0VsMn3IwcqIheAW9orF7HAHTuj2dGO9w6_6FqjM0JGEzqxeISMxLQ6LRIiQHcu8fV1gvDg6iRBbbuLNSjraQVARRN4K-lrJ0D-t4L3kk5gadlkepjvOsXJVXpJGmTejmRGX4eDPm9nTquMYEWwPeSVxGFZITZL-L31c9jZXjS3xmJJgfPn7TijVAZgDJq6qQsTYe-qg0hkLos7YVqUlhYr&amp;tracking_referrer=www.technologyreview.com">l’article en pdf</a>), <a href="https://www.technologyreview.com/s/612341/a-global-ethics-study-aims-to-help-ai-solve-the-self-driving-trolley-problem/">rapporte la <em>Technology Review</em></a>. Celles-ci soulignent combien la question éthique diverge selon la culture, le niveau économique et la localisation géographique ; bien plus que selon des préférences individuelles.  </p>

  466. 

  467. <p>Dans l’article de <em>Nature</em>, les auteurs font part de résultats globaux, qui soulignent par exemple que sur l’ensemble des réponses les gens préfèrent que la machine épargne des poussettes, des enfants, des femmes enceintes ou des médecins… que des animaux ou des criminels, qu’ils préfèrent que le véhicule épargne un groupe de personnes qu’une seule… Mais qu’ils sont moins déterminés quant à préférer que le véhicule ait une action plutôt que pas d’action, qu’il épargne les passagers que des piétons… </p>

  468. 

  469. <p>Les auteurs font référence <a href="https://www.bmvi.de/SharedDocs/EN/publications/report-ethics-commission-automated-and-connected-driving.pdf?__blob=publicationFile">aux règles (.pdf)</a> émises par la Commission éthique sur la conduite automatisée publiée par le ministère des transports allemand en 2017. La règle numéro 7 émise par cette autorité énonce sans ambiguïté que, dans les situations de dilemme, la protection de la vie humaine doit avoir la priorité absolue sur la protection de la vie des autres animaux, ce qui semble correspondre aux attentes sociales évaluées par la machine morale du MIT. Par contre, la règle éthique allemande numéro 9, qui explique qu’il n’y doit pas y avoir de distinction fondée sur des caractéristiques personnelles, comme l’âge, semble en contradiction avec les préférences morales exprimées par ceux qui ont joué à la machine morale, qui montre clairement une préférence pour épargner les plus jeunes. Cela ne veut pas dire que les décideurs doivent aller dans le sens du public, soulignent les chercheurs, mais cela pointe le fait que ne pas accepter de faire une préférence pour protéger les plus jeunes rencontrera de fortes réactions et nécessitera de s’expliquer ouvertement, clairement et pédagogiquement auprès du public. </p>

  470. 

  471. <p><img src="http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale02.png" alt="" class="aligncenter size-full wp-image-33120" srcset="http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale02.png 1032w, http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale02-300x106.png 300w, http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale02-768x270.png 768w, http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale02-1024x360.png 1024w" sizes="(max-width: 1032px) 100vw, 1032px"/><br/>

  472. <em>Image : Tableau général des préférences globales des joueurs de la machine morale pour épargner (</em>sparing<em>) certains types de population sur d’autres.</em></p>

  473. 

  474. <p>Les chercheurs ont regardé également la question des variations individuelles liées à l’âge, à l’éducation, au sexe, aux revenus, aux opinions politiques et religieuses. Et pointent le fait que ces caractéristiques, contrairement à ce qu’on pourrait attendre, ne semblent pas donner lieu à des différences très fortes en matière de préférences morales. </p>

  475. 

  476. <p>A un niveau plus global, les chercheurs ont mis à jour ce qu’ils appellent trois grands groupes moraux au niveau mondial : un groupe occidental (comprenant les Etats-Unis et la plupart des pays Européens protestants, orthodoxes et catholiques) qui expriment une préférence pour l’inaction, pour épargner des humains, les groupes plus nombreux et les plus jeunes ; un cluster oriental très large allant de l’Extrême-Orient à l’Arabie saoudite, du confucianisme aux pays islamiques, qui exprime une préférence pour épargner les piétons et ceux qui respectent les règles ; et enfin un groupe méridional qui comprend les pays d’Amérique Centrale et du Sud ainsi que la France métropolitaine et les pays d’ancienne influence française, avec des caractéristiques de réponses morales qui privilégient le fait d’épargner les plus jeunes, les gens avec un statut élevé et les femmes ! </p>

  477. 

  478. <p><img src="http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale03.jpg" alt="" class="aligncenter size-full wp-image-33121" srcset="http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale03.jpg 878w, http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale03-257x300.jpg 257w, http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale03-768x896.jpg 768w" sizes="(max-width: 878px) 100vw, 878px"/><br/>

  479. <em>Image : les trois grands groupes moraux mondiaux selon leurs préférences morales.</em></p>

  480. 

  481. <p>Une autre partie de l’étude, sur laquelle revient plus largement la <em>Technology Review</em>, s’intéresse, elle, aux résultats par pays, selon des facteurs culturels et économiques, qui distinguent des préférences morales différentes selon les cultures individualistes ou collectivistes. Les pays qui ont une tendance individualiste expriment une préférence pour épargner le plus grand nombre de personnes, alors que les pays plus collectivistes manifestent une préférence moins marquée pour épargner les enfants. Pour les chercheurs, ce clivage entre pays individualistes et collectivistes est un obstacle important à une éthique universelle des machines. </p>

  482. 

  483. <p>Les chercheurs ont constaté que les préférences différaient beaucoup d’un pays à un autre, mais qu’elles étaient également fortement corrélées avec la culture et l’économie. Par exemple, les participants de cultures collectivistes, comme la Chine et le Japon, épargnent moins les jeunes que les plus âgés – peut-être est-ce dû au fort respect des aînés dans ces cultures, avancent les chercheurs. </p>

  484. 

  485. <p><img src="http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale04.png" alt="" class="aligncenter size-full wp-image-33118" srcset="http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale04.png 636w, http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale04-300x186.png 300w" sizes="(max-width: 636px) 100vw, 636px"/><br/>

  486. <em>Image : différentiel des réponses par pays entre ceux qui préfèrent protéger les plus jeunes des plus âgés.</em><br/>

  487. <img src="http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale05.png" alt="" class="aligncenter size-full wp-image-33119" srcset="http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale05.png 635w, http://www.internetactu.net/wp-content/uploads/2018/10/MachineMorale05-300x192.png 300w" sizes="(max-width: 635px) 100vw, 635px"/><br/>

  488. <em>Image : différentiel des réponses par pays entre ceux qui préfèrent protéger les passagers de la voiture autonome par rapport aux piétons.</em> </p>

  489. 

  490. <p>De même, les participants des pays pauvres dotés d’institutions faibles sont plus tolérants à l’égard des piétons indisciplinés que de ceux qui traversent dans les clous. Et les participants des pays avec un niveau élevé d’inégalités économiques montrent des écarts plus grands entre le traitement des victimes selon leur statut social.</p>

  491. 

  492. <p>Et, en ce qui concerne la question essentielle du problème du tramway, les chercheurs ont découvert que le nombre de personnes en danger n’était pas toujours un facteur de choix déterminant. Les participants provenants de pays à la culture individualiste, comme le Royaume-Uni, les Etats-Unis ou la France, ont plus tendance à vouloir sauver le plus de vies possibles (en raison peut-être de la grande importance accordée à la valeur de chaque individu) comparativement à des pays plus collectivistes comme le Japon, la Chine ou la Finlande… </p>

  493. 

  494. <p>Les auteurs de l’étude en pointe néanmoins plusieurs limites. Ceux qui ont répondu à leur enquête en ligne sont un public qui n’est pas sans biais, avertissent-ils : principalement des gens au statut social élevé et connecté. L’étude pointe néanmoins des différences de préférences, qui laissent à penser que les décisions implémentées dans les véhicules pourraient être très différentes d’un pays l’autre. Même dans les groupes culturels qui peuvent paraître proches, il existe parfois des différences d’appréciations fortes : les Japonais ont plutôt tendance à préférer des véhicules qui épargnent les piétons alors que d’autres cultures, comme la culture chinoise, préfèrent des véhicules qui épargnent les passagers par exemple. </p>

  495. 

  496. <p>Pour autant, ces résultats ne peuvent être pris au pied de la lettre, estime l’un des auteurs de l’étude, <a href="http://web.media.mit.edu/~awad/">Edmond Awad</a> (<a href="https://twitter.com/EdmondAwad">@EdmondAwad</a>). Si l’étude permet d’éclairer les réactions du public, elle ne donne pas de solutions de conception ni de politique. Pour Awad, ces résultats montrent que la discussion sur l’éthique doit continuer : qu’il faut aussi analyser les risques et comprendre d’où viennent nos biais éthiques… Pour Edmond Awad, le principal enseignement de l’étude consiste à démontrer que l’éthique des machines n’est pas si simple et que montrer leurs conséquences sur des personnes permet de prendre conscience qu’il n’y aura pas une seule et unique réponse aux problèmes qui sont devant nous.  </p>

  497. 

  498. <p>Dans les conclusions de leur étude, les chercheurs rappellent que jamais jusqu’à présent nous n’avons laissé une machine décider de manière autonome qui devait vivre ou mourir. <em>« Le risque, demain, est que nous franchissions cette barrière morale, non pas tant sur des théâtres d’opérations militaires lointains, mais dans les aspects le plus banals de nos vies, le transport quotidien »</em>. Pour les chercheurs, malgré les limites de leur enquête (notamment le fait que leurs échantillons de répondants ne représentent qu’une certaine partie des publics qui ne reflète pas les données sociodémographiques de chaque pays), il est nécessaire d’établir une discussion entre les préférences individuelles et sociétales, celles des entreprises qui concevront ces machines et les réglementations des décideurs politiques qui les réglementeront. </p>

  499. 

  500. <p>Au final, pointent-ils, le petit jeu du MIT a mis en avant 3 préférences morales fortes : la préférence pour épargner des vies humaines, la préférence pour épargner plus de vies et la préférence pour épargner les plus jeunes. Reste, soulignent avec modestie les chercheurs : <em>« le fait que nos échantillons ne sont pas nécessairement représentatifs signifie que les décideurs ne doivent pas considérer nos données comme le dernier mot sur les préférences de la société »</em> en matière de morale appliquée à la conduite autonome. Ils soulignent également combien les scénarios proposés demeurent simplistes : il n’y a pas d’incertitude dans ces scénarios quant à la classification des personnes, alors qu’il est difficile de dire, concrètement, pour une machine, si elle a affaire à un enfant ou à une personne âgée par exemple. De même le choix binaire, de vie ou de mort, demeure bien souvent simpliste. Ils soulignent enfin que mêmes les préférences morales les plus fortes exprimées par les répondants connaissent des variations culturelles, mais que trouver des consensus est peut-être possible. </p>

  501. 

  502. <p>Reste bien sûr qu’un consensus moral ne dépend pas que de préférences exprimées par les individus, mais également de valeurs que la société peut porter. Le fait que nous préférions privilégier la vie des plus jeunes ne signifie pas pour autant que la société devrait accepter la distinction fondée sur des caractéristiques personnelles. Bref, ni la somme de préférences individuelles, ni la machine morale ne vont nous abstraire de nos responsabilités à venir !</p>

  503.   </article>

  504. </section>

  505. 

  506. 

  507. <nav id="jumpto">

  508.   <p>

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

  510.     <a href="http://www.internetactu.net/a-lire-ailleurs/de-la-relativite-de-lethique/">Source originale</a> |

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

  512.   </p>

  513. </nav>

  514. 

  515. <footer>

  516.   <div>

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

  518.     <p>

  519.       Bonjour/Hi!

  520.       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>

  521.       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>).

  522.     </p>

  523.     <p>

  524.       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>.

  525.     </p>

  526.     

  527.     <p>

  528.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  545.     </p>

  546.     <p>

  547.       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>.

  548.     </p>

  549.     <p>

  550.       Je ne traque pas ta navigation mais mon

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

  552.       conserve des logs d’accès.

  553.     </p>

  554.   </div>

  555. </footer>

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

  557.   ;(_ => {

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

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

  560.       e.preventDefault()

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

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

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

  564.     })

  565.   })()

  566. </script>