-
Notifications
You must be signed in to change notification settings - Fork 105
Expand file tree
/
Copy pathteam.html
More file actions
331 lines (279 loc) · 11.1 KB
/
Copy pathteam.html
File metadata and controls
331 lines (279 loc) · 11.1 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
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
<!doctype html>
<head>
<title>The Pencil Code Team</title>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato:400,700|Source+Code+Pro:400">
<style>
* { font-family: Lato; font-weight: 400; }
body { margin-left: 10%; margin-right: 10%; margin-top: 0.5in; }
div { margin: auto; max-width: 700px; }
h1, h2, h3, h4 { font-weight: 400; }
code, tt { font-family: Source Code Pro; font-weight: 400;
background: wheat;}
li { padding-bottom: 5px; }
b { font-weight: 700; }
figure { margin-left: auto; margin-right: auto; text-align: center; }
figcaption { font-style: italic; }
</style>
</head>
<body>
<div>
<a href="//">
<img src="/image/dpencil-32.png"
style="border:0;float:left;padding-right:10px;margin-top:3px;"
title="pencilcode.net"></a>
<h1>The Pencil Code Team</h1>
<p>The Pencil Code Team is devoted to advancing computer
science education by making programming as simple and as
universal as using a pencil.
<p>Our project grew out of an open-source hobby and
a collaboration between Googler David Bau, his son Anthony, and
a group of friends.
<p>Before <a href="//pencilcode.net">pencilcode.net</a>,
we had created a
<a href="https://web.archive.org/web/20020210113129/http://notesbydave.com/htmlpad/script.htm">series of</a>
<a href="http://dabbler.org/home/00-about/00-README.html">online</a>
<a href="http://js.dabbler.org/">programming tools</a> which we
used to teach Javascript at a variety of urban and suburban
classrooms.
<p>Each time we taught, we learned what was hard, we
watched where the tool got in the way, and we built a better
tool the next time.
Pencil Code is the 5th iteration.
<p>When the version simplifying CoffeeScript
was picked up by David's brother's school
for use in many of their classrooms, David realized it filled
a need. (David's brother Kevin teaches math at Beaver Country Day,
home of the <a href=
"http://bcdschool.org/tag/coded-curriculum/">coded curriculum</a>.)
<p>The latest addition was a dual-mode block and text editor
(<a href="https://github.com/droplet-editor/droplet"
>Droplet</a>) created by Anthony Bau. It was inspired by
Hal Abelson's observation that perceived
differences between blocks and text were a
significant problem, a gap that Droplet now
bridges beautifully.
<h2>Who We Are</h2>
<p>Pencil Code is the work of many of
devoted students, teachers, open-source
contributors, and volunteers. We welcome
your participation too: here is
our <a href="http://dev.pencilcode.net/"
>contributor's portal</a>.
<p><b>David Bau</b>
is a part-time programmer at Google who is
beginning work on a late-career PhD at MIT.
At Google, David helped create
Google Talk (now called Hangouts) and
algorithms for Google Search and Google Image Search.
Prior to his ten years at Google, David built
Internet Explorer and .NET platform tools at
Microsoft and open-source Java enterprise tools
at Crossgain and BEA Systems. He is a volunteer
teacher with Citizen Schools, and he is
coauthor of a textbook on numerical linear algebra.
Google uses Pencil Code in its computer science
outreach programs, and it generously supports
David's open-source contributions.
<p><b>Anthony Bau</b>
is a high school student at
Phillips Exeter Academy and president of the
Exeter Computing Club. He runs HackExeter,
a precollege hackathon, and he teaches a
Junior Computing Club for middle schoolers.
Prior to Exeter, Anthony was a member of the
Lincoln Gear Ticks, national winners at the
2011 First Lego League robotics championship.
Anthony learned to program using Scratch, Python,
and Javascript, and he created Droplet based
on those experiences. Code.org uses Droplet
in its CSP curriculum tool, and it supports
Anthony through an internship for his
open-source contributions to Droplet.
<p><b>Xinan Liu</b>,
a student at National University
of Singapore, contributed the icon-based
directory UI, screen shots of student projects,
and the browserify-based Pencil Code build.
<p><b>Saksham Aggarwal</b>,
a student at IIIT
Hyderabad, contributed the HTML block mode
editor and several core improvements to Droplet.
<p><b>Jeremy Ruten</b>,
a student in Saskatoon Canada,
is developing pencil-tracer, a code transpiler
that traces execution flow and variable state
in CoffeeScript and JavaScript.
<p><b>Amanda Boss</b>,
an intern at Google and student
at Harvard, is developing a timeline interface
that will allow students to rewind their programs.
<p><b>Cali Stenson</b>,
an intern at Google and student
at Wellesley, is building a UI for visualizing
execution traces and changes to variable state.
<p><b>Dinuka Desilva</b>,
a student at Informatics Institute of Technology
Sri Lanka, created the filtering UI
for long directory views and working on
other improvements.
<p><b>Chris Pirich</b>,
an engineer at Code.org, modified
Droplet to work well when embedded in the code.org
tutorial environment.
<p><b>Brent Van Minnen</b>,
an engineer at Code.org,
contributed the ability to drag palette
blocks in text mode in Droplet.
<p><b>Sydney Pickens</b>,
a Google technical program
manager, curated the block palette, and ran a research
study testing efficacy of Pencil Code in classrooms.
<p><b>Matthew Dawson</b>,
a teacher and product manager
for Google, created and tested lessons as part
of a pilot class and research study for Pencil Code.
<p><b>David Weintrop</b>,
a PhD student at Northwestern,
is doing educational research on the transition
between blocks and text, using his own
customized version of Pencil Code.
<p><b>Cindy Yang</b> and <b>Ji-Sun Ham</b>,
students at the Harvard Graduate School of Education,
created a curriculum, videos, and Pencil Cards
used in Citizen Schools.
<p><b>Mandy Hauser</b>, program director for Citizen
Schools, is writing and formalizing the Pencil Code
curriculum for use in Citizen Schools nationwide.
<p><b>Caroline Meeks</b>,
a charter school teacher at
Prospect Hill Academy, is a strategic advisor
for Pencil Code, the tool in her classroom
and helping to map the CS ed tech space.
<p><b>Jeremiah Blanchard</b>,
a PhD student at
University of Florida and program director
at Full Sail University, is developing a
Python mode for use in his classrooms.
<p><b>Sharon Lincoln</b>, Chair of the Nonprofit Practice
group at <b>Foley Hoag</b>, is providing generous pro
bono legal counsel in formation of our 501(c)3.
<p><b>Siddhartha Sahai</b>,
a student at BITS Pilani,
is developing a promise-based await extension to
Iced CoffeeScript.
<p><b>Ethan Apter</b>,
a Google engineer, coordinated
several Citizen Schools classes usign Pencil Code,
and is mentoring student contributors.
<p><b>Yana Malysheva</b>,
a Google engineer, is mentoring
students and also developing the promise-based
await extensions.
<p><b>Bob Cassels</b>,
a Google engineer, is contributing
a Scheme-inspired arbitrary-precision arithmetic
mode for Pencil Code and CoffeeScript.
<p><b>Anand Ramakrishna</b>,
a Microsoft engineer, wrote
the node.js backend that serves and stores
Pencil Code programs.
<p><b>Joe Beda</b>,
who is ex-Google and ex-Microsoft,
contributed the production setup that runs
Pencil Code on Google Compute Engine.
<p><b>Amy Briggs</b>,
CS professor at Middlebury,
and teaching assistant <b>Tom Dobrow</b>
designed and taught a college CS course
for nonmajors using Pencil Code.
<p><b>Pavel Simakov</b>,
a Google engineer, contributed the
capability to embed and integrate Pencil Code
as a widget into other tutorial websites.
<p>Googlers <b>D Feher</b>, <b>David Saff</b>, and
<b>Alison Cichowlas</b>,
contributed the Pencil Code Gym tutorial website, and
organized youth events using the tool.
<p><b>Rachel Nicoll</b>,
a project manager at the MassTLC
Education Foundation, organized and created activities
for our first Hour of Code activity in 2014.
<p><b>Alexander Wei</b>,
a Phillips Exeter student,
contributed the capability to use tranparent images
as nonrectangular sprites.
<p><b>Weihang Fan</b>,
a Phillips Exeter student,
identified several bugs that impact beginners, and he
fixed autoindenting problems in the ace editor.
<p><b>James Synge</b>,
a Google engineer, created the protractor UI
to help debug the turtle, and collaborated on
a predecessor to Pencil Code.
<p><b>Sarah Judd</b>,
a curriculum developer with Girls Who Code,
and <b>David Miller</b>,
a Google engineer who coaches a GWC club,
are collaborating to create GWC activities
using Pencil Code.
<p><b>Kim Arcand</b>, a NASA astronomer,
and <b>Gus Muench</b>,
an AAS astronmer, contributed the Hour of Code
activity that lets students program with authentic
multiwavelength astronomical image data.
<p><b>Piper Bau</b> created the first youtube video explaining
how to use Pencil Code.
<p><b>Joshua Greene</b>, <b>Jennifer Hardy</b>,
<b>Clayton Weston</b>, <b>Kelly Powers</b>,
<b>Elaine Griggs</b>, <b>Kevin Bau</b>,
<b>Rob MacDonald</b>, <b>Whitney McKnight</b>,
<b>David Case</b>, and <b>Karene Hines</b>
are teachers who brought Pencil Code into their classrooms
and contributed particularly valuable guidance,
experience, and lesson ideas.
<p><b>Ramakrushna Arugollu</b>, <b>Latisha Silvera</b>,
<b>Kevin Egan</b>, <b>Joy Basu</b> (all at John Hancock),
<b>Eric Steinlauf</b>, <b>Nikhil Thorat</b>,
<b>Emily Bernier</b>, <b>Norris Boyd</b>,
<b>Colin McMillin</b>,
<b>Jun Lee</b>, <b>Greg Dennis</b>,
and <b>Thomas Colthurst</b> (all at Google),
taught Citizen Schools and hosted Hackathons
using our tools, and helped develop valuable improvements.
<p>Special thanks to Google managers <b>Maggie Johnson</b>,
<b>Steve Vinter</b>, <b>Marika Marchegger</b>,
<b>Jamie Sue Goodman</b>, and <b>Chris Stephenson</b>,
who have all supported David in his
quest to contribute to computer science education, and
to Code.org managers <b>Hadi Partovi</b> and
<b>Sarah Filman</b>, who have supported Anthony in
his pioneering work on Droplet. Thanks to
Google Summer of Code for financial support for the
open-source contributions of three summer students.
<p>Pencil Code is an open-source project that builds on
Iced CoffeeScript, a langage created by <b>Jeremy Ashkenas</b>
and <b>Max Krohn</b>, and on many other open source libraries.
Pencil Code is only possible because
of the inventiveness and generosity of the vibrant
Javascript open source community. The libraries
that we incorporate under open licenses are listed
<a href="http://pencilcode.net/license.html">here</a>.
<figure>
<img src="/image/team.jpg">
<figcaption>A few of the Pencil Code contributors in Summer 2015</figcaption>
</figure>
<p>You can follow some of the happenings with Pencil Code
<a href="//blog.pencilcode.net/">on our blog</a>.
<p>If you would like to use Pencil Code in your classroom,
or if you are developing open-source improvements to the system,
please join our discussion group! Add your contact information
to <a href="//teach.pencilcode.net/">teach.pencilcode.net</a>,
and we will invite to our group on Slack within about a day.
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45359764-1', 'pencilcode.net');
ga('send', 'pageview');
</script>