crowds/fr.html

1642 lines
52 KiB
HTML
Raw Normal View History

2018-04-27 20:44:08 +00:00
<!--
La sagesse et/ou folie des foules
by Nicky Case | apr 2018
- - - - - - - - - - -
FAN TRANSLATION GUIDE:
https://github.com/ncase/crowds#how-to-translate-this-thing
Hello fan-translaters! Thank you so, so much for your help.
I hope you know what you've gotten yourself into.
There's about 3600+ WORDS to translate, including
the Bonus Boxes and References.
To make things easier (or less painful, anyway) I've marked
what needs to be translated and how with big "TRANSLATE" comments.
Ctrl+F for "TRANSLATE" in uppercase to see what needs to be translated!
BUT BEFORE YOU TRANSLATE ANYTHING, DO THIS:
1) Look up the two-letter code of the language you're translating to:
https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
2) *COPY* index.html, and name the copy [two-letter-code].html
For example: de.html, ar.html, zh.html, etc...
3) Translate *THAT* page. Do NOT modify the original index.html!
And once you're done, go to "translations.txt", and follow the
instructions there to let this game "know" your translation exists.
Good luck, and thanks again!
<3,
~ Nicky Case
-->
<!DOCTYPE html>
<html>
<head>
<!-- Meta Info -->
<title>La sagesse et/ou folie des foules</title> <!-- <title>(TRANSLATE this part only)</title> -->
<meta name="description" content="un guide intéractif des réseaux humains"/> <!-- content="(TRANSLATE this part only)" -->
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta charset="utf-8">
<link rel="icon" type="image/png" href="favicon.png">
<!-- Sharing -->
<meta itemprop="name" content="La sagesse et/ou folie des foules"> <!-- content="(TRANSLATE this part only)" -->
<meta itemprop="description" content="un guide intéractif des réseaux humains"> <!-- content="(TRANSLATE this part only)" -->
<meta itemprop="image" content="http://ncase.me/crowds/social/thumb.png">
<meta name="twitter:title" content="La sagesse et/ou folie des foules"> <!-- content="(TRANSLATE this part only)" -->
<meta name="twitter:description" content="un guide intéractif des réseaux humains"> <!-- content="(TRANSLATE this part only)" -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ncasenmare">
<meta name="twitter:creator" content="@ncasenmare">
<meta name="twitter:image" content="http://ncase.me/crowds/social/thumb.png">
<meta property="og:title" content="La sagesse et/ou folie des foules"> <!-- content="(TRANSLATE this part only)" -->
<meta property="og:description" content="un guide intéractif des réseaux humains"> <!-- content="(TRANSLATE this part only)" -->
<meta property="og:type" content="website">
<meta property="og:url" content="http://ncase.me/crowds/">
<meta property="og:image" content="http://ncase.me/crowds/social/thumb.png">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<!-- THE SLIDESHOW -->
<div id="container">
<!-- Simulation(s) in background -->
<div id="simulations_container">
<div id="simulations"></div>
</div>
<!-- Slideshow: words & buttons -->
<div id="slideshow_container">
<div id="slideshow"></div>
</div>
<!-- Scratch Transition -->
<canvas id="scratch" width="711" height="400"></canvas>
<!-- Skip -->
<div id="skip">passer &gt;</div> <!-- TRANSLATE -->
<!-- Modal -->
<div id="modal_container">
<div id="modal_bg"></div>
<div id="modal">
<div id="modal_close"></div>
<div id="modal_content_container">
<div id="modal_content"></div>
</div>
</div>
</div>
</div>
2018-04-27 20:44:08 +00:00
<!-- Navigation: Audio, Contents, Share, Translations -->
<div id="navigation_container">
<div id="sound" mute="no">
<div id="sound_icon"></div>
<span id="sound_on">ON</span> <!-- TRANSLATE -->
<span id="sound_off">OFF</span> <!-- TRANSLATE -->
</div>
<div id="sharing">
<a id="fb" target="_blank" href="TODO"></a>
<a id="tw" target="_blank" href="TODO"></a>
<a id="em" target="_blank" href="TODO"></a>
<span id="share_title">
La sagesse et/ou folie des foules <!-- TRANSLATE -->
</span>
<span id="share_desc">
<!-- TRANSLATOR: keep this on ONE LINE or the social sharing will break! -->
Pourquoi les groupes de gens se comportent parfois intelligemment, et des fois de manière idiote, gentille ou cruelle ? un guide intéractif des réseaux humains: <!-- TRANSLATE -->
</span>
</div>
<div id="navigation">
<!-- The chapters -->
<!-- TRANSLATE all the Chapter names! -->
<div chapter="Introduction">
<span>0</span>
<span>0. Introduction</span>
</div>
<div chapter="Networks">
<span>1</span>
<span>1. Connections</span>
</div>
<div chapter="Simple">
<span>2</span>
<span>2. Contagions</span>
</div>
<div chapter="Complex">
<span>3</span>
<span>3. Contagions complexes</span>
</div>
<div chapter="BB">
<span>4</span>
2018-04-30 19:40:11 +00:00
<span>4. Liens &amp; Ponts</span> <!-- note: &amp; is html for the "and" sign !!todo -->
2018-04-27 20:44:08 +00:00
</div>
<div chapter="SmallWorld">
<span>5</span>
<span>5. Le monde est petit</span>
</div>
<div chapter="Conclusion">
<span>6</span>
<span>6. En conclusion...</span>
</div>
<div chapter="Credits">
<span>7</span>
<span>7. Crédits</span>
</div>
<div chapter="Sandbox">
<span></span>
<span>★ Mode bac à sable ! ★</span>
</div>
<!-- A divider -->
<span class="nav_divider"></span>
2018-04-27 20:44:08 +00:00
<!-- Bonus Notes & References -->
<div modal="bonus">
<span>?</span>
<span>Bonus !</span> <!-- TRANSLATE -->
</div>
<div modal="references">
<span style="margin-top: 7px; font-size: 35px;">*</span>
<span>Liens &amp; Références</span> <!-- TRANSLATE -->
</div>
<div modal="translations">
<span style="margin-top:5px; position:relative;"><span style="
position: absolute;
top: -8px;
left: 6px;
">A</span><span style="
position: absolute;
font-size: 16px;
top: -1px;
left: 16px;
">あ</span></span>
<span>Traductions</span> <!-- TRANSLATE -->
</div>
<!-- The hover bubble -->
<span id="nav_bubble"></span>
2018-04-27 20:44:08 +00:00
</div>
<div id="translations"></div>
<div id="social"></div>
</div>
2018-04-27 20:44:08 +00:00
<!-- The Pencil -->
<div id="pencil_container">
<canvas id="pencil"></canvas>
</div>
<!-- Preloader -->
<div id="pre_preloader">
<div>chargement...</div> <!-- TRANSLATE -->
</div>
</body>
</html>
<!-- - - - - -->
<!-- SCRIPTS -->
<!-- - - - - -->
<script src="js/lib/helpers.js"></script>
<script src="js/lib/minpubsub.src.js"></script>
<script src="js/lib/howler.min.js"></script>
<script src="js/lib/Key.js"></script>
<script src="js/lib/Mouse.js"></script>
<script src="js/lib/Sprite.js"></script>
<script src="js/slideshow/Slideshow.js"></script>
<script src="js/slideshow/Pencil.js"></script>
<script src="js/slideshow/Boxes.js"></script>
<script src="js/slideshow/Scratch.js"></script>
<script src="js/slideshow/Navigation.js"></script>
<script src="js/slideshow/SimUI.js"></script>
<script src="js/slideshow/SandboxUI.js"></script>
<script src="js/slideshow/Modal.js"></script>
<script src="js/slideshow/Preloader.js"></script>
<script src="js/slideshow/Translations.js"></script>
<script src="js/sim/Peep.js"></script>
<script src="js/sim/Connection.js"></script>
<script src="js/sim/ConnectorCutter.js"></script>
<script src="js/sim/Simulations.js"></script>
<script src="js/chapters/A_Preloader.js"></script>
<script src="js/chapters/B_Introduction.js"></script>
<script src="js/chapters/C_Networks.js"></script>
<script src="js/chapters/D_Simple_Contagion.js"></script>
<script src="js/chapters/E_Complex_Contagion.js"></script>
<script src="js/chapters/F_Bonding_And_Bridging.js"></script>
<script src="js/chapters/G_Small_World.js"></script>
<script src="js/chapters/H_Conclusion.js"></script>
<script src="js/chapters/I_Credits.js"></script>
<script src="js/chapters/J_Sandbox.js"></script>
<script src="js/main.js"></script>
<!-- - - - - - - - - - - - -->
<!-- THE SLIDESHOW'S WORDS -->
<!-- - - - - - - - - - - - -->
<!--
2018-04-27 20:44:08 +00:00
This is the bulk of what you need to TRANSLATE!
Translate just the text that's within the <tag></tags>
If you're using a code editor (like Sublime Text https://www.sublimetext.com/),
it should automatically highlight what the text is (usually in white).
-->
<span style="display:none">
<!-- Preloader -->
<words id="preloader_title">
<div style="font-size: 30px;">
<span>La</span>
<br>
<span style="font-size: 60px;letter-spacing: 4px;">SAGESSE</span>
<span style="position:relative;top: -10px;">et/ou</span>
<span style="font-size: 60px;">FOLIE</span>
<br>
<span style="position: relative;top: -11px;">des</span>
<br>
<span style="font-size: 100px;line-height: 80px;position: relative;top: -15px; display:block;">FOULES</span>
</div>
<div style="color:#999">
<!-- TRANSLATE note: comment out the line below... -->
<!-- Temps de jeu: 30 min • par nicky case, april 2018 -->
<!-- ...and UN-comment + TRANSLATE this line! -->
Par nicky case • Traduit par @clemkeirua • <a href='/'>original en anglais</a>
</div>
</words>
<words id="preloader_button">
<next></next>
</words>
<words id="preloader_loading">
chargement...
</words>
<words id="preloader_play">
C'est parti ! <div class="rarr"></div>
2018-04-27 20:44:08 +00:00
</words>
<!-- Introduction -->
<!--
TRANSLATE note: to make the text stay in a circle, I added lots of <br> breaks.
You may have to re-arrange the <br>'s in order to do your translation.
It shouldn't look too bad if they're slightly off, though!
Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
-->
<words id="intro">
<br><br>
2018-04-27 20:59:54 +00:00
Sir Isaac Newton était plutôt sûr d'être un
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
malin. Après tout, après l'invention du calcul différentiel
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
et de la théorie de la gravité, il devrait être assez intelligent pour
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
des investissements financiers, non ? Hé bien, pour faire court, il a
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
perdu $4,600,000 (en dollars d'aujourd'hui) dans la folie spéculative
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
nationale appellée la Bulle de la Mer du Sud de 1720.
2018-04-27 20:44:08 +00:00
<br><br>
2018-04-27 20:59:54 +00:00
Comme il l'a dit ensuite: <i>“Je peux calculer le mouvement des
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
corps célestes, mais pas la folie du peuple.”</i>
2018-04-27 20:44:08 +00:00
<next>oui, dommage <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<words id="intro_2">
<div style="height:0.5em"></div>
Bien sûr, ce n'est pas la seule
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
fois où les marchés, institutions, ou
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
des démocraties se sont détraquées &mdash; la <i>folie</i> des
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
foules. Et pourtant, au moment où on perd foi en l'humanité,
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
on trouve des gens qui s'organisent pour se porter secours
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
lors des ouragans, des communautés qui trouvent des solutions,
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
des gens qui combattent pour un monde meilleur &mdash; la <i>sagesse</i> des foules&nbsp;!
2018-04-27 20:44:08 +00:00
<div style="height:0.9em"></div>
2018-04-27 20:59:54 +00:00
<b><i>Pourquoi</i> certaines foules sont folles, d'autres sages ?</b> Aucune théorie
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
ne peut tout expliquer, mais je pense qu'un nouveau champ d'étude
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
<b>la science des réseaux</b>, peut nous guider ! Son idée centrale:
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
pour comprendre les foules, il ne faut pas regarder les
2018-04-27 20:44:08 +00:00
<br>
2018-04-27 20:59:54 +00:00
<i>individus</i>, mais...
<next>...leurs <i>connexions.</i> <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<!-- Networks -->
<words id="networks_tutorial_start">
2018-04-29 15:39:01 +00:00
<b>Dessinons un réseau !</b>
Chaque lien represente une amitié entre deux personnes :
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_tutorial_connect">
dessinez pour connecter
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_tutorial_disconnect">
coupez pour&nbsp;&nbsp;&nbsp;&nbsp;déconnecter
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_tutorial_end">
2018-04-29 15:39:01 +00:00
quand vous avez fini de gribouiller et jouer,
<next wiggle>on continue <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_threshold">
Les connexions sociales servent à bien plus qu'à faire de jolies images.
Les gens <i>se tournent vers</i> leurs connexions sociales pour comprendre leur monde.
2018-04-29 15:39:01 +00:00
Par exemple, les gens regardent leurs pairs
pour savoir quel <b>% de leurs amis</b> (sans se compter eux) sont,
disons, de gros buveurs. <icon name="yellow"></icon>
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_threshold_instruction">
<b>Dessinez/effacez des connexions, et regardez ce qui arrive! <div class="rarr"></div> </b>
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_threshold_end">
2018-04-29 15:39:01 +00:00
<next>cool, j'ai compris</next>
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_pre_puzzle">
2018-04-29 15:39:01 +00:00
Cependant, les réseaus peuvent <i>tromper</i> les gens.
Comme la Terre peut sembler plate car on est dessus,
des gens peuvent se faire une image fausse de la société car ils en <i>font partie</i>.
2018-04-27 20:44:08 +00:00
</words>
<words id="optional_reading">
<div style="position:absolute; top:5px;">
2018-04-29 15:39:01 +00:00
Notes <i>optionnelles</i> bonus ! &uarr;
2018-04-27 20:44:08 +00:00
</div>
<div style="position:absolute; left:216px; top:10px;">
2018-04-29 15:39:01 +00:00
&darr; liens et références
2018-04-27 20:44:08 +00:00
</div>
</words>
<words id="networks_pre_puzzle_2">
2018-04-27 20:44:08 +00:00
<bon id="books"></bon>
<br>
2018-04-29 15:39:01 +00:00
Par exemple, une étude de 1991<ref id="drunk"></ref> a montré que “presque tous les étudiants d'[université] ont rapporté que leurs amis buvaient plus qu'eux”
Mais cela parait impossible !
Comment cela se peut-il ?
Hé bien, vous allez inventer la réponse vous même, en dessinant un réseau.
Il est temps de...
2018-04-27 20:44:08 +00:00
2018-04-29 15:39:01 +00:00
<next>TROMPER TOUT LE MONDE <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_puzzle">
<b style="font-size:2em">PUZZLE TIME!</b>
<br>
2018-04-29 15:39:01 +00:00
Fais croire à <i>tout le monde</i>
que la majorité de leurs amis (seuil à 50%) sont de gros buveurs <icon name="yellow"></icon>
(même s'il y a deux fois moins de gros buveurs&nbsp!)
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_puzzle_metric">
2018-04-29 15:39:01 +00:00
<b>VICTIMES:</b>
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_puzzle_metric_2">
2018-04-29 15:39:01 +00:00
parmi 9 personnes
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_puzzle_end">
2018-04-29 15:39:01 +00:00
Félicitations ! Vous avez fait croire chez un groupe d'étudiants
à la prévalence d'une norme sociale incroyablement malsaine&nbsp! Bien joué&nbsp!
<next wiggle>...euh. merci ?</next>
2018-04-27 20:44:08 +00:00
</words>
<words id="networks_post_puzzle">
2018-04-29 15:39:01 +00:00
Ce que vous venait de créer s'appelle l'Illusion de la majorité<ref id="majority"></ref>,
qui explique également pourquoi les gens pensent que leurs idées politique fait consensus,
ou pourquoi l'extrémisme semble plus courant qu'il ne l'est.
<i>Folie.</i>
2018-04-27 20:44:08 +00:00
<bon id="connections"></bon>
2018-04-29 15:39:01 +00:00
Mais les gens n'<i>observent</i> pas simplement passivement les idées et comportements des autres:
ils les <i>copient</i> activement.
Nous allons donc maintenant regarder ce qu'on appelle...
2018-04-27 20:44:08 +00:00
2018-04-29 15:39:01 +00:00
<next>les “Contagions!” <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<!-- Simple Contagions -->
<words id="simple_simple">
2018-04-29 15:57:44 +00:00
<i>Oublions un moment cette histoire de "seuil".</i>
Dessous: nous avons une personne <icon name="red"></icon> avec une information.
Une fausse info, une "fake news" comme on dit.
Et tous les jours, cette personne répand la rumeur, comme un virus, à ses amis.
Qui la répandent à leur tour à <i>leurs</i> amis. Et ainsi de suite.
2018-04-27 20:44:08 +00:00
<br>
<b>
2018-04-29 15:57:44 +00:00
Démarrez la simulation! <div class="darr"></div>
(p.s: pas de dessin <i>quand</i> la simulation tourne)
2018-04-27 20:44:08 +00:00
</b>
</words>
<words id="simple_simple_2">
2018-04-29 15:57:44 +00:00
Note: malgré le nom négatif, les "contagions" peuvent être bonnes ou mauvaises (ou neutres, ou ambigues).
2018-04-30 20:33:51 +00:00
Il y a une grande preuve statistique<ref id="contagion"></ref> que
2018-04-29 15:57:44 +00:00
fumer, la santé, la joie, les motifs de vote, et les niveaux de coopération
sont tous "contagieux" --
et même des preuves que les suicides <ref id="suicides"></ref> et les fusillades<ref id="shootings"></ref>
2018-04-29 15:57:44 +00:00
en sont également.
2018-04-27 20:44:08 +00:00
</words>
<words id="simple_simple_end">
2018-04-29 15:57:44 +00:00
<next wiggle>c'est déprimant <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<words id="simple_cascade">
2018-04-29 15:57:44 +00:00
En effet.
Peu importe, <b>PUZZLE TIME!</b>
2018-04-27 20:44:08 +00:00
<br>
Dessinez un réseau &amp; lancez la simulation,
2018-04-29 15:57:44 +00:00
afin que <i>tout le monde</i> soit infecté par la "contagion".
2018-04-27 20:44:08 +00:00
<br>
(nouvelle règle: vous ne pouvez pas couper les connexions <i>épaisses</i>)
2018-04-27 20:44:08 +00:00
</words>
<words id="simple_cascade_end">
2018-04-29 15:57:44 +00:00
<next wiggle>fan-tas-tique&nbsp;! <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<words id="simple_post_cascade">
2018-04-29 15:57:44 +00:00
Cette folie qui se répand s'appelle <b>une "cascade d'information"</b>.
Mr. Newton s'est pris dans une telle cascade en 1720.
Les institutions financières mondiales se sont pris dans une telle cascade en 2008.<ref id="subprime"></ref>
2018-04-27 20:44:08 +00:00
<br><br>
2018-04-29 15:57:44 +00:00
Cependant: <i>cette simulation est fausse.</i>
La plupart des idées <i>ne se répandent pas</i> comme des virus.
Pour beaucoup de croyances et de comportement, il faut être exposé à la contagion plus d'une fois
pour être "infecté".
Donc, les chercheurs en réseaux ont trouvé une meilleure nouvelle manière
de décrire comment les idées et comportement se répandent, ils l'appellent...
<next wiggle>“Les contagions <i>complexes</i>!” <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<!-- Complex Contagions -->
<words id="complex_complex">
2018-04-29 21:24:36 +00:00
Reprenons les "seuils" et l'exemple des gros buveurs <icon name="yellow"></icon> !
Quand vous y avez joué la première fois, les gens ne changeaient pas leur comportement.
2018-04-27 20:44:08 +00:00
<br><br>
2018-04-29 21:24:36 +00:00
Maintenant, simulons ce qui arrive quand les gens commencent à boire
<i>quand plus de 50% de leurs amis boivent !</i>
<b>Avant de démarrer, essayez de deviner ce qui <i>devrait</i> arriver.</b>
2018-04-27 20:44:08 +00:00
<br><br>
2018-04-29 21:24:36 +00:00
<b>Maintenant, démarrez la simulation, et regardez ce qui arrive vraiment !</b>
2018-04-27 20:44:08 +00:00
</words>
<words id="complex_complex_2">
<span style="line-height:1.3em; display:block;">
2018-04-29 21:24:36 +00:00
Contrairement à la précédente contagion des fausses rumeurs <icon name="red"></icon>,
cette contagion <icon name="yellow"></icon> n'atteint <i>pas</i> tout le monde !
Les premières personnes ont été "infectées", car bien qu'elles n'aient été qu'à un gros buveur, celui-ci représente 50% de leurs amis (oui, ils sont solitaires).
Par contre, la personne à la fin de la chaîne n'a <i>pas</i> été "infectée",
car bien qu'elle ait été exposée à un ami gros buveur,
il y a moins de 50% de gros buveurs parmi ses amis.
2018-04-27 20:44:08 +00:00
<div style="height:0.75em"></div>
2018-04-29 21:24:36 +00:00
Ce % <i>relatif</i> d'amis "infectés" est important.
<i>C'est</i> la différence entre la théorie des <b>contagions complexes</b><ref id="complex"></ref>,
et notre théorie naïve des <b>contagions simples</b> qui se répandent comme des virus.
(on peut dire que les "contagions simples" sont juste des contagions avec un seuil à 0%)
2018-04-27 20:44:08 +00:00
<div style="height:0.75em"></div>
2018-04-29 21:24:36 +00:00
Cependant, les contagions ne sont pas nécessairement mauvaises &mdash;
assez de <i>folie</i> des foules, pourquoi pas...
<next>...la <i>sagesse</i> des foules ?</next>
2018-04-27 20:44:08 +00:00
</span>
</words>
<words id="complex_complex_3">
2018-04-29 21:24:36 +00:00
Ici, nous avons un volontaire <icon name="blue"></icon> pour... je ne sais pas,
sauver des gens lors d'un ouragan, offrir des cours à des élèves en difficulté du quartier, ou quelques chose de cool de ce genre.
L'idée, c'est que c'est une "bonne" contagion complexe.
Cette fois-ci, cependant, disons que le seuil est seulement de 25% &mdash;
Les gens veulent se porter volontaires, mais seulement si 25% ou plus de leurs amis le font égalemetn.
Hé, la bonne volonté a besoin d'un peu d'encouragment social.
2018-04-27 20:44:08 +00:00
Hey, goodwill needs a bit of social encouragement.
<br><br>
2018-04-29 21:24:36 +00:00
<b>&larr; "Infectez" tout le monde avec des bonnes vibrations !</b>
2018-04-27 20:44:08 +00:00
</words>
<words id="complex_complex_3_end">
<span style="line-height:1.3em; display:block;">
2018-04-29 21:24:36 +00:00
<b>NOTE:</b> faire du bénévolat est seulement <i>une</i> des nombreuses contagions complexes !
Il y a également: les résultats de vote, les habitudes de vie, défier ses croyances, prendre le temps de comprendre un problème profondément &mdash; tout ce qui a besoin de plus qu'une "exposition".
Les contagions complexes ne sont pas <i>nécessairement</i> sages, mais être sage est une contagion complexe.
2018-04-27 20:44:08 +00:00
<div style="height:0.75em"></div>
2018-04-29 21:24:36 +00:00
(Du coup, que serait une contagion <i>simple</i> dans la vie réelle ?
Souvent des anecdotes, comme, "l'oppossum a 13 mamelles"<ref id="possum"></ref>)
2018-04-27 20:44:08 +00:00
<bon id="contagions"></bon>
2018-04-29 21:24:36 +00:00
Pour <i>vraiment</i> montrer la puissance et l'étrangeté des contagions complexes, revisitons...
2018-04-27 20:44:08 +00:00
2018-04-29 21:24:36 +00:00
<next>...un puzzle précédent <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</span>
</words>
<words id="complex_cascade">
2018-04-29 21:24:36 +00:00
Vous vous en souvenez ? Cette fois-ci, avec une contagion<icon name="blue"></icon> <i>complexe</i>, ce sera un peu plus dur...
2018-04-27 20:44:08 +00:00
<br>
2018-04-29 21:24:36 +00:00
<b>Essayez d'"infecter" tout le monde de sagesse complexe ! <div class="darr"></div></b>
2018-04-27 20:44:08 +00:00
</words>
<words id="complex_cascade_feel_free">
2018-04-29 21:24:36 +00:00
(Appuyez sur 'Démarrer' et <i>essayez</i> autant de solutions que vous voulez)
2018-04-27 20:44:08 +00:00
</words>
<words id="complex_cascade_end">
2018-04-29 21:24:36 +00:00
<next wiggle>BON SANG <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<words id="complex_post_cascade">
Bon, vous vous dites peut-être qu'il suffit d'ajouter des connexions pour répandre une contagion,
2018-04-29 21:24:36 +00:00
"complexe" ou "simple", bonne ou mauvaise, sage ou folle.
Mais en est-il ainsi ? Hé bien, revisitons...
2018-04-27 20:44:08 +00:00
</words>
<words id="complex_post_cascade_end">
2018-04-29 21:24:36 +00:00
<next wiggle>...un autre puzzle précédent<div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<words id="complex_prevent">
2018-04-29 21:24:36 +00:00
Si vous appuyez sur "Démarrer", la contagion complexe<icon name="blue"></icon> va toucher tout le monde.
Pas de surprise.
Cette fois-ci, faisons le <i>contraire</i> de tout ce que nous avons fait avant:
<b>dessine un réseau qui <i>empêche</i> la contagion d'atteindre tout le monde ! <div class="darr"></div></b>
2018-04-27 20:44:08 +00:00
</words>
<words id="complex_prevent_2">
Vous voyez ?
Bien qu'un nombre plus important de connexions va toujours aider à répandre des idées simples,
<b>cela peut gêner le développement d'idées <i>complexes</i> !</b>
2018-04-29 21:24:36 +00:00
(ça fait se poser des questions au sujet d'Internet, hein ?)
Et ce n'est pas jsute un problème théorique. Cela peut être une question de vie...
2018-04-27 20:44:08 +00:00
</words>
<words id="complex_prevent_end">
2018-04-29 21:24:36 +00:00
<next wiggle>...ou de mort. <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<words id="complex_groupthink">
2018-04-29 21:24:36 +00:00
Les gens à la NASA sont intelligents.
Je veux dire, ils ont utilisé les théories de Newton pour nous envoyer sur la Lune.
Pourtant, en 1986, <i>malgré les avertissements des ingénieurs</i>,
ils ont lancé <i>Challenger</i>, qui a explosé et tué 7 personnes.
La raison: il faisait trop froid ce jour là.
2018-04-27 20:44:08 +00:00
<div style="height:0.9em"></div>
2018-04-29 21:24:36 +00:00
En fait, les managers ont ignoré les avertissements des ingénieurs.
Pourquoi ? à cause de l'<b>effet de groupe</b><ref id="groupthink"></ref>.
Quand un groupe est trop uni (cela tend à être le cas au sommet des institutions),
il résiste aux idées complexes qui mettent en péril leurs croyances ou leur égo.
2018-04-27 20:44:08 +00:00
<div style="height:0.9em"></div>
2018-04-29 21:24:36 +00:00
C'est comme ça que les institutions tombent dans la folie des foules.
2018-04-29 21:24:36 +00:00
Mais comment en "concevoir" qui exploitent la <i>sagesse</i> des foules ?
En deux mots:
2018-04-27 20:44:08 +00:00
2018-04-29 21:24:36 +00:00
<next>liens &amp; ponts <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<!-- Bonding & Bridging -->
<words id="bonding_1">
&larr; Pas assez de connexions, et une idée ne peut pas se propager.
2018-04-27 20:44:08 +00:00
<br>
Trop de connexions, et l'effet de groupe apparaît. <div class="rarr"></div>
2018-04-27 20:44:08 +00:00
</words>
<words id="bonding_2">
<b>
Dessinez un groupe qui est dans le juste milieu:
suffisament connecté pour répandre une idée complexe!
2018-04-27 20:44:08 +00:00
<div class="darr"></div>
</b>
</words>
<words id="bonding_end">
2018-04-30 19:40:11 +00:00
Facile !
Le nombre de connexions <i>dans</i> un groupe est appelé <b>cpital social de relations</b><ref id="social_capital"></ref>.
Qu'en est-il des connexions...
2018-04-30 19:40:11 +00:00
<next wiggle>...<i>entre</i> groupes ?</next>
2018-04-27 20:44:08 +00:00
</words>
<words id="bridging_1">
Comme vous l'avez peut-être deviné,
le nombre de connexions <i>entre</i> des groupes s'appelle le
<b>capital social de ponts</b>.
C'est important, car cela aide les groupes à sortir de leurs caisses de raisonnance !
2018-04-27 20:44:08 +00:00
<br>
<b>Construisez un pont, pour "infecter" tout le monde de sagesse complexe:</b>
2018-04-27 20:44:08 +00:00
</words>
<words id="bridging_end">
Comme pour les liens, Il y a un juste milieu pour les ponts, aussi.<ref id="bridge"></ref>
(extra challenge: essayez de dessiner un pont si épais que la contagion complexe
<i>ne puisse pas</i> passer à travers!)
Maintenant que nous savons comment "concevoir" des connexions <i>à l'intérieur</i> et <i>entre</i> des groupes, faisons...
<next wiggle>...LES DEUX en même temps!</next>
2018-04-27 20:44:08 +00:00
</words>
<words id="bb_1">
2018-04-30 19:40:11 +00:00
<b style="font-size:2em">PUZZLE FINAL !</b>
2018-04-27 20:44:08 +00:00
<br>
Dessinez des connexions à l'intérieur de groupes (liens) et entre des groupes (ponts)
pour répandre la sagesse à toute la foule:
2018-04-27 20:44:08 +00:00
</words>
<words id="bb_2">
Félicitations, vous venez de dessiner un type très spécial de réseau!
Les réseaux avec un équilibre juste entre liens et ponts
sont profondément importants, et ils sont appelés...
2018-04-30 19:40:11 +00:00
<next wiggle>“réseaux petits mondes” <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<words id="bb_small_world_1">
2018-04-30 19:40:11 +00:00
<i>"Unité sans uniformité". "Diversité sans division". "E Pluribus Unum: de plusieurs, un".</i>
2018-04-27 20:44:08 +00:00
<br>
Peu importe comment c'est formulé,
les gens à travers les époques et les cultures arrivent souvent à la même sagesse:
2018-04-27 20:44:08 +00:00
<b>
une société saine nécessite un équilibre de liens <i>à l'intérieur</i> de groupes
et de ponts <i>entre</i> des groupes.
2018-04-27 20:44:08 +00:00
</b>
2018-04-30 19:40:11 +00:00
C'est à dire:
2018-04-27 20:44:08 +00:00
</words>
<words id="bb_small_world_2">
2018-04-30 19:40:11 +00:00
Pas ceci...
2018-04-27 20:44:08 +00:00
<br>
2018-04-30 19:40:11 +00:00
(car les idées ne peuvent pas se répandre)
2018-04-27 20:44:08 +00:00
</words>
<words id="bb_small_world_3">
ni cela...
2018-04-27 20:44:08 +00:00
<br>
(car l'effet de groupe s'y manifesterait)
2018-04-27 20:44:08 +00:00
</words>
<words id="bb_small_world_4">
...mais <i>CECI:</i>
2018-04-27 20:44:08 +00:00
</words>
<words id="bb_small_world_5">
Les scientifiques des réseaux ont maintenant une définition mathématique pour cette sagesse ancienne:
le <b>réseau petit monde</b><ref id="small_world"></ref>.
Ce mélange optimal de liens+ponts décrit comment
nos neurones sont connectés<ref id="swn_neurons"></ref>,
encourage la créativité collective<ref id="swn_creativity"></ref>
2018-04-30 19:40:11 +00:00
et la résolution de problèmes<ref id="swn_social_physics"></ref>,
et a même une fois aidé (à peine) le président américain John F. Kennedy à éviter une guerre nucléaire!<ref id="swn_jfk"></ref>
Donc, oui, les petits mondes sont importants.
2018-04-27 20:44:08 +00:00
</words>
<words id="bb_small_world_end">
2018-04-30 19:40:11 +00:00
<next>ok, récapitulons... <div class="rarr"></div> </next>
2018-04-27 20:44:08 +00:00
</words>
<!-- Sandbox -->
<words id="sandbox_caption">
2018-04-30 19:40:11 +00:00
(pst... vous voulez connaître un secret ?<ref id="sandbox"></ref>)
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_contagion">
Contagion:
</words>
<words id="sandbox_contagion_simple">
simple
</words>
<words id="sandbox_contagion_complex">
2018-04-30 19:40:11 +00:00
complexe
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_color_chooser">
2018-04-30 20:07:35 +00:00
Couleur de contagion :
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_tool_chooser">
2018-04-30 19:40:11 +00:00
Choisis un outil...
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_tool_pencil">
2018-04-30 19:40:11 +00:00
Dessine un réseau
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_tool_add">
2018-04-30 19:40:11 +00:00
Ajoute quelqu'un
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_tool_add_infected">
2018-04-30 19:40:11 +00:00
Ajoute un "Infecté"
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_tool_move">
2018-04-30 19:40:11 +00:00
Déplace quelqu'un
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_tool_delete">
2018-04-30 19:40:11 +00:00
Supprime quelqu'un
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_tool_clear">
2018-04-30 19:40:11 +00:00
<b>TOUT EFFACER</b>
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_shortcuts_label">
2018-04-30 19:40:11 +00:00
(...ou, utilise les raccourcis clavier !)
2018-04-27 20:44:08 +00:00
</words>
<words id="sandbox_shortcuts">
2018-04-30 19:40:11 +00:00
[1]: Ajoute quelqu'un &nbsp;&nbsp;&nbsp; [2]: Ajoute un "Infecté"
2018-04-27 20:44:08 +00:00
<br>
2018-04-30 19:40:11 +00:00
[Space]: Déplace &nbsp;&nbsp;&nbsp; [Backspace]: Supprime
2018-04-27 20:44:08 +00:00
</words>
<!-- Conclusion -->
<words id="conclusion_1">
2018-04-27 20:44:08 +00:00
<div style="font-size: 30px;">
2018-04-30 20:01:24 +00:00
EN CONCLUSION: tout est question de...
2018-04-27 20:44:08 +00:00
</div>
<div style="
width: 100%;
position: absolute;
font-size: 88px;
top: 20px;
line-height: 100px; display:block;
">
Contagions &amp; Connections
</div>
<div style="
width: 710px;
position: absolute;
top: 125px;
left: 250px;
">
<b>Contagions:</b>
2018-04-30 20:01:24 +00:00
Comme les neurones et les signaux dans le cerveau,
les gens transmettent des croyances &amp; des comportements dans la société.
On influence nos amis, les amis de nos amis,
et même les amis des amis de nos amis !<ref id="three_degrees"></ref>
(“sois le changement que tu veux voir dans le monde” etc etc)...
2018-04-27 20:44:08 +00:00
</div>
<div style="
width: 710px;
position: absolute;
top: 275px;
left: 250px;
">
<b>Connections:</b>
2018-04-30 20:01:24 +00:00
Pas assez de liens et les idées complexes ne peuvent se répandre.
<i>Trop</i> de liens et les idées complexes sont écrasées par l'effet de groupe.
L'astuce, c'est de construire un petit réseau monde, le mélange optimal de liens et de ponts: <i>e pluribus unum.</i>
2018-04-27 20:44:08 +00:00
</div>
<div style="
width: 350px;
position: absolute;
top: 410px;
left: 220px;
text-align: center;
color: #aaa;
">
2018-04-30 20:01:24 +00:00
(tu veux faire ta propre simulation ?
teste le monde Sandbox, en cliquant sur le bouton (★) dessous !)
2018-04-27 20:44:08 +00:00
</div>
<div style="
width: 400px;
position: absolute;
top: 395px;
right: 0px;
text-align: right;
">
2018-04-30 20:01:24 +00:00
Qu'en est-il de la question du tout début&nbsp;:
Pourquoi certains foules deviennent...
2018-04-27 20:44:08 +00:00
</div>
<div style="
width: 300px;
position: absolute;
top: 460px;
right: 0px;
">
2018-04-30 20:01:24 +00:00
<next>...sages et/ou folles ?</next>
2018-04-27 20:44:08 +00:00
</div>
</words>
<words id="conclusion_2">
<span style="line-height:1.4em; display:block;">
<div style="height:0.5em"></div>
2018-04-30 20:01:24 +00:00
De Newton à la NASA à la
2018-04-27 20:44:08 +00:00
<br>
2018-04-30 20:01:24 +00:00
science des réseaux, on a dit beaucoup
2018-04-27 20:44:08 +00:00
<br>
2018-04-30 20:01:24 +00:00
aujourd'hui. En résumé, la folie des foules
2018-04-27 20:44:08 +00:00
<br>
2018-04-30 20:01:24 +00:00
n'est pas nécessairement due à des <i>individus</i>, mais à
2018-04-27 20:44:08 +00:00
<br>
2018-04-30 20:01:24 +00:00
comment on est piégé dans la toile collante d'un réseau.
2018-04-27 20:44:08 +00:00
<div style="height:0.9em"></div>
2018-04-30 20:01:24 +00:00
Mais on doit <i>PAS</i> négliger sa responsabilité personnelle,<br>car
2018-04-30 20:01:24 +00:00
nous sommes aussi <i>acteurs</i> de cette toile.
2018-04-27 20:44:08 +00:00
<br>
2018-04-30 20:01:24 +00:00
Donc, pour améliorer vos contagions&nbsp;: soyez sceptique des idées qui vous flattent<ref id="flatter"></ref>, prenez le temps de comprendre les idées complexes.
2018-04-27 20:44:08 +00:00
<br>
2018-04-30 20:01:24 +00:00
Et, pour améliorer vos connections: créez des liens avec des gens aux idées proches, mais aussi au dela des fossés culturels et politiques.
2018-04-27 20:44:08 +00:00
<div style="height:0.9em"></div>
2018-04-30 20:01:24 +00:00
On peut tisser une toile sage. C'est plus dur que
<br>gribouiller des lignes sur un écran...
2018-04-27 20:44:08 +00:00
2018-04-30 20:01:24 +00:00
<next>...mais ça vaut vraiment le coup.</next>
2018-04-27 20:44:08 +00:00
</span>
</words>
<words id="conclusion_3">
<i>
2018-04-30 20:01:24 +00:00
“Les grands triomphes et tragédies de l'histoire sont causés,
non par des gens fondamentallement bon ou mauvais,
mais par des gens qui sont fondamentallement des gens"
2018-04-27 20:44:08 +00:00
</i>
<br>
<span style="position:relative; top:5px">~</span> Neil Gaiman &amp; Terry Pratchett
<div style="height:0.8em"></div>
<next small>&lt;3</next>
</words>
<!-- Credits -->
2018-04-27 20:44:08 +00:00
<words id="credits">
<div style="text-align:center; color:#fff; letter-spacing: 1px; font-size: 24px; line-height: 27px;">
2018-04-27 20:44:08 +00:00
<span style="color:#777; position:relative; top:5px;">
2018-04-30 20:07:35 +00:00
créé par</span>
2018-04-27 20:44:08 +00:00
<div style="font-size: 3em; line-height: 1.0em;">
NICKY CASE</div>
<a target="_blank" href="http://ncase.me" style="text-decoration:none">
2018-04-30 20:07:35 +00:00
jouer à mes autres trucs</a>
2018-04-27 20:44:08 +00:00
<br><br>
<span style="color:#777; position:relative; top:5px; display: inline-block; margin-top: 15px;">
2018-04-30 20:07:35 +00:00
beaucoup d'amours et de remerciements à
</span>
2018-04-27 20:44:08 +00:00
<div style="font-size: 3em; line-height: 1.0em;">
2018-04-30 20:07:35 +00:00
MES SUPPORTERS PATREON</div>
2018-04-27 20:44:08 +00:00
<a onclick='publish("reference/show", ["supporters"]);'>
2018-04-30 20:07:35 +00:00
voir les noms &amp; dessins des supporters</a> ·
2018-04-27 20:44:08 +00:00
<a onclick='publish("reference/show", ["playtesters"]);'>
2018-04-30 20:07:35 +00:00
voir les testeurs</a>
2018-04-27 20:44:08 +00:00
<br>
<a target="_blank" href="https://www.patreon.com/ncase" style="text-decoration:none">
2018-04-30 20:07:35 +00:00
Aidez moi à faire plus de choses comme ça &lt;3</a>
2018-04-27 20:44:08 +00:00
<br><br>
<span style="display: inline-block; margin-top: 15px;">
2018-04-30 20:07:35 +00:00
♫ musique
2018-04-27 20:44:08 +00:00
<a target="_blank" href="http://freemusicarchive.org/music/Komiku/Tale_on_the_Late/" style="text-decoration:none">
2018-04-30 20:07:35 +00:00
"Friends 2018" &amp; "Friends 2068"</a>
par Komiku
2018-04-27 20:44:08 +00:00
<br>
2018-04-30 20:07:35 +00:00
&lt;/&gt; <i>Crowds</i> est
2018-04-27 20:44:08 +00:00
<a target="_blank" href="https://github.com/ncase/crowds" style="text-decoration:none">
2018-04-30 20:07:35 +00:00
complètement open source</a>
2018-04-27 20:44:08 +00:00
</span>
<br>
<bon id="further_reading"></bon>
</div>
</words>
<!-- x. misc -->
<words id="WIN">
2018-04-29 15:57:44 +00:00
VICTOIRE
2018-04-27 20:44:08 +00:00
</words>
<words id="sim_start">
2018-04-29 15:57:44 +00:00
Démarrer la simulation
2018-04-27 20:44:08 +00:00
</words>
<words id="sim_stop">
2018-04-29 21:24:36 +00:00
Réessayer
2018-04-27 20:44:08 +00:00
</words>
<words id="translations_exist">
2018-04-29 15:57:44 +00:00
Traductions par les fans :
2018-04-27 20:44:08 +00:00
</words>
<words id="translations_do_not_exist">
<!-- There's no need to TRANSLATE this line since, well, -->
<!-- it'll only show up if no translations exist -->
2018-04-29 15:57:44 +00:00
Quoi, il n'y a pas de traductions par les fans!?
2018-04-27 20:44:08 +00:00
</words>
<words id="translations_add">
2018-04-29 15:57:44 +00:00
(ajoutez la votre !)
2018-04-27 20:44:08 +00:00
</words>
<!-- - - - - - - -->
<!-- BONUS BOXES -->
<!-- - - - - - - -->
<!--
Sorry, not done yet! These Bonus Boxes need you to TRANSLATE, too:
(And then afterwards, the final thing, translate the References)
-->
<bonus id="books">
<h3>
2018-05-01 08:40:15 +00:00
Une réponse rapide au <i>The Wisdom of Crowds</i> de James Surowiecki
2018-04-27 20:44:08 +00:00
</h3>
<div>
<img src="sprites/bonus/surowieki.jpg" width="200" height="300" style="float:left; margin-right:1em"/>
2018-05-01 08:40:15 +00:00
Tout d'abord, je ne rejette pas complètement
2018-04-27 20:44:08 +00:00
<a target="_blank" href="https://en.wikipedia.org/wiki/The_Wisdom_of_Crowds">
2018-05-01 08:40:15 +00:00
ce livre.</a>
C'est un bon livre, et Surowiecki essayait de traier la même question que moi :
<b>“pourquoi certains foules deviennent folles, et d'autres sages ?”</b>
2018-04-27 20:44:08 +00:00
<br><br>
2018-05-01 08:40:15 +00:00
La réponse de Surowiecki: les foules peuvent prendre des bonnes décisions quand tout le monde est aussi indépendant que possible.
Il raconte l'histoire d'un fête de village, où les habitants de la ville sont invités à deviner le poids d'un boeuf.
Etonnamment, la moyenne de <i>toutes</i> les estimations était meilleur que <i>chacune</i> des estimations.
Mais, voici le truc: les gens devaient deviner <i>indépendament</i> des autres. Sinon, ils seraient influencés par des estimations antérieures incorrectes, et la réponse moyenne serait fortement biaisée.
2018-04-27 20:44:08 +00:00
<br><br>
2018-05-01 08:40:15 +00:00
Mais... je ne crois pas que "rendre tout le monde aussi indépendant que possible" soit la réponse complète.
Même les génies, que l'on caractèrise à tord comme les penseurs les plus indépendants, sont profondément influencés par les autres.
Comme le disait sir Isaac Newton,
<i>“Si c'est vu plus loin, c'est car je reposais sur les épaules de géants”</i>
2018-04-27 20:44:08 +00:00
<br><br>
2018-05-01 08:40:15 +00:00
Donc, quelle idée est correcte ?
Est ce que la sagesse vient de penser par soi même, ou de penser avec les autres ?
La réponse est : "oui".
2018-04-27 20:44:08 +00:00
<br><br>
2018-05-01 08:40:15 +00:00
C'est ce que j'essaie d'expliquer dans cette explication explorable : il faut trouver l'équilibre entre indépendance et interdépendance &mdash;
c'est ce qui nous permet de devenir une foule sage.
2018-04-27 20:44:08 +00:00
</div>
</bonus>
<bonus id="connections">
<h3>
2018-05-01 08:40:15 +00:00
Quels autres types de connections existent ?
</h3>
2018-04-27 20:44:08 +00:00
2018-05-01 08:40:15 +00:00
<div>
Par souci de simplicité, mes simulations prétendent que les gens sont seulement reliés par leurs amitiés, et que les amitiés sont égales.
Mais les scientifiques des réseaux considère d'autres manière d'être reliés, comme par exemple :
2018-04-27 20:44:08 +00:00
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/connection1.png" width="250" height="150" style="float:left; margin-right:1em"/>
2018-05-01 08:40:15 +00:00
<b>Les liens directionnels.</b> Alice est le chef de Bob, mais Bob n'est pas le chef d'Alice.
Carole est la mère de Dave, mais Dave n'a pas d'autorité sur Carole.
"Chef" &amp; "père/mère" sont des relations <i>directionnelles</i> :
la relation va seulement dans un sens.
Au contraire, l'"amitié" est une relation <i>bidirectionnelle</i> : la relation va dans les deux sens (enfin, on espère).
2018-04-27 20:44:08 +00:00
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/connection2.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>Weighted connections.</b> Elinor and Frankie are mere acquaintances.
George and Harry are Best Friends Forever.
Even though there's a "friendship" connection in both cases, the second one is stronger.
We say that these two connections have different "weights".
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/map.png" width="200" height="200" style="float:left; margin-right:1em"/>
Just remember: <b>all these simulations are wrong.</b> The same way any map is "wrong".
You see the map on the left? Buildings aren't gray featureless blocks!
Words don't float above the city! However, maps are useful not <i>despite</i> being simplified,
but <i>because</i> they're simplified. Same goes for simulations, or any scientific theory.
Of <i>course</i> they're "wrong" &mdash; that's what makes them <i>useful</i>.
</div>
</bonus>
<bonus id="contagions">
<h3>
What other kinds of contagions are there?
</h3>
<div>
2018-04-27 20:44:08 +00:00
There are so, so many ways that network scientists can simulate "contagions"!
I picked the simplest one, for educational purposes.
But here's other ways you could do it:
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion1.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>Contagions with Randomness</b>.
Being "exposed" to a contagion doesn't <i>guarantee</i> you'll be infected,
it only makes it more <i>likely</i>.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion2.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>People have different contagion thresholds.</b>
2018-04-27 20:44:08 +00:00
My simulations pretend that everyone has the same threshold for binge-drinking (50%) or
volunteering (25%) or misinformation (0%).
2018-04-27 20:44:08 +00:00
Of course, that's not true in real life, and you could make your sim reflect that.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion3.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>An ecology of contagions.</b>
What if there were <i>multiple</i> contagions, with <i>different</i> thresholds?
For example, a simple "madness" contagion and a complex "wisdom" contagion.
If someone's infected with madness, can they still be infected with wisdom?
Or vice versa?
Can someone be infected with both?
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion4.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>Contagions that mutate and evolve.</b>
Ideas don't pass perfectly from one person to another the way a virus does.
Like a game of Telephone, the message gets mutated with each re-telling &mdash;
and sometimes the mutant will be more infectious than the original!
So, over time, ideas "evolve" to be more catchy, copy-able, contagious.
<div style="clear:both"></div>
</div>
</bonus>
<bonus id="further_reading">
2018-04-27 20:44:08 +00:00
<h3>
I wanna learn more! What else can I read and/or play?
</h3>
2018-04-27 20:44:08 +00:00
<div>
2018-04-27 20:44:08 +00:00
This explorable explanation was just a springboard for your curiosity,
so you can dive deeper into a vast pool of knowledge!
Here's more stuff on networks or social systems:
<br><br>
<img src="sprites/bonus/connected.png" width="200" height="200" style="float:left; margin-right:1em"/>
<b>Book:</b>
<a target="_blank" href="http://www.connectedthebook.com/">
Connected</a>
by Nicholas Christakis and James Fowler (2009).
An accessible tour of how our networks affect our lives, for good or ill.
<a target="_blank" href="http://www.connectedthebook.com/pdf/excerpt.pdf">
Here's an excerpt: Preface &amp; Chapter 1
</a>
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/trust.png" width="200" height="200" style="float:left; margin-right:1em"/>
<b>Interactive:</b>
<a target="_blank" href="http://ncase.me/trust/">
The Evolution of Trust</a> by Nicky Case (me) (2017).
A game about the game theory of how cooperation is built... or destroyed.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/polygons.png" width="200" height="200" style="float:left; margin-right:1em"/>
<b>Interactive:</b>
<a target="_blank" href="http://ncase.me/polygons/">
Parable of the Polygons</a> by Vi Hart and Nicky Case (also me) (2014).
A story about how harmless choices can create a harmful world.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/ee.png" width="200" height="200" style="float:left; margin-right:1em"/>
Or, if you just want to see a whole gallery of interactive edu-things, here's
<a target="_blank" href="http://explorabl.es/">
Explorable Explanations</a>,
a hub for learning through play!
<div style="clear:both"></div>
</div>
</bonus>
<!-- - - - - - - -->
<!-- REFERENCES -->
<!-- - - - - - - -->
<!--
Final thing! These references also need you to TRANSLATE:
-->
<reference id="drunk">
<h3>
2018-04-30 20:33:51 +00:00
“presque tous les étudiants d'[université] ont rapporté que leurs amis buvaient plus qu'eux”
2018-04-27 20:44:08 +00:00
</h3>
<div>
<a target="_blank" href="https://www.ncbi.nlm.nih.gov/pubmed/1758185">
2018-04-30 20:33:51 +00:00
“Biases in the perception of drinking norms among college students”</a> par Baer et al (1991)
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="majority">
<h3>
2018-04-30 20:33:51 +00:00
l'“illusion de la majorité”
2018-04-27 20:44:08 +00:00
</h3>
<div>
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0147617">
2018-04-30 20:33:51 +00:00
“The Majority Illusion in Social Networks”</a> par Lerman et al (2016).
2018-04-27 20:44:08 +00:00
<br>
2018-04-30 20:33:51 +00:00
Lié: <a target="_blank" href="https://fr.wikipedia.org/wiki/Paradoxe_de_l'amiti%C3%A9">
le paradoxe de l'amitié</a>.
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="contagion">
2018-04-27 20:44:08 +00:00
<h3>
2018-04-30 20:33:51 +00:00
"Il y a une grande preuve statistique<ref id="contagion"></ref> que
fumer, la santé, la joie, les motifs de vote, et les niveaux de coopération
sont tous "contagieux"
2018-04-27 20:44:08 +00:00
</h3>
<div>
2018-04-30 20:33:51 +00:00
Par l'excellent et accessible à tous,
2018-04-27 20:44:08 +00:00
<a target="_blank" href="http://www.connectedthebook.com/">
2018-04-30 20:33:51 +00:00
Connected</a> (en, 2009) de Nicholas Christakis et James Fowler's
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="suicides">
<h3>
"et même des preuves que les suicides sont [contagieux] également"
2018-04-27 20:44:08 +00:00
</h3>
<div>
<a target="_blank" href="http://www.jstor.org/stable/42000514?seq=4#page_scan_tab_contents">
“Suicide Contagion and the Reporting of Suicide: Recommendations from a National Workshop”</a>
2018-04-30 20:33:51 +00:00
par O'Carroll et al (1994), soutenu par le Centre pour le Contrôle et la Prévention des Maladies (CDC).
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="shootings">
<h3>
2018-04-30 20:33:51 +00:00
"et même des preuves que les fusillades sont [contagieuses] également"
2018-04-27 20:44:08 +00:00
</h3>
<div>
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0117259">
2018-04-30 20:33:51 +00:00
“Contagion in Mass Killings and School Shootings”</a> par Towers et al (2015).
2018-04-27 20:44:08 +00:00
<br><br>
2018-04-30 20:33:51 +00:00
Voir également: la campagne
2018-04-27 20:44:08 +00:00
<a target="_blank" href="http://www.dontnamethem.org/">
2018-04-30 20:33:51 +00:00
Don't Name Them</a> (ne les nommez pas),
qui demande aux media de <i>NE PAS</i> diffuser les noms des auteurs de massacres, de leurs manifestes ou le contenu de leurs réseaux sociaux.
Cela répand la contagion.
A la place, les media devraient parler des victimes, des premiers secours, des héros civils et de la communauté qui fait son deuil.
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="subprime">
<h3>
2018-04-30 20:33:51 +00:00
“Les institutions financières mondiales se sont pris dans une telle cascade en 2008.”
2018-04-27 20:44:08 +00:00
</h3>
<div>
<a target="_blank" href="https://newrepublic.com/article/63023/wall-streets-lemmings">
2018-04-30 20:33:51 +00:00
“Lemmings of Wall Street”</a> par Cass Sunstein est une lecture rapide, non technique.
Publiée en Octobre 2008, juste au début du krack.
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="complex">
<h3>
2018-04-30 20:33:51 +00:00
“la théorie des contagion complexes.”
2018-04-27 20:44:08 +00:00
</h3>
<div>
<a target="_blank" href="https://www.unc.edu/~fbaum/teaching/articles/Granovetter_AJS_1978.pdf">
2018-04-30 20:33:51 +00:00
“Threshold Models of Collective Behavior”</a> par Granovetter (1978)
est la première fois, à ma connaissance, où quelqu'un a décrit un modèle de "contagion complexe".
(même s'il n'a pas utilisé ce nom en particulier)
2018-04-27 20:44:08 +00:00
<br><br>
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0180802">
“Evidence for complex contagion models of social contagion from observational data”</a>
2018-04-30 20:33:51 +00:00
par Sprague &amp; House (2017)
montre que les contagions complexes existent bien. (au moins, dans les données de media sociaux qu'ils ont regardé)
2018-04-27 20:44:08 +00:00
<br><br>
2018-04-30 20:33:51 +00:00
Enfin,
2018-04-27 20:44:08 +00:00
<a target="_blank" href="https://arxiv.org/pdf/cond-mat/0403699.pdf">
2018-04-30 20:33:51 +00:00
“Universal behavior in a generalized model of contagion”</a> par Dodds &amp; Watts (2004)
propose un modèle qui unifie <i>tout</i> type de contagions:
2018-04-30 20:33:51 +00:00
simple et complexes, biologiques and sociales !
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="possum">
<h3>
2018-04-30 20:33:51 +00:00
"l'oppossum a 13 mamelles"
2018-04-27 20:44:08 +00:00
</h3>
<div>
2018-04-30 20:33:51 +00:00
arrangé en un anneau de 12 mamelles, plus une au milieu
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="groupthink">
<h3>
2018-04-30 20:33:51 +00:00
“effet de groupe”
2018-04-27 20:44:08 +00:00
</h3>
<div>
2018-04-30 20:33:51 +00:00
Cette phrase à la Orwell nous vient d'Irving L. Janis in 1971.
2018-04-27 20:44:08 +00:00
<a target="_blank" href="https://web.archive.org/web/20100401033524/http://apps.olin.wustl.edu/faculty/macdonald/GroupThink.pdf">
2018-04-30 20:33:51 +00:00
Dans son article original</a>,
2018-04-30 20:33:51 +00:00
Janis investigue des cas d'effet de groupe, en liste les causes, et &mdash; merci &mdash;
2018-04-30 20:33:51 +00:00
des remèdes possibles.
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="social_capital">
<h3>
2018-04-30 20:33:51 +00:00
“capital social de liens et ponts”
2018-04-27 20:44:08 +00:00
</h3>
<div>
2018-04-30 20:33:51 +00:00
Ces deux types de capitaux sociaux &mdash; "liens" et "ponts" &mdash; ont été nommé par Robert Putnam dans sont livre clairvoyant de 2000,
<a target="_blank" href="http://bowlingalone.com/">Bowling Alone</a>.
Sa découverte : à travers presque toutes les mesures empiriques de connectivité sociale, les américains sont plus seuls que jamais.
Mince alors.
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="bridge">
<h3>
2018-04-30 20:33:51 +00:00
“il faut aussi trouver un équilibre pour les ponts”
2018-04-27 20:44:08 +00:00
</h3>
<div>
<a target="_blank" href="https://sociology.stanford.edu/sites/default/files/publications/the_strength_of_weak_ties_and_exch_w-gans.pdf">
2018-04-30 20:33:51 +00:00
“The Strength of Weak Ties”</a> par Granovetter (1973)
a montré que les liens à travers les groupes aident à répandre de simples contagions (comme les informations) mais
2018-04-27 20:44:08 +00:00
<a target="_blank" href="http://www.jstor.org/stable/10.1086/521848?seq=1#page_scan_tab_contents">
2018-04-30 20:33:51 +00:00
“Complex Contagions and the Weakness of Long Ties”</a> par Centola &amp; Macy (2007)
a montré que les liens entre les groupes peuvent ne pas aider à répandre les contagions complexes, et en fait, gêner leur développement !
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="small_world">
<h3>
2018-04-30 20:33:51 +00:00
“le réseau petit monde”
2018-04-27 20:44:08 +00:00
</h3>
<div>
2018-04-30 20:33:51 +00:00
L'idée d'un "petit monde" a été popularisée par l'expérience de
<a target="_blank" href="http://www.jstor.org/stable/2786545">Travers &amp; Milgram en 1969</a>,
qui a montré qu'en moyenne, deux personnes choisies au hasard aux Etats-Unis sont séparées par six amis &mdash; "six degrés de separation" !
2018-04-27 20:44:08 +00:00
<br><br>
2018-04-30 20:33:51 +00:00
Le réseau petit monde s'est étoffé mathématiquement avec
2018-04-27 20:44:08 +00:00
<a target="_blank" href="http://leonidzhukov.net/hse/2014/socialnetworks/papers/watts-collective_dynamics-nature_1998.pdf">
2018-04-30 20:33:51 +00:00
“Collective dynamics of small-world networks”</a> par Watts &amp; Strogatz (1998),
qui ont proposé un algorithme pour créer des réseaux avec à la fois des faibles longueurs de chemin (de petits degrés de séparation) et un fort taux d'amas (les amis ont beaucoup d'amis mutuels) &mdash;
c'est à dire, le réseau a atteint son juste milieu !
2018-04-27 20:44:08 +00:00
<br><br>
2018-04-30 20:33:51 +00:00
Vous pouvez également jouer avec
2018-04-27 20:44:08 +00:00
<a target="_blank" href="http://worrydream.com/ScientificCommunicationAsSequentialArt/">
2018-04-30 20:33:51 +00:00
l'adaptation visuelle intéractive de ce papier</a> par Bret Victor (2011).
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="swn_neurons">
<h3>
2018-04-30 20:33:51 +00:00
“[les réseaux petit monde] décrivent comment nos neurons sont connectés”
2018-04-27 20:44:08 +00:00
</h3>
<div>
<a target="_blank" href="https://www.ncbi.nlm.nih.gov/pubmed/17079517">
2018-04-30 20:33:51 +00:00
“Small-world brain networks”</a> par Bassett &amp; Bullmore (2006).
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="swn_creativity">
<h3>
2018-04-30 20:33:51 +00:00
“[les réseaux petit monde] encouragent la créativité collective”
2018-04-27 20:44:08 +00:00
</h3>
<div>
<a target="_blank" href="http://www.jstor.org/stable/10.1086/432782?seq=1#page_scan_tab_contents">
2018-04-30 20:33:51 +00:00
“Collaboration and Creativity: The Small World Problem”</a> par Uzzi &amp; Spiro (2005).
Ce papier a analysé le réseau social de la scène de Broadway à travers le temps, et a découvert, que, ouais, le réseau est le plus créatif lorsqu'il est un "petit monde" !
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="swn_social_physics">
<h3>
2018-04-30 20:33:51 +00:00
“[les réseaux petit monde] encouragent la résolution de problèmes”
2018-04-27 20:44:08 +00:00
</h3>
<div>
2018-04-30 20:33:51 +00:00
Voir
2018-04-27 20:44:08 +00:00
<a target="_blank" href="http://socialphysics.media.mit.edu/">
2018-04-30 20:33:51 +00:00
“Social Physics”</a> par MIT Professor Alex "Sandy" Pentland (2014)
pour une approche basée sur les données de l'intelligence collective.
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="swn_jfk">
<h3>
2018-04-30 20:33:51 +00:00
“[les réseaux petit monde] ont aidé une fois le président américain John F. Kennedy à (presque) éviter la guerre nucléaire”
2018-04-27 20:44:08 +00:00
</h3>
<div>
2018-05-01 08:23:53 +00:00
En plus de l'explosion de Challenger, l'exemple le plus notable d'effet de groupe est le fiasco de la baie des cochons.
En 1961, le président américain Kennedy et son équipe de conseillers pensaient
&mdash; pour une raison ou une autre &mdash;
que ce serait une bonne idée d'envahir secrètement Cuba et renverser Fidel Castro.
Ils ont échoué.
En fait, c'est pire : cela a mené à la crise des missiles cubains en 1962,
<i>le plus proche dont le monde a été d'une guerre nucléaire globale.</i>
2018-04-27 20:44:08 +00:00
<br><br>
2018-05-01 08:23:53 +00:00
Ouais, JFK s'est bien planté sur celle là.
2018-04-27 20:44:08 +00:00
<br><br>
2018-05-01 08:23:53 +00:00
Mais, ayant appris quelques trucs lors du fiasco de la baie des cochons,
JFK a réorganisé son équipe pour éviter l'effet de groupe.
Il a notamment:
1) activement encouragé les gens à fournir des critiques, ce qui a réduit le "seuil de contagion" pour des idées alternatives
Et
2) il a découpé sont équipe en des sous-groupes avant de le rassembler, ce qui a donné à leur groupe un design proche des "réseaux petit monde" !
Cet arrangement a permis une diversité d'opinion plus saine, sans qu'elle soit trop fracturée &mdash; une sagesse des foules.
2018-04-27 20:44:08 +00:00
<br><br>
2018-05-01 08:23:53 +00:00
Et donc, avec les mêmes <i>individus</i> qui avaient précédemment décidé de la Baie des cochons, mais réarrangée <i>collectivement</i> pour décider de la crise des missiles cubains... l'équipe de JFK a pu atteindre un accord de paie avec le leader soviétique Nikita Khrushchev.
Les russes devaient enlever leurs missiles de Cuba, et en échange, les américains devaient promettre de ne pas envahir Cuba à nouveau.
(et aussi, en secret, enlever les missiles américains de Turquie)
2018-04-27 20:44:08 +00:00
<br><br>
2018-05-01 08:23:53 +00:00
C'est l'histoire de comment l'humanité a presque failli s'éteindre. Mais un réseau petit monde a tout sauvé ! En quelque sorte.
2018-04-27 20:44:08 +00:00
<br><br>
2018-05-01 08:23:53 +00:00
Vous pouvez en lire plus dans
2018-04-27 20:44:08 +00:00
<a target="_blank" href="https://hbr.org/2013/11/how-john-f-kennedy-changed-decision-making">
2018-05-01 08:23:53 +00:00
Harvard Business Review</a>,
ou depuis
2018-04-27 20:44:08 +00:00
<a target="_blank" href="https://web.archive.org/web/20100401033524/http://apps.olin.wustl.edu/faculty/macdonald/GroupThink.pdf">
2018-05-01 08:23:53 +00:00
l'article original sur l'effet de groupe</a>.
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="three_degrees">
<h3>
2018-04-30 20:33:51 +00:00
“on influence [...] les amis des amis de nos amis !”
2018-04-27 20:44:08 +00:00
</h3>
<div>
2018-04-30 20:33:51 +00:00
A nouveau, du fantastique livre de Nicholas Christakis et James Fowler,
2018-04-27 20:44:08 +00:00
<a target="_blank" href="http://www.connectedthebook.com/">
Connected</a> (2009).
</div>
</reference>
<reference id="flatter">
<h3>
2018-04-30 20:33:51 +00:00
“soyez sceptique des idées qui vous flattent”
2018-04-27 20:44:08 +00:00
</h3>
<div>
2018-04-30 20:33:51 +00:00
oui, y compris les idées dans <i>cette</i> explication explorable.
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="sandbox">
<h3>
2018-04-30 20:33:51 +00:00
★ Mode Sandbox ★
2018-04-27 20:44:08 +00:00
</h3>
<div>
2018-04-30 20:33:51 +00:00
Les raccourcis clavier (1, 2, espace, effacer)
marchent dans <i>tous</i> les puzzles, pas juste le monde bac à sable !
Sérieusement, vous pouvez retourner dans un chapitre différent, et y éditer la simulation sur place.
En fait, c'est comme ça que <i>j'</i>ai créé tous ces puzzles. Amusez vous bien !
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="supporters" hidden=yes large=yes>
<div>
2018-04-30 20:33:51 +00:00
A
<a target="_blank" href="https://www.patreon.com/ncase">mes supporters sur Patreon</a>:
je suis profondément reconnaissant.
Votre générosité me nourrit et paye mon loyer (littéralement), et me fournit la liberté créative de faire ces étrangs jeux de maths/sciences sociales.
Du fond du coeur, merci !
2018-04-27 20:44:08 +00:00
</div>
</reference>
<reference id="playtesters" hidden=yes large=yes>
<div>
2018-04-30 20:33:51 +00:00
Merci à tous ceux qui ont testé <i>Crowds</i>
durant les nombreuses étapes de sa vie !
2018-04-27 20:44:08 +00:00
<br><br>
2018-04-30 20:33:51 +00:00
<b>Le prototype:</b>
2018-04-27 20:44:08 +00:00
<br>
Maria ·
Monica Srivastava
<br><br>
2018-04-30 20:33:51 +00:00
<b>L'alpha:</b>
2018-04-27 20:44:08 +00:00
<br>
Glen Chiacchieri ·
Kalli Repzeti ·
Mali Akmanalp ·
Toph Tucker
<br><br>
2018-04-30 20:33:51 +00:00
<b>La beta:</b>
2018-04-27 20:44:08 +00:00
<br>
Alex Dytrych ·
Amit Patel ·
Cassandra McClure ·
Catherine Ray ·
Josh Comeau ·
Kayle Sawyer ·
Matthew Conlen ·
Srini Kadamati ·
Vanessa Shen ·
Wick Perry
</div>
</reference>
</span>
<!--
And that's it! That's the last of what needed to a TRANSLATE
Thank you so, so much for doing this again, wow.
Finally, go to "translations.txt" and follow the instructions there,
in order to let this game "know" your translation exists.
-->