{"id":4656,"date":"2020-09-07T12:55:50","date_gmt":"2020-09-07T16:55:50","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?page_id=4656"},"modified":"2020-12-07T02:44:56","modified_gmt":"2020-12-07T07:44:56","slug":"09-07-open-day","status":"publish","type":"page","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/daily-notes\/september\/09-07-open-day\/","title":{"rendered":"09-07 Open Day"},"content":{"rendered":"<h2>Agenda<\/h2>\n<ol>\n<li><strong>Responses to 9\/2 Exit Ticket<\/strong> (below)<\/li>\n<li><strong>Reminder about <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/daily-notes\/09-02-loops\/technical-lectures-09-02\/\">recently-posted videos<\/a> <\/strong>(shaping functions, etc.)<\/li>\n<li><strong>Some different environments\/IDEs for programming in p5.js<\/strong>\n<ul>\n<li><a href=\"https:\/\/editor.p5js.org\/\">Web Editor<\/a> (online)<\/li>\n<li><a href=\"https:\/\/www.openprocessing.org\/sketch\/create\">OpenProcessing<\/a> (online)<\/li>\n<li><a href=\"https:\/\/www.sublimetext.com\/\">Sublime Text<\/a> editor with <a href=\"https:\/\/github.com\/processing\/p5.js\/wiki\/Local-server\">local server<\/a> (offline), e.g. in the terminal, run\n<ul>\n<li>\n<pre>cd myDirectoryContainingP5\r\npython -m SimpleHTTPServer<\/pre>\n<\/li>\n<li>visit <a href=\"http:\/\/localhost:8000\/\">http:\/\/localhost:8000\/<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/processing.org\/download\/\">Processing editor<\/a> with additional <a href=\"https:\/\/github.com\/fathominfo\/processing-p5js-mode\">p5.js mode<\/a> (offline)<\/li>\n<li><a href=\"https:\/\/code.visualstudio.com\/\">Visual Studio Code<\/a> with <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=samplavigne.p5-vscode\">p5.js plugin<\/a> (offline)<\/li>\n<\/ul>\n<\/li>\n<li><strong>Demonstration of exporting frames for animated loop<\/strong><\/li>\n<li><strong>All other business, and individual meetings per schedule<\/strong><\/li>\n<\/ol>\n<p><strong>Some quick sample code:<\/strong><\/p>\n<pre>function setup() {\r\n  createCanvas(500, 500); \r\n}\r\n\r\nfunction draw() {\r\n  background(\"pink\"); \r\n  strokeWeight(5); \r\n  line(width\/2, height\/2, mouseX, mouseY); \r\n}\r\n<\/pre>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2>Responses to Exit Ticket of 9\/2<\/h2>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-07-at-1.06.39-PM.png\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-4667\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-07-at-1.06.39-PM-640x268.png\" alt=\"\" width=\"640\" height=\"268\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-07-at-1.06.39-PM-640x268.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-07-at-1.06.39-PM-1024x429.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-07-at-1.06.39-PM-768x321.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-07-at-1.06.39-PM.png 1166w\" sizes=\"(max-width: 640px) 85vw, 640px\" \/><\/a><\/p>\n<ul>\n<li class=\"freebirdCommonAnalyticsTextResponse\"><strong><em>Are there any cool projects at the intersection of design and creative coding?<\/em> <\/strong>Yes, <em>many many many<\/em>. The field broadly called &#8220;computational design&#8221; and includes modes of practice including interactive information visualization, cartography, computational typography, generative product design, and UX\/UI design. To see some projects, look at <a href=\"https:\/\/www.creativeapplications.net\/\">creativeapplications.net<\/a>, and look at work by designers such as the following:<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\"><a href=\"http:\/\/zanyparade.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Emily Gobeille<\/a>, designer of high-end interactive installations for children<br \/>\n<a href=\"http:\/\/kimchiandchips.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mimi Son<\/a>, creator of interactive artworks with novel displays<br \/>\n<a href=\"http:\/\/field.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vera-Maria Glahn<\/a>, designer of high-end computational new media films and installations<br \/>\n<a href=\"http:\/\/www.amandaghassaei.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Amanda Ghassei<\/a>, innovative creator of tangible\/computational media<br \/>\n<a href=\"http:\/\/www.anoukwipprecht.nl\/\">Anouk Wipprecht<\/a>, computational\/speculative coutour designer<br \/>\n<a href=\"http:\/\/jennysabin.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Jenny Sabin<\/a>, architect using computational techniques to create experimental form<br \/>\n<a href=\"http:\/\/n-e-r-v-o-u-s.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Jessica Rosenkrantz<\/a>, leading creator of generative product designs inspired by nature<br \/>\n<a href=\"http:\/\/www.instamatique.com\/portfolio\/\">Lea Albaugh<\/a>, augmented fashion designer and game developer at CMU<br \/>\n<a href=\"http:\/\/leahbuechley.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Leah Buechley<\/a>, researcher of high\/low tech hybrids, innovator in maker culture<br \/>\n<a href=\"http:\/\/libselliott.bigcartel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Libs Elliott<\/a>, computational quilt designer<br \/>\n<a href=\"http:\/\/www.madlab.cc\/work\" target=\"_blank\" rel=\"noopener noreferrer\">Madeline Gannon<\/a>, designer of interactive tools for digital fabrication, CMU alum<br \/>\n<a href=\"http:\/\/continuumfashion.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mary Huang &amp; Jenna Fizel<\/a>, generative, digitally fabricated coutoure<br \/>\n<a href=\"http:\/\/dailytouslesjours.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mouna Andraos &amp; Melissa Mongiat<\/a>, playful interactive public sculpture<br \/>\n<a href=\"http:\/\/www.materialecology.com\/projects\" target=\"_blank\" rel=\"noopener noreferrer\">Neri Oxman<\/a>, leading research into generative digital fabrication<br \/>\n<a href=\"http:\/\/fernandaviegas.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fernanda B. Vi\u00e9gas<\/a>, Co-Director of \u201cBig Picture\u201d data visualization group, Google<br \/>\n<a href=\"http:\/\/giorgialupi.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Georgia Lupi<\/a>, designer and founder, Accurat<br \/>\n<a href=\"http:\/\/harloholm.es\/\" target=\"_blank\" rel=\"noopener noreferrer\">Harlo Holmes<\/a>, digital rights activist\/artist<br \/>\n<a href=\"http:\/\/en.wikipedia.org\/wiki\/Lisa_Strausfeld\" target=\"_blank\" rel=\"noopener noreferrer\">Lisa Strausfeld<\/a>, Head of data visualization, Bloomberg<br \/>\n<a href=\"http:\/\/rachelbinx.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Rachel Binx<\/a>, NASA JPL visualization; Ex-Stamen; Co-Founder, Meshu<\/p>\n<ul>\n<li class=\"freebirdCommonAnalyticsTextResponse\"><em><strong>What are some internship\/full-time job opportunities that suit people like us?<\/strong> <\/em>You can find work in fields like game design, data visualization, data journalism, web design, advertising, museum exhibition design, virtual reality, multimedia research, etc. My students have had<\/li>\n<li class=\"freebirdCommonAnalyticsTextResponse\"><strong><em>What pitfalls are there when dealing with ease of sharing over the internet? How have artists engaged with ideas of virality and palatability?<\/em><\/strong>\u00a0 Probably the biggest pitfall is new media artists being ripped off by advertising agencies without credit or remuneration. There are lots of instances of this, I <a href=\"http:\/\/www.flong.com\/blog\/2012\/new-media-artists-are-the-unpaid-research-division-of-ad-agencies\/\">wrote about some of them in 2012<\/a>.<\/li>\n<li class=\"freebirdCommonAnalyticsTextResponse\"><strong><em>Can we manipulate photographs in p5.js? Can we used computationally manipulated photographs for the next deliverable?<\/em><\/strong> It is possible, and <span style=\"text-decoration: underline;\"><em>no<\/em><\/span>, I would prefer that you master basic forms first.<\/li>\n<li class=\"freebirdCommonAnalyticsTextResponse\"><strong><em>Is purple your favorite color?<\/em><\/strong> No, orange is my favorite color. Purple was my daughter&#8217;s favorite color when she asked us to paint this room. Then she changed her mind, and decided to claim a different room. The purple room was our guest-room until I took it over during COVID.<\/li>\n<li class=\"freebirdCommonAnalyticsTextResponse\"><strong><em>Are we expected\/ would you recommend us to find\/learn different tools and algorithms that we can apply in our projects? For example, I didn&#8217;t know much about the Marching squares algorithm, but many of the others seem to already be in the well-understood state..?<\/em><\/strong> The others found out about Marching Squares by looking at the first page of most recent videos from Dan Shiffman&#8217;s <a href=\"https:\/\/www.youtube.com\/c\/TheCodingTrain\/videos\">Coding Train<\/a>, which is an essential resource in our field. Shiffman has made hundreds of tutorials; if you would like to truly impress me, select a tutorial from the <em>second<\/em> page of results. And <span style=\"text-decoration: underline;\"><em>yes<\/em><\/span>, you are expected to research algorithms appropriate to your concepts. If you don&#8217;t know what those might be (that&#8217;s reasonable!), <span style=\"text-decoration: underline;\"><em>come to office hours<\/em><\/span> and ask for some advice about how to realize your ideas.<\/li>\n<li class=\"freebirdCommonAnalyticsTextResponse\"><em><strong>Do you think a finished and well-developed digital project is better than one that is less complete but more risk-taking and creative?<\/strong> <\/em>This class is structured in such a way that you will probably never have the time to make a &#8220;finished and well-developed&#8221; project. Sorry. Instead, you will be developing fluency by making a diverse range of experiments that stretch your skills, and which you can polish at a later time. I guess you can infer that I would prefer that you take risks and be creative.<\/li>\n<li><strong><em>How should artists document or preserve obsolete new media art?<\/em><\/strong> This is a great question. <em>Documentation<\/em> and <em>preservation<\/em> are very different issues. There are consultancies in the business of helping museums rescue interactive media art that was made for obsolete hardware, such as Ben Fino-Radin&#8217;s <a href=\"https:\/\/smalldata.industries\/\">Small Data Industries<\/a>; see also <a href=\"https:\/\/medium.com\/@benfinoradin\/digital-preservation-in-the-artist-s-studio-8951e564bb3e\">this article that Ben wrote<\/a>. Renowned new media artist Rafael Lozano Hemmer <a href=\"https:\/\/github.com\/antimodular\/Best-practices-for-conservation-of-media-art\">has written a fantastic resource<\/a> on how his studio preserves and documents their work; I consider this document to be a gold standard. If you would like to know more, here is <a href=\"https:\/\/vimeo.com\/showcase\/4262969\">a repository of videos<\/a> from a conference on the topic.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Agenda Responses to 9\/2 Exit Ticket (below) Reminder about recently-posted videos (shaping functions, etc.) Some different environments\/IDEs for programming in p5.js Web Editor (online) OpenProcessing (online) Sublime Text editor with local server (offline), e.g. in the terminal, run cd myDirectoryContainingP5 python -m SimpleHTTPServer visit http:\/\/localhost:8000\/ Processing editor with additional p5.js mode (offline) Visual Studio Code &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/daily-notes\/september\/09-07-open-day\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;09-07 Open Day&#8221;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":6492,"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\/4656"}],"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=4656"}],"version-history":[{"count":8,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/4656\/revisions"}],"predecessor-version":[{"id":4671,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/4656\/revisions\/4671"}],"up":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/6492"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}