-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdialog-pack1.html
264 lines (243 loc) · 15.2 KB
/
dialog-pack1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<md-dialog class="lg-dialog">
<form>
<md-toolbar>
<div class="md-toolbar-tools">
<a href="http://exponentialedu.org"><img src="images/exponentialeducation-logo-txt-white-1560x.png" alt="logo" width="300" border=0></a>
<h2>One Class Package</h2>
<span flex></span>
<md-button class="md-icon-button" ng-click="cancel()">
<i class="material-icons">close</i>
</md-button>
</div>
</md-toolbar>
<md-dialog-content>
<div class="md-dialog-content">
<div class="timelineDiv">
<table class="timelineDivTable">
<tr class="timelineTr">
<td>Getting<br>Setup</td>
<td>What's a<br>10x solution</td>
<td>Present the<br>Challenge</td>
<td>Get Kids<br>into Teams</td>
<td>Start<br>Ideating</td>
<td>Start<br>Graphing</td>
<td>Identifying<br>the 10x</td>
<td>Paper<br>Prototyping</td>
<td>Lightning<br>Pitches</td>
<td>Closing</td>
</tr>
<tr class="timelineTrIcons">
<td><i class="material-icons md-36 orange600" ng-click="tab=1" ng-show="tab!=1">filter_1</i>
<i class="material-icons md-36 orange600" ng-show="tab==1">location_on</i>
</td>
<td><i class="material-icons md-36 orange600" ng-click="tab=2" ng-show="tab!=2">filter_2</i>
<i class="material-icons md-36 orange600" ng-show="tab==2">location_on</i>
</td>
<td><i class="material-icons md-36 orange600" ng-click="tab=3" ng-show="tab!=3">filter_3</i>
<i class="material-icons md-36 orange600" ng-show="tab==3">location_on</i>
</td>
<td><i class="material-icons md-36 orange600" ng-click="tab=4" ng-show="tab!=4">filter_4</i>
<i class="material-icons md-36 orange600" ng-show="tab==4">location_on</i>
</td>
<td><i class="material-icons md-36 orange600" ng-click="tab=5" ng-show="tab!=5">filter_5</i>
<i class="material-icons md-36 orange600" ng-show="tab==5">location_on</i>
</td>
<td><i class="material-icons md-36 orange600" ng-click="tab=6" ng-show="tab!=6">filter_6</i>
<i class="material-icons md-36 orange600" ng-show="tab==6">location_on</i>
</td>
<td><i class="material-icons md-36 orange600" ng-click="tab=7" ng-show="tab!=7">filter_7</i>
<i class="material-icons md-36 orange600" ng-show="tab==7">location_on</i>
</td>
<td><i class="material-icons md-36 orange600" ng-click="tab=8" ng-show="tab!=8">filter_8</i>
<i class="material-icons md-36 orange600" ng-show="tab==8">location_on</i>
</td>
<td><i class="material-icons md-36 orange600" ng-click="tab=9" ng-show="tab!=9">filter_9</i>
<i class="material-icons md-36 orange600" ng-show="tab==9">location_on</i>
</td>
<td><i class="material-icons md-36 orange600" ng-click="tab=10" ng-show="tab!=10">filter_0</i>
<i class="material-icons md-36 orange600" ng-show="tab==10">location_on</i>
</td>
</tr>
<tr class="timelineTrcontent">
<td colspan="10" class="timelineTdcontent">
<div ng-show="tab==1">
<h2>Getting Setup</h2>
<h3 style="font-weight:300">This package is meant to provide all the guidence necessary to run an Exponential Sprint for the duration of one class session.
<br>Currently this content is in development.<br></h3>
<table class="gettingsetupTable">
<tr>
<td valign="top">
<center><h3>Materials</h3></center>
<ul>
<li>1 pack of <a href="http://smile.amazon.com/dp/B0002HLGZE/ref=wl_it_dp_o_pC_nS_ttl?_encoding=UTF8&colid=BQQYV4DQ7E5D&coliid=I18137K5JYBROL&psc=1" target="new">3M Post-it 3 x 3 inch</a> per 12-24 people</li>
<li>1 <a href="http://smile.amazon.com/dp/B00006IA99/ref=wl_it_dp_o_pd_nS_ttl?_encoding=UTF8&colid=BQQYV4DQ7E5D&coliid=I3F5YHANJIH45S&psc=1" target="new">Post-it Tabletop Easel Pad</a> per table/team of 5-6</li>
<li>1 pack <a href="http://smile.amazon.com/dp/B00006IFH6/ref=wl_it_dp_o_pd_nS_ttl?_encoding=UTF8&colid=BQQYV4DQ7E5D&coliid=ISPIP4GKO4I4L&psc=1" target="new">Sharpie Flip Chart Markers</a> per 2-3 tables </li>
<li>1 pack of <a href="http://smile.amazon.com/dp/B000BMBU9M/ref=wl_it_dp_o_pC_nS_ttl?_encoding=UTF8&colid=BQQYV4DQ7E5D&coliid=I1VV43ARQMKPB9&psc=1" target="new">Avery Removable Color Coding Labels</a></li>
<li>Pens 1 per person</li>
</ul>
</td>
<td>
<center><h3>Classroom Setup</h3></center>
<ul>
<li>1 Table + chairs per 5-6 people in cluster/banquet formation</li>
<li>A projector for a laptop to show slides</li>
</ul>
<center><img src="images/classrom-setup.png" width="200"></center><br>
</td>
</tr>
</table>
</div>
<div ng-show="tab==2">
<h2>Starting the Conversation</h2>
<table class="whatis10xTable">
<tr>
<td><h3 style="font-weight:300">During this time, the teacher reviews with the students what it means to reach for a 10x Solution. We also talk about the importance of having a great team when pursuing 10x solutions, and what it means to be a member of a high-impact team.<br><br>
<a href="https://docs.google.com/presentation/d/1xX7cvjhz8cNTG5mnqLEDte5rxtLSvzwzinb8ke1p_cA/edit?usp=sharing" target="new">This slide deck</a> contains notes to help the teacher discuss key points and facilitate the conversation with the students, as well as an entry exercise to get the kids energized and ready to focus on big thinking.
</h3><br><br><br><br><br>
</td>
<td><iframe src="https://docs.google.com/presentation/d/1xX7cvjhz8cNTG5mnqLEDte5rxtLSvzwzinb8ke1p_cA/embed?start=false&loop=true&delayms=3000" frameborder="0" width="480" height="299" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</td>
</tr>
</table>
</div>
<div ng-show="tab==3">
<h2>Present the Challenge</h2>
<table>
<tr>
<td>
<h3 style="font-weight:300">There are a number of great challenges facing humanity, both on local and international scales, that kids can focus on for the sprint. It's important that the child feels passionate about the problem they are working to solve.
<br><br>To help you explore potential areas of focus, we recommend looking at the United Nation's Sustainable Development Goals as a starting point. Once a problem area has been identified, phrase the challenge into a <i>"How might we..."</i> question (e.g. <i>How might we solve for climate change using robotics?</i>).</h3>
<br><br><br>
</td>
<td>
<a href="http://www.un.org/sustainabledevelopment/sustainable-development-goals" target="new"><img src="images/un-sdg.png" width="500"></a><br><br><br><br><br><br>
</td>
</tr>
</table>
</div>
<div ng-show="tab==4">
<h2>Get kids into teams</h2>
<table class="getteamsTable">
<tr>
<td><h3 style="font-weight:300">
<ul>
<li>Around 3-6 team members is the sweet spot.</li>
<li>Each team member should be <b>happy</b> with the team they are on, <b>from the start to the finish</b>. That means that even at the eleventh hour if someone wants to switch teams and loses interest in the project/topic and/or isn't thriving with their teammates, then teachers should let them move on to another team they are happy with.</li>
<li>Let the kids know that they have this freedom as they start to group off. It will ease a lot of tensions that comes with forming teams.</li>
<li>This won't work if the kids hearts are in it, so make sure they have found the team and topic they are passionate and energized about working on.</li>
</ul></h3>
</td>
<td width="500"><center></center></td>
</tr>
</table>
</div>
<div ng-show="tab==5">
<h2>Start Ideating</h2>
<table class="getteamsTable">
<tr>
<td><h3 style="font-weight:300">
Students individually get down as many ideas as possible (one unique idea per sheet of Post-it), while maintaining “Yes! And” thinking.
<br><br>
Timing this portion is important because it forces focus. Typically we allow students around 10-15min, depending on the temperament of the class.
<br><br>
Students may be encouraged to challenge themselves in getting down at least 10 unique ideas, and continuously remind them that any idea at all should be recorded as this allows other ideas to keep flowing.
</h3>
</td>
<td width="500"><center><img src="images/start-ideating.jpg" width="400"></center></td>
</tr>
</table>
</div>
<div ng-show="tab==6">
<h2>Start Graphing</h2>
<table class="getteamsTable">
<tr>
<td><h3 style="font-weight:300">
Students create a graph of all of their ideas and identify overlaps and categories, and determine which qualify as an exponential - the ideas that live in the top right of the graph.
</h3>
</td>
<td width="300"><center><img src="images/10xgraph.png" width="300"></center></td>
<td width="300"><center><img src="images/start-graphing.jpg" width="300"></center></td>
</tr>
</table>
</div>
<div ng-show="tab==7">
<h2>Identifying the 10x</h2>
<table class="getteamsTable">
<tr>
<td><h3 style="font-weight:300">
Student team members individually vote on their favorite ideas from the top right of the graph, and then the team collectively decides on a project direction.
</h3>
</td>
<td width="500"><center><img src="images/identify10x.jpg" width="300"></center></td>
</tr>
</table>
</div>
<div ng-show="tab==8">
<h2>Paper Prototyping</h2>
<table class="getteamsTable">
<tr>
<td><h3 style="font-weight:300">
Student teams identify project milestones and pilot, and prototype the solution on paper.
</h3>
</td>
<td width="500"><center><img src="images/paper-prototyping.jpg" width="300"></center></td>
</tr>
</table>
</div>
<div ng-show="tab==9">
<h2>Lightning Pitches</h2>
<table class="getteamsTable">
<tr>
<td><h3 style="font-weight:300">
Student teams present their project to the class for feedback on how to proceed.
</h3>
</td>
<td width="500"><center><img src="images/lightning-pitches.jpg" width="300"></center></td>
</tr>
</table>
</div>
<div ng-show="tab==10">
Details to follow
</div>
<!--navigation buttons-->
<div class="navi"><i class="material-icons md-36 orange600" ng-click="tab=tab-1" ng-show="tab!=1">keyboard_arrow_left</i> <i class="material-icons md-36 orange600" ng-click="tab=tab+1" ng-show="tab!=10">keyboard_arrow_right</i></div>
</td>
</tr>
</table>
<div>
<md-toolbar class="md-primary">
<section class="subscribe">
<form role="form" action="http://10xEducation.us3.list-manage.com/subscribe/post?u=99aaf52f968afebd623b2dfc9&id=ce51be528e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<table><tr>
<td class="subscribeTD1">
<md-content md-theme="docs-dark">
<!--<md-input-container>-->
<input type="email" class="form-control" placeholder="enter email for updates" required value="" name="EMAIL" >
<!--</md-input-container>-->
</md-content>
</td>
<td><md-button class="md-raised" type="submit" id="mc-subscribe" value="Subscribe" name="subscribe">Get Updates</md-button>
</td>
</tr></table>
</form>
</section>
</md-toolbar>
</div>
<div layout="column" class="footer">
<md-toolbar class="md-accent">
<section style="padding-bottom: 15px; padding-top: 25px;">
<ul class="social">
<li><a href="https://twitter.com/teamexponent" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.facebook.com/exponentialedu" target="_blank"><i class="fa fa-facebook"></i></a></li>
</ul>
</section>
<section>
<h5 class="md-flex">Copyright 2016 Team Exponent, Inc. - All Rights Reserved</h5>
</section>
</md-toolbar>
</div>
</div>
</div>
</md-dialog-content>
</form>
</md-dialog>