-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathFall2020index.html
297 lines (283 loc) · 19.8 KB
/
Fall2020index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Creative Technology</title>
</head>
<body>
<header>
<div class="flexbox">
<div class="img-mask">
<img src="http://cms.artcenter.edu/img/global/logo-art-center.png">
</div>
<div class="greet">
<h1>Creative Technology</h1>
<nav>
<ul>
<li><a href="#weekly">Weekly</a></li>
<li><a href="#reading">Reading</a></li>
<li><a href="#resources">Resources</a></li>
<li><a href="#repos">Repos</a></li>
</ul>
</nav>
</div>
</div>
</header>
<main>
<section class="grid" id="weekly">
<h2><a href="https://artcenter.zoom.us/j/92632969181?from=msft" target="_balnk">Zoom Link for Friday Seminars</a></h2>
<div class="week">
<h3>Week 1</h3>
<h4>Seminar</h4>
<p>Introductions/What is technology for you? (<a href="https://artcenter.zoom.us/rec/play/Ze3RGYTSfwqcjpYsX8p-mkxAXPM_CJ4E_cZs9GyhsPTCgqPpv62JbcjGoCPwW41WBaecuj93f33ZOJeM.Pn7WCtLjFS2wFqoJ?continueMode=true&_x_zm_rtaid=izPLJ9UzSayV0SXJrd-n5A.1600459757572.87cda23e54ae8611fc391c3e66133cfb&_x_zm_rhtaid=40" target="_blank">Video Recording</a>)</p>
<h4>Workshop</h4>
<p>Project 0 - Welcome to GitHub and WorldWideWeb</p>
<h4>Homework</h4>
<ul>
<li>choose/find 3 less common (weird?) creative technology tools (add links to your GitHub repo)</li>
<li>choose/find 3 creative technology projects that inspire you conceptually or move you emotionally (add links to your GitHub repo)</li>
<li>read <a href="http://opendesignnow.org/index.html%3Fp=434.html" target="_blank">"Critical Making"</a>, pick 3 quotes from the text and write 1 paragraph response for each (add to your GitHub repo)</li>
<li>be prepared to talk about your choices when we meet for next Friday's seminar</li>
</ul>
</div>
<div class="week">
<h3>Week 2</h3>
<h4>Seminar</h4>
<p>Homework review/Diagrams and shematics as a cognitive and aesthetic tool.</p>
<h4>Workshop</h4>
<p>Project 1 - Creative Kluging</p>
<h4>Homework</h4>
<ul>
<li>choose/find 3 examples of interactive installations that inspire you in connection with your creative technology interests and add links to your Github page.</li>
<li>[feel free to be broadminded in how you interpret "installation", so long as your choices are experiential and interactive. your examples might include electronic artworks, performances/stagings, commercial branded environments, theme park rides. or maybe they are installations which are not intended by their creators to be experientially significant, but you find them inspiring nonetheless.]</li>
<li>pick out one (or more) of the 3 examples, try to figure out how it was built, and create a diagram showing the components of the system and their relationships.</li>
<li>read <a href="https://aeon.co/essays/how-yuppies-hacked-the-original-hacker-ethos" target="_blank">Brett Scott, The Hacker Hacked</a>, pick 3 quotes from the text and write 1 paragraph response for each (add to your GitHub repo).</li>
<li>be prepared to share your work and talk about your choices when we meet for next Friday's seminar.</li>
</ul>
</div>
<div class="week">
<h3>Week 3</h3>
<h4>Seminar</h4>
<p>Homework review/Interactive installations</p>
<h4>Workshop</h4>
<p>Project 1 - Creative Kluging</p>
<h4>Homework</h4>
<ul>
<li>prepare for the "Show And Tell" for project 1: finsh your prototypes, document all the artifacts generated during the project on your GitHub blogs, talk about: a) original idea b) challenges encountered c) learnings and discoveries d) tools and methods used.</li>
<li>read <a href="http://blogs.ischool.berkeley.edu/ict4se/files/2010/09/Prototypes_prototype.pdf" target="_blank">Stephanie Houde and Charles Hill, What do Prototypes Prototype?</a>, pick 3 quotes from the text and write 1 paragraph response for each (add to your GitHub repo).</li>
</ul>
</div>
<div class="week">
<h3>Week 4</h3>
<h4>Seminar</h4>
<p>Project 1 show and tell</p>
<h4>Workshop</h4>
<p>Project 2 - Worldbuilding/Simulation</p>
<ul>
<li>Fri. Oct. 9th 5–7PM LA time: Simulation and Design – project intro, Unity intro session</li>
<li>Sat. Oct. 10th 4–7PM LA time: Simulation and Design – Unity workshop, part 1</li>
<li><a href="https://artcenter.zoom.us/j/5320506333" target="_blank">Zoom Link</a></li>
</ul>
<h4>Homework</h4>
<ul>
<li>read the "Experiments" section (p. 131) from <a href="presence.pdf" target="_blank">The Presence Project</a>, pick 3 quotes from the text and write 1 paragraph response for each (add to your GitHub repo).</li>
</ul>
</div>
<div class="week">
<h3>Week 5</h3>
<h4>Seminar</h4>
<p>Principles and methods of prototyping: reading review</p>
<h4>Workshop</h4>
<p>Project 2 - Worldbuilding/Simulation</p>
<ul>
<li>Wed. Oct. 14th 8–11PM LA time: Simulation and Design – Unity workshop, part 2</li>
<li>Fri. Oct. 16th 5–7PM LA time: Simulation and Design – one-on-one meetings</li>
<li><a href="https://artcenter.zoom.us/j/5320506333" target="_blank">Zoom Link</a></li>
</ul>
<h4>Homework</h4>
<ul>
<li>choose/find 3 examples of art/design projects focusing on simulation and add links to your Github page.</li>
<li>[just like with interactive installations feel free to be broadminded in how you interpret "simulation project". They don't need to be computer-based, nor do they need to be intentional. The core aspects are the representation and modelling of phenomena and behaviours, and the clear aesthtic and/or intellectual value.]</li>
</ul>
</div>
<div class="week">
<h3>Week 6</h3>
<h4>Seminar</h4>
<p>Discussion</p>
<h4>Workshop</h4>
<p>Project 2 - Worldbuilding/Simulation</p>
<ul>
<li>Wed. Oct. 21st 8–11PM LA time: Simulation and Design – one-on-one meetings</li>
<li>Fri. Oct. 23rd 5–7PM LA time: Simulation and Design – review/conversation</li>
<li><a href="https://artcenter.zoom.us/j/5320506333" target="_blank">Zoom Link</a></li>
</ul>
<h4>Homework</h4>
<ul>
<li>read <a href="https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/" target="_blank">What Is Code</a>, pick 3 quotes from the text and write 1 paragraph response for each (add to your GitHub repo).</li>
<li>Get a Photon board, a breadboard, some breadboard wires and a potentiometer for the next project. See the <a href="digital-creaturels.html" target="_blank">project page</a> for details and links.</li>
<li>Look into <a href="https://www.adafruit.com/category/35" target="_blank">sensors</a> - think about the possibilities and what kind of data you'd like to collect.</li>
</ul>
</div>
<h2>CRIT WEEK - NO ACTIVITIES</h2>
<div class="week">
<h3>Week 8</h3>
<h4>Seminar</h4>
<p> Reading review: What is code?</p>
<h4>Workshop</h4>
<p>Project 3 - Digital ecologies: workshop 1</p>
<ul>
<li><a href="https://artcenter.zoom.us/rec/play/N1gWgxhV_qofaujdkEv07Zz8xnfJg5OvRbH9CIrrSlChVhEkZnGX2vBXqBHFQ5iFaSgennj6ccWq9POE.LTa6ULkWJFMcMZOI?continueMode=true&_x_zm_rtaid=Y9G0q9ZYQZmuda0v2EY0dA.1604724620779.57f90ade48a3745146fb4beb5ba1ee05&_x_zm_rhtaid=155" target="_blank">Zoom Recording</a></li>
<li><a href="https://docs.google.com/presentation/d/1zBisTTFExtbZEpgL5aiUnMRehcZmwJDCBwJmeRAtSrQ/edit?usp=sharing" target="_blank">Link to slide deck</a></li>
</ul>
<h4>Homework</h4>
<ul>
<li>Wednesday, 9pm - 11pm: team check-ins (or reach out on Slack)</li>
<li>read the first four chapters from Vehicles: Experiments in Synthtic Psychology, pick 3 quotes from the text and write 1 paragraph response for each (add to your GitHub repo).</li>
</ul>
</div>
<div class="week">
<h3>Week 9</h3>
<h4>Seminar</h4>
<p>Reading review: Synthetic Psycology</p>
<p>Concept presentations for project 3</p>
<h4>Workshop</h4>
<p>Project 3 - Digital ecologies: workshop 2</p>
<p><a href="https://artcenter.zoom.us/rec/share/4QRAdQFP3NjUVKuv930Q_g3x3U0JhsfzGM2GB2Y2K30uGfCJspp4A0eWieUS9IcV.BvfMhSDI3L9D6j77" target="_blank">Zoom recording</a></p>
<h4>Homework</h4>
<ul>
<li>work on how to collect data from the environment: which sensors to use, what's the form, shape and materials for you digital creature, where and how it's going to be situated</li>
<li>work on accessing the data from your digital creatures via a web page for sneak peak into their world</li>
</ul>
</div>
<div class="week">
<h3>Week 10</h3>
<h4>Seminar</h4>
<p>Project 3 - Digital ecologies: team check-ins</p>
<h4>Homework</h4>
<ul>
<li>finalise and prepare to present the digital ecologies project</li>
</ul>
</div>
<div class="week">
<h3>Week 11</h3>
<h4>HOLIDAY: THANKSGIVING</h4>
</div>
<div class="week">
<h3>Week 12</h3>
<h4>Seminar</h4>
<p>Final review of Digital Ecologies projects</p>
<h4>Workshop: Saturday, Dec 5, 4pm</h4>
<p>Project 4: Livecoding shader-based graphics - workshop 1/2</p>
<p><a href="https://artcenter.zoom.us/rec/share/eVHxo8zKeLQLdg7Zg3F62pwLm0xorlVm3a2P3vw5vonv1KfIlF97MoHrQ6DHz16E.77qfXS-1TdiwgDaY" target="_blank">Zoom recording</a></p>
<h4>Homework</h4>
<p>See <a href="http://charstiles.com/artcenter/" target="_blank">Workshop 1 page</a></p>
</div>
<div class="week">
<h3>Week 13</h3>
<h4>Workshop: Friday, Dec 11, 4pm</h4>
<p>Project 4: Livecoding shader-based graphics - workshop 2/2</p>
<p><a href="http://charstiles.com/artcenter2/" target="_blank">Workshop 2 page</a></p>
<p><a href="https://artcenter.zoom.us/rec/share/ZMTJCpAiHz2M3lAtVG9E99PiWmiScFgG9yYzOeYD0BlJIum8WDViV3CFAk2fwo8y.axzJtWfr1_iBLf2J" target="_blank">Zoom recording</a></p>
</div>
<h2>CRIT WEEK - NO ACTIVITIES</h2>
</section>
<section id="reading">
<h2>Reading</h2>
<p><a href="http://opendesignnow.org/index.html%3Fp=434.html" target="_blank">Matt Ratto, Critical Making</a></p>
<p><a href="https://aeon.co/essays/how-yuppies-hacked-the-original-hacker-ethos" target="_blank">Brett Scott, The Hacker Hacked</a></p>
<p><a href="http://blogs.ischool.berkeley.edu/ict4se/files/2010/09/Prototypes_prototype.pdf" target="_blank">Stephanie Houde and Charles Hill, What do Prototypes Prototype?</a></p>
<p><a href="presence.pdf" target="_blank">The Presence Project</a></p>
<p>Charlie Gere, “The Beginnings of Digital Culture,” Digital Culture (London: Reaktion, 2008), 21-50.</p>
<p><a href="https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/" target="_blank">Paul Ford, "What is Code?"</a></p>
<p><a href="http://www.catb.org/~esr/writings/cathedral-bazaar/hacker-history/" target="_blank">Eric Raymond: A Brief History of Hackerdom</a></p>
<p>McLenzy Wark, "Hacker Manifesto"</p>
<p><a href="https://www.interaction-design.org/literature/book/the-glossary-of-human-computer-interaction" target="_blank">The Glossary Of Human-Computer Interaction</a></p>
</section>
<section id="resources">
<h2>Resources</h2>
<h3><a href="SemesterOverviewHandout.pdf" target="_blank">Semester overveiw handout PDF</a></h3>
<h3><a href="Project1CreativeKludging.pdf" target="_blank">Project 1 - Creative Kludging PDF</a></h3>
<h3><a href="F2020_SimulationWorkshop.pdf" target="_blank">Project 2 - Simulation PDF</a></h3>
<h3><a href="digital-ecologies.html" target="_blank">Project 3 - Digital ecologies</a></h3>
<h3><a href="https://docs.google.com/presentation/d/1M5lDJ0x1iCOLQTn8EGdI8vIGpGSqvAfsxmJ0s7jngVQ/edit?usp=sharing">Project 4 - Livecode Shaders Workshop</a></h3>
<div class="columns">
<div>
<h4>Git and GitHub</h4>
<ul>
<li><a href="https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZF9C0YMKuns9sLDzK6zoiV" target="_blank">GitHub for Poets YouTube playlist</a></li>
<li><a href="github_workflow/index.html" target="_blank">GitHub Workflow</a></li>
</ul>
</div>
<div>
<h4>WorldWideWeb: HTML, CSS, JavaScript</h4>
<ul>
<li><a href="https://www.w3schools.com/html/default.asp" target="_blank">W3 Schools learn HTML section</a></li>
<li><a href="https://www.w3schools.com/css/default.asp" target="_blank">W3 Schools learn CSS section</a></li>
<li><a href="https://youtu.be/UB1O30fR-EE" target="_blank">HTML overview video for beginners</a></li>
<li><a href="https://youtu.be/yfoY53QXEnI" target="_blank">CSS overview video for beginners</a></li>
<li><a href="https://css-tricks.com/guides/beginner/" target="_blank">A collection of HTML/CSS resources for beginners</a></li>
</ul>
</div>
<div>
<h4>Diargamming: tools and examples</h4>
<ul>
<li><a href="https://www.gliffy.com/" target="_blank">Gliffy: online diagramming platform</a></li>
<li><a href="diagramming/index.html" target="_blank">Examples of diagrams</a></li>
</ul>
</div>
<div>
<h4>Unity resources</h4>
<ul>
<li><a href="https://youtu.be/IlKaB1etrik" target="_blank">Brackeys "How to make a video game in Unity"</a></li>
<li><a href="https://github.com/keijiro" target="_blank">Keijiro GitHub</a></li>
<li><a href="https://channel9.msdn.com/Series/UnityCreativeCoding" target="_blank">Creative Coding with Unity</a></li>
<li><a href="https://learn.unity.com/" target="_blank">Unity Learning Portal</a></li>
<li><a href="tiny-simultations.unitypackage">Tiny Simulations</a></li>
</ul>
</div>
<div>
<h4>Particle IO resources</h4>
<ul>
<li><a href="particleSetup.html" target="_blank">Step-by-step for removal and setup.</a></li>
<li><a href="https://console.particle.io" target="_blank">Particle IO console</a></li>
<li><a href="https://docs.particle.io/tutorials/hardware-projects/hardware-examples/photon/" target="_blank">Introductory hardware examples</a></li>
<li><a href="https://docs.particle.io/reference/device-os/firmware/photon/#input-output" target="_blank">Input-output pin functions</a></li>
<li><a href="https://docs.particle.io/reference/device-os/firmware/photon/#particle-variable-" target="_blank">Particle variables</a></li>
<li><a href="https://docs.particle.io/reference/device-os/firmware/photon/#particle-publish-" target="_blank">Publishing events</a></li>
<li><a href="https://docs.particle.io/reference/device-os/firmware/photon/#particle-subscribe-" target="_blank">Subscribing to events</a></li>
<li><a href="https://docs.particle.io/tutorials/device-cloud/webhooks/" target="_blank">Intro to Webhooks</a></li>
</ul>
</div>
<div>
<h4>Coding Shaders</h4>
<ul>
<li><a href="https://shawnlawson.github.io/The_Force/" target="_blank">The Force Editor by Shawn Lawson</a></li>
<li><a href="https://www.shadertoy.com/" target="_blank">Shadertoy</a></li>
<li><a href="https://www.desmos.com/calculator" target="_blank">Graphing calculator</a></li>
<li><a href="https://thebookofshaders.com/" target="_blank">The Book of Shaders</a></li>
<li><a href="https://www.iquilezles.org/www/index.htm" target="_blank">Inigo Quilez's articles</a></li>
</ul>
</div>
</div>
</section>
<section id="Repos">
<h2>Repos</h2>
<ul>
<li>Isabelle: <a href="https://isachal.github.io/CreativeTech1/" target="_blank">https://isachal.github.io/CreativeTech1/</a></li>
<li>Shiny: <a href="https://shiny-niu-wu.github.io/ACCD-CreativeTechnology1/" target="_blank">https://shiny-niu-wu.github.io/ACCD-CreativeTechnology1/</a></li>
<li>Kate: <a href="https://kateladenheim.github.io/MDP-CreativeTech1/" target="_blank">https://kateladenheim.github.io/MDP-CreativeTech1/</a></li>
<li>Qi: <a href="https://kikita777.github.io/CreativeTech1/" target="_blank">https://kikita777.github.io/CreativeTech1/</a></li>
<li>Fuyao: <a href="https://fuyao651.github.io/CreativeTech_20Fall/" target="_blank">https://fuyao651.github.io/CreativeTech_20Fall/</a></li>
<li>Zhuoyu: <a href="https://zhuoyu-mdp.github.io/Artcenter-Creative-Tech1/" target="_blank">https://zhuoyu-mdp.github.io/Artcenter-Creative-Tech1/</a></li>
<li>Christie: <a href="https://aka-babyspinach.github.io/Creative-Tech1/" target="_blank">https://aka-babyspinach.github.io/Creative-Tech1/</a></li>
<li>Jingwei: <a href="https://jgu4233.github.io/" target="_blank">https://jgu4233.github.io/</a></li>
<li>Nayoung: <a href="https://kny023.github.io/AC-Creative-Tech-1/" target="_blank">https://kny023.github.io/AC-Creative-Tech-1/</a></li>
</ul>
</section>
</main>
<footer>
</footer>
</body>
</html>