forked from freedomgames/freedomgames.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
287 lines (257 loc) · 20 KB
/
index.html
File metadata and controls
287 lines (257 loc) · 20 KB
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
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html>
<head>
<title>Planet Laboratory Science Network</title>
<meta name="keywords" content="Youth, Digital, Citizen Science, Planet Lab, Chicago, Community Gardening, Science" />
<meta name="description" content="Planet Lab is an online science lab that offer every young person access to high-quality, engaging STEM learning opportunities. Planet Lab aims to quickly increase and disseminate learning materials needed for science engagement." />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1 user-scalable=no">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.smint.js"></script>
<script type="text/javascript" src="js/jquery.slides.js"></script>
<!-- SlidesJS Optional: If you'd like to use this design -->
<style>
.slidesjs-pagination {
visibility:hidden;
display:none;
}
#slides a:link,
#slides a:visited {
color: #fff
}
#slides a:hover,
#slides a:active {
color: #E05310;
}
.caption {
position: relative;
top: 0px;
width: 875px;
font-weight:500;
}
</style>
<!-- End SlidesJS Optional-->
<script>
$(function(){
$("#slides").slidesjs({
width: 940,
height: 600
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$('.subMenu').smint({
'scrollSpeed': 1000
});
});
</script>
</head>
<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">
<div class="wrap">
<div class="subMenu">
<div class="inner">
<a href="#" id="sTop" class="subNavBtn">HOME</a>
<a href="#" id="s1" class="subNavBtn">OVERVIEW</a>
<a href="#" id="s2" class="subNavBtn">FEATURES</a>
<a href="#" id="s3" class="subNavBtn">PARTNERS</a>
<a href="#" id="s4" class="subNavBtn">NEXT STEPS</a>
<a href="#" id="s5" class="subNavBtn end">TEAM</a>
</div>
</div>
<div class="section sTop">
<br class="clear">
</div>
<div class="section s1">
<div class="inner">
<h1>OVERVIEW</h1>
<p><b>The Planet Earth</b> is the biggest experiment ever known...at least by Earthling scientists, that is! What are the farthest reaches of the Universe, and could we travel there someday? How deep is the deepest place on the Ocean floor...and what exactly lives down there? What are we made of and how do our bodies work inside of a larger living system? These are questions that every child should have the opportunity to explore--at school, at home...and at work as a citizen scientist.<br><br>
<b>Planet Lab</b> is a fun and social learning network that helps the next generation of young scientists learn about Earth’s air, water, energy, food systems and medicines…and the mysteries that lie beyond the horizon line.<br><br>
<b>The Problem</b> is that kids are loosing important opportunities to play and learn in the world of science.<br><br>
Few U.S students are capable in science at their grade level <a href="http://www.changetheequation.org/infographic-science-sos" target="_blank">(only 32% in 4th grade, only 20% in 12th).</a> This is partly a problem of teacher preparation: <a href="http://successfulstemeducation.org/resources/national-survey-science-and-mathematics-education" target="_blank">61% of elementary educators feel poorly unprepared to teach science; only 31% of 8th grade math teachers majored in math.</a><br><br>
Right now, the average American kid spends over <a href="http://kff.org/other/event/generation-m2-media-in-the-lives-of/" target="_blank">6 hours a day</a> watching screen media and only <a href="http://www.ns.umich.edu/Releases/2004/Nov04/teen_time_report.pdf" target="_blank">30 minutes a day playing outside</a>. With media up and creative play down, our kids are quickly becoming less active, more obese, and more likely to struggle with attention disorders—all problems that we can impact with foundational education in health and creative innovation. But right now, only 2.6 school hours per week in schools are spent on science...that's just 30 minutes per day!<br><br>
<b>Inquiry-based Learning</b>, environmental education and hands-on tinkering are great ways to engage kids in learning science. In fact, <a href="http://www.nwf.org/Be-Out-There/Why-Be-Out-There/Health-Benefits.aspx" target="_blank">schools with environmental education programs score higher on math, reading, writing and listening tests</a>.<br><br>
To build the next generation of creative problem solvers, we quickly need to expand effective natural science programs and support teachers to integrate project-based science and technology learning with reading, writing and mathematics. We need to find ways to integrate learning across home, school, and afterschool contexts. We need to encourage kids to research and act on everyday questions that they care about.<br><br>
As we build a global <b>Planet Lab</b> for kids, we imagine a world where every young person has access to high-quality, engaging STEM learning opportunities. We aim to quickly increase and disseminate learning materials needed for fun and relevant science engagement.</p>
</div>
<img src="images/Overview.png">
</div>
<div class="section s2">
<div class="inner">
<h1>FEATURES</h1>
<div class="container">
<div id="slides">
<div>
<img src="images/slides/slide00.png" alt="Wireframe--science station">
<p class="caption">With Planet Lab, young users take on new meaningful new roles through apprenticeship and hands-on learning. They become hydrology researchers, inventors, beekeepers, and astronomers. (Note: Wireframes are works in progress.)</p>
</div>
<div>
<img src="images/slides/slide01.png" alt="Action Research">
<p class='caption'>
We asked over 500 youth in summer learning programs: "What STEM topics are important for you and your community?" and "Where do you see opportunities for science around you?" In hands-on UX design workshops, youth created ideas for connecting to STEM to their hopes and concerns.
</p>
</div>
<div>
<img src="images/slides/slide02.png" alt="CNT presentation-problem">
<p class='caption'>
Working with a team at CNT's Sustainability Hackathon, we pinpointed the problem that STEM curricula are "siloed" and hard to access. We prototyped a crowd-source encyclopedia that can make these resources available quickly to schools and families.
</p>
</div>
<div>
<img src="images/slides/slide03.png" alt="multi learning styles CNT--balloon map a lot">
<p class='caption'>
Hands-on lessons engage multiple learning styles and make math and reading relevant. Balloon mapping is an inexpensive technique that teaches geometry, physics, and community development skills.
</p>
</div>
<div>
<img src="images/slides/slide04.png" alt="Engagin Multi learning styles">
<p class='caption'>
Hands-on lessons engage multiple learning styles and make math and reading relevant. Site maps made by kids can teach the fundamentals of architecture and planning.
</p>
</div>
<div>
<img src="images/slides/slide05.png" alt="Notebook">
<p class='caption'>
Teachers and young advisors told us they want networked, team-based learning...less review sheets and teacher talk. This early design of a Lab Notebook allows teachers and kids to share multi-media research notes.
</p>
</div>
<div>
<img src="images/slides/slide06.png" alt="CNT--science map">
<p class='caption'>
Interactive maps let users geo-tag sites of interest. Whether its the local chicken coop or a Planetarium Fieldtrip, adventure maps will let mobile users access content user observations. (Wireframes in progress.)
</p>
</div>
<div>
<img src="images/slides/slide07.png" alt="Wireframe--council">
<p class='caption'>
Science Assemblies allow organizations and schools to create multi-sited experiments that classrooms add observations to, from "Great Lakes Water Quality" to "Asthma and Air." By sharing a set of data collection standards, students and teachers can collaborate on real research.
</p>
</div>
<div>
<img src="images/slides/slide08.png" alt="Wireframe--content viewer">
<p class='caption'>
Standards-based education means that science-time must reinforce literacy and math basics. A fun multi-media player sets up learners for engaging with content and transcripts. Vocabulary, reading and review questions reinforce basic skills.
</p>
</div>
<a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-small"></i></a>
<a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-small"></i></a>
</div>
</div>
</div>
</div>
<div class="section s3">
<div class="inner">
<h1>PARTNERS</h1>
<p>Our design council has leaders from an expanding network of STEM teaching organizations. Advisors provide expert design advice and share STEM curricula and related media that they have created.<br><br></p>
<div class="figure">
<h4><a href="http://www.activetrans.org/" target="_blank">Active Transportation Alliance</a></h4>
<p>The mission of Active Transportation Alliance is to make bicycling, walking and public transit so safe, convenient and fun that we will achieve a significant shift from environmentally harmful, sedentary travel to clean, active travel.
</p>
</div>
<div class="figure">
<h4><a href="http://www.cityofchicago.org/city/en/depts/cdot/provdrs/conservation_outreachgreenprograms/svcs/greencorps_chicago.html" target="_blank">Greencorps Chicago</a></h4>
<p>Greencorps’ mission is to promote environmental stewardship and improve the quality of life in Chicago by establishing, maintaining and restoring natural and public spaces that are safe, healthy and sustainable through hands-on involvement with trainees.</p>
</div>
<div class="figure">
<h4><a href="http://www.naturemuseum.org/" target="_blank">Peggy Notebaert Museum</a></h4>
<p>The museum's mission is to create a positive relationship between people and nature through collaborations, education, research and collections, exhibitions, and public forums to grow our region’s urban connection to the world
of nature and science.
</p>
</div>
<div class="figure">
<h4><a href="http://agcchicago.org/" target="_blank">Academy for Global Citizenship</a></h4>
<p>AGC develops mindful leaders who take action both now and in the future to positively impact their communities and the world beyond. Our innovative and holistic approach to education aims to foster systemic change and inspire the way society educates our future generations. </p>
</div>
<div class="figure">
<h4><a href="http://stemchicago.wordpress.com/" target="_blank">Chicago STEM Pathways Collaborative</a></h4>
<p>The Chicago STEM Cooperative is a community-based effort to survey out-of-school-time programs and consider the way educational institutions, businesses and city services could cooperate to build and support pathways into science,
technology, engineering and mathematics for Chicago’s young people.</p>
</div>
<div class="figure">
<h4><a href="http://fpdcc.com/" target="_blank">Forest Preserve District of Cook County</a></h4>
<p>The Forest Preserve District of Cook County, with more than 68,000-acres, is the largest forest preserve district in the United States. It receives an estimated 40 million visits each year, providing an escape into a world teeming with wildlife and rich with outdoor recreation and environmental education opportunities.</p>
</div>
<div class="figure">
<h4><a href="http://www.gpcommunitycouncil.org/index.html" target="_blank">Garfield Park Community Council</a></h4>
<p>The GPCC is dedicated to the revitalization of the Garfield Park community: a neighborhood of rich history, committed residents, and tremendous opportunities on Chicago’s West Side. The GPCC’s work centers on four priority areas identified by residents: Housing, Business Development, Wellness, and Public Safety.</p>
</div>
<div class="figure">
<h4><a href="http://westtownbikes.org/" target="_blank">West Town Bikes</a></h4>
<p>West Town Bikes is a community bicycle learning workshop. WTB offers bicycle mechanics workshops, youth programs and special events to members of the community.</p>
</div>
<div class="figure">
<h4><a href="http://www.twobridges.org/" target="_blank">Two Bridges Neighborhood Council</a></h4>
<p>Two Bridges serves the residential, commercial, and cultural life of Manhattan’s Lower East Side through community-based programs and strategic partnerships.</p>
</div>
</div>
</div>
<div class="section s4">
<div class="inner">
<h1>NEXT STEPS</h1>
<p>Planet Lab can help kids use science to make an impact on the world. We will work to foster a new generation of young scientists as we:</p>
<p class="icon-chevron-right icon-small"> <b>Enrich</b> classrooms, homes and after-school programs with learning resources on a myriad of STEM topics.</p><br><br>
<p class="icon-chevron-right icon-small"> <b>Engage</b> youth learners in networked research and innovation collaboration.</p><br><br>
<p class="icon-chevron-right icon-small"> <b>Spread</b> ideas and innovations between members of a citizen scientist community that is dedicated to helping our Earth laboratory’s precious habitats.</p><br><br>
<p>Get in touch with us if you are part of a team or organization that would like to share learning activities with schools. If you are interested in keeping track of our design work as it progresses, check out these resources:</p>
<h4><a href="https://github.com/freedomgames/parklab" target="_blank">Git Hub Link</a></h4>
<h4><a href="https://docs.google.com/spreadsheet/ccc?key=0AqeKRNtvCASDdGVPbGV6OE5TTnJMQkxsRnNYc0c5N1E&usp=drive_web#gid=2" target="_blank">User Stories Document</a></h4>
<p>Our Planet Lab team is currently seeking experienced javascript programmers and curriculum development specialists. Please connect at <a href="mailto:info@freedomgames.org">info@freedomgames.org</a> if you are interested in becoming a part of this dynamic project.</p>
</div>
</div>
<div class="section s5">
<div class="inner">
<h1>TEAM</h1>
<div class="figure">
<p><img src="images/team/ala.png" width="160" height="168" alt="Ala' Diab"></p>
<h4><a href="http://www.linkedin.com/pub/ala-diab/1a/8b7/3a4" target="_blank">Ala' Diab</a></h4>
<p>UX Designer</p>
</div>
<div class="figure">
<p><img src="images/team/dobbins.png" width="161" height="168" alt="Richard Dobbins"></p>
<h4>Richard Dobbins</h4>
<p>Community Engagement</p>
</div>
<div class="figure">
<p><img src="images/team/wil.png" width="160" height="168" alt="Wil How"></p>
<h4><a href="http://www.linkedin.com/in/wilhow" target="_blank">Wil How</a></h4>
<p>Technical Lead</p>
</div>
<div class="figure">
<p><img src="images/team/jenni.png" width="160" height="168" alt="Jenni Schneiderman"></p>
<h4><a href="http://www.linkedin.com/pub/jenni-schneiderman/1b/52/407" target="_blank">Jenni Schneiderman</a></h4>
<p>Outreach Coordinator</p>
</div>
<div class="figure">
<p><img src="images/team/cherokee.png" width="160" height="168" alt="Cherokee Sperry"></p>
<h4>Cherokee Sperry</h4>
<p>Youth Designer</p>
</div>
<div class="figure">
<p><img src="images/team/theresa.png" width="160" height="168" alt="Theresa Strepek"></p>
<h4><a href="http://www.linkedin.com/in/theresastrepek" target="_blank">Theresa Strepek</a></h4>
<p>Front-End Developer</p>
</div>
<div class="figure">
<p><img src="images/team/eve.png" width="160" height="168" alt="Eve Tulbert"></p>
<h4><a href="http://www.linkedin.com/pub/eve-tulbert/45/7b4/435" target="_blank">Eve Tulbert</a></h4>
<p>Project Lead/UX Design</p>
</div>
<div class="figure">
<p><img src="images/team/jeremy.png" width="160" height="168" alt="Jeremy Washington"></p>
<h4><a href="https://plus.google.com/108752113957221392862/about" target="_blank">Jeremy Washington</a></h4>
<p>Front-End Developer</p>
</div>
</div>
</div>
<div class="section s6">
<div class="inner">
<img src="images/FreedomGames_Logo.png" width="178" height="150" alt="Freedom Gmaes Logo">
<p><b><a href="http://www.freedomgames.org" target="_blank">Freedom Games</a></b> is a design collaborative dedicated to excellence in teaching and learning. We partner with young artisans and teacher-leaders to create toys, games, and family media products that help communities learn together.</p>
</div>
</div>
</div>
</body>
</html>