all up to chapter 4
This commit is contained in:
Nicky Case
parent
abd475653f
commit
3189800db5
52
index.html
52
index.html
|
|
@ -171,7 +171,6 @@ let's play! →
|
|||
<br><br>
|
||||
|
||||
<b>But <i>why</i> do some crowds turn to madness, or wisdom?</b>
|
||||
// tease future stories
|
||||
And how can we, collectively, get more of the latter?
|
||||
According to the new field of <b>network science</b>,
|
||||
the answer is not in the <i>individual people</i>, but in...
|
||||
|
|
@ -424,10 +423,11 @@ let's play! →
|
|||
|
||||
<words id="_3_post_cascade">
|
||||
Now, you may think: so what, complex contagions () are just simple contagions ()
|
||||
but you need to add more connections?
|
||||
that need more connections?
|
||||
Not so fast!
|
||||
The difference between "complex" and "simple" is not apples vs more apples, but apples vs pineapples.
|
||||
I think this'll be clearer if we revisit...
|
||||
The difference between "complex" and "simple" is a difference in <i>kind</i>, not degree.
|
||||
It's apples vs oranges, not apples vs more apples.
|
||||
This idea will be clearer if we revisit...
|
||||
</words>
|
||||
<words id="_3_post_cascade_end">
|
||||
<next wiggle>...yet another puzzle! →</next>
|
||||
|
|
@ -441,19 +441,43 @@ let's play! →
|
|||
<b>draw a network to <i>prevent</i> the contagion from spreading to everyone! ↓</b>
|
||||
</words>
|
||||
|
||||
<words id="_3_prevent_end">
|
||||
That's right...
|
||||
<next wiggle><i>More</i> connections hurt! →</next>
|
||||
<words id="_3_prevent_2">
|
||||
And <i>that's</i> the important difference between "simple" and "complex" contagion.
|
||||
While more connections always helps spread <i>simple</i> ideas,
|
||||
more connections can <i>hurt</i> the spread of <i>complex</i> ideas!
|
||||
(makes you wonder 'bout the internet, hm)
|
||||
And this isn't just a theoretical problem. This can be a matter of life...
|
||||
</words>
|
||||
|
||||
<words id="_3_nasa">
|
||||
|
||||
// adding more HURTS
|
||||
// groupthink: NASA story.
|
||||
// internet
|
||||
// tease bond and bridging: what IS the design for effective thinking?
|
||||
<words id="_3_prevent_end">
|
||||
<next wiggle>...or death. →</next>
|
||||
</words>
|
||||
|
||||
<next>next</next>
|
||||
<words id="_3_groupthink">
|
||||
|
||||
The people at NASA were smart cookies.
|
||||
I mean, they'd used Newton's theories to get us to the moon.
|
||||
Anyway, long story short, in 1986,
|
||||
<i>despite warnings from the engineers</i>,
|
||||
they launched the <i>Challenger</i>,
|
||||
which blew up and killed 7 people.
|
||||
The immediate cause:
|
||||
it was too cold that morning.
|
||||
|
||||
<br><br>
|
||||
|
||||
The less immediate cause: the managers ignored the engineers' warnings.
|
||||
Why? Because of <b>groupthink</b>(*).
|
||||
When a group is <i>too</i> closely knit, (as they tend to be at the top of institutions)
|
||||
they become resistant to hard-to-accept information.
|
||||
|
||||
<br><br>
|
||||
|
||||
So, too connected, and ideas are crushed.
|
||||
But, too disconnected, and ideas can't even spread.
|
||||
So, how can we "design" a crowd, a group, a society with...
|
||||
|
||||
<next>...the right balance?</next>
|
||||
|
||||
</words>
|
||||
|
||||
|
|
|
|||
|
|
@ -188,6 +188,7 @@ SLIDES.push(
|
|||
|
||||
// Lil' contagion
|
||||
{
|
||||
id: "contagion",
|
||||
type:"sim",
|
||||
x:0, y:80,
|
||||
fullscreen: true,
|
||||
|
|
@ -212,13 +213,13 @@ SLIDES.push(
|
|||
},
|
||||
|
||||
// Outro text
|
||||
{
|
||||
/*{
|
||||
id:"end",
|
||||
type:"box",
|
||||
text:"_3_prevent_end",
|
||||
x:660, y:440, w:300, h:100,
|
||||
hidden:true
|
||||
}
|
||||
}*/
|
||||
|
||||
],
|
||||
|
||||
|
|
@ -246,9 +247,12 @@ SLIDES.push(
|
|||
state.ended = true;
|
||||
var boxes = slideshow.boxes;
|
||||
setTimeout(function(){
|
||||
boxes.showChildByID("end", true);
|
||||
//boxes.showChildByID("end", true);
|
||||
sim.win();
|
||||
},500);
|
||||
setTimeout(function(){
|
||||
slideshow.next();
|
||||
},1250);
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -268,6 +272,74 @@ SLIDES.push(
|
|||
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
{
|
||||
remove:[
|
||||
{type:"box", id:"_3_prevent"}
|
||||
],
|
||||
move:[
|
||||
{type:"box", id:"ui", y:0},
|
||||
{type:"sim", id:"contagion", y:-70}
|
||||
],
|
||||
add:[
|
||||
{
|
||||
type:"box",
|
||||
text:"_3_prevent_2",
|
||||
x:0, y:390, w:650, h:100,
|
||||
align: "right"
|
||||
},
|
||||
{
|
||||
type:"box",
|
||||
text:"_3_prevent_end",
|
||||
x:660, y:450, w:300, h:90
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
chapter: "Complex-Groupthink",
|
||||
clear: true,
|
||||
|
||||
add:[
|
||||
|
||||
// Sim
|
||||
{
|
||||
type:"sim",
|
||||
x:-15, y:0,
|
||||
fullscreen: true,
|
||||
network: {
|
||||
"contagion":0.25,
|
||||
"peeps":[[409,457,1],[157,345,0],[62,221,0],[152,93,0],[301,94,0],[391,218,0],[306,347,0]],
|
||||
"connections":[[5,4,0],[4,3,0],[3,2,0],[2,1,0],[1,6,0],[6,5,0],[5,2,0],[2,4,0],[4,1,0],[1,3,0],[3,6,0],[6,2,0],[1,5,0],[5,3,0],[6,4,0],[0,6,0]]
|
||||
},
|
||||
options:{
|
||||
infectedFrame: 3,
|
||||
scale: 1.75
|
||||
}
|
||||
},
|
||||
|
||||
// UI for the simulation
|
||||
{
|
||||
type:"box",
|
||||
id:"ui",
|
||||
x:120, y:410,
|
||||
sim_ui:"blue"
|
||||
},
|
||||
|
||||
// Text
|
||||
{
|
||||
type:"box",
|
||||
text:"_3_groupthink",
|
||||
x:460, y:0, w:500, h:540,
|
||||
lineHeight:"1.4em"
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
}
|
||||
|
||||
);
|
||||
);
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -29,6 +29,6 @@ window.onload = function(){
|
|||
window.requestAnimationFrame(update);
|
||||
|
||||
// First slide!
|
||||
slideshow.gotoChapter("Complex-Prevent");
|
||||
slideshow.gotoChapter("Complex-Groupthink");
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue