1458 lines
74 KiB
HTML
1458 lines
74 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="ru"> <!-- 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>Мудрость и/или безумие толп</title> <!-- <title>(TRANSLATE this part only)</title> -->
|
||
<meta name="description" content="интерактивное пособие по сетям человеческих взаимоотношений"/> <!-- 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">
|
||
|
||
<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="Мудрость и/или безумие толп"> <!-- content="(TRANSLATE this part only)" -->
|
||
<meta itemprop="description" content="интерактивное пособие по сетям человеческих взаимоотношений"> <!-- content="(TRANSLATE this part only)" -->
|
||
<meta itemprop="image" content="http://ncase.me/crowds/social/thumb.png">
|
||
|
||
<meta name="twitter:title" content="Мудрость и/или безумие толп"> <!-- content="(TRANSLATE this part only)" -->
|
||
<meta name="twitter:description" content="интерактивное пособие по сетям человеческих взаимоотношений"> <!-- 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="Мудрость и/или безумие толп"> <!-- content="(TRANSLATE this part only)" -->
|
||
<meta property="og:description" content="интерактивное пособие по сетям человеческих взаимоотношений"> <!-- content="(TRANSLATE this part only)" -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="http://ncase.me/crowds/ru.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">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pangolin">
|
||
|
||
<style>
|
||
body {
|
||
font-family: 'Pangolin', Helvetica, Arial;
|
||
font-size: 20px !important;
|
||
}
|
||
</style>
|
||
</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">пропустить ></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">ВКЛ</span> <!-- TRANSLATE -->
|
||
<span id="sound_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">
|
||
Мудрость и/или безумие толп <!-- TRANSLATE -->
|
||
</span>
|
||
<span id="share_desc">
|
||
<!-- TRANSLATOR: keep this on ONE LINE or the social sharing will break! -->
|
||
Почему группы людей совершают разумные, глупые, добрые, жестокие поступки? Интерактивное пособие по сетям человеческих взаимоотношений: <!-- TRANSLATE -->
|
||
</span>
|
||
</div>
|
||
<div id="navigation">
|
||
<!-- The chapters -->
|
||
|
||
<!-- TRANSLATE all the Chapter names! -->
|
||
<div chapter="Introduction">
|
||
<span>0</span>
|
||
<span>0. Введение</span>
|
||
</div>
|
||
<div chapter="Networks">
|
||
<span>1</span>
|
||
<span>1. Связи</span>
|
||
</div>
|
||
<div chapter="Simple">
|
||
<span>2</span>
|
||
<span>2. Заражения</span>
|
||
</div>
|
||
<div chapter="Complex">
|
||
<span>3</span>
|
||
<span>3. Комплексные заражения</span>
|
||
</div>
|
||
<div chapter="BB">
|
||
<span>4</span>
|
||
<span>4. Связующее и вспомогательное</span> <!-- note: & is html for the "and" sign -->
|
||
</div>
|
||
<div chapter="SmallWorld">
|
||
<span>5</span>
|
||
<span>5. Маленький мир</span>
|
||
</div>
|
||
<div chapter="Conclusion">
|
||
<span>6</span>
|
||
<span>6. В заключение...</span>
|
||
</div>
|
||
<div chapter="Credits">
|
||
<span>7</span>
|
||
<span>7. Авторство</span>
|
||
</div>
|
||
<div chapter="Sandbox">
|
||
<span>★</span>
|
||
<span>★ Песочница! ★</span>
|
||
</div>
|
||
|
||
<!-- A divider -->
|
||
<span class="nav_divider"></span>
|
||
|
||
<!-- Bonus Notes & References -->
|
||
<div modal="bonus">
|
||
<span>?</span>
|
||
<span>Бонусные коробки!</span> <!-- TRANSLATE -->
|
||
</div>
|
||
<div modal="references">
|
||
<span style="margin-top: 7px; font-size: 35px;">*</span>
|
||
<span>Ссылки и референсы</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>Переводы</span> <!-- TRANSLATE -->
|
||
</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>загрузка...</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?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;">
|
||
<br>
|
||
<span style="font-size: 45px;">МУДРОСТЬ</span>
|
||
<span style="position: relative; top: -5px;">и/или</span>
|
||
<span style="font-size: 45px;">БЕЗУМИЕ</span>
|
||
<br>
|
||
<span style="font-size: 100px; line-height: 80px; position: relative; display: block;">ТОЛП</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! -->
|
||
от nicky case • перевод <a href="https://toby3d.ru">toby3d</a> • <a href='.'>original in English</a>
|
||
</div>
|
||
</words>
|
||
|
||
<words id="preloader_button">
|
||
<next></next>
|
||
</words>
|
||
|
||
<words id="preloader_loading">
|
||
загрузка...
|
||
</words>
|
||
|
||
<words id="preloader_play">
|
||
<span style="font-size: 1.25em">
|
||
сыграть! <div class="rarr"></div>
|
||
</span>
|
||
</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>
|
||
Сэр Исаак Ньютон считал себя<br>
|
||
сообразительным парнем. Я имею в виду, что<br>
|
||
после открытия матанализа и закона тяготения он был<br>
|
||
вправе считать себя достаточно умным, чтобы заняться<br>
|
||
денежными вложениями, верно? Как бы то ни было, в итоге<br>
|
||
он потерял 4 600 000 долларов (в сегодняшних долларах)<br>
|
||
в общенациональной спекуляции, известной как<br>
|
||
Пузырь Южных морей 1720 года.
|
||
<br><br>
|
||
Как г-н Ньютон сказал позже: <i>“Я могу рассчитать<br>
|
||
движения небесных тел, но не безумие людей.”</i>
|
||
<br>
|
||
<next>да, хреново ему <div class="rarr"></div></next>
|
||
</words>
|
||
|
||
<words id="intro_2">
|
||
<div style="height: 0.5em;"></div>
|
||
И это, конечно, не единственный<br>
|
||
случай, когда рынкам, институтам и даже<br>
|
||
целым демократическим странам пришла крышка<br>
|
||
- <i>безумие</i> толп. Но именно тогда, когда вы теряете веру в<br>
|
||
человечество, появляются люди, работающие сообща ради<br>
|
||
спасения сограждан в ураганах, сообщества, занимающиеся<br>
|
||
поиском решения проблем, люди, готовые бороться <br>
|
||
за лучший мир - <i>мудрость</i> толп!
|
||
<div style="height: 0.9em;"></div>
|
||
<b>Но <i>почему</i> некоторые толпы обращаются к безумию<br>
|
||
или мудрости?</b> Никакая теория не может объяснить всё, но<br>
|
||
думаю, что новая область исследований, социология сетей,<br>
|
||
может нам помочь! И ее основная идея заключается<br>
|
||
в следующем: чтобы понять толпу, мы должны<br>
|
||
смотреть не на <i>отдельных</i> людей, а на...
|
||
<next>
|
||
<span style="font-size: 1.25em;">
|
||
...их <i>связи</i>. <div class="rarr"></div></next>
|
||
</span>
|
||
</words>
|
||
|
||
<!-- Networks -->
|
||
|
||
<words id="networks_tutorial_start">
|
||
<b>Нарисуем сеть!</b>
|
||
Каждое соединение представляет собой дружбу между двумя людьми:
|
||
</words>
|
||
|
||
<words id="networks_tutorial_connect">
|
||
рисуй для соединения
|
||
</words>
|
||
|
||
<words id="networks_tutorial_disconnect">
|
||
перечеркни для разделения
|
||
</words>
|
||
|
||
<words id="networks_tutorial_end">
|
||
когда ты закончишь чиркать и играться,
|
||
<next wiggle>
|
||
<span style="font-size: 1.25em;">
|
||
давай продолжим <div class="rarr"></div>
|
||
</span>
|
||
</next>
|
||
</words>
|
||
|
||
<words id="networks_threshold">
|
||
Сейчас, социальные связи - это больше, чем просто красивые картинки.
|
||
Люди <i>обращаются</i> к своим социальным связям, чтобы понять свой мир.
|
||
Например, люди обращаются к своим сверстникам, чтобы узнать, <b>какой
|
||
% их друзей (не считая себя)</b>, скажем, выпивают. <icon name="yellow"></icon>
|
||
</words>
|
||
|
||
<words id="networks_threshold_instruction">
|
||
<b>Нарисуй/сотри соединения и посмотри что произойдёт! <div class="rarr"></div></b>
|
||
</words>
|
||
|
||
<words id="networks_threshold_end">
|
||
<next>круто, получилось</next>
|
||
</words>
|
||
|
||
<words id="networks_pre_puzzle">
|
||
<span style="font-size: 0.9em;">
|
||
Однако сети могут <i>обманывать</i> людей.
|
||
Точно так же, как земля кажется плоской, потому что мы на ней, люди
|
||
могут ошибаться насчёт мнения общества к чему-либо, потому что они <i>находятся</i> в этом обществе.
|
||
</span>
|
||
</words>
|
||
|
||
<words id="optional_reading">
|
||
<div style="position: absolute; top: 5px;">
|
||
<i>дополнительные</i> заметки! ↑
|
||
</div>
|
||
<div style="position: absolute; left: 216px; top: 10px;">
|
||
↓ ссылки и референсы
|
||
</div>
|
||
</words>
|
||
|
||
<words id="networks_pre_puzzle_2">
|
||
<bon id="books"></bon>
|
||
<br>
|
||
Например, исследование<ref id="drunk"></ref> 1991 года показало,
|
||
что “практически все студенты [колледжа] сообщили, что их друзья пьют больше, чем они”.
|
||
Но это кажется невозможным!
|
||
Как это может быть?
|
||
Ну, ты скоро найдешь ответ сам, нарисовав сеть.
|
||
Сейчас самое время...
|
||
<next>ОБМАНУТЬ ВСЕХ <div class="rarr"></div></next>
|
||
</words>
|
||
|
||
<words id="networks_puzzle">
|
||
<b style="font-size: 1.9em;">ВРЕМЯ ЗАДАЧКИ!</b>
|
||
<br>
|
||
Обмани <i>всех</i>, заставив подумать, что большинство их друзей (порог в 50%) являются пьяницами <icon name="yellow"></icon>
|
||
(хотя любителей выпить превосходят численностью 2 к 1!)
|
||
</words>
|
||
|
||
<words id="networks_puzzle_metric">
|
||
<b>ОБМАНУТО:</b>
|
||
</words>
|
||
|
||
<words id="networks_puzzle_metric_2">
|
||
из 9 человек
|
||
</words>
|
||
|
||
<words id="networks_puzzle_end">
|
||
Поздравляю! Группа студентов повелась на твои манипуляции и поверила
|
||
в широкую распространенность невероятно вредной социальной нормы! Молодцом!
|
||
<next wiggle>...эм, спасибо?</next>
|
||
</words>
|
||
|
||
<words id="networks_post_puzzle">
|
||
То, что ты только что создал, называется Иллюзией большинства<ref id="majority"></ref>,
|
||
что также объясняет, почему люди считают, что их политические взгляды поддерживают другие
|
||
или почему экстремизм кажется более распространенным, чем он есть на самом деле.
|
||
<i>Безумие.</i>
|
||
<bon id="connections"></bon>
|
||
Но люди не просто пассивно <i>наблюдают</i> за другими идеями и поведением,
|
||
они активно <i>копируют</i> их.
|
||
Итак, давай посмотрим, что социологи называют...
|
||
<next>“Заражениями!” <div class="rarr"></div></next>
|
||
</words>
|
||
|
||
<!-- Simple Contagions -->
|
||
|
||
<words id="simple_simple">
|
||
<span style="font-size: 0.95em">
|
||
<i>Отложим в сторону идею "порогов".</i>
|
||
Ниже: у нас есть человек <icon name="red"></icon> с некоторой информацией.
|
||
Некоторой <i>дез</i>информацией. "Фейковые новости" (Fake News), как говорят крутые дети.
|
||
И каждый день этот человек распространяет слух, как вирус, своим друзьям.
|
||
И те - <i>своим</i> друзьям. И т.д.
|
||
</span>
|
||
<br>
|
||
<b>Запусти симуляцию! <div class="darr"></div>
|
||
(p.s: ты не можешь рисовать <i>пока</i> активна симуляция)</b>
|
||
</words>
|
||
|
||
<words id="simple_simple_2">
|
||
Примечание: несмотря на отрицательное имя, "заражения" могут быть хорошими или
|
||
плохими (или нейтральными, или неоднозначными). Имеются серьёзные статистические
|
||
доказательства<ref id="contagion"></ref> о том, что курение, здоровье, счастье, предпочтения в голосованиях
|
||
и уровни сотрудничества являются "заразными", и даже некоторые
|
||
свидетельства того, что самоубийства<ref id="suicides"></ref> и массовые
|
||
расстрелы<ref id="shootings"></ref> - тоже.
|
||
</words>
|
||
|
||
<words id="simple_simple_end">
|
||
<next wiggle>что ж, это удручает <div class="rarr"></div></next>
|
||
</words>
|
||
|
||
<words id="simple_cascade">
|
||
Действительно.
|
||
В любом случае, <b>ВРЕМЯ ЗАДАЧКИ!</b>
|
||
<br>
|
||
Нарисуй сеть и запусти симуляцию,
|
||
чтобы <i>все</i> были подвержены "заражению".
|
||
<br>
|
||
(новое правило: ты не можешь резать <i>широкие</i> соединения)
|
||
</words>
|
||
|
||
<words id="simple_cascade_end">
|
||
<next wiggle>круто, но стрёмно<div class="rarr"></div></next>
|
||
</words>
|
||
|
||
<words id="simple_post_cascade">
|
||
Это нарастание безумия называется <b>"информационным каскадом"</b>.
|
||
Г-н Ньютон попался на таком каскаде в 1720 году.
|
||
Финансовые институты мира попались на таком каскаде в 2008 году.<ref id="subprime"></ref>
|
||
<br><br>
|
||
Однако: <i>эта симуляция ошибочна.</i>
|
||
Большинство идей <i>не</i> распространяются, как вирусы.
|
||
Для большинства убеждений и поведений тебе нужно "подвергнуться" заражениям более чем один раз,
|
||
чтобы "заразиться".
|
||
Итак, социологи придумали новый, лучший способ описать, как развиваются
|
||
идеи/поведения, и они называют это...
|
||
<next wiggle>
|
||
<span style="font-size: 18px;">
|
||
“<i>Комплексные</i> заражения!” <div class="rarr"></div>
|
||
</span>
|
||
</next>
|
||
</words>
|
||
|
||
<!-- Complex Contagions -->
|
||
|
||
<words id="complex_complex">
|
||
Давай вернемся к "порогам" и примеру с выпивкой <icon name="yellow"></icon>!
|
||
В прошлый раз когда ты играл с этой ситуацией, люди не меняли своего поведения.
|
||
<br><br>
|
||
Теперь давай смоделируем, что произойдет, если люди начнут пить,
|
||
<i>когда +50% их друзей -- тоже!</i>
|
||
<b>Перед тем как начать симуляцию, подумай о том, что <i>должно</i> произойти.</b>
|
||
<br><br>
|
||
<b>Теперь запусти симуляцию и посмотри, что на самом деле произойдёт! <div class="rarr"></div></b>
|
||
</words>
|
||
|
||
<words id="complex_complex_2">
|
||
<span style="line-height: 1.3em; display: block;">
|
||
В отличие от нашего более раннего заражения "фейковых новостей" (fake news) <icon name="red"></icon>,
|
||
эта заражение <icon name="yellow"></icon> <i>не</i> распространяется на всех!
|
||
Первые несколько человек становятся "заражёнными", потому что, хотя они подвержены
|
||
только одному пьянице, этот пьяница составляет 50% от их друзей. (да, они одиноки)
|
||
Напротив, человек, находящийся ближе к концу цепи, <i>не</i> заразился, потому что,
|
||
когда он был подвергнут выпивке, инфекция не прошла порог в +50%.
|
||
<div style="height: 0.75em;"></div>
|
||
<i>Относительный</i> % "зараженных" друзей имеет значение.
|
||
В <i>этом</i> и заключается разница между теорией <b>комплексного заражения</b><ref id="complex"></ref>
|
||
и нашей наивной распространяющейся-как-вирус теории распространения <b>простого заражения</b>.
|
||
(ты мог бы сказать, что "простое заражение" - это всего лишь зараза с "более чем 0%" порогом заражения)
|
||
<div style="height: 0.75em;"></div>
|
||
Тем не менее, заражения не обязательно плохие —
|
||
достаточно о <i>безумии</i> толпы, как насчёт...
|
||
<next>...толпы <i>мудрости?</i></next>
|
||
</span>
|
||
</words>
|
||
|
||
<words id="complex_complex_3">
|
||
Здесь у нас есть человек <icon name="blue"></icon>, который добровольно... Я не знаю,
|
||
спасает людей от ураганов или обучает малоимущих детей в их местном сообществе, или что-то вроде того.
|
||
Дело в том, что это "хорошое" комплексное заражение.
|
||
Однако на этот раз, допустим, порог составляет всего 25% —
|
||
люди готовы стать волонтёрами, но только если это также делают 25% или более их друзей.
|
||
Эй, доброжелательность нуждается в некоторой социальной поддержке.
|
||
<br><br>
|
||
<b>← Заставь всех "заразиться" хорошими флюидами!</b>
|
||
</words>
|
||
|
||
<words id="complex_complex_3_end">
|
||
<span style="line-height: 1.3em; display: block;">
|
||
<b>ПРИМЕЧАНИЕ:</b> Волонтёрство, это лишь <i>одно</i> из многих комплексных заражений!
|
||
Другие включают в себя: явку избирателей, привычки,
|
||
оспаривание убеждений, время, чтобы глубоко разобраться в проблеме — всё,
|
||
что требует более одного "разоблачения".
|
||
Комплексные заражения <i>не обязательно</i> мудры,
|
||
но быть мудрым - комплексное заражение.
|
||
<div style="height: 0.75em"></div>
|
||
(Итак, что <i>действительно</i> является простым заражением?
|
||
Обычно разные мелочи, вроде "опоссум имеет 13 сосков"<ref id="possum"></ref>)
|
||
<bon id="contagions"></bon>
|
||
Теперь, чтобы <i>действительно</i> показать силу и странность комплексных заражений, давай пересмотрим...
|
||
<next>...более раннюю задачку <div class="rarr"></div></next>
|
||
</span>
|
||
</words>
|
||
|
||
<words id="complex_cascade">
|
||
Помнишь это? В этот раз, с <i>комплексным</i> заражением <icon name="blue"></icon>, это будет немного сложнее...
|
||
<br>
|
||
<b>Попробуй "заразить" всех комплексной мудростью! <div class="darr"></div></b>
|
||
</words>
|
||
|
||
<words id="complex_cascade_feel_free">
|
||
(ты можешь просто нажимать 'начать' и <i>пробовать</i> столько решений, сколько захочешь)
|
||
</words>
|
||
|
||
<words id="complex_cascade_end">
|
||
<next wiggle>ЧЁРТ ПОДЕРИ <div class="rarr"></div></next>
|
||
</words>
|
||
|
||
<words id="complex_post_cascade">
|
||
Сейчас ты можешь подумать, что тебе просто нужно продолжать добавлять соединения для распространения любого заражения,
|
||
"комплексного" или "простого", хорошего или плохого, мудрого или безумного.
|
||
Но так ли это? Что ж, давай пересмотрим...
|
||
</words>
|
||
|
||
<words id="complex_post_cascade_end">
|
||
<next wiggle>...другой ранний паззл <div class="rarr"></div></next>
|
||
</words>
|
||
|
||
<words id="complex_prevent">
|
||
Если ты нажмёшь "старт" ниже, комплексная заражение <icon name="blue"></icon> просто будет распространяться на всех.
|
||
Никаких сюрпризов.
|
||
Но теперь, давай сделаем <i>противоположное</i> всему, что мы делали раньше:
|
||
<b>нарисуй сеть, чтобы <i>предотвратить</i> распространение заражения на всех!</b> <div class="darr"></div>
|
||
</words>
|
||
|
||
<words id="complex_prevent_2">
|
||
Видишь?
|
||
В то время как много связей всегда будет способствовать распространению <i>простых</i> идей,
|
||
<b>слишком много связей может нарушить распространение <i>комплексных</i> идей!</b>
|
||
(заставляет задуматься об интернете, хм?)
|
||
И это не просто теоретическая проблема. Это может быть вопросом жизни...
|
||
</words>
|
||
|
||
<words id="complex_prevent_end">
|
||
<next wiggle>...или смерти. <div class="rarr"></div></next>
|
||
</words>
|
||
|
||
<words id="complex_groupthink">
|
||
Работники НАСА были неглупыми парнями.
|
||
В смысле, они использовали теории Ньютона, чтобы попасть на Луну.
|
||
Так или иначе, в 1986 году,
|
||
<i>несмотря на предупреждения инженеров</i>,
|
||
они запустили <i>Challenger</i>,
|
||
который взорвался и убил 7 человек.
|
||
Непосредственная причина:
|
||
в то утро было слишком холодно.
|
||
<div style="height: 0.9em;"></div>
|
||
Менее непосредственная причина: менеджеры пренебрегли предупреждениями инженеров.
|
||
Почему? Из-за <b>группового мышления</b><ref id="groupthink"></ref>.
|
||
Когда группа <i>слишком</i> тесно связана, (как правило находясь на вершине институций)
|
||
она становится устойчивой к комплексным идеям, которые бросают вызов её убеждениям или эго.
|
||
<div style="height: 0.9em;"></div>
|
||
Вот как институции могут попасть под влияние безумной толпы.
|
||
Но можем ли мы "спроектировать" для толпы <i>мудрость?</i>
|
||
Короче, два слова:
|
||
<next>
|
||
<span style="font-size: 14px;">
|
||
Связующее и вспомогательное <div class="rarr"></div>
|
||
</span>
|
||
</next>
|
||
</words>
|
||
|
||
<!-- Bonding & Bridging -->
|
||
|
||
<words id="bonding_1">
|
||
<span style="font-size: 0.8em;">
|
||
← Слишком мало соединений и идея не cможет распространяться.
|
||
<br>
|
||
Слишком много соединений и ты получишь групповое мышление. <div class="rarr"></div>
|
||
</span>
|
||
</words>
|
||
|
||
<words id="bonding_2">
|
||
<b style="font-size: 0.9em;">
|
||
Нарисуй группу, которая попадает в золотую середину:
|
||
подключи достаточно людей, чтобы распространить комплексную идею!
|
||
<div class="darr"></div>
|
||
</b>
|
||
</words>
|
||
|
||
<words id="bonding_end">
|
||
Довольно просто!
|
||
Число соединений <i>внутри</i> группы называется <b>связующим социальным капиталом</b><ref id="social_capital"></ref>.
|
||
Но как насчет связей...
|
||
<next wiggle>...<i>между</i> группами?</next>
|
||
</words>
|
||
|
||
<words id="bridging_1">
|
||
Как ты уже догадался,
|
||
число связей <i>между</i> группами называется
|
||
<b>вспомогательным социальным капиталом</b>.
|
||
Это важно, потому что это помогает группам вырваться из их эхо-камер!
|
||
<br>
|
||
<b>Построй мост, чтобы "заразить" всех комплексной мудростью:</b>
|
||
</words>
|
||
|
||
<words id="bridging_end">
|
||
Подобно связыванию, также есть и золотая середина для моста.<ref id="bridge"></ref>
|
||
(доп. задача: попробуй сделать мост настолько широким, чтобы комплексное заражение
|
||
<i>не</i> смогла пройти через него!)
|
||
Теперь, когда мы знаем, как "конструировать" соединения <i>внутри</i> и <i>между</i> группами, давай...
|
||
<next wiggle>
|
||
<span style="font-size: 18px;">
|
||
...сделаем это ОДНОВРЕМЕННО!
|
||
</span>
|
||
</next>
|
||
</words>
|
||
|
||
<words id="bb_1">
|
||
<b style="font-size: 1.6em;">ФИНАЛЬНАЯ ЗАДАЧКА!</b>
|
||
<br>
|
||
Нарисуй соединения внутри групп (связи) и между группами (мосты),
|
||
чтобы распространить мудрость на всю толпу:
|
||
</words>
|
||
|
||
<words id="bb_2">
|
||
Поздравляю, ты только что создал очень особенную сеть!
|
||
Сети с правильной комбинацией связей и мостов
|
||
имеют огромное значение, и их называют...
|
||
<next wiggle>“Маленьким миром” <div class="rarr"></div></next>
|
||
</words>
|
||
|
||
<words id="bb_small_world_1">
|
||
<i>"Единство без единообразия". "Разнообразие без разделения". "E Pluribus Unum: из многих - единое".</i>
|
||
<br>
|
||
Как бы это ни было сформулировано,
|
||
люди всех времён и культур часто приходят к одной и той же мудрости:
|
||
<b>здоровому обществу требуется золотая середина связей <i>внутри</i> групп
|
||
и мостов <i>между</i> группами.</b>
|
||
То есть:
|
||
</words>
|
||
|
||
<words id="bb_small_world_2">
|
||
Не это...
|
||
<br>
|
||
(идеи не распространяются)
|
||
</words>
|
||
|
||
<words id="bb_small_world_3">
|
||
не это...
|
||
<br>
|
||
(получится групповое мышление)
|
||
</words>
|
||
|
||
<words id="bb_small_world_4">
|
||
...а <i>ЭТО:</i>
|
||
</words>
|
||
|
||
<words id="bb_small_world_5">
|
||
Социологи нашли математическое определение этой древней мудрости:
|
||
<b>маленький мир</b><ref id="small_world"></ref>.
|
||
Это оптимальное сочетание связей+мостов описывает,
|
||
как связаны наши нейроны<ref id="swn_neurons"></ref>,
|
||
способности к коллективному творчеству<ref id="swn_creativity"></ref>,
|
||
решений проблем<ref id="swn_social_physics"></ref>,
|
||
и даже однажды помогло президенту США Джону Ф. Кеннеди (едва) избежать ядерной войны!<ref id="swn_jfk"></ref>
|
||
И, да, маленькие миры - это большое дело.
|
||
</words>
|
||
|
||
<words id="bb_small_world_end">
|
||
<next>ок, давай закрепим это... <div class="rarr"></div></next>
|
||
</words>
|
||
|
||
<!-- Sandbox -->
|
||
|
||
<words id="sandbox_caption">
|
||
(псс... хочешь знать секрет?<ref id="sandbox"></ref>)
|
||
</words>
|
||
|
||
<words id="sandbox_contagion">
|
||
<span style="font-size: 0.9em;">
|
||
Заражения:
|
||
</span>
|
||
</words>
|
||
|
||
<words id="sandbox_contagion_simple">
|
||
<span style="font-size: 0.9em;">
|
||
простые
|
||
</span>
|
||
</words>
|
||
|
||
<words id="sandbox_contagion_complex">
|
||
<span style="font-size: 0.9em;">
|
||
комплексные
|
||
</span>
|
||
</words>
|
||
|
||
<words id="sandbox_color_chooser">
|
||
Цвета инфекций:
|
||
</words>
|
||
|
||
<words id="sandbox_tool_chooser">
|
||
Выбрать инструмент...
|
||
</words>
|
||
|
||
<words id="sandbox_tool_pencil">
|
||
<span style="font-size: 0.9em;">
|
||
Рисовать сеть
|
||
</span>
|
||
</words>
|
||
|
||
<words id="sandbox_tool_add">
|
||
<span style="font-size: 0.9em;">
|
||
Создать человека
|
||
</span>
|
||
</words>
|
||
|
||
<words id="sandbox_tool_add_infected">
|
||
<span style="font-size: 0.7em;">
|
||
Создать "заразного"
|
||
</span>
|
||
</words>
|
||
|
||
<words id="sandbox_tool_move">
|
||
<span style="font-size: 0.7em;">
|
||
Двигать человека
|
||
</span>
|
||
</words>
|
||
|
||
<words id="sandbox_tool_delete">
|
||
<span style="font-size: 0.9em;">
|
||
Удалить человека
|
||
</span>
|
||
</words>
|
||
|
||
<words id="sandbox_tool_clear">
|
||
<b style="font-size: 0.8em;">
|
||
ОЧИСТИТЬ ВСЁ
|
||
</b>
|
||
</words>
|
||
|
||
<words id="sandbox_shortcuts_label">
|
||
<span style="font-size: 0.8em;">
|
||
(...или, используй горячие клавиши!)
|
||
</span>
|
||
</words>
|
||
|
||
<words id="sandbox_shortcuts">
|
||
<span style="font-size: 0.6em;">
|
||
[1]: Создать человека
|
||
[2]: Создать "заразного"
|
||
<br>
|
||
[Space]: Двигать
|
||
[Backspace]: Удалить
|
||
</span>
|
||
</words>
|
||
|
||
<!-- Conclusion -->
|
||
|
||
<words id="conclusion_1">
|
||
<div style="font-size: 1.5em;">
|
||
В ЗАКЛЮЧЕНИЕ: все дело в...
|
||
</div>
|
||
<div style="width: 100%; position: absolute; font-size: 4.25em; top: 20px; line-height: 100px; display: block;">
|
||
Инфекциях и связях
|
||
</div>
|
||
<div style="width: 710px; position: absolute; top: 125px; left: 250px;">
|
||
<b>Заражения:</b>
|
||
Подобно тому, как нейроны передают сигналы в мозг,
|
||
люди передают поведения и убеждения в обществе.
|
||
Мы не только влияем на наших друзей,
|
||
но и влияем на друзей наших друзей и даже друзей друзей наших друзей!<ref id="three_degrees"></ref>
|
||
(“будь той переменой, которую вы хотите видеть в мире” и т.д., и т.п)
|
||
Но, как и с нейронами, не только сигналы имеют значение, но и...
|
||
</div>
|
||
<div style="width: 710px; position: absolute; top: 275px; left: 250px;">
|
||
<b>Связи:</b>
|
||
Слишком мало связей и комплексные идеи не смогут распространяться.
|
||
Слишком <i>много</i> связей и комплексные идеи столкнутся с групповым мышлением.
|
||
Трюк состоит в том, чтобы построить маленький мир, оптимальное сочетание
|
||
связей и мостов: <i>e pluribus unum.</i>
|
||
</div>
|
||
<div style="width: 350px; position: absolute; top: 410px; left: 220px; text-align: center; color: #999;">
|
||
(хочешь создать свои собственные симуляции?
|
||
Проверь Песочницу, нажав кнопку (★) ниже!)
|
||
</div>
|
||
<div style="width: 400px; position: absolute; top: 395px; right: 0px; text-align: right; font-size: 0.9em;">
|
||
Итак, что насчет нашего вопроса с самого начала?
|
||
<i>Почему</i> некоторые толпы обращаются к...
|
||
</div>
|
||
<div style="width: 300px; position: absolute; top: 460px; right: 0px;">
|
||
<next>...мудрости и/или безумию?</next>
|
||
</div>
|
||
</words>
|
||
|
||
<words id="conclusion_2">
|
||
<span style="line-height: 1.4em; display: block;">
|
||
<div style="height: 0.5em"></div>
|
||
От Ньютона до НАСА<br>
|
||
сегодня мы осветили многое в науке<br>
|
||
сетей. Короче говоря, безумие толпы не<br>
|
||
обязательно связано с <i>отдельными людьми</i>,<br>
|
||
оно может быть связано с липкой паутиной сетей,<br>
|
||
в которой мы находимся.
|
||
<div style="height: 0.9em"></div>
|
||
Это <i>НЕ</i> означает отказ от личной ответственности,<br>
|
||
потому что мы такие же <i>ткачи</i> этой сети. Так что, улучшай<br>
|
||
свои заражения: будь скептичен к идеям, которые льстят<br>
|
||
тебе<ref id="flatter"></ref>, потрать время на понимание комплексных идей.<br>
|
||
И улучшай свои связи: связывайся с похожими людьми,<br>
|
||
но также создавай мосты через культурные/политические<br>
|
||
границы.
|
||
<div style="height: 0.9em"></div>
|
||
Мы можем сплести мудрую паутину. Конечно, это<br>
|
||
сложнее, чем рисовать линии на экране...
|
||
<next>
|
||
...но оно того стоит.
|
||
</next>
|
||
</span>
|
||
</words>
|
||
|
||
<words id="conclusion_3">
|
||
<i>“Большинство великих побед и трагедий произошло не потому,
|
||
что их виновники были по натуре своей плохими или хорошими,
|
||
а потому, что по натуре своей они были людьми.”</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: 1.25em; line-height: 27px;">
|
||
<span style="color: #777; position: relative; top: 5px;">
|
||
автор
|
||
</span>
|
||
<div style="font-size: 3em; line-height: 1.0em;">
|
||
NICKY CASE
|
||
</div>
|
||
<a target="_blank" href="http://ncase.me" style="text-decoration: none;">
|
||
сыграй в другие мои штуки</a> ·
|
||
<a target="_blank" href="https://twitter.com/ncasenmare" style="text-decoration: none;">
|
||
подпишись в twitter</a>
|
||
<br><br>
|
||
<span style="color: #777; position: relative; top: 5px; display: inline-block; margin-top: 15px;">
|
||
много любви и благодарности
|
||
</span>
|
||
<div style="font-size: 3em; line-height: 1.0em;">
|
||
МОИМ СПОНСОРАМ НА PATREON
|
||
</div>
|
||
<a onclick='publish("reference/show", ["supporters"]);'>
|
||
см. имена и рисунки спонсоров</a> ·
|
||
<a onclick='publish("reference/show", ["playtesters"]);'>
|
||
см. плейтестеров</a>
|
||
<br>
|
||
<a target="_blank" href="https://www.patreon.com/ncase" style="text-decoration: none;">
|
||
помочь мне делать больше подобного! <3</a>
|
||
<br><br>
|
||
<span style="display: inline-block; margin-top: 15px;">
|
||
♫ музыка
|
||
<a target="_blank" href="http://freemusicarchive.org/music/Komiku/Tale_on_the_Late/" style="text-decoration:none">
|
||
"Friends 2018" и "Friends 2068"
|
||
</a>
|
||
от Komiku
|
||
<br>
|
||
</> Код <i>Толп</i>
|
||
<a target="_blank" href="https://github.com/ncase/crowds" style="text-decoration: none;">
|
||
полностью открыт
|
||
</a>
|
||
</span>
|
||
<br>
|
||
<bon id="further_reading"></bon>
|
||
</div>
|
||
</words>
|
||
|
||
<!-- x. misc -->
|
||
<words id="WIN">
|
||
ПОБЕДА
|
||
</words>
|
||
|
||
<words id="sim_start">
|
||
начать симуляцию
|
||
</words>
|
||
|
||
<words id="sim_stop">
|
||
<span style="font-size: 0.8em;">
|
||
сбросить и перерисовать
|
||
</span>
|
||
</words>
|
||
|
||
<words id="translations_exist">
|
||
Фан-переводы:
|
||
</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">
|
||
(добавь свой!)
|
||
</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>Краткий ответ <i>Мудрость толп</i> Джеймса Суровецки</h3>
|
||
<div>
|
||
<img src="sprites/bonus/surowieki.jpg" width="200" height="300" style="float: left; margin-right: 1em;"/>
|
||
Во-первых, я не оспариваю
|
||
<a target="_blank" href="https://en.wikipedia.org/wiki/The_Wisdom_of_Crowds">
|
||
эту книгу.</a>
|
||
Это хорошая книга, и Суровецки (Surowiecki) попытался затронуть тот же самый вопрос:
|
||
<b>“почему некоторые толпы обращаются к безумию или мудрости?”</b>
|
||
<br><br>
|
||
Суровецки (Surowiecki) отвечает: толпы принимают правильные решения, когда все становятся настолько независимыми, насколько это возможно.
|
||
Он рассказывает историю уездной ярмарки, где горожанам было предложено угадать вес вола.
|
||
Удивительно, но среднее значение <i>всех</i> их догадок было лучше, чем любое <i>отдельное предположение</i>.
|
||
Но, вот препятствие: люди должны угадывать <i>независимо</i> друг от друга.
|
||
В противном случае на них повлияют ранние неправильные догадки, и средний ответ будет сильно искажен.
|
||
<br><br>
|
||
Но... Я не думаю, что "сделать всех максимально независимыми" это полный ответ.
|
||
Даже гении, которых мы неправильно представляем как самых независимых мыслителей,
|
||
находятся под сильным влиянием других. Как сказал сэр Исаак Ньютон,
|
||
<i>“Если я видел дальше других, то потому, что стоял на плечах гигантов.”</i>
|
||
<br><br>
|
||
Итак, какая идея правильная?
|
||
Исходит ли мудрость из самостоятельных размышлений, или из размышлений коллективных?
|
||
Ответ: "да".
|
||
<br><br>
|
||
Вот что я попытаюсь объяснить в этом интересном объяснении:
|
||
как найти эту золотую середину между независимостью и взаимозависимостью —
|
||
то есть, как получить мудрую толпу.
|
||
</div>
|
||
</bonus>
|
||
|
||
<bonus id="connections">
|
||
<h3>Какие ещё существуют связи?</h3>
|
||
<div>
|
||
Для простоты,
|
||
мои симуляции притворяются, что люди могут быть связаны только через дружбу
|
||
и что все дружеские отношения равны.
|
||
Но социологи <i>рассматривают</i> другие способы, с которыми мы можем быть связаны, например:
|
||
<div style="clear: both;"></div>
|
||
<br>
|
||
<img src="sprites/bonus/connection1.png" width="250" height="150" style="float: left; margin-right: 1em;"/>
|
||
<b>Направленные соединения.</b> Алиса - босс Боба, но Боб не босс Алисы.
|
||
Кэрол является родителем Дэйва, но Дэйв не является родителем Кэрол.
|
||
"Босс" и "родитель" - это <i>направленные</i> отношения:
|
||
отношения идут только в одну сторону.
|
||
Напротив, "друзья" - это <i>двунаправленные</i> отношения:
|
||
отношения идут в обоих направлениях. (ну, надеюсь)
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
<img src="sprites/bonus/connection2.png" width="250" height="150" style="float:left; margin-right:1em"/>
|
||
<b>Взвешенные соединения.</b> Элинор и Фрэнки - просто знакомые.
|
||
Джордж и Гарри - лучшие друзья навсегда.
|
||
Хотя в обоих случаях есть "дружеская" связь, вторая сильнее.
|
||
Мы говорим, что у этих двух связей разный "вес".
|
||
<div style="clear:both"></div>
|
||
<br>
|
||
<img src="sprites/bonus/map.png" width="200" height="200" style="float:left; margin-right:1em"/>
|
||
Просто помни: <b>все эти симуляции ошибочны.</b> Точно так же любая карта является "неправильной".
|
||
Вы видите карту слева? Здания не серые безликие блоки!
|
||
Слова не плавают над городом! Однако карты полезны не <i>вопреки</i> упрощению,
|
||
но <i>благодаря</i> тому что они упрощены. То же самое касается симуляций или любой научной теории.
|
||
<i>Конечно</i>, они "ошибочны" — вот что делает их <i>полезными</i>.
|
||
</div>
|
||
</bonus>
|
||
|
||
<bonus id="contagions">
|
||
<h3>Какие существуют другие виды инфекций?</h3>
|
||
<div>
|
||
Существует так много способов, которыми социологи могут моделировать "заражения"!
|
||
Я выбрал простейший для образовательных целей.
|
||
Но вот другие способы, которыми вы могли бы это делать:
|
||
<div style="clear: both;"></div>
|
||
<br>
|
||
<img src="sprites/bonus/contagion1.png" width="250" height="150" style="float: left; margin-right: 1em;"/>
|
||
<b>Заражения со случайностью</b>.
|
||
Быть "подверженным" заражению не <i>гарантирует</i>, что ты заразишься,
|
||
это только делает его более <i>вероятным</i>.
|
||
<div style="clear: both;"></div>
|
||
<br>
|
||
<img src="sprites/bonus/contagion2.png" width="250" height="150" style="float: left; margin-right: 1em;"/>
|
||
<b>У людей разные пороги заражения.</b>
|
||
Мои симуляции притворяются, что у всех одинаковый порог для выпивки (50%) или
|
||
добровольчества (25%), или дезинформации (0%).
|
||
Конечно, в реальной жизни это неправда, и вы могли бы заставить ваш симулятор отразить это.
|
||
<div style="clear: both;"></div>
|
||
<br>
|
||
<img src="sprites/bonus/contagion3.png" width="250" height="150" style="float: left; margin-right: 1em;"/>
|
||
<b>Экология заражений.</b>
|
||
Что делать, если бы были <i>множественные</i> заражения с <i>разными</i> порогами?
|
||
Например, простое "безумная" заражение и комплексная "мудрость".
|
||
Если кто-то заражен безумием, могут ли они по-прежнему быть заражены мудростью?
|
||
Или наоборот?
|
||
Может ли кто-то заразиться всем сразу?
|
||
<div style="clear: both;"></div>
|
||
<br>
|
||
<img src="sprites/bonus/contagion4.png" width="250" height="150" style="float: left; margin-right: 1em;"/>
|
||
<b>Заражения, которые мутируют и развиваются.</b>
|
||
Идеи не передаются безупречно от одного человека другому, как это делает вирус.
|
||
Как игра в сломанный телефон, сообщение становится мутированным с каждым повторным перассказом —
|
||
и иногда мутант может быть более заразительным, чем оригинал!
|
||
Таким образом, со временем идеи "развиваются", чтобы быть более запоминающимися, копируемыми, заразительными.
|
||
<div style="clear: both;"></div>
|
||
</div>
|
||
</bonus>
|
||
|
||
<bonus id="further_reading">
|
||
<h3><span style="font-size: 19px;">Я хочу знать больше! Что ещё я могу прочесть и/или поиграть?</span></h3>
|
||
<div>
|
||
Это интересное объяснение было просто трамплином для твоего любопытства,
|
||
поэтому ты можешь погрузиться глубже в обширный пул знаний!
|
||
Здесь больше информации о сетях или социальных системах:
|
||
<br><br>
|
||
<img src="sprites/bonus/connected.png" width="200" height="200" style="float: left; margin-right: 1em;"/>
|
||
<b>Книга:</b>
|
||
<a target="_blank" href="http://www.connectedthebook.com/">
|
||
Connected</a>
|
||
от Николаса Кристакиса (Nicholas Christakis) и Джеймса Фаулера (James Fowler) (2009).
|
||
Доступная экскурсия о том, как наши сети влияют на нашу жизнь, хорошо или плохо.
|
||
<a target="_blank" href="http://www.connectedthebook.com/pdf/excerpt.pdf">
|
||
Вот выдержка: Предисловие и Глава 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>Интерактив:</b>
|
||
<a target="_blank" href="http://ncase.me/trust/">
|
||
Эволюция доверия</a> от Ники Кейс (Nicky Case) (меня) (2017).
|
||
Игра об игровой теории о том, как сотрудничество строится... или разрушается.
|
||
<div style="clear: both;"></div>
|
||
<br>
|
||
<img src="sprites/bonus/polygons.png" width="200" height="200" style="float: left; margin-right: 1em;"/>
|
||
<b>Интерактив:</b>
|
||
<a target="_blank" href="http://ncase.me/polygons/">
|
||
Притча о полигонах</a> от Ви Харт (Vi Hart) и Ники Кейс (Nicky Case) (тоже я) (2014).
|
||
Рассказ о том, как безвредный выбор может создать вредный мир.
|
||
<div style="clear: both;"></div>
|
||
<br>
|
||
<img src="sprites/bonus/ee.png" width="200" height="200" style="float: left; margin-right: 1em;"/>
|
||
Или, если ты просто хочешь увидеть целую галерею интерактивных вещей, вот
|
||
<a target="_blank" href="http://explorabl.es/">
|
||
Исследуемые пояснения</a>,
|
||
хаб обучения через игру!
|
||
<div style="clear: both;"></div>
|
||
</div>
|
||
</bonus>
|
||
|
||
<!-- - - - - - - -->
|
||
<!-- REFERENCES -->
|
||
<!-- - - - - - - -->
|
||
|
||
<!--
|
||
Final thing! These references also need you to TRANSLATE:
|
||
-->
|
||
|
||
<reference id="drunk">
|
||
<h3>“практически все студенты [колледжа] сообщили, что их друзья пьют больше, чем они.”</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> от Baer и других (1991)
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="majority">
|
||
<h3>“Иллюзия большинства”</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> от Lerman и других (2016).
|
||
<br>
|
||
См. также: <a target="_blank" href="https://en.wikipedia.org/wiki/Friendship_paradox">
|
||
Парадокс дружбы</a>.
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="contagion">
|
||
<h3>“убедительные статистические данные о том, что курение, здоровье, счастье, выбор на голосовании и готовность к сотрудничеству являются заразными”</h3>
|
||
<div>
|
||
От Николаса Кристакиса (Nicholas Christakis) и Джеймса Фаулера (James Fowler),
|
||
чудесно написанная, доступная для читателей, книга
|
||
<a target="_blank" href="http://www.connectedthebook.com/">
|
||
Connected</a> (2009).
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="suicides">
|
||
<h3>“некоторые данные о том, что самоубийства являются [заразными] - тоже”</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>
|
||
от O'Carroll и других (1994), одобренный центрами контроля и профилактики заболеваний (CDC).
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="shootings">
|
||
<h3>“некоторые данные о том, что массовые расстрелы [заразительны] тоже”</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> от Towers и других (2015).
|
||
<br><br>
|
||
См. также: кампания
|
||
<a target="_blank" href="http://www.dontnamethem.org/">
|
||
Don't Name Them</a>,
|
||
в которой говорится, что новостные агентства <i>НЕ ДОЛЖНЫ</i> использовать имена убийц, их манифесты, а также публикации в социальных сетях.
|
||
Это распространяет инфекцию.
|
||
Вместо этого новостным точкам следует сосредоточиться на жертвах, первых респондентах, гражданских героях и скорбящих, исцеляющих сообщества.
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="subprime">
|
||
<h3>“Финансовые институты мира попались на таком каскаде в 2008 году.”</h3>
|
||
<div>
|
||
<a target="_blank" href="https://newrepublic.com/article/63023/wall-streets-lemmings">
|
||
“Lemmings of Wall Street”</a> от Касс Санстейн (Cass Sunstein), это быстрое, нетехническое чтение.
|
||
Опубликовано в Октябре 2008, сразу после аварии.
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="complex">
|
||
<h3>“комплексная теория инфекций.”</h3>
|
||
<div>
|
||
<a target="_blank" href="https://www.unc.edu/~fbaum/teaching/articles/Granovetter_AJS_1978.pdf">
|
||
“Threshold Models of Collective Behavior”</a> от Грановеттер (Granovetter) (1978)
|
||
был первым разом, насколько я знаю, кто описал модель "комплексного заражения".
|
||
(хотя он не использовал конкретно это название)
|
||
<br><br>
|
||
<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> от Чентола (Centola) и Мэйси (Macy) (2007)
|
||
придумали фразу "комплексное заражение" и
|
||
показали важные различия между ним и "простым заражением".
|
||
<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>
|
||
от Спрага (Sprague) и Хауса (House) (2017)
|
||
показывает, что, на самом деле, существуют комплексные заражения. (по крайней мере, в данных социальных сетей, на которые они смотрели)
|
||
<br><br>
|
||
Наконец,
|
||
<a target="_blank" href="https://arxiv.org/pdf/cond-mat/0403699.pdf">
|
||
“Universal behavior in a generalized model of contagion”</a> от Доддс (Dodds) и Ватты (Watts) (2004)
|
||
что предлагают модель, которая объединяет <i>все</i> виды инфекций: простые и комплексные, биологические и социальные!
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="possum">
|
||
<h3>“опоссум имеет 13 сосков”</h3>
|
||
<div>расположенных в кольце из 12 сосков, плюс один посередине</div>
|
||
</reference>
|
||
|
||
<reference id="groupthink">
|
||
<h3>“групповое мышление”</h3>
|
||
<div>
|
||
Эта вдохновлённая Оруэллом (Orwell) фраза была придумана Ирвингом Л. Янисом (Irving L. Janis) в 1971 году.
|
||
<a target="_blank" href="https://web.archive.org/web/20100401033524/http://apps.olin.wustl.edu/faculty/macdonald/GroupThink.pdf">
|
||
В своей оригинальной статье</a>,
|
||
Янис (Janis) исследует случаи группового мышления, перечисляет его причины - к счастью - некоторые возможные средства правовой защиты.
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="social_capital">
|
||
<h3>“связующие и вспомогательные социальные капиталы”</h3>
|
||
<div>
|
||
Эти два типа социального капитала — "связующий" и "вспомогательный" —
|
||
были названы Робертом Путнэмом (Robert Putnam) в его проницательной книге 2000 года,
|
||
<a target="_blank" href="http://bowlingalone.com/">
|
||
Bowling Alone</a>. Его открытие:
|
||
почти во <i>всех</i> эмпирических мерах социальной связности
|
||
американцы более одиноки, чем когда-либо.
|
||
Чёрт возьми.
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="bridge">
|
||
<h3>“вспомогательный социальный капитал имеет золотую середину”</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> от Грановеттера (Granovetter) (1973)
|
||
показал, что соединения между группами помогают распространять простые заражения (например, информацию),
|
||
но
|
||
<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> от Чентола (Centola) и Мэйси (Macy) (2007)
|
||
показали, что связи между группами могут не помочь комплексным заражениям,
|
||
и этот факт может повредить их распространению!
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="small_world">
|
||
<h3>“маленький мир”</h3>
|
||
<div>
|
||
Идея "малого мира" была популяризирована
|
||
<a target="_blank" href="http://www.jstor.org/stable/2786545">
|
||
Travers & Milgram's 1969 experiment</a>,
|
||
который показал, что в среднем, любые два случайных человека в Соединенных Штатах
|
||
разделены всего шестью уровнями общих знакомых — "теория шести рукопожатий"!
|
||
<br><br>
|
||
Маленький мир получил больше математического плоти на своих костях из
|
||
<a target="_blank" href="http://leonidzhukov.net/hse/2014/socialnetworks/papers/watts-collective_dynamics-nature_1998.pdf">
|
||
“Collective dynamics of small-world networks”</a> от Watts и Strogatz (1998),
|
||
которые предложили алгоритм для создания сетей
|
||
с низкой средней длиной пути (низкой степенью разделения)
|
||
и высокой кластеризацией (у друзей много друзей) —
|
||
то есть, сети, которые попадают в золотую середину!
|
||
<br><br>
|
||
Ты также можешь поиграть в
|
||
<a target="_blank" href="http://worrydream.com/ScientificCommunicationAsSequentialArt/">
|
||
визуальную интерактивную адаптацию этого документа</a> от Брета Виктора (Bret Victor) (2011).
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="swn_neurons">
|
||
<h3>“[сети маленьких миров] описывают, как связаны наши нейроны”</h3>
|
||
<div>
|
||
<a target="_blank" href="https://www.ncbi.nlm.nih.gov/pubmed/17079517">
|
||
“Small-world brain networks”</a> от Бассетта (Bassett) и Буллмора (Bullmore) (2006).
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="swn_creativity">
|
||
<h3>“[маленький мир] порождает коллективное творчество”</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> от Уззи (Uzzi) и Спиро (Spiro) (2005).
|
||
Эта статья анализировала социальную сеть сцены Бродвея с течением времени и обнаружила,
|
||
что, ага, самая креативная сеть это сеть "маленького мира"!
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="swn_social_physics">
|
||
<h3>“[маленький мир] порождает коллективные решения проблем”</h3>
|
||
<div>
|
||
Смотри
|
||
<a target="_blank" href="http://socialphysics.media.mit.edu/">
|
||
“Social Physics”</a> от профессора MIT Алекса "Сэнди" Пентленда (Alex "Sandy" Pentland) (2014)
|
||
основанного на данных подхода к коллективному интеллекту.
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="swn_jfk">
|
||
<h3>“[маленький мир] помог Джону Ф. Кеннеди (едва) избежать ядерной войны!”</h3>
|
||
<div>
|
||
Помимо взрыва Challenger NASA, самым печально известным примером группового мышления
|
||
был фиаско Залива Свиней.
|
||
В 1961 году президент США Джон Ф. Кеннеди и его команда советников подумали, что
|
||
- по какой-то причине -
|
||
неплохая идея тайно вторгнуться на Кубу и свергнуть Фиделя Кастро.
|
||
Она провалились.
|
||
В действительности, хуже, чем неудача: это привело к Карибскому кризису 1962 года,
|
||
<i>моменту, когда мир был ближе, чем что когда-либо, к полномасштабной ядерной войне.</i>
|
||
<br><br>
|
||
Ага, JFK (John. F. Kennedy) действительно обложался.
|
||
<br><br>
|
||
Но, изучив некоторые тяжелые уроки фиаско Залива Свиней,
|
||
JFK вновь организовал свою команду, чтобы избежать группового мышления.
|
||
Среди многих вещей он:
|
||
1) активно поощрял людей высказывать критику,
|
||
тем самым снижая "порог заражения" для альтернативных идей.
|
||
И
|
||
2) он разбил свою команду на подгруппы перед повторным состязанием,
|
||
что дало их группе "маленький мир"-подобный дизайн!
|
||
Вместе, эта договоренность позволила создать здоровое разнообразие мнений,
|
||
но не слишком раздробленное — мудрость толпы.
|
||
<br><br>
|
||
Итак, с теми же <i>отдельными</i> людьми, выбравшими "Залив Свиней",
|
||
но пересобравшиеся <i>вместе</i>, чтобы принять решение о Кубинском кризисе...
|
||
Команда JFK смогла достичь мирного соглашения с советским лидером Никитой Хрущёвым.
|
||
СССР убрал свои ракеты с Кубы, и взамен США обещали не вторгаться в Кубу снова.
|
||
(а также согласились, втайне, убрать американские ракеты из Турции)
|
||
<br><br>
|
||
И это история о том, как всё человечество почти умерло.
|
||
Но маленький мир спас день! Вроде бы.
|
||
<br><br>
|
||
Ты можешь прочесть больше об этом
|
||
<a target="_blank" href="https://hbr.org/2013/11/how-john-f-kennedy-changed-decision-making">
|
||
в Harvard Business Review</a>,
|
||
или в
|
||
<a target="_blank" href="https://web.archive.org/web/20100401033524/http://apps.olin.wustl.edu/faculty/macdonald/GroupThink.pdf">
|
||
оригинальной статье о групповом мышлении</a>.
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="three_degrees">
|
||
<h3>“мы влияем [...] на наших друзей друзей друзей!”</h3>
|
||
<div>
|
||
Снова, потрясающая книга от Николаса Кристакиса (Nicholas Christakis) и Джеймса Фаулера (James Fowler)
|
||
<a target="_blank" href="http://www.connectedthebook.com/">
|
||
Connected</a> (2009).
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="flatter">
|
||
<h3>“скептично относись к идеям, которые льстят тебе”</h3>
|
||
<div>
|
||
да, включая идеи в <i>этом</i> исследуемом объяснении.
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="sandbox">
|
||
<h3>★ Песочница ★</h3>
|
||
<div>
|
||
Горячие клавиши (1, 2, space, backspace)
|
||
работают во <i>всех</i> головоломках, а не только в Песочнице!
|
||
Серьезно, ты можешь вернуться к другой главе
|
||
и отредактировать симуляцию прямо там.
|
||
Фактически, именно так <i>я</i> создал все эти головоломки. Веселись!
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="supporters" hidden=yes large=yes>
|
||
<div>
|
||
Дорогие спонсоры Patreon:
|
||
Ваша щедрость <i>буквально</i> кормит меня и оплачивает аренду.
|
||
Вы даёте мне свободу делать эти странные образовательные игры,
|
||
поэтому, от всего сердца, спасибо. <3
|
||
<br>
|
||
<a target="_blank" href="https://www.patreon.com/ncase" style="text-decoration:none">
|
||
(хочешь поддержать меня в создании большего количества таких штук? загляни в мой Patreon!)</a>
|
||
</div>
|
||
</reference>
|
||
|
||
<reference id="playtesters" hidden=yes large=yes>
|
||
<div>
|
||
Спасибо тебе, всем, кто тестировал <i>Толпы</i>
|
||
за время его многочисленных стадий жизни!
|
||
<br><br>
|
||
<b>Прототип:</b>
|
||
<br>
|
||
Maria ·
|
||
Monica Srivastava
|
||
<br><br>
|
||
<b>Alpha:</b>
|
||
<br>
|
||
Glen Chiacchieri ·
|
||
Kalli Repzeti ·
|
||
Mali Akmanalp ·
|
||
Toph Tucker
|
||
<br><br>
|
||
<b>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.
|