{"id":4010,"date":"2020-08-31T11:16:20","date_gmt":"2020-08-31T15:16:20","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?page_id=4010"},"modified":"2020-08-31T14:10:08","modified_gmt":"2020-08-31T18:10:08","slug":"08-31-introduction","status":"publish","type":"page","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/daily-notes\/08-31-introduction\/","title":{"rendered":"08-31 (Introduction)"},"content":{"rendered":"<h3>Session Plan:<\/h3>\n<ul>\n<li>Introductions<\/li>\n<li><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/resources\/about-our-community\/\">Who are we<\/a>?<\/li>\n<li><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/daily-notes\/08-31-introduction\/summer-survey-questions\/\">Summer survey\u00a0<\/a><\/li>\n<li><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/\"><em>Brief<\/em> Syllabus overview<\/a><\/li>\n<li><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/syllabus\/course-calendar\/\">Course Calendar<\/a>\u00a0and Semester deliverables (below)<\/li>\n<li><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/resources\/authoring-on-this-site\/\">Using WordPress<\/a><\/li>\n<li>Course Hardware &amp; <a href=\"https:\/\/atap.google.com\/soli\/sandbox\/\">Soli<\/a><\/li>\n<li>Introduction to p5.js (below)<\/li>\n<li>Overview of\u00a0<a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/deliverables\/1-introduction-map-due-9-2\/\">Deliverable #01<\/a>.<\/li>\n<li>After class, please complete the Exit Ticket below. Your responses are (optionally) anonymous.<\/li>\n<\/ul>\n<p><iframe src=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeJK1QOHmVaD7ckhFVbqGgjj4JmVLmlCAXrELdE5fOce8nOiQ\/viewform?embedded=true\" width=\"640\" height=\"640\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\">Loading\u2026<\/iframe><\/p>\n<hr \/>\n<h2>Semester Deliverables: Summary<\/h2>\n<ul>\n<li>09.02 Wed #1 Due: <strong>MAP<\/strong><\/li>\n<li>09.09 Wed #2 Due: <strong>LOOP<\/strong><\/li>\n<li>09.16 Wed #3 Due: <strong>CLOCK<\/strong><\/li>\n<li>09.28 Mon #4 Due: <strong>TELEMATIC<\/strong><\/li>\n<li>10.07 Wed #5 Due: <strong>NOVEL UI<\/strong><\/li>\n<li>10.21 Wed #6 Due: <strong>SITUATED EYE<\/strong><\/li>\n<li>11.02 Mon #7 Due: <strong>MASK<\/strong><\/li>\n<li>12.07 Mon #8 Due: <strong>VR<\/strong><\/li>\n<\/ul>\n<hr \/>\n<h2>Introduction to p5.js<\/h2>\n<ul>\n<li>Introduction to p5.js, and resources to help you\n<ul>\n<li><a href=\"http:\/\/hello.p5js.org\/\">Hello p5 video<\/a><\/li>\n<li><a href=\"https:\/\/p5js.org\/reference\/\">p5.js documentation\/reference<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/user\/shiffman\/videos\">Dan Shiffman&#8217;s videos<\/a>, esp.\u00a0<a href=\"https:\/\/www.youtube.com\/user\/shiffman\/playlists?view=50&amp;sort=dd&amp;shelf_id=14\">tutorials for p5.js<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2>Poetic Computation<\/h2>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/poems-not-demos.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-4042\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/poems-not-demos.jpg\" alt=\"\" width=\"620\" height=\"332\" \/><\/a><br \/>\n&#8212; Zachary Lieberman, in\u00a0<em>iDN<\/em><\/p>\n<hr \/>\n<h2>Computing, Outside a School of Computer Science<\/h2>\n<p>How many of you have taken a computer science course? More than one? As curious and creative people (inventors, artists, designers, musicians, etc.), in what ways have such courses disappointed you?<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/leah_buechley.jpg\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-4043\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/leah_buechley-640x427.jpg\" alt=\"\" width=\"640\" height=\"427\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/leah_buechley-640x427.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/leah_buechley-768x512.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/leah_buechley.jpg 1024w\" sizes=\"(max-width: 640px) 85vw, 640px\" \/><\/a><\/p>\n<p>Designer\/educator\/engineer, Leah Buechley, has observed that STEM subjects generally fail to educate students who:<\/p>\n<ul>\n<li>learn concretely (from examples) rather than abstractly (from equations)<\/li>\n<li>work improvisationally rather than by planning everything in advance<\/li>\n<li>are interested in creating expressive objects, rather than utilitarian solutions.<\/li>\n<\/ul>\n<p>Of traditional computer science introductions, educator-innovator Mitch Resnick has remarked, &#8220;It&#8217;s like offering a writing class that teaches only grammar and punctuation without providing students a chance to write their own stories.&#8221;<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/resnick_quote.jpg\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-4044\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/resnick_quote-621x480.jpg\" alt=\"\" width=\"621\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/resnick_quote-621x480.jpg 621w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/resnick_quote-768x594.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/resnick_quote.jpg 830w\" sizes=\"(max-width: 621px) 85vw, 621px\" \/><\/a><\/p>\n<p><strong>This class is intended to address that.<\/strong><\/p>\n<p>It&#8217;s possible that STEM education might benefit from the inclusion of arts-oriented pedagogic approaches. But that&#8217;s not the problem that concerns us in\u00a0<em>this<\/em>\u00a0room. Instead, in a world in which computing now touches every discipline, it should no longer be taken for granted that\u00a0<em>computing must be taught by computer scientists<\/em>. Computer Science is a\u00a0<em>discipline<\/em>, but programming is a\u00a0<em>skill<\/em>\u00a0(or a tool, or a medium, or better yet, a\u00a0<em>craft<\/em>) which has different communities of use with different pedagogic needs.<\/p>\n<p>Coping with\u00a0with the bimodal classroom is very challenging. Some students have studied\u00a0programming in CS contexts. But then they say: &#8220;I know how to program, but I don&#8217;t know how to use programming to make art or design&#8221;.<\/p>\n<p><strong>&#8220;Creative coding&#8221;<\/strong>\u00a0describes the growing set of cultural practices by which artists, designers, architects, and poets employ computer programming and custom software as their chosen medium. This burgeoning field has been accelerated by the widespread adoption of open-source arts-engineering toolkits, such as Processing, p5.js, and openFrameworks, into the curricula of hundreds of art and design schools around the world. Created\u00a0<em>by artists, for artists<\/em>, these toolkits are specifically oriented to the needs and working styles of cultural practitioners, and have radically democratized software development as a potent mode of creative inquiry.<\/p>\n<ul>\n<li>Our objective is to make stirring and provocative new forms of culture.<\/li>\n<li>Our medium is software and electronics.<\/li>\n<li>We learn codecraft as necessary to execute our ideas.<\/li>\n<\/ul>\n<h2>It Takes a While<\/h2>\n<p><iframe title=\"Ira Glass on the Creative Process (www.getoutthebox.org)\" src=\"https:\/\/www.youtube.com\/embed\/PbC4gqZGPSY?feature=oembed\" width=\"840\" height=\"473\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/how-to.png\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-4045\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/how-to-640x167.png\" alt=\"\" width=\"640\" height=\"167\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/how-to-640x167.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/how-to-1024x268.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/how-to-768x201.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/08\/how-to.png 1162w\" sizes=\"(max-width: 640px) 85vw, 640px\" \/><\/a><\/p>\n<p>How do you get better at something? The answer is simple: <em>practice<\/em>. And what is practice? It is playing your scales, again and again, often with errors. This class is designed to give you the &#8220;butt in seat time&#8221; you need to develop good craft.<\/p>\n<hr \/>\n<h2>Themes and Viewings<\/h2>\n<p>Themes:<em>\u00a0Immersivity, generativity, autonomy, transmediality, connectivity.<br \/>\n<\/em><\/p>\n<p><strong>Immersivity.\u00a0<\/strong>We will see different forms of immersion. One form is the feeling we can have of\u00a0<em>being-in-a-place,<\/em>\u00a0as with a landscape painting, Imax movie, or virtual reality. But there is also\u00a0<em>interactivity,<\/em>\u00a0in which a system\u00a0responds in a\u00a0unique, open-ended, and tightly coupled way\u00a0to the actions of its participant &#8212; which is\u00a0<em>immersively engrossing<\/em>.<\/p>\n<ul>\n<li>Scott Snibbe,\u00a0<a href=\"https:\/\/www.snibbe.com\/digital-art#\/projects\/interactive\/boundaryfunctions\/\" rel=\"nofollow\"><em>Boundary Functions<\/em><\/a>, 1998<\/li>\n<li>Christine Sugrue,\u00a0<a href=\"http:\/\/csugrue.com\/delicateboundaries\/\" rel=\"nofollow\"><em>Delicate Boundaries<\/em><\/a>, 2007<\/li>\n<li>Theo Watson &amp; Emily Gobeille,\u00a0<a href=\"http:\/\/design-io.com\/projects\/WeatherWorlds\/\" rel=\"nofollow\"><em>Weather Worlds<\/em><\/a>\u00a0(2013);\u00a0<a href=\"https:\/\/vimeo.com\/131585517\" rel=\"nofollow\"><em>Connected Worlds<\/em><\/a>\u00a0(2015)<\/li>\n<li>Zachary Lieberman,\u00a0<a href=\"https:\/\/vimeo.com\/211271693\" rel=\"nofollow\"><em>M\u00e1s Que la Cara<\/em><\/a>, 2016<\/li>\n<li>Mouna Andraos &amp; Melissa Mongiat,\u00a0<a href=\"https:\/\/vimeo.com\/40980676\" rel=\"nofollow\"><em>21 Balan\u00e7oires<\/em><\/a>, 2012<\/li>\n<li>Smart Studio,\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=7I1RFJnOaTY\"><em>Brainball<\/em><\/a>, 2007<\/li>\n<li>Jacolby Satterwhite,\u00a0<a href=\"https:\/\/vimeo.com\/72497737\"><em>New York Close Up,<\/em><\/a>\u00a02013<\/li>\n<\/ul>\n<p><strong>Generativity<\/strong>. Meta-creation and infinite variation. Things that make things.<\/p>\n<ul>\n<li>Everest Pipkin,\u00a0<a href=\"https:\/\/twitter.com\/mothgenerator\"><em>Moth Generator<\/em><\/a>, 2015<\/li>\n<li>Kate Compton,\u00a0<a href=\"http:\/\/www.galaxykate.com\/apps\/unpublic\/puppet\/index.html\" rel=\"nofollow\"><em>Puppets<\/em><\/a>, 2017<\/li>\n<li>Michael Chang,\u00a0<a href=\"http:\/\/machines.chromeexperiments.com\/\" rel=\"nofollow\"><em>Generative Machines<\/em>\u00a0Chrome Experiment<\/a><\/li>\n<li>Matthias D\u00f6rfelt,\u00a0<a href=\"https:\/\/www.mokafolio.de\/works\/Munching\" rel=\"nofollow\"><em>Munching<\/em><\/a>, 2014<\/li>\n<li>Jessica Rosenkrantz and Jesse Louis-Rosenburg (Nervous System):<br \/>\nGrowing a Hyphae Lamp\u00a0<a href=\"https:\/\/vimeo.com\/25604611\" target=\"_blank\" rel=\"noopener noreferrer\">process<\/a>\u00a0and\u00a0<a href=\"https:\/\/vimeo.com\/25325299\" target=\"_blank\" rel=\"noopener noreferrer\">results<\/a>;\u00a0<a href=\"https:\/\/n-e-r-v-o-u-s.com\/projects\/albums\/generative-jigsaw-puzzles\/\" rel=\"nofollow\">generative jigsaw puzzles<\/a>;\u00a0<a href=\"https:\/\/n-e-r-v-o-u-s.com\/cellCycle\/?t=0\" rel=\"nofollow\"><em>Cell Cycle<\/em>\u00a0custom ring<\/a>;\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=6EK9MBJiFXU\" rel=\"nofollow\"><em>Kinematics Dress<\/em><\/a><\/li>\n<li>Christopher Hesse (via Isola et al.),\u00a0<a href=\"https:\/\/affinelayer.com\/pixsrv\/index.html\" rel=\"nofollow\">Edges2Cats<\/a><\/li>\n<li><a href=\"https:\/\/open_nsfw.gitlab.io\/\">Gabriel Goh,\u00a0Image Synthesis from Yahoo&#8217;s open_nsfw<\/a>, 2017<\/li>\n<li>Joel Simon,\u00a0<a href=\"https:\/\/ganbreeder.app\/\">GANBreeder<\/a>, 2018<\/li>\n<\/ul>\n<p><strong>Autonomy<\/strong>. The illusion of life.<\/p>\n<ul>\n<li>Karl Sims,\u00a0<em><a href=\"http:\/\/www.archive.org\/details\/sims_evolved_virtual_creatures_1994\" target=\"_blank\" rel=\"noopener noreferrer\">Evolved Virtual Creatures<\/a><\/em>, 1994<\/li>\n<li>Karolina Sobecka &amp; James George,\u00a0<a href=\"http:\/\/www.karolinasobecka.com\/artwork\/sniff\"><em>Sniff<\/em><\/a>, 2011<\/li>\n<li>Bret Watanabe,\u00a0<em><a href=\"http:\/\/bwatanabe.com\/GTA_V_WanderingDeer.html\">San Andreas Streaming Deer Cam<\/a><\/em>, 2015-16<\/li>\n<li>Jacob Tonksi,\u00a0<a href=\"https:\/\/vimeo.com\/72826106\" rel=\"nofollow\"><em>Balance from Within<\/em><\/a>, 2014<\/li>\n<li>Madeline Gannon,\u00a0<a href=\"https:\/\/atonaton.com\/mimus\/\" rel=\"nofollow\"><em>Mimus<\/em><\/a>, 2016<\/li>\n<\/ul>\n<p><strong>Transmediality<\/strong>. The transformation and transmutation of signals; information visualization and sonification. Revealing new truths.<\/p>\n<ul>\n<li>Matt Pyke,\u00a0<a href=\"https:\/\/vimeo.com\/5395669\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Furry<\/em><\/a>\u00a0&amp;\u00a0<em><a href=\"https:\/\/vimeo.com\/7467703\" target=\"_blank\" rel=\"noopener noreferrer\">Furry&#8217;s Posse<\/a><\/em>, 2009<\/li>\n<li>Arca x Jesse Kanda,\u00a0<em><a href=\"https:\/\/www.youtube.com\/watch?v=XBxlPZyHQlU\">Fluid Silhouettes<\/a><\/em>, 2014<\/li>\n<li>Zach Lieberman et al.:\u00a0<em><a href=\"http:\/\/www.vimeo.com\/5233789\" target=\"_blank\" rel=\"noopener noreferrer\">IQ Font<\/a><\/em>\u00a0(2009);\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=w6-LK9BOVTA\"><em>Land Lines<\/em><\/a>\u00a0(2016)<\/li>\n<li>Heather Dewey-Hagborg,\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=4AADx7bLJ54\"><em>Stranger Visions<\/em><\/a>, 2011<\/li>\n<li>Helen Evans &amp; Heiko Hansen (HeHe),\u00a0<a href=\"http:\/\/hehe.org2.free.fr\/?language=en\" rel=\"nofollow\"><em>Nuage Vert<\/em><\/a>, 2012<\/li>\n<li>Kanta Horio,\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=OMIW1cIgeEE\"><em>Particle<\/em><\/a>, 2008<\/li>\n<\/ul>\n<p><strong>Connectivity<\/strong>. New modes of communication. New takes on mediatization.<\/p>\n<ul>\n<li>Maddy Varner,\u00a0<a href=\"http:\/\/fffff.at\/kardashian-krypt\/\"><em>Kardashian Krypt<\/em>, 2014<\/a><\/li>\n<li>Rafael Lozano Hemmer,\u00a0<a href=\"http:\/\/www.lozano-hemmer.com\/sandbox.php\"><em>Sandbox<\/em><\/a>, 2010<\/li>\n<li>Dina Kelberman,\u00a0<a href=\"http:\/\/dinakelberman.tumblr.com\/\"><em>I&#8217;m Google<\/em><\/a>, 2013<\/li>\n<li>Miranda July,\u00a0<a href=\"https:\/\/vimeo.com\/105256055\" rel=\"nofollow\"><em>Somebody<\/em>\u00a0app, 2014<\/a><\/li>\n<li>Lauren McCarthy,\u00a0<a href=\"http:\/\/lauren-mccarthy.com\/Social-Turkers\" rel=\"nofollow\"><em>Social Turkers<\/em><\/a>\u00a0and\u00a0<a href=\"http:\/\/lauren-mccarthy.com\/LAUREN\" rel=\"nofollow\"><em>LAUREN<\/em><\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Session Plan: Introductions Who are we? Summer survey\u00a0 Brief Syllabus overview Course Calendar\u00a0and Semester deliverables (below) Using WordPress Course Hardware &amp; Soli Introduction to p5.js (below) Overview of\u00a0Deliverable #01. After class, please complete the Exit Ticket below. Your responses are (optionally) anonymous. Loading\u2026 Semester Deliverables: Summary 09.02 Wed #1 Due: MAP 09.09 Wed #2 Due: &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/daily-notes\/08-31-introduction\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;08-31 (Introduction)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":81,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/4010"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=4010"}],"version-history":[{"count":8,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/4010\/revisions"}],"predecessor-version":[{"id":4063,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/4010\/revisions\/4063"}],"up":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/81"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}