-
Notifications
You must be signed in to change notification settings - Fork 1
/
workshops.html
307 lines (303 loc) · 21.1 KB
/
workshops.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="HakD is a hackathon for everyone – people just like you, the person that sits next to you in history, and the other guy who is eating Pringles – yes, all of you are invited!">
<meta name="keywords" content="hakd, hackathon, hackdulwich, hakd2023, hakd2023expressyourself, expressyourself, express, yourself, dulwich, dulwich college, shanghai">
<title>Workshops | HakD 2023: Express Yourself!</title>
<link rel="canonical" href="/">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="/assets/style.css">
<link rel="stylesheet" href="/assets/workshops.css">
<script src="/assets/script.js" type="text/javascript"></script>
<meta property="og:title" content="HakD 2023: Express Yourself!">
<meta property="og:description" content="HakD is a hackathon for everyone – people just like you, the person that sits next to you in history, and the other guy who is eating Pringles – yes, all of you are invited!">
<meta property="og:image" content="/assets/img/hakd-logo.png">
<meta property="og:url" content="http://hakd-shanghai.com">
<meta property="og:site_name" content="HakD 2023: Express Yourself!"/>
<meta name="application-name" content="hakd-shanghai.com">
<meta name="theme-color" content="#202020" />
</head>
<body>
<header class="navbar">
<div id="navigation">
<nav>
<div id="nav" class="sexy-flexy">
<a href="/" id="nav-logo" hidden>
<img src="/assets/img/hakd-logo-new.png" alt="HakD" width="64" height="64">
<p class="logo-text nav-text">HakD 2023: Express Yourself!</p>
</a>
<ul class="routes">
<li >
<a href="/" class="nav-text">Home</a> ||
</li>
<li>
<a href="/assets/brochure/HakD-2023_Brochure_compressed.pdf" target="_blank" class="nav-text">Brochure</a> ||
</li>
<li>
<a href="https://dcigroupadmin-my.sharepoint.com/:x:/g/personal/coll_mcfadden26_stu_dulwich_org/EUZgTb4ipd1CtT4lRkIMfI4BNlgPZp86eYOtCqESMHn70A" target="_blank" rel="noopener noreferrer" class="nav-text">Teams</a> ||
</li>
<li>
<a href="/workshops.html" class="nav-text">Workshops</a> ||
</li>
<li>
<a href="/assets/resources/HakD_2023_Scenarios.pdf" target="_blank" class="nav-text">Scenarios</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="container">
<div class="header finisher-header" style="width: 100vw; height: 100%; min-height: 256px;">
<h1>Workshops</h1>
</div>
<div id="signup-container">
<div class="signup">
<div class="signup-item">
<a href="https://dulwichpudong.mikecrm.com/1xsIhDH" target="_blank" rel="noopener noreferrer">
<h2>Scan the QR code or click here to sign up!</h2>
</a>
<img src="/assets/img/signupcode-wkshop-2023-qrcode.png" alt="https://dulwichpudong.mikecrm.com/1xsIhDH" height="256px">
</div>
</div>
</div>
<div id="workshop-container">
<div id="steps">
<!-- Workshop 1 -->
<div class="wkshop-card" id="one">
<div class="step-left"><img src="/assets/img/wkshop-dryankelevich.jpg" alt="Dr. Y" loading="lazy"></div>
<div class="step-right teacher">
<h1>Dashing Robots</h1>
<h2><i>Dr. Y</i></h2>
<p>
Discover the wonderful world of the Wonder Workshop with Dash! Dash is a playful robot designed for easy access to the world of coding and robotics. Dash uses Bluetooth, 3 microphones, speakers, 3 processors and sensor fusion, proximity sensors, motors, and LED lights to create a super fun user experience. In this interactive workshop, you will explore a variety of apps and move through a host of challenges with Dash. Come join the fun, all ability levels welcome as Dash uses Block Coding (space is limited)!<br>
</p>
<h3>Room: A117</h3>
<h3>Max: 20</h3>
</div>
</div>
<!-- Workshop 2 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-chase.png" alt="Chase" loading="lazy"></div>
<div class="step-right student">
<h1>Make Music with Raspberry Pi Pico</h1>
<h2><i>Chase</i></h2>
<p>
What’s cooler than lighting LEDs up? Making music, of course! We will be using the magical Raspberry Pi Picos to do so. But that’s not it! You can do a variety of tasks with the Pico like displaying data on a screen, make motors spin, make a door lock, do score counting and much much more! Prior coding knowledge is not necessary but recommended for understanding key concepts in this workshop. Please download the Thonny python editor from <a href="https://thonny.org" target="_blank" rel="noopener noreferrer">https://thonny.org</a> and this uf2 file from Raspberry Pi Pico (<a href="https://micropython.org" target="_blank" rel="noopener noreferrer">https://micropython.org</a>) before the workshop begins.
</p>
<h3>Supervising teacher: Goody Yang (DCSPD)</h3>
<h3>Room: Workshop</h3>
<h3>Max: 15</h3>
</div>
</div>
<!-- Workshop 3 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-mshardy.jpg" alt="Ms. Hardy" loading="lazy"></div>
<div class="step-right teacher">
<h1>ReRo Robots</h1>
<h2><i>Ms. Hardy</i></h2>
<p>
<b>Are you ready to get moving?</b> Time to get practical and build a robot! No previous knowledge is necessary! We will be using the kit to produce a movable robot and using the rero app to control it! It's time to get your groove on and produce some dance moves or expressive movements!
</p>
<h3>Room: A165</h3>
<h3>Max: 10</h3>
</div>
</div>
<!-- Workshop 4 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-mrbroadbent.jpg" alt="Mr. Broadbent" loading="lazy"></div>
<div class="step-right teacher">
<h1>Making music with Lego!</h1>
<h2><i>Mr. Broadbent</i></h2>
<p>
Join our exciting workshop where you'll learn how to combine the power of music and technology using the LEGO® MINDSTORMS® EV3 and Spike Prime! In this workshop, you'll explore the endless possibilities of creating music with LEGO® robots, using programming and sensors to generate unique and innovative sounds. With the EV3 and Spike Prime, you can design and build your own musical instruments, experiment with different musical genres and create compositions that are truly one-of-a-kind. Whether you're a seasoned musician or a beginner, this workshop will give you the skills and knowledge to start making your own music with LEGO® robots!
</p>
<h3>Room: A116</h3>
<h3>Max: 15</h3>
</div>
</div>
<!-- Workshop 5 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-daniel.jpg" alt="Daniel" loading="lazy"></div>
<div class="step-right student">
<h1>Piet</h1>
<h2><i>Daniel Gu</i></h2>
<p>
In this workshop, you will learn to code in an esoteric programming language called Piet. Instead of typing or joining blocks together to make programs, you will be drawing on a canvas, letting you express your creativity and ‘write’ code at the same time. By expanding on the fundamentals from this course, you will be able to create two-in-one masterpiece-artwork-and-computer-programs in no time!
<br><br>(Recommended for Y8 and above with prior programming experience)
</p>
<h3>Supervising Teacher: Tobias Oyugi (Wellington)</h3>
<h3>Room: A115</h3>
<h3>Max: 20</h3>
</div>
</div>
<!-- Workshop 6 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-vito.jpg" width="50%" alt="Vito" loading="lazy"></div>
<div class="step-right student">
<h1>Blender</h1>
<h2><i>Vito & Ben</i></h2>
<p>
Are you interested in making a digital 3D model that you can use anywhere from 3D printing to game making? Come join us! In this workshop you will learn how to use Blender, a powerful and free open-source software for 3D modeling, animation, and visual effects. This will provide you with fundamental skills to create breath-taking renders to fully 'express yourself!'
</p>
<h3>Supervising Teacher: Paul McFadden (DCSPD)</h3>
<h3>Room: A114</h3>
<h3>Max: 15</h3>
</div>
</div>
<!-- Workshop 7 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-raynor.jpg" alt="Raynor" loading="lazy"></div>
<div class="step-right student">
<h1>Music Production and Composition</h1>
<h2><i>Raynor</i></h2>
<p>
Learn how to create music digitally and compose the pieces you want to make. This workshop will focus on using Ableton’s “Live 11”, a software used by many well-known artists such as David Guetta, Flume, KSHMR, and many more. The aim will be to learn the basics of music production, how to create the music you want, and how to export the music to an MP3 file. There will also be chances to export MIDI files for those who need them for other areas of HakD. If you plan to attend this workshop, please create an account, and download the demo version of Live 11 (<a href="https://www.ableton.com/en/trial/" target="_blank" rel="noopener noreferrer">https://www.ableton.com/en/trial/</a>).
</p>
<h3>Supervising Teachers: Alex Lefevre (DCSPD), Alan Wright (DCSPX)</h3>
<h3>Room: A106</h3>
<h3>Max: 10</h3>
</div>
</div>
<!-- Workshop 8 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-atharva.jpg" alt="Atharva" loading="lazy"></div>
<div class="step-right student">
<h1>PhotoP</h1>
<h2><i>Atharva</i></h2>
<p>
Graphic Design lessons for beginners, come in to learn the basics and how to develop your own designs.
</p>
<h3>Supervising Teacher: Clare Dorans (DCSPD)</h3>
<h3>Room: A102</h3>
<h3>Max: 10</h3>
</div>
</div>
<!-- Workshop 9 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-mrbennington.jpg" alt="Mr. Bennington" loading="lazy"></div>
<div class="step-right teacher">
<h1>8-bit Chiptune Game Music</h1>
<h2><i>Mr. Bennington</i></h2>
<p>
Did you know the whole original Super Mario Bros soundtrack was only 17kb? That’s 0.5% of a single mp3 file! It also only used 4 audio channels, compared to today’s songs which often use hundreds!<br>
<br>Discover the origins and evolution of video game music, while learning about digital sound creation and programming. You will also create your own 8-bit music that has inspired such recent soundtracks as Undertale and Shovel Knight.<br>
<br>No music composition experience is required, but some musical knowledge is recommended. No software will be installed, as we will use web-based tools that will work on any browser and OS.
</p>
<h3>Room: B109</h3>
<h3>Max: 20</h3>
</div>
</div>
<!-- Workshop 10 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-maring.jpg" alt="Maring" loading="lazy"></div>
<div class="step-right student">
<h1>Web Designers</h1>
<h2><i>Maring</i></h2>
<p>
Ever wondered how all those fancy websites are designed? Join this workshop to learn how to design them yourself! This workshop will walk you through the basics of HTML and CSS to allow you to create the websites you see all over the internet.<br>
<br>Open to both beginners and experienced.<br>
<br>Please download Visual Studio Code or an IDE of your choice before attending.
(<a href="https://code.visualstudio.com/" target="_blank" rel="noopener noreferrer">https://code.visualstudio.com/</a>)
</p>
<h3>Supervising Teacher: Arlene Kline ()</h3>
<h3>Room: A104</h3>
<h3>Max: 12</h3>
</div>
</div>
<!-- Workshop 11 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-coll.jpg" alt="Coll" loading="lazy"></div>
<div class="step-right student">
<h1>Object Oriented Programing (OOP) with Python</h1>
<h2><i>Coll</i></h2>
<p>
Come learn about Object Oriented Programming (OOP), a programming style which offers a range of alternative benefits compared to procedural programming, which is taught in most school curriculums. We'll learn about objects, methods, inheritance and other OOP techniques. By the end of the workshop, you'll have created a Python Turtle-based object (Turtle is a drawing library), which will use inheritance and customized methods. You'll also be able to use Object Oriented Programming to solve various problems, and you'll be able to identify when it's best to use procedural or OOP techniques. A good level of Python skills is required, and you should be comfortable with procedures and functions – if you’re unsure, come talk to me before signing up.<br>
<br>Requirements: A good level of Python skills. Any Python IDE installed
</p>
<h3>Supervising Teacher: Joanne Anderson (DCB)</h3>
<h3>Room: A105</h3>
<h3>Max: 15</h3>
</div>
</div>
<!-- Workshop 12 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-mrwhitaker.jpg" alt="Mr. Whitaker" loading="lazy"></div>
<div class="step-right teacher">
<h1>Arduino Intro</h1>
<h2><i>Mr. Whitaker</i></h2>
<p>
In this workshop be prepared to roll up your sleeves and get up close and personal with an Arduino board! You will build and program a small control system that can control sensors, buzzers, LEDs, screens and more. In the process you will learn about analog and digital I/O (input and output) as well as some Arduino programming fundamentals. Some programming experience is recommended. Please download and install the Arduino IDE from <a href="https://arduino.cc/en/software" target="_blank" rel="noopener noreferrer">https://arduino.cc/en/software</a> before this workshop if possible.
</p>
<h3>Room: A113</h3>
<h3>Max: 15</h3>
</div>
</div>
<!-- Workshop 13 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-mrguzman.jpg" alt="Mr. Guzman" loading="lazy"></div>
<div class="step-right teacher">
<h1>Fusion 360</h1>
<h2><i>Mr. Guzman</i></h2>
<p>
Want to learn how to 3D model like a pro, but have no idea where to start? Then this workshop is for you! We’ll start with the basics, like sketching 2D shapes and then turning them into 3D. We’ll also do some fun challenges along the way. This is a very practical workshop, so ensure you bring your laptop! Complete beginners welcome, as well as those with some Fusion 360/3D design experience.
</p>
<h3>Room: A111</h3>
<h3>Max: 15</h3>
</div>
</div>
<!-- Workshop 14 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-ext-mustardtek.jpg" alt="Mustard Tek" loading="lazy"></div>
<div class="step-right teacher">
<h1>Hacking an Inclusive Gaming Controller</h1>
<h2><i>Mustard Tek</i></h2>
<p>
Games have a unique power to bring people together. Video games multiple this power to connect people from around the world and to explore new worlds. Yet, people with disabilities, who already experience more isolated, are often excluded even to these virtual worlds.
<br>
<br>In this Inclusive Design Lab, we will reimagine the game controller and hack a new way into the virtual worlds of video games.
</p>
<h3>Room: A120</h3>
<h3>Max: 20</h3>
</div>
</div>
<!-- Workshop 15 -->
<div class="wkshop-card">
<div class="step-left"><img src="/assets/img/wkshop-ext-kobots.jpg" alt="K.O Bots" loading="lazy"></div>
<div class="step-right teacher">
<h1>Robot Wars</h1>
<h2><i>K.O Bots</i></h2>
<p>
Come learn about K.O Bots as you can create little robots to win above all else.
</p>
<h3>Room: Dining Hall</h3>
<h3>Max: 24</h3>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<ul class="footer-logo">
<li class="footer-item">
<a href="#">
<img src="/assets/img/hakd-logo.png" alt="HakD" width="64" height="64">
</a>
</li>
<li class="divider">
<li class="footer-item">
<a href="#">
<img src="/assets/img/tech-ambassadors.png" alt="Tech Ambassadors" height="48">
</a>
</li>
</ul>
</footer>
<script src="/assets/finisher-header.es5.min.js" type="text/javascript"></script>
<script src="/assets/header-workshops.js" type="text/javascript"></script>
</body>
</html>