1690 lines
53 KiB
HTML
1690 lines
53 KiB
HTML
<!--
|
||
|
||
THE WISDOM AND/OR MADNESS OF CROWDS
|
||
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 lang="it"> <!-- lang="(TRANSLATE: set your language code here, same as the page name!) e.g: es, es-ES, pt-BR, ja, it, fr-CA, de, ..." -->
|
||
<head>
|
||
|
||
<!-- Meta Info -->
|
||
<title>La saggezza e la follia delle masse</title> <!-- <title>(TRANSLATED)</title> -->
|
||
<meta name="description" content="una guida interattiva alle reti sociali"/> <!-- content="(TRANSLATED)" -->
|
||
<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">
|
||
|
||
<link rel="alternate" href="http://ncase.me/crowds/" hreflang="en">
|
||
<link rel="alternate" href="http://ncase.me/crowds/cs.html" hreflang="cs">
|
||
<link rel="alternate" href="http://ncase.me/crowds/es.html" hreflang="es-ES">
|
||
<link rel="alternate" href="http://ncase.me/crowds/es-MX.html" hreflang="es-MX">
|
||
<link rel="alternate" href="http://ncase.me/crowds/fr.html" hreflang="fr">
|
||
<link rel="alternate" href="http://ncase.me/crowds/it.html" hreflang="it">
|
||
<link rel="alternate" href="http://ncase.me/crowds/ja.html" hreflang="ja">
|
||
<link rel="alternate" href="http://ncase.me/crowds/pt.html" hreflang="pt">
|
||
<link rel="alternate" href="http://ncase.me/crowds/ru.html" hreflang="ru">
|
||
<link rel="alternate" href="http://ncase.me/crowds/uk.html" hreflang="uk">
|
||
<link rel="alternate" href="http://ncase.me/crowds/vi.html" hreflang="vi">
|
||
<link rel="alternate" href="http://ncase.me/crowds/zh-CN.html" hreflang="zh-CN">
|
||
<link rel="alternate" href="http://ncase.me/crowds/zh-TW.html" hreflang="zh-TW">
|
||
|
||
<!-- Sharing -->
|
||
<meta itemprop="name" content="La saggezza e la follia delle masse"> <!-- content="(TRANSLATED)" -->
|
||
<meta itemprop="description" content="una guida interattiva alle reti sociali"> <!-- content="(TRANSLATED)" -->
|
||
<meta itemprop="image" content="http://ncase.me/crowds/social/thumb.png">
|
||
|
||
<meta name="twitter:title" content="La saggezza e la follia delle masse"> <!-- content="(TRANSLATED)" -->
|
||
<meta name="twitter:description" content="una guida interattiva alle reti sociali"> <!-- content="(TTRANSLATED)" -->
|
||
<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 saggezza e la follia delle masse"> <!-- content="(TRANSLATED)" -->
|
||
<meta property="og:description" content="una guida interattiva alle reti sociali"> <!-- content="(TRANSLATED)" -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="http://ncase.me/crowds/it.html">
|
||
<meta property="og:image" content="http://ncase.me/crowds/social/thumb.png">
|
||
|
||
<!-- Styles -->
|
||
<link rel="stylesheet" type="text/css" href="css/index.css?v=7">
|
||
|
||
</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">salta ></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>
|
||
|
||
<!-- Navigation: Audio, Contents, Share, Translations -->
|
||
<div id="navigation_container">
|
||
<div id="sound" mute="no">
|
||
<div id="sound_icon"></div>
|
||
<span id="sound_on">ACCESO</span> <!-- TRANSLATE -->
|
||
<span id="sound_off">SPENTO</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 saggezza e la follia delle masse <!-- TRANSLATED -->
|
||
</span>
|
||
<span id="share_desc">
|
||
<!-- TRANSLATOR: keep this on ONE LINE or the social sharing will break! -->
|
||
Perché i gruppi di persone agiscono in modo intelligente, stupido, gentile, crudele? Una guida interattiva alle reti sociali: <!-- TRANSLATED -->
|
||
</span>
|
||
</div>
|
||
<div id="navigation">
|
||
|
||
<!-- The chapters -->
|
||
<!-- TRANSLATED -->
|
||
<div chapter="Introduction">
|
||
<span>0</span>
|
||
<span>0. Introduzione</span>
|
||
</div>
|
||
<div chapter="Networks">
|
||
<span>1</span>
|
||
<span>1. Relazioni</span>
|
||
</div>
|
||
<div chapter="Simple">
|
||
<span>2</span>
|
||
<span>2. Contagi</span>
|
||
</div>
|
||
<div chapter="Complex">
|
||
<span>3</span>
|
||
<span>3. Contagi Complessi</span>
|
||
</div>
|
||
<div chapter="BB">
|
||
<span>4</span>
|
||
<span>4. Legami & Ponti</span> <!-- note: & is html for the "and" sign -->
|
||
</div>
|
||
<div chapter="SmallWorld">
|
||
<span>5</span>
|
||
<span>5. È un Piccolo Mondo</span>
|
||
</div>
|
||
<div chapter="Conclusion">
|
||
<span>6</span>
|
||
<span>6. In Conclusione...</span>
|
||
</div>
|
||
<div chapter="Credits">
|
||
<span>7</span>
|
||
<span>7. Crediti</span>
|
||
</div>
|
||
<div chapter="Sandbox">
|
||
<span>★</span>
|
||
<span>★ Sandbox Mode! ★</span> <!-- IT'S OK IN ENGLISH -->
|
||
</div>
|
||
|
||
<!-- A divider -->
|
||
<span class="nav_divider"></span>
|
||
|
||
<!-- Bonus Notes & References -->
|
||
<div modal="bonus">
|
||
<span>?</span>
|
||
<span>Bonus!</span> <!-- TRANSLATED -->
|
||
</div>
|
||
<div modal="references">
|
||
<span style="margin-top: 7px; font-size: 35px;">*</span>
|
||
<span>Link & Riferimenti</span> <!-- TRANSLATED -->
|
||
</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>Traduzioni</span> <!-- TRANSLATED -->
|
||
</div>
|
||
|
||
<!-- The hover bubble -->
|
||
<span id="nav_bubble"></span>
|
||
|
||
</div>
|
||
<div id="translations"></div>
|
||
<div id="social"></div>
|
||
</div>
|
||
|
||
<!-- The Pencil -->
|
||
<div id="pencil_container">
|
||
<canvas id="pencil"></canvas>
|
||
</div>
|
||
|
||
<!-- Preloader -->
|
||
<div id="pre_preloader">
|
||
<div>caricamento...</div> <!-- TRANSLATED -->
|
||
</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?v=2"></script>
|
||
|
||
<script src="js/sim/Peep.js?v=2"></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?v=2"></script>
|
||
|
||
<script src="js/main.js"></script>
|
||
|
||
|
||
<!-- - - - - - - - - - - - -->
|
||
<!-- THE SLIDESHOW'S WORDS -->
|
||
<!-- - - - - - - - - - - - -->
|
||
|
||
<!--
|
||
|
||
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 style="top:-10px;">la</span>
|
||
<br>
|
||
<span style="font-size: 60px;letter-spacing: 4px;">la SAGGEZZA</span>
|
||
<span style="position:relative;top: -10px;">e la</span>
|
||
<span style="font-size: 60px;">FOLLIA</span>
|
||
<br>
|
||
<span style="position: relative;">delle</span>
|
||
<br>
|
||
<span style="font-size: 100px;line-height: 80px;position: relative;display:block;">MASSE</span>
|
||
</div>
|
||
|
||
<div style="color:#999">
|
||
<!-- TRANSLATE note: comment out the line below...
|
||
playing time: 30 min • by nicky case, april 2018-->
|
||
<!-- ...and UN-comment + TRANSLATE this line! -->
|
||
di nicky case • versione italiana michele fenu • <a href='.'>original in English</a>
|
||
</div>
|
||
|
||
</words>
|
||
|
||
<words id="preloader_button">
|
||
<next></next>
|
||
</words>
|
||
|
||
<words id="preloader_loading">
|
||
caricamento...
|
||
</words>
|
||
|
||
<words id="preloader_play">
|
||
Gioca! <div class="rarr"></div>
|
||
</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>
|
||
|
||
Sir Isaac Newton era probabilmente un
|
||
<br>
|
||
ragazzo sveglio. Voglio dire, dopo aver inventato il calcolo
|
||
<br>
|
||
e la teoria della gravità, sarebbe dovuto essere in grado di fare
|
||
<br>
|
||
qualche piccolo investimento finanziario, no? Beh, facendola breve,
|
||
<br>
|
||
perse l'equivalente di 4.600.000 dollari di oggi nella frenesia degli
|
||
<br>
|
||
investimenti conosciuta come la South Sea Bubble del 1720.
|
||
|
||
<br><br>
|
||
|
||
Come poi Newton stesso disse: <i>“Posso calcolare il movimento
|
||
<br>
|
||
dei corpi celesti, ma non la follia della gente.”</i>
|
||
<br><br>
|
||
<next>Già, peccato per lui <div class="rarr"></div> </next>
|
||
|
||
</words>
|
||
|
||
<words id="intro_2">
|
||
|
||
<div style="height:0.5em"></div>
|
||
|
||
Certo, quella non fu l'unica
|
||
<br>
|
||
volta che mercati, istituzioni, o interi
|
||
<br>
|
||
stati andarono in tilt a causa della <i>follia</i> delle masse.
|
||
<br>
|
||
Eppure, proprio mentre stiamo perdendo le speranze nell'umanità,
|
||
<br>
|
||
vediamo persone che si coordinano per salvare altre persone nei
|
||
<br>
|
||
terremoti, comunità che creano soluzioni ai problemi reali, persone
|
||
<br>
|
||
che combattono per un mondo migliore. Ah, la <i>saggezza</i> delle masse!
|
||
|
||
<div style="height:0.9em"></div>
|
||
|
||
<b>Ma <i>perché</i> le masse diventano folli, o sagge?</b> Nessuna teoria
|
||
<br>
|
||
può spiegare tutto, ma è possibile che un nuovo campo di studi, la
|
||
<br>
|
||
<b>scienza delle reti</b>, possa guidarci! L'idea alla base è questa: per
|
||
<br>
|
||
capire le masse, non dobbiamo guardare ai <i>singoli
|
||
<br>
|
||
individui</i>, ma alle...
|
||
|
||
<next>...loro <i>relazioni.</i> <div class="rarr"></div> </next>
|
||
|
||
</words>
|
||
|
||
<!-- Networks -->
|
||
|
||
<words id="networks_tutorial_start">
|
||
<b>Disegnamo una rete!</b>
|
||
Ogni connessione rappresenta l'amicizia tra due persone:
|
||
</words>
|
||
|
||
<words id="networks_tutorial_connect">
|
||
disegna per connettere
|
||
</words>
|
||
|
||
<words id="networks_tutorial_disconnect">
|
||
gratta per disconnettere
|
||
</words>
|
||
|
||
<words id="networks_tutorial_end">
|
||
|
||
sentiti libero di giocare un po' con la rete, quando sei pronto...
|
||
<next wiggle>possiamo continuare <div class="rarr"></div> </next>
|
||
|
||
</words>
|
||
|
||
<words id="networks_threshold">
|
||
|
||
Ora, al di là delle belle immagini che possiamo disegnare, le reti sociali sono molto di più.
|
||
Le persone <i>osservano</i> le relazioni per capire il mondo.
|
||
Per esempio, per trovare <b>la percentuale dei propri amici</b> che sono,
|
||
diciamo, bevitori cronici. <icon name="yellow"></icon>
|
||
|
||
</words>
|
||
|
||
<words id="networks_threshold_instruction">
|
||
<b>Aggiungi o rimuovi connessioni, e vedi cosa succede! <div class="rarr"></div> </b>
|
||
</words>
|
||
|
||
<words id="networks_threshold_end">
|
||
<next>ottimo, ho capito</next>
|
||
</words>
|
||
|
||
<words id="networks_pre_puzzle">
|
||
Tuttavia, le reti possono <i>ingannare</i> le persone.
|
||
Così come la Terra può sembrarci piatta perché ci camminiamo sopra,
|
||
possiamo farci idee sbagliate sulla società, perché ci viviamo <i>dentro</i>.
|
||
</words>
|
||
|
||
<words id="optional_reading">
|
||
<div style="position:absolute; top:5px;">
|
||
<i>opzionale</i> articolo bonus! ↑
|
||
</div>
|
||
<div style="position:absolute; left:216px; top:10px;">
|
||
↓ link e riferimenti
|
||
</div>
|
||
</words>
|
||
|
||
<words id="networks_pre_puzzle_2">
|
||
|
||
<bon id="books"></bon>
|
||
|
||
<br>
|
||
|
||
Per esempio, uno studio del 1991<ref id="drunk"></ref> mostrò che
|
||
“tutti gli studenti hanno riferito che i propri amici bevono potenzialmente più di quanto facciano loro stessi.”
|
||
Ma questo sembrerebbe impossibile!
|
||
Come può essere?
|
||
Bene, stai per scoprire la risposta da solo, disegnando una rete.
|
||
È il momento di...
|
||
|
||
<next>INGANNARE TUTTI <div class="rarr"></div> </next>
|
||
|
||
</words>
|
||
|
||
<words id="networks_puzzle">
|
||
|
||
<b style="font-size:2em">PUZZLE TIME!</b>
|
||
<br>
|
||
Inganna <i>tutti</i> e fagli credere
|
||
che la maggior parte dei propri amici (oltre il 50%) sono bevitori seriali <icon name="yellow"></icon>
|
||
(anche se i bevitori sono in inferiorità numerica!)
|
||
|
||
</words>
|
||
<words id="networks_puzzle_metric">
|
||
<b>INGANNATI:</b>
|
||
</words>
|
||
<words id="networks_puzzle_metric_2">
|
||
su 9 persone
|
||
</words>
|
||
<words id="networks_puzzle_end">
|
||
Congratulazioni! Hai manipolato un gruppo di studenti per fargli credere
|
||
nella prevalenza di un'abitudine sociale incredibilmente malsana! Bene così!
|
||
<next wiggle>...ehm. Grazie?</next>
|
||
</words>
|
||
|
||
<words id="networks_post_puzzle">
|
||
|
||
Ciò che hai appena creato è chiamato L'Illusione della Maggioranza<ref id="majority"></ref>,
|
||
che spiega inoltre perché le persone credano che le proprie idee politiche rappresentino quelle della maggioranza della popolazione,
|
||
o perché l'estremismo sembra più comune di quanto non sia in realtà...
|
||
|
||
<bon id="connections"></bon>
|
||
|
||
Ma le persone non solo <i>osservano</i> le idee e i comportamenti altrui,
|
||
ma li <i>copiano</i> attivamente.
|
||
Perciò adesso, diamo uno sguardo a qualcosa che gli scienziati chiamano...
|
||
|
||
<next>“Contagi!” <div class="rarr"></div> </next>
|
||
|
||
|
||
</words>
|
||
|
||
<!-- Simple Contagions -->
|
||
|
||
<words id="simple_simple">
|
||
<i>Mettiamo un attimo da parte la questione della maggioranza.</i>
|
||
Qui sotto abbiamo una persona <icon name="red"></icon> con delle informazioni.
|
||
Delle <i>cattive</i> informazioni. "Fake news", se vogliamo dirla come si dice oggi.
|
||
E ogni giorno, questa persona le diffonde, come virus, ai suoi amici.
|
||
E loro le diffondono ai <i>loro</i> amici. E così via.
|
||
<br>
|
||
<b>
|
||
Avvia la simulazione! <div class="darr"></div>
|
||
(nota: non puoi disegnare <i>mentre</i> gira la simulazione)
|
||
</b>
|
||
</words>
|
||
|
||
<words id="simple_simple_2">
|
||
Nota: nonostante la cattiva accezione del termine, i "contagi" possono essere positivi o negativi (o neutrali o ambigui).
|
||
Ci sono forti evidenze statistiche <ref id="contagion"></ref> che
|
||
l'attitudine a fumare, lo stato di salute, la felicità, l'orientamento politico, e la cooperazione
|
||
siano tutti "contagiosi" --
|
||
e c'è anche qualche evidenza che anche i suicidi <ref id="suicides"></ref> e le sparatorie di massa<ref id="shootings"></ref> lo siano.
|
||
</words>
|
||
|
||
<words id="simple_simple_end">
|
||
<next wiggle>beh, tutto ciò è deprimente <div class="rarr"></div> </next>
|
||
</words>
|
||
|
||
<words id="simple_cascade">
|
||
Certo che lo è.
|
||
Ad ogni modo, di nuovo, <b>PUZZLE TIME!</b>
|
||
<br>
|
||
Disegna una rete & avvia la simulazione,
|
||
in modo che <i>tutti</i> vengano infettati dal "contagio".
|
||
<br>
|
||
(nuova regola: non puoi spezzare le connessioni più <i>grosse</i>)
|
||
</words>
|
||
|
||
<words id="simple_cascade_end">
|
||
<next wiggle>faaaantastico <div class="rarr"></div> </next>
|
||
</words>
|
||
|
||
<words id="simple_post_cascade">
|
||
Questa diffusione folle e incontrollata è chiamata <b>"cascata di informazioni"</b>.
|
||
Newton cadde proprio vittima di questa situazione nel 1720.
|
||
Le istituzioni finanziarie mondiali caddero nella stessa situazione nel 2008.<ref id="subprime"></ref> Ricordate?
|
||
<br><br>
|
||
Tuttavia: <i>questa simulazione è sbagliata.</i>
|
||
La maggior parte delle idee <i>non</i> si diffondono come virus.
|
||
Per accettare molte credenze e comportamenti, bisogna essere "esposti" al contagio più di una volta per essere "infettati".
|
||
Perciò, gli scienziati delle reti hanno inventato un nuovo e miglior modo
|
||
per descrivere come si diffondolo le idee, e lo hanno chiamato...
|
||
<next wiggle>“Contagi <i>Complessi</i>!” <div class="rarr"></div> </next>
|
||
</words>
|
||
|
||
<!-- Complex Contagions -->
|
||
|
||
<words id="complex_complex">
|
||
|
||
Riprendiamo in mano il concetto della soglia del 50% e dei bevitori seriali! <icon name="yellow"></icon>
|
||
La prima volta che ci abbiamo giocato, le persone non cambiavano il loro comportamento in base a quello dei loro amici.
|
||
|
||
<br><br>
|
||
|
||
Adesso, simuliamo cosa succede se le persone iniziano a bere
|
||
<i>quando oltre il 50% dei loro amici lo fa!</i>
|
||
<b>Prima di avviare la simulazione, chiediti cosa <i>pensi</i> che accadrà.</b>
|
||
|
||
<br><br>
|
||
|
||
<b>Ora, avvia la simulazione, e guarda cosa succede veramente! <div class="rarr"></div> </b>
|
||
|
||
</words>
|
||
|
||
<words id="complex_complex_2">
|
||
<span style="line-height:1.3em; display:block;">
|
||
|
||
A differenza del contagio delle "fake news" <icon name="red"></icon>,
|
||
questo contagio <icon name="yellow"></icon> <i>non</i> si diffonde verso tutti!
|
||
Le prime persone vengono "infettate", perché anche se sono esposte a un solo bevitore,
|
||
quel bevitore rappresenta il 50% dei propri amici (sì, sono molto soli).
|
||
Al contrario, la persone vicine alla fine della catena <i>non</i> vengono "infettate",
|
||
perché anche se sono esposte ad un amico bevitore,
|
||
questo non rappresenta la maggioranza dei propri amici.
|
||
|
||
<div style="height:0.75em"></div>
|
||
|
||
La percentuale <i>relativa</i> di amici "infettati" conta.
|
||
<i>Questa è</i> la differenza tra la teoria del <b>contagio complesso</b> <ref id="complex"></ref>,
|
||
e la nostra teoria si-diffonde-come-un-virus. Ovvero il <b>contagio semplice</b>.
|
||
(potremmo dire che i "contagi semplici" sono contagi complessi con una soglia di contagio "oltre lo 0%")
|
||
|
||
<div style="height:0.75em"></div>
|
||
|
||
Tuttavia, i contagi non sono necessariamente negativi —
|
||
abbiamo detto abbastanza sulla <i>follia</i> delle masse, cosa possiamo dire sulla...
|
||
<next>...<i>saggezza</i>?</next>
|
||
|
||
</span>
|
||
</words>
|
||
|
||
<words id="complex_complex_3">
|
||
|
||
Qui, abbiamo una persona <icon name="blue"></icon> che fa volontariato in... non so,
|
||
recupera persone nelle alluvioni, o aiuta i disabili nella propria scuola, o qualcos'altro.
|
||
Il punto è, che si tratta di un contagio complesso "positivo".
|
||
Questa volta, però, supponiamo che la soglia sia solo del 25% —
|
||
le persone sono propense a fare volontariato, ma solo se il 25% o più dei propri amici lo fa.
|
||
Hey, la buona volontà richiede un certo incoraggiamento sociale!
|
||
|
||
<br><br>
|
||
|
||
<b>← "Infetta" tutti con le buone azioni!</b>
|
||
|
||
</words>
|
||
|
||
<words id="complex_complex_3_end">
|
||
<span style="line-height:1.3em; display:block;">
|
||
|
||
<b>NOTA:</b> Il volontariato è solo <i>uno</i> di molti contagi complessi!
|
||
Altri includono: partecipazione al voto, abitudini di vita,
|
||
mettersi in discussione,
|
||
prendersi tempo per approfondire un problema — qualsiasi cosa
|
||
che richieda più di una "esposizione".
|
||
I contagi complessi non sono <i>necessariamente</i> infusi di saggezza,
|
||
ma diffondere saggezza è un contagio complesso.
|
||
|
||
<div style="height:0.75em"></div>
|
||
|
||
(Quindi cos'è un contagio <i>semplice</i> nel mondo reale?
|
||
Di solito, curiosità enciclopediche. Ad esempio sapete che l'opossum ha 13 capezzoli?<ref id="possum"></ref>)
|
||
|
||
<bon id="contagions"></bon>
|
||
|
||
Ora, per mostrare la <i>reale</i> importanza e stranezza dei contagi complessi, dobbiamo riprendere...
|
||
|
||
<next>...un gioco precedente <div class="rarr"></div> </next>
|
||
|
||
</span>
|
||
</words>
|
||
|
||
<words id="complex_cascade">
|
||
Ve lo ricordate? Questa volta, con un contagio <i>complesso</i> <icon name="blue"></icon>, sarà un po' più dura...
|
||
<br>
|
||
<b>Cerca di "infettare" tutti con della saggezza complessa! <div class="darr"></div></b>
|
||
</words>
|
||
|
||
<words id="complex_cascade_feel_free">
|
||
(sentiti libero di cliccare su 'avvia' e <i>provare</i> tutte le soluzioni che vuoi)
|
||
</words>
|
||
|
||
<words id="complex_cascade_end">
|
||
<next wiggle>WOW <div class="rarr"></div> </next>
|
||
</words>
|
||
|
||
<words id="complex_post_cascade">
|
||
Ora, potreste pensare che basti aggiungere relazioni per diffondere qualsiasi tipo di contagio,
|
||
"complesso" o "semplice", positivo o negativo, saggio o folle.
|
||
Ma è davvero così? Beh, rivediamo...
|
||
</words>
|
||
<words id="complex_post_cascade_end">
|
||
<next wiggle>...un altro vecchio esempio <div class="rarr"></div> </next>
|
||
</words>
|
||
|
||
<words id="complex_prevent">
|
||
Se clicchi su "avvia", il contagio complesso <icon name="blue"></icon> si diffonderà verso tutti.
|
||
Nessuna sorpresa qui.
|
||
Ma ora, proviamo a fare l'<i>opposto</i> di quanto abbiamo fatto finora:
|
||
<b>disegna una rete che <i>impedisca</i> al contagio di diffondersi verso tutti! <div class="darr"></div></b>
|
||
</words>
|
||
|
||
<words id="complex_prevent_2">
|
||
Mentre molte connessioni aiutano la diffusione delle idee <i>semplici</i>,
|
||
<b>possono allo stesso tempo impedire la diffusione di idee <i>complesse</i> !</b>
|
||
(lo vediamo su internet ogni giorno, no?)
|
||
E non si tratta solo di un problema teorico. Può essere questione di vita...
|
||
</words>
|
||
|
||
<words id="complex_prevent_end">
|
||
<next wiggle>...o di morte. <div class="rarr"></div> </next>
|
||
</words>
|
||
|
||
<words id="complex_groupthink">
|
||
|
||
È lecito pensare che alla NASA lavori gente sveglia.
|
||
Voglio dire, hanno usato le teorie di Newton per portarci sulla Luna.
|
||
Comunque, per farla breve, nel 1986,
|
||
<i>nonostante gli avvertimenti degli ingegneri</i>,
|
||
venne lanciato lo Shuttle <i>Challenger</i>,
|
||
che esplose durante il decollo e morirono 7 persone.
|
||
La causa immediata:
|
||
faceva troppo freddo quella mattina.
|
||
|
||
<div style="height:0.9em"></div>
|
||
|
||
La causa meno immediata: i manager ignorarono gli avvertimenti degli ingegneri.
|
||
Perché? A causa del <b>pensiero di gruppo</b><ref id="groupthink"></ref>.
|
||
Quando un gruppo è <i>troppo</i> fortemente legato,
|
||
diventa resistente alle idee che possono cambiare le proprie convinzioni o mettere in discussione il proprio ego.
|
||
|
||
<div style="height:0.9em"></div>
|
||
|
||
E questo è come le istituzioni possono cadere vittima della follia delle masse.
|
||
Ma come si può "pianificare" per dispensare <i>saggezza?</i>
|
||
In breve, due parole:
|
||
|
||
<next>Legami & Ponti <div class="rarr"></div> </next>
|
||
|
||
</words>
|
||
|
||
<!-- Bonding & Bridging -->
|
||
|
||
<words id="bonding_1">
|
||
← Poche connessioni, e un'idea non si può diffondere.
|
||
<br>
|
||
Troppe connessioni, e si cade nel pensiero di gruppo. <div class="rarr"></div>
|
||
</words>
|
||
|
||
<words id="bonding_2">
|
||
<b>
|
||
Disegna un gruppo che superi questo punto debole, ovvero
|
||
che sia abbastanza connesso da diffondere un'idea complessa!
|
||
<div class="darr"></div>
|
||
</b>
|
||
</words>
|
||
|
||
<words id="bonding_end">
|
||
Abbastanza semplice!
|
||
Il numero delle connessioni <i>all'interno</i> di un gruppo è chiamato <b>bonding social capital</b> (legami)<ref id="social_capital"></ref>.
|
||
Ma cosa possiamo dire delle connessioni...
|
||
<next wiggle>...<i>tra</i> i gruppi?</next>
|
||
</words>
|
||
|
||
<words id="bridging_1">
|
||
Il numero di connessioni <i>tra</i> i gruppi è chiamato
|
||
<b>bridging social capital</b> (ponte).
|
||
Costruire ponti è molto importante, perché aiuta i gruppi a uscire dalle loro camere di risonanza isolate dal mondo esterno!
|
||
<br>
|
||
<b>Costruisci un ponte, per "infettare" chiunque con un'idea saggia:</b>
|
||
</words>
|
||
|
||
<words id="bridging_end">
|
||
Ma anche i ponti hanno un punto debole.<ref id="bridge"></ref>
|
||
(prova a disegnare un ponte così sottile che un contagio complesso
|
||
<i>non possa</i> diffondersi!)
|
||
Ora che sappiamo come "disegnare" connessioni <i>all'interno</i> e <i>tra</i> i gruppi, proviamo a...
|
||
<next wiggle>...fare ENTRAMBE le cose!</next>
|
||
</words>
|
||
|
||
<words id="bb_1">
|
||
|
||
<b style="font-size:2em">ULTIMO PUZZLE!</b>
|
||
<br>
|
||
Disegna connessioni all'interno (legami) e tra i gruppi (ponti)
|
||
così da diffondere saggezza verso tutta la popolazione:
|
||
|
||
</words>
|
||
<words id="bb_2">
|
||
|
||
Congratulazioni, hai appena disegnato una rete molto speciale!
|
||
Le reti con il giusto mix di ponti e legami
|
||
sono molto importanti e sono chiamate...
|
||
<next wiggle>“Piccoli Mondi” <div class="rarr"></div> </next>
|
||
|
||
</words>
|
||
<words id="bb_small_world_1">
|
||
|
||
<i>"Unità senza uniformità". "Diversità senza divisione". "E Pluribus Unum: da molti, uno".</i>
|
||
<br>
|
||
Non importa la definizione,
|
||
ma le popolazioni di tutti i tempi e culture spesso sono arrivate alla stessa conclusione:
|
||
<b>
|
||
una società sana ha bisogno di un certo numero di legami <i>interni</i>
|
||
e ponti <i>tra</i> i gruppi.
|
||
</b>
|
||
Ovvero:
|
||
|
||
</words>
|
||
<words id="bb_small_world_2">
|
||
Non questo...
|
||
<br>
|
||
(perché le idee non si possono diffondere)
|
||
</words>
|
||
<words id="bb_small_world_3">
|
||
e nemmeno questo...
|
||
<br>
|
||
(perché si ottiene il pensiero di gruppo)
|
||
</words>
|
||
<words id="bb_small_world_4">
|
||
...ma <i>QUESTO:</i>
|
||
</words>
|
||
<words id="bb_small_world_5">
|
||
|
||
La scienza delle reti ha oggi una definizione matematica per questa saggezza antica:
|
||
i <b>piccoli mondi</b><ref id="small_world"></ref>.
|
||
Questo mix ottimale di legami e ponti descrive come
|
||
i nostri neuroni sono connessi<ref id="swn_neurons"></ref>,
|
||
favorisce la creatività collettiva<ref id="swn_creativity"></ref>
|
||
e il problem solving<ref id="swn_social_physics"></ref>,
|
||
e una volta ha persino aiutato il presidente degli Stati Uniti John F. Kennedy ad evitare una guerra nucleare!<ref id="swn_jfk"></ref>
|
||
Quindi, sì, diciamo che i "Piccoli Mondi" sono un bell'affare.
|
||
|
||
</words>
|
||
<words id="bb_small_world_end">
|
||
<next>ok, recapitolando... <div class="rarr"></div> </next>
|
||
</words>
|
||
|
||
<!-- Sandbox -->
|
||
|
||
<words id="sandbox_caption">
|
||
(pss... vuoi sapere un segreto?<ref id="sandbox"></ref>)
|
||
</words>
|
||
|
||
<words id="sandbox_contagion">
|
||
Contagio:
|
||
</words>
|
||
<words id="sandbox_contagion_simple">
|
||
semplice
|
||
</words>
|
||
<words id="sandbox_contagion_complex">
|
||
complesso
|
||
</words>
|
||
<words id="sandbox_color_chooser">
|
||
Colore del contagio:
|
||
</words>
|
||
<words id="sandbox_tool_chooser">
|
||
Scegli uno strumento...
|
||
</words>
|
||
|
||
<words id="sandbox_tool_pencil">
|
||
Disegna Rete
|
||
</words>
|
||
<words id="sandbox_tool_add">
|
||
Aggiungi Persona
|
||
</words>
|
||
<words id="sandbox_tool_add_infected">
|
||
Aggiungi "Infetto"
|
||
</words>
|
||
<words id="sandbox_tool_move">
|
||
Trascina Persona
|
||
</words>
|
||
<words id="sandbox_tool_delete">
|
||
Cancella Persona
|
||
</words>
|
||
<words id="sandbox_tool_clear">
|
||
<b>CANCELLA TUTTO</b>
|
||
</words>
|
||
|
||
<words id="sandbox_shortcuts_label">
|
||
(...o, usa le scorciatoie!)
|
||
</words>
|
||
|
||
<words id="sandbox_shortcuts">
|
||
[1]: + Persona [2]: + "Infetto"
|
||
<br>
|
||
[Space]: Drag [Backspace]: Drop
|
||
</words>
|
||
|
||
<!-- Conclusion -->
|
||
|
||
<words id="conclusion_1">
|
||
|
||
<div style="font-size: 30px;">
|
||
IN CONCLUSIONE: tutto riguarda...
|
||
</div>
|
||
<div style="
|
||
width: 100%;
|
||
position: absolute;
|
||
font-size: 88px;
|
||
top: 20px;
|
||
line-height: 100px; display:block;
|
||
">
|
||
Contagi & Relazioni
|
||
</div>
|
||
|
||
<div style="
|
||
width: 710px;
|
||
position: absolute;
|
||
top: 125px;
|
||
left: 250px;
|
||
">
|
||
<b>Contagi:</b>
|
||
Così come i neuroni passano i segnali elettrici nel cervello,
|
||
le persone diffondono credenze & comportamenti in una società.
|
||
Non solo influenziamo i nostri amici,
|
||
ma anche gli amici degli amici, e gli amici degli amici degli amici!<ref id="three_degrees"></ref>
|
||
(“sii il cambiamento che vuoi vedere nel mondo” etc etc)
|
||
</div>
|
||
|
||
<div style="
|
||
width: 710px;
|
||
position: absolute;
|
||
top: 275px;
|
||
left: 250px;
|
||
">
|
||
<b>Connessioni:</b>
|
||
Troppe poche connessioni e le idee complesse non si possono diffondere.
|
||
<i>Troppe</i> connessioni e verranno distrutte dal pensiero di gruppo.
|
||
la soluzione è un piccolo mondo, il mix ottimale di legami e ponti:
|
||
<i>e pluribus unum.</i>
|
||
</div>
|
||
|
||
<div style="
|
||
width: 350px;
|
||
position: absolute;
|
||
top: 410px;
|
||
left: 220px;
|
||
text-align: center;
|
||
color: #999;
|
||
">
|
||
(vuoi creare le tue simulazioni?
|
||
prova la modalità Sandbox, cliccando sull'icona (★) qui sotto!)
|
||
</div>
|
||
|
||
<div style="
|
||
width: 400px;
|
||
position: absolute;
|
||
top: 395px;
|
||
right: 0px;
|
||
text-align: right;
|
||
">
|
||
Quindi, che dire riguardo alla nostra domanda iniziale?
|
||
Perché alcuni gruppi <i>sono</i>...
|
||
</div>
|
||
<div style="
|
||
width: 300px;
|
||
position: absolute;
|
||
top: 460px;
|
||
right: 0px;
|
||
">
|
||
<next>...saggi o folli?</next>
|
||
</div>
|
||
|
||
</words>
|
||
|
||
<words id="conclusion_2">
|
||
<span style="line-height:1.4em; display:block;">
|
||
|
||
<div style="height:0.5em"></div>
|
||
|
||
Da Newton alla NASA alla
|
||
<br>
|
||
scienza delle reti, abbiamo visto tante cose
|
||
<br>
|
||
oggi. In sintesi, la follia delle masse non è
|
||
<br>
|
||
necessariamente causata dai <i>singoli individui</i>, ma
|
||
<br>
|
||
al modo in cui siamo intappolati nella nostra rete sociale.
|
||
|
||
<div style="height:0.9em"></div>
|
||
|
||
Ciò <i>NON</i> significa abbandonare la responsabilità personale, perché
|
||
<br>
|
||
siamo anche i <i>tessitori</i> di quella rete. Quindi, migliora i tuoi contagi:
|
||
<br>
|
||
sii scettico sulle idee che ti lusingano<ref id="flatter"></ref>, investi del tempo per capire
|
||
<br>
|
||
le idee complesse. E, migliora le tue relazioni: lega con le persone
|
||
<br>
|
||
simili, ma costruisci ponti attraverso i confini politici e culturali.
|
||
|
||
<div style="height:0.9em"></div>
|
||
|
||
Possiamo tessere una rete fantastica. Di sicuro sarà più complicato
|
||
<br>
|
||
che disegnare linee sullo schermo...
|
||
|
||
<next>...però, ne varrà la pena.</next>
|
||
|
||
</span>
|
||
</words>
|
||
|
||
<words id="conclusion_3">
|
||
<i>
|
||
“I grandi trionfi e le tragedie della storia sono causati,
|
||
non da persone fondamentalmente buone o fondamentalmente cattive,
|
||
ma da persone fondamentalmente persone.”
|
||
</i>
|
||
<br>
|
||
<span style="position:relative; top:5px">~</span> Neil Gaiman & Terry Pratchett
|
||
<div style="height:0.8em"></div>
|
||
<next small><3</next>
|
||
</words>
|
||
|
||
<!-- Credits -->
|
||
|
||
<words id="credits">
|
||
|
||
<div style="text-align:center; color:#fff; letter-spacing: 1px; font-size: 24px; line-height: 27px;">
|
||
|
||
<span style="color:#777; position:relative; top:5px;">
|
||
creato da</span>
|
||
<div style="font-size: 3em; line-height: 1.0em;">
|
||
NICKY CASE</div>
|
||
<a target="_blank" href="http://ncase.me" style="text-decoration:none">
|
||
prova altri giochi</a> ·
|
||
<a target="_blank" href="https://twitter.com/ncasenmare" style="text-decoration:none">
|
||
segui su twitter</a>
|
||
|
||
<br><br>
|
||
|
||
<span style="color:#777; position:relative; top:5px; display: inline-block; margin-top: 15px;">
|
||
cuoricini e ringraziamenti ai</span>
|
||
<div style="font-size: 3em; line-height: 1.0em;">
|
||
MIEI SUPPORTER PATREON</div>
|
||
<a onclick='publish("reference/show", ["supporters"]);'>
|
||
nomi & disegni dei supporter</a> ·
|
||
<a onclick='publish("reference/show", ["playtesters"]);'>
|
||
vedi playtesters</a>
|
||
<br>
|
||
<a target="_blank" href="https://www.patreon.com/ncase" style="text-decoration:none">
|
||
aiutami a fare altre cose come questa! <3</a>
|
||
|
||
<br><br>
|
||
|
||
<span style="display: inline-block; margin-top: 15px;">
|
||
♫ musica
|
||
<a target="_blank" href="http://freemusicarchive.org/music/Komiku/Tale_on_the_Late/" style="text-decoration:none">
|
||
"Friends 2018" e "Friends 2068"</a>
|
||
di Komiku
|
||
<br>
|
||
</> <i>Crowds</i> è
|
||
<a target="_blank" href="https://github.com/ncase/crowds" style="text-decoration:none">
|
||
completamente open source</a>
|
||
</span>
|
||
|
||
<br>
|
||
|
||
<bon id="further_reading"></bon>
|
||
|
||
</div>
|
||
|
||
</words>
|
||
|
||
<!-- x. misc -->
|
||
<words id="WIN">
|
||
HAI VINTO
|
||
</words>
|
||
<words id="sim_start">
|
||
avvia simulazione
|
||
</words>
|
||
<words id="sim_stop">
|
||
riavvia & ridisegna
|
||
</words>
|
||
<words id="translations_exist">
|
||
Traduzioni:
|
||
</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 -->
|
||
What the, no fan-made translations exist yet?!
|
||
</words>
|
||
<words id="translations_add">
|
||
(aggiungi la tua!)
|
||
</words>
|
||
<words id="translations_original">
|
||
<!-- No need to translate this, because, I assume, -->
|
||
<!-- if someone wants to play the game in English, they can read English -->
|
||
(original in English)
|
||
</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>
|
||
Una risposta veloce a <i>The Wisdom of Crowds</i> di James Surowiecki
|
||
</h3>
|
||
|
||
<div>
|
||
|
||
<img src="sprites/bonus/surowieki.jpg" width="200" height="300" style="float:left; margin-right:1em"/>
|
||
|
||
Una premessa: non sto denigrando
|
||
<a target="_blank" href="https://en.wikipedia.org/wiki/The_Wisdom_of_Crowds">
|
||
questo libro.</a>
|
||
È un buon libro, e Surowiecki stava cercando di rispondere alla stessa nostra domanda:
|
||
<b>“perché le masse diventanto folli, o sagge?”</b>
|
||
|
||
<br><br>
|
||
|
||
La risposta di Surowiecki: le masse prendono buone decisioni quando ognuno è il più indipendente possibile.
|
||
Racconta la storia di una fiera paesana,
|
||
nella quale i cittadini venivano invitati a indovinare il peso di un bue.
|
||
Sorprendentemente, la media di <i>tutte</i> le loro ipotesi era più precisa dell'ipotesi di <i>ciascuno</i>.
|
||
Ma ecco il punto: le persone devono indovinare <i>indipendentemente</i> dalle altre.
|
||
Altrimenti,
|
||
saranno influenzate dalle ipotesi precedenti errate,
|
||
e la risposta media sarebbe completamente distorta.
|
||
|
||
<br><br>
|
||
|
||
Ma... Non credo che "rendere ciascuno il più indipendente possibile" sia tutta la risposta.
|
||
Anche i geni, che possiamo immaginare come i pensatori più indipendenti,
|
||
sono profondamente influenzati dagli altri. Come disse Sir Isaac Newton,
|
||
<i>“Se ho visto più lontano, è perché stavo sulle spalle di giganti.”</i>
|
||
|
||
<br><br>
|
||
|
||
Quindi, qual è l'idea corretta?
|
||
La saggezza viene dal pensare per se stessi, o dal pensare con gli altri?
|
||
La risposta è: "sì".
|
||
|
||
<br><br>
|
||
|
||
Questo è ciò che cercherò di spiegare in questa simulazione interattiva:
|
||
come trovare il fragile equilibrio tra indipendenza e interdipendenza —
|
||
ovvero, come ottere una folla saggia.
|
||
|
||
</div>
|
||
|
||
</bonus>
|
||
<bonus id="connections">
|
||
|
||
<h3>
|
||
Quali altri tipi di connessione esistono?
|
||
</h3>
|
||
|
||
<div>
|
||
|
||
Per amore della semplicità,
|
||
le mie simulazioni fingono che le persone possano essere collegate solo attraverso amicizie,
|
||
e che tutte le amicizie siano uguali.
|
||
Ma gli scienziati delle reti considerano altri modi in cui possiamo essere connessi, come ad esempio:
|
||
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
|
||
<img src="sprites/bonus/connection1.png" width="250" height="150" style="float:left; margin-right:1em"/>
|
||
<b>Connessioni direzionali.</b> Alice è il capo di Bob, ma Bob non è il capo di Alice.
|
||
Carol è il padre di Dave, ma Dave non è il padre di Carol.
|
||
"Capo" & "Genitore" sono relazioni <i>direzionali</i>:
|
||
la relazione è a senso unico.
|
||
Al contrario, "amici" è una relazione <i>bidirezionale</i>:
|
||
la relazione va in entrambi i sensi (beh, sperabilmente).
|
||
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
|
||
<img src="sprites/bonus/connection2.png" width="250" height="150" style="float:left; margin-right:1em"/>
|
||
<b>Connessioni pesate.</b> Elinor e Frankie sono semplici conoscenti.
|
||
George e Harry sono migliori amici.
|
||
Nonostante ci sia una relazione di "amicizia" in entrambi i casi, la seconda è più forte.
|
||
Diciamo che queste due connessioni hanno "pesi" differenti.
|
||
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
|
||
<img src="sprites/bonus/map.png" width="200" height="200" style="float:left; margin-right:1em"/>
|
||
Ricorda sempre: <b>tutte queste simulazioni sono sbagliate.</b> Allo stesso modo in cui ogni mappa è "sbaglata".
|
||
Vedi la mappa qui a sinistra? Gli edifici reali non sono semplici blocchi grigi!
|
||
Non ci sono parole che volano sopra la città! Tuttavia, le mappe non sono utili <i>nonostante</i> siano semplificate,
|
||
ma proprio <i>perché</i> sono semplificate. Lo stesso accade per le simulazioni, o per qualsiasi teoria scientifica.
|
||
<i>Intrinsecamente</i> sono "sbagliate" — è questo che le rende <i>utili</i>.
|
||
|
||
</div>
|
||
|
||
</bonus>
|
||
<bonus id="contagions">
|
||
|
||
<h3>
|
||
Che altri tipi di contagio esistono?
|
||
</h3>
|
||
|
||
<div>
|
||
|
||
Ci sono moltissimi modi in cui gli scienziati delle reti possono simulare "contagi"!
|
||
Per scopi didattici ho scelto il più semplice.
|
||
Ma ecco altri modi per farlo:
|
||
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
|
||
<img src="sprites/bonus/contagion1.png" width="250" height="150" style="float:left; margin-right:1em"/>
|
||
<b>Contaggi con casualità</b>.
|
||
Essere "esposti" a un contagio <i>non garantisce</i> che sarai infettato,
|
||
lo rende solamente più <i>probabile</i>.
|
||
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
|
||
<img src="sprites/bonus/contagion2.png" width="250" height="150" style="float:left; margin-right:1em"/>
|
||
<b>Le persone hanno diverse soglie di contagio.</b>
|
||
Le mie simulazioni assumono che tutti abbiano la stessa soglia per diventare bevitori seriali (50%),
|
||
fare volontariato (25%) o credere a una fake news (0%).
|
||
|
||
Ovviamente, non è così nella vita reale, e si potrebbe fare una simulazione che si comporti in questo modo.
|
||
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
|
||
<img src="sprites/bonus/contagion3.png" width="250" height="150" style="float:left; margin-right:1em"/>
|
||
<b>Ecologia del contagio.</b>
|
||
Cosa accadrebbe se ci fossero contagi <i>multipli</i> con soglie <i>differenti</i>?
|
||
Per esempio, un semplice contagio del tipo "folle" e uno complesso del tipo "saggio".
|
||
Se qualcuno viene infettato dalla follia, può essere ancora infettato dalla saggezza?
|
||
O vice versa?
|
||
Può qualcuno essere infettato da entrambi?
|
||
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
|
||
<img src="sprites/bonus/contagion4.png" width="250" height="150" style="float:left; margin-right:1em"/>
|
||
<b>Contagi che mutano ed evolvono.</b>
|
||
Le idee non passano perfettamente da una persona all'altra come farebbe un virus.
|
||
Come il gioco del telefono, il messaggio viene modificato ad ogni chiamata —
|
||
e qualche volta il messaggio mutato può essere più contagioso dell'originale!
|
||
Quindi, nel tempo, le idee "evolvono" per essere più accattivanti, copiabili, contagiose.
|
||
|
||
<div style="clear:both"></div>
|
||
|
||
</div>
|
||
|
||
</bonus>
|
||
<bonus id="further_reading">
|
||
|
||
<h3>
|
||
Voglio imparare di più! Cos'altro posso leggere o giocare?
|
||
</h3>
|
||
|
||
<div>
|
||
|
||
Questa simulazione interattiva vuole essere solo una molla per stimolare la curiosità,
|
||
in modo che possa approfondire gli argomenti che ti interessano!
|
||
Ecco altro materiale su reti e sistemi sociali:
|
||
|
||
<br><br>
|
||
|
||
<img src="sprites/bonus/connected.png" width="200" height="200" style="float:left; margin-right:1em"/>
|
||
<b>Libro:</b>
|
||
<a target="_blank" href="http://www.connectedthebook.com/">
|
||
Connected</a>
|
||
di Nicholas Christakis e James Fowler (2009).
|
||
Un tour introduttivo al come le reti influenzano le nostre vite, nel bene e nel male.
|
||
<a target="_blank" href="http://www.connectedthebook.com/pdf/excerpt.pdf">
|
||
Qui c'è un estratto: Prefazione & Capitolo 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>Interattiva:</b>
|
||
<a target="_blank" href="http://ncase.me/trust/">
|
||
The Evolution of Trust</a> di Nicky Case (me) (2017).
|
||
Una simulazione basata sulla teoria dei giochi su come la cooperazione viene creata... o distrutta.
|
||
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
|
||
<img src="sprites/bonus/polygons.png" width="200" height="200" style="float:left; margin-right:1em"/>
|
||
<b>Interattiva:</b>
|
||
<a target="_blank" href="http://ncase.me/polygons/">
|
||
Parable of the Polygons</a> di Vi Hart e Nicky Case (also me) (2014).
|
||
Una storia su come scelte innocue possono creare un mondo pericoloso.
|
||
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
|
||
<img src="sprites/bonus/ee.png" width="200" height="200" style="float:left; margin-right:1em"/>
|
||
Oppure, se vuoi solo vedere un'intera galleria di edu-cose interattive, puoi vedere
|
||
<a target="_blank" href="http://explorabl.es/">
|
||
Spiegazioni Esplorabili</a>,
|
||
un punto di riferimento per imparare giocando!
|
||
|
||
<div style="clear:both"></div>
|
||
|
||
</div>
|
||
|
||
</bonus>
|
||
|
||
<!-- - - - - - - -->
|
||
<!-- REFERENCES -->
|
||
<!-- - - - - - - -->
|
||
|
||
<!--
|
||
Final thing! These references also need you to TRANSLATE:
|
||
-->
|
||
|
||
<reference id="drunk">
|
||
|
||
<h3>
|
||
“tutti gli studenti hanno riferito che i propri amici bevono potenzialmente più di quanto facciano loro stessi.”
|
||
</h3>
|
||
|
||
<div>
|
||
<a target="_blank" href="https://www.ncbi.nlm.nih.gov/pubmed/1758185">
|
||
“Biases in the perception of drinking norms among college students”</a> di Baer et al (1991)
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="majority">
|
||
|
||
<h3>
|
||
“L'illusione della maggionranza”
|
||
</h3>
|
||
|
||
<div>
|
||
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0147617">
|
||
“The Majority Illusion in Social Networks”</a> di Lerman et al (2016).
|
||
<br>
|
||
Collegato a: <a target="_blank" href="https://en.wikipedia.org/wiki/Friendship_paradox">
|
||
Il Paradosso dell'Amicizia</a>.
|
||
</div>
|
||
</reference>
|
||
<reference id="contagion">
|
||
|
||
<h3>
|
||
“Ci sono forti evidenze statistiche che
|
||
l'attitudine a fumare, lo stato di salute, la felicità, l'orientamento politico, e la cooperazione
|
||
sono tutti contagiosi”
|
||
</h3>
|
||
|
||
<div>
|
||
|
||
Dal libro di Nicholas Christakis e James Fowler <a target="_blank" href="http://www.connectedthebook.com/">
|
||
Connected</a> (2009), meravigliosamente scritto e accessibile a tutti.
|
||
|
||
</div>
|
||
</reference>
|
||
<reference id="suicides">
|
||
|
||
<h3>
|
||
“alcune evidenze che anche i suicidi siano contagiosi”
|
||
</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>
|
||
di O'Carroll et al (1994), approvato dal Centers for Disease Control & Prevention (CDC).
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="shootings">
|
||
|
||
<h3>
|
||
“alcune evidenze che anche le sparatorie di massa siano contagiose”
|
||
</h3>
|
||
|
||
<div>
|
||
|
||
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0117259">
|
||
“Contagion in Mass Killings and School Shootings”</a> di Towers et al (2015).
|
||
|
||
<br><br>
|
||
|
||
Vedi anche: la campagna
|
||
<a target="_blank" href="http://www.dontnamethem.org/">
|
||
Don't Name Them</a>,
|
||
che spinge le agenzie di stampa a <i>NON</i> pubblicare i nomi degli assassini, i manifesti, e post sui social network.
|
||
Questo aiuta il contagio.
|
||
Invece, le agenzie dovrebbero concentrarsi sulle vittime, i primi soccorritori, gli eroi civili,
|
||
e la comunità in lutto e in guarigione.
|
||
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="subprime">
|
||
|
||
<h3>
|
||
“Le istituzioni finanziarie mondiali caddero vittime di questa situazione nel 2008.”
|
||
</h3>
|
||
|
||
<div>
|
||
<a target="_blank" href="https://newrepublic.com/article/63023/wall-streets-lemmings">
|
||
“Lemmings of Wall Street”</a> di Cass Sunstein, è una lettura veloce e non tecnica.
|
||
Pubblicata nell'ottobre 2008, proprio sulla scia dello schianto
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="complex">
|
||
|
||
<h3>
|
||
“la teoria del contagio complesso.”
|
||
</h3>
|
||
|
||
<div>
|
||
|
||
<a target="_blank" href="https://www.unc.edu/~fbaum/teaching/articles/Granovetter_AJS_1978.pdf">
|
||
“Threshold Models of Collective Behavior”</a> di Granovetter (1978)
|
||
è stata la prima volta, per quanto ne so, che qualcuno ha descritto un modello di "contagio complesso".
|
||
(anche se non ha usato quel termine esatto)
|
||
|
||
<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>
|
||
di Sprague & House (2017)
|
||
mostra che contagi complessi, in effetti, esistono. (almeno, nei dati sui social media che hanno utilizzato)
|
||
|
||
<br><br>
|
||
|
||
Infine,
|
||
<a target="_blank" href="https://arxiv.org/pdf/cond-mat/0403699.pdf">
|
||
“Universal behavior in a generalized model of contagion”</a> di Dodds & Watts (2004)
|
||
propone un modello che unifica tutti i tipi di contagio, <i>tutti</i>:
|
||
semplice e complesso, biologico e sociale!
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="possum">
|
||
<h3>
|
||
“l'opossum ha 13 capezzoli”
|
||
</h3>
|
||
<div>
|
||
disposti in un anello di 12 capezzoli, più uno al centro
|
||
</reference>
|
||
<reference id="groupthink">
|
||
|
||
<h3>
|
||
“pensiero di gruppo”
|
||
</h3>
|
||
|
||
<div>
|
||
Questo termine ispirato da Orwell fu coniato da Irving L. Janis nel 1971.
|
||
<a target="_blank" href="https://web.archive.org/web/20100401033524/http://apps.olin.wustl.edu/faculty/macdonald/GroupThink.pdf">
|
||
Nel suo articolo originale</a>,
|
||
Janis studia casi di pensiero di gruppo, elenca le sue cause, e — per fortuna —
|
||
alcuni possibili rimedi.
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="social_capital">
|
||
|
||
<h3>
|
||
“capitale sociale, ponti e legami”
|
||
</h3>
|
||
|
||
<div>
|
||
Questi due tipi di capitale sociale — "legami" (bonding) e "ponti" (bridging) —
|
||
furono nominati da Robert Putnam nel suo libro del 2000 ,
|
||
<a target="_blank" href="http://bowlingalone.com/">
|
||
Bowling Alone</a>. La sua scoperta:
|
||
per quasi <i>tutti</i> gli indicatori di connettività sociale,
|
||
gli americani sono più soli che mai.
|
||
Perbacco.
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="bridge">
|
||
|
||
<h3>
|
||
“i ponti hanno un punto debole”
|
||
</h3>
|
||
|
||
<div>
|
||
<a target="_blank" href="https://sociology.stanford.edu/sites/default/files/publications/the_strength_of_weak_ties_and_exch_w-gans.pdf">
|
||
“The Strength of Weak Ties”</a> di Granovetter (1973)
|
||
ha dimostrato che le connessioni tra gruppi aiutano a diffondere contagi semplici (come le informazioni),
|
||
ma
|
||
<a target="_blank" href="http://www.jstor.org/stable/10.1086/521848?seq=1#page_scan_tab_contents">
|
||
“Complex Contagions and the Weakness of Long Ties”</a> di Centola & Macy (2007)
|
||
ha dimostrato che le connessioni tra i gruppi possono limitare i contagi complessi,
|
||
e addirittura impedirne la diffusione!
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="small_world">
|
||
|
||
<h3>
|
||
“il Piccolo Mondo”
|
||
</h3>
|
||
|
||
<div>
|
||
|
||
L'idea di "piccolo mondo" è stata resa popolare dall'
|
||
<a target="_blank" href="http://www.jstor.org/stable/2786545">esperimento di Travers & Milgram del 1969</a>,
|
||
che ha mostrato che, in media, tra due persone a caso negli Stati Uniti
|
||
c'erano appena sei amicizie intermedie — "sei gradi di separazione"!
|
||
|
||
<br><br>
|
||
|
||
La rete del piccolo mondo, ha ottenuto un fodamento matematico più forte con l'articolo
|
||
<a target="_blank" href="http://leonidzhukov.net/hse/2014/socialnetworks/papers/watts-collective_dynamics-nature_1998.pdf">
|
||
“Collective dynamics of small-world networks”</a> di Watts & Strogatz (1998),
|
||
che ha proposto un algoritmo per la creazione di reti
|
||
con una lunghezza del percorso medio bassa (basso grado di separazione)
|
||
e clustering elevato (gli amici hanno molti amici in comune) —
|
||
cioè, una rete che centra il punto debole!
|
||
|
||
<br><br>
|
||
|
||
Puoi anche giocare con
|
||
<a target="_blank" href="http://worrydream.com/ScientificCommunicationAsSequentialArt/">
|
||
la verione interattiva di questo paper</a> creata da Bret Victor (2011).
|
||
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="swn_neurons">
|
||
|
||
<h3>
|
||
“i piccoli mondi descrivono come i nostri neuroni sono connessi”
|
||
</h3>
|
||
|
||
<div>
|
||
<a target="_blank" href="https://www.ncbi.nlm.nih.gov/pubmed/17079517">
|
||
“Small-world brain networks”</a> di Bassett & Bullmore (2006).
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="swn_creativity">
|
||
|
||
<h3>
|
||
“i piccoli mondi danno vita alla creatività collettiva”
|
||
</h3>
|
||
|
||
<div>
|
||
|
||
<a target="_blank" href="http://www.jstor.org/stable/10.1086/432782?seq=1#page_scan_tab_contents">
|
||
“Collaboration and Creativity: The Small World Problem”</a> di Uzzi & Spiro (2005).
|
||
Questo paper ha analizzato la rete sociale della scena di Broadway,
|
||
e ha scoperto che, già, la rete è più creativa se si tratta di un "piccolo mondo"!
|
||
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="swn_social_physics">
|
||
|
||
<h3>
|
||
“i piccoli mondi danno vita al problem solving collettivo”
|
||
</h3>
|
||
|
||
<div>
|
||
Vedi
|
||
<a target="_blank" href="http://socialphysics.media.mit.edu/">
|
||
“Social Physics”</a> di Alex "Sandy" Pentland, professore al MIT (2014)
|
||
per un approccio all'intelligenza collettiva basato sui dati.
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="swn_jfk">
|
||
|
||
<h3>
|
||
“ha persino aiutato il presidente degli Stati Uniti John F. Kennedy ad evitare una guerra nucleare!”
|
||
</h3>
|
||
|
||
<div>
|
||
|
||
Oltre all'esplosione del Challenger della NASA, l'esempio più famoso di pensiero di gruppo
|
||
fu il fiasco della Baia dei Porci.
|
||
Nel 1961, il presidente degli Stati Uniti John F. Kennedy e il suo team di consulenti pensarono
|
||
— per qualche motivo —
|
||
sarebbe una buona idea invadere segretamente Cuba e rovesciare Fidel Castro.
|
||
Fallirono.
|
||
Veramente, fu peggio che un fallimento: portò alla crisi dei missili di Cuba del 1962,
|
||
<i>il momento in cui il mondo è stato più vicino a una crisi nucleare globale.</i>
|
||
|
||
<br><br>
|
||
|
||
Eh già, JFK fece davvero un casino.
|
||
|
||
<br><br>
|
||
|
||
Ma, avendo imparato alcune dure lezioni dal fiasco della Baia dei Porci,
|
||
JFK riorganizzò la sua squadra per evitare il pensiero di gruppo.
|
||
Tra le tante cose:
|
||
1) incoraggiò attivamente le persone a esprimere critiche,
|
||
abbassando così la "soglia di contagio" per le idee alternative.
|
||
2) Divise la sua squadra in sottogruppi prima della riconvocazione,
|
||
il che le diede un design simile alla "rete del piccolo mondo"!
|
||
Questo accorgimento incoraggiò una sana diversità di opinioni,
|
||
ma senza creare troppa frantumazione. Una saggezza di gruppo.
|
||
|
||
<br><br>
|
||
E così, con lo stesso gruppo di <i> persone </i> che decise per la Baia dei Porci,
|
||
ma riorganizzato <i> collettivamente </i> per decidere sulla crisi missilistica cubana...
|
||
La squadra di JFK fu in grado di raggiungere un accordo pacifico con la leader sovietica Nikita Khrushchev.
|
||
I sovietici avrebbero tolto i loro missili da Cuba, e in cambio,
|
||
gli Stati Uniti avrebbero promesso di non invaderla nuovamente.
|
||
(e si accordarono anche, in segreto, per rimuovere i missili USA dalla Turchia)
|
||
|
||
<br><br>
|
||
|
||
E questa è la storia di come tutta l'umanità sia quasi morta.
|
||
Ma una rete del piccolo mondo l'ha salvata! Una cosa del genere.
|
||
|
||
<br><br>
|
||
|
||
Puoi leggere altro in proposito
|
||
<a target="_blank" href="https://hbr.org/2013/11/how-john-f-kennedy-changed-decision-making">
|
||
su Harvard Business Review</a>,
|
||
o sull'
|
||
<a target="_blank" href="https://web.archive.org/web/20100401033524/http://apps.olin.wustl.edu/faculty/macdonald/GroupThink.pdf">
|
||
articolo originale sul pensiero di gruppo</a>.
|
||
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="three_degrees">
|
||
|
||
<h3>
|
||
“influenziamo [...] gli amici degli amici degli amici!”
|
||
</h3>
|
||
|
||
<div>
|
||
Ancora, dal fantastico libro di Nicholas Christakis e James Fowler,
|
||
<a target="_blank" href="http://www.connectedthebook.com/">
|
||
Connected</a> (2009).
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="flatter">
|
||
<h3>
|
||
“sii scettico sulle idee che ti lusingano”
|
||
</h3>
|
||
<div>
|
||
sì, incluse quelle in <i>questa</i> spiegazione interattiva.
|
||
</div>
|
||
</reference>
|
||
<reference id="sandbox">
|
||
|
||
<h3>
|
||
★ Modalità Sandbox ★
|
||
</h3>
|
||
|
||
<div>
|
||
Le scorciatoie da tastiera (1, 2, space, backspace)
|
||
funzionano in <i>tutti</i> gli esempi, non solo nella modalità sandbox!
|
||
Davvero, puoi tornare indietro a un capitolo differente,
|
||
e modificare la simulazione.
|
||
Infatti, questo è come <i>abbiamo</i> creato tutti questi giochi. Divertiti!
|
||
</div>
|
||
|
||
</reference>
|
||
<reference id="supporters" hidden=yes large=yes>
|
||
<div>
|
||
Ai
|
||
<a target="_blank" href="https://www.patreon.com/ncase">miei supporter su Patreon</a>:
|
||
Sono profondamente grato.
|
||
La vostra generesonità <i>letteralmente</i> mi dà da mangiare e mi paga l'affitto,
|
||
e mi garantisce la libertà creativa di realizzare questi giochi.
|
||
Dal profondo del mio cuore, grazie!
|
||
</div>
|
||
</reference>
|
||
<reference id="playtesters" hidden=yes large=yes>
|
||
<div>
|
||
|
||
Grazie, a chiunque abbia testato <i>Crowds</i>
|
||
durante le varie fasi della sua vita!
|
||
|
||
<br><br>
|
||
<b>Prototipo:</b>
|
||
<br>
|
||
Maria ·
|
||
Monica Srivastava
|
||
|
||
<br><br>
|
||
<b>Versione Alpha:</b>
|
||
<br>
|
||
Glen Chiacchieri ·
|
||
Kalli Repzeti ·
|
||
Mali Akmanalp ·
|
||
Toph Tucker
|
||
|
||
<br><br>
|
||
<b>Versione Beta:</b>
|
||
<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.
|
||
|
||
-->
|