Syllabus 2022/title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <link href="textstylstl.css" rel="stylesheet" type="text/css"> <style type="text/css">  </style> </head> <body style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);" link="#c0c0c0" alink="#cccccc" vlink="#c0c0c0"> <p><font color="#cccccc" face="Arial, Helvetica, sans-serif" size="4">SYLLABUS SPRING 2022<br> <font size="3">ARCH 5424: </font><font color="#ffffff" size="3">DIRECT CINEMA MEDIA FABRICS</font> *</font></p> <p><font color="#cccccc" size="4" face="Arial, Helvetica, sans-serif">DRAFT 1.0</font></p> <p><font face="Arial, Helvetica, sans-serif" size="2">INSTRUCTORS:<br> <a href="bio/bio.html">Earl Mark</a> <a href="mailto:ejmark@virginia.edu">ejmark@virginia.edu<br> </a><a href="https://www.researchgate.net/profile/Ammon_Shepherd">Ammon Shepherd</a> <a href="mailto: aes9h@virginia.edu">aes9h@virginia.edu</a></font></p> <p><font face="Arial, Helvetica, sans-serif" size="2">TEACHING ASSISTANT (SIA): <br> Iting Chen, ic7ej@virginia.edu (appointment pending) </font></p> <p><font face="Arial" size="2"> * Direct Cinema is a genre of unscirpted documentary filmmaking with highly mobile camera equipment. Media Fabrics was the title of a graduate section of the MIT Media Lab under Professor Glorianna Davenport.</font></p> <p>COURSE DESCRIPTION</p> <p class="my_Para"><span class="my_Para">Direct Cinema Media Fabrics is an interdisciplinary workshop and seminar. The cinema has expanded to encompass a greater range of media and methods, transcending architecture, sculpture, theater, animation, scientific discovery and environmental art. We explore methods of capturing moving images, sound and potentially other sensory input through video, computervision and microcontroller sensors. We explore ways to discern key patterns and shapes through coding computer graphics procedures. We then speculatively and creatively transform the input into 2D or 3D virtual or physical forms. </span><span class="my_Para">A significant part of the class will be devoted to learning to Java programs though the processing graphics platform that was initially developed by two alumni of the MIT Media lab (see processing.org). The software runs natively on both the Apple and Windows operating systems.</span> The final project may be in the form of video movie, computer animation or a physical interactive medium using an Arduino format micro-conroller.</p> <p class="my_Para">Architecture students may count the class as a Visualization Elective. The class has counted as an Integrative Elective in Computer Science. It also satisfies the Approved Practice of Media approved course list in Media Studies.</p> <p class="my_Para"><span class="my_Para">A curated exhibition of work created with Processing at http://processing.org/exhibition demonstrates methods of filtering captured data, video and images, facitating its analysis and interpretation, and creatively harnessing it to produce motion pictures and other media fabrications. </span><span class="my_Para"> For example, a video recording, sound recording or a motion sensor may be used to collect initial data. The data is processed to discern patterns, forms or movements. In turn, the movements and other observations are creatively translated into some other media such as a 3D virtual model or animation, a movie, a video installation, or a moving fabric wall. </span></p> <p class="my_Para"> The Processing programming platform has two distinct implementations1) an an environment for interactive computer graphics, and 2) as the widely established IDE (intregrated development environment) for working with Arduino microcontollers). Both implementations are availble at no cost as will be described in class and can be used in tandem with each other..<br> <br> <span class="my_Para">With the multiple media avaible to Processing, we will integrate three overlapping phases of a data collection to creative process. The phases are 1. Direct Cinema, 2. Computervision and Sensing, and 3. Media as Fabric. Some of the specific methods used in each phase are:<br> <br> Phase 1: Direct Cinema: Workshops explore a documentary moviemaking style conducive to spontaneous discovery and observation. Subjects may include people and their environments, phenomenal studies of light, air, and water changing over time, or other elements of story and place.</span></p> <p class="my_Para"><span class="my_Para">Phase 2: </span><span class="my_Para"> Processing & Computervision</span><span class="my_Para">: Tools are used to accentuate, abstract, analyze and expand upon the captured data and to set the stage for creative interpretation. This phase will be developed hand-in-hand with learning to program in Processing.</span></p> <p class="my_Para"><span class="my_Para">Phase 3: Media Fabrics: The processed input data is creatively translated into either physical or virtual media. This may include a movie, an alternative virtual form (e.g., a choreographed animated human figure), of some other type of virtual </span><span class="my_Para">or physical element that moves (e.g., a building skin)</span><span class="my_Para">.</span></p> <p class="my_Para"><span class="my_Para">The three phases are incorporated into a series of five exercises that explores technology towards a final cumulative project. The final project and type outcome is to be developed on an individual basis. It is anticipated that theinterdisciplinary group of students in the class, such as from design, studio art, media studies, digital music, and computer science, will work towards final projects that will vary in objectives and methods. Periodic discussions of how students complete each exercise will contribute to a greater awareness of the media we explore and is intended to help cross-fertilize ideas pursued in the class. </span></p> <p class="my_Para"><br> REQUIREMENTS<br> <br> <font face="Arial" size="2">Five exercises for the term conclude in a final project. The first four exercises count for roughly 60% of the grade, the final project (exercise 5) counts for 30% of the grade. Class participation through attendance in workshops count towards 10% of the grade. Full attendance is expected, apart from <a href="http://college.as.virginia.edu/absence_regulations">normally excusable absences</a>.</font><br> </p> <p>CLASS PARTICIPATION</p> <p><strong>The class will be in-person in spring 2022. </strong> Your presence and active participation is important to creating the most effective, step by step sequenced and coherent learning experience. Full attendance is required. Excusable absences are permitted under <a href="http://college.as.virginia.edu/class-attendance">uva policies</a> and should be communicated to the course instructors and SIA and also done in advance if possible.</p><strong> </strong> <p>In spring 2022 our personal and learning circumstances may be different than they were prior to the Covid-19 epidemic. While we face challenges as an education community, the goal is to continue to learn and grow while adjusting for unexpected events. The class is committed to maintaining a healthy and equitable environment for all of us by respecting and making room for differences in how we approach learning. The goal is to encourage exercise topics that give more license to students to be motivated by what interests them, their physical location, recourse access limitations,and from which everyone has a chance to see the work done and can learn together. </p> <p>Your health and well-being are also a priority. Please take the time to care for yourself. Monitor your health daily in the HOOS Health Check app. The university asks that if you are ill or expect that you have been exposed to COVID-19, please stay home, notify the primary course instructor, and contact the Student Health and Wellness Center (434-924-5362) so that you can receive appropriate care.</p> <p class="my_Para"><font face="Arial" size="2">INDIVIDUAL SUPPORT</font></p> <p>There are newly recognized challenges to educators to more completely respond to the diffent personal histories students bring to the classroom. We recognize that many complex factors such as social identities, visible and invisible disabilities, family circumstances, physical location, mental health, and access to the internet may influence academic performance. To support your learning, you are invited to help the SIA and course instructor be more responsive to any unique situationsthat you may be experiencing. In a notable educational strategy named <a href="http://www.pz.harvard.edu/who-we-are/people/howard-gardner">project zero</a>, each person is taught in ways to that attend to their diverse areas of intellignce, different methods of learning, and disimilar types of motivation. The goal is to establish more individually focused tutorials and dialog where possible in the context of a class that has a common set of objectives. To help reach this goal your feedback is welcome with respect to what is being taught and how it is delivered. </p> <p>The university admits undocumented students, students from mixed-status families, and students with Temporary Protected Status. All UVA students, including students of varied immigration statuses, are welcomed in this class. If your personal situation is impacting your success in the course, please come see me to discuss things I can do to accommodate you.</p> <p>TECHNOLOGY SUPPORT</p> <p>If you need assistance using any of the tools for our class, the SIAs and I happy to work with you. You can also find resources for each below:</p> <ul> <li><a href="https://in.virginia.edu/helpdesk" target="_blank">its (technical support)</a> for live classroom support.</li> <li>If you are not in an online class, contact the <a href="https://in.virginia.edu/helpdesk" target="_blank">its help desk</a> (chat, email, online). </li> <li><a href="https://support.zoom.us/hc/en-us" target="_blank">zoom support</a></li> <li><a href="https://uvacollab.screenstepslive.com/s/help/m/students" target="_blank">collab student support</a><font face="Arial" size="2"><br> </font></li> </ul> <span class="my_Para"><span class="my_Para"> FORMAT<br> </span></span> <p><font face="Arial" size="3"><font size="2">The technologies of 2D and 3D computer graphics animation, digital video production, motion capture and video processing, and computer graphics programming are the primary technologies used. Digital sound and recording systems will be introduced. The degree to which each technology is to used will vary according to individual student interest and discretion. Past projects have included human character based visual narratives, explicit reconstructions of buildings and landscapes, or more abstract compositions exploring materiality, light, formal or spatial elements, sound, music or a responsive physical object. </font></font><font size="2"> </font></p> <p><font face="Arial" size="2">To gain a critical perspective, we will discuss feature and independent movies, animation, interactive projects and student work. There will be a few readings in film theory, design theory, and cognitive science. We will also discuss interactive physical installations, their history of use in relationship to film and their potential application to architecture and other fields. </font></p> <p>TECHNOLOGY READINGS AND REQUIREMENTS</p> <p>The only purchase requirement is an Arduino micro-controller and optional compononents for part 3 of the class a base cost $25 to $35. All other technology we will use is open source.</p> <p><font face="Arial" size="2">The text by </font><font face="Arial"><font size="2">Reas, Casey and Fry, Ben, <span style="font-style: italic;">Getting Started with Processing</span> is required and also availble at no cost online (see bibliography below). It can be obtained in electronic book form through UVA's Library System, or for purchase via nook or iBook or paper</font></font><font face="Arial" size="2">. The primary software for the course, Processing, is available at no cost from https://processing.org/download/. </font>We will use the free version of Processing developed for computer graphics applications and that can be downloaded at processing.org. We will also use a separate implementation of Processing for microcontrollers, also availbalbe at no cost from https://playground.arduino.cc/Interfacing/Processing/. These versions are both Windows and Apple OS compatible.</p> <p><font face="Arial" size="2">Some students may also elect to take advantage Maya which is free under under academic licensing from Autodesk. Details will be provided during the first week of class. </font></p> <p><font face="Arial" size="2">Finally, the course will introduce Arduino micro-processor hardware in conjunction with the Processing IDE (Integrated Development environment), Student tudents may elect to purchase their own Arduino board with elective components for approximately $25.00 or a complete starter pack includinng sensors and motors. Third party micro-processors conforming to the Arduino specification can be purchased at less expensively, with the caveat that the quality of these third party options should be carefully reviewed in consumer satisfaction ratings. Options will be discussed in classs.<br> <br> Note that we will follow a gradual step-by-step sequence of learning to program with Processing in parallel to working with other digital media. While students with prior experience will be givne the opportunity advance more quickly, the basic plan for the semester is to work at a relatively modest pace to ensure that there's ample opportunity to learn the techniques involved and that assumes no prior background.<br> </font><font size="2"><br> <font face="Arial, Helvetica, sans-serif">Note that some of the outside works that we screen or review, as outlined below, may change depending upon the direction of student work in the course.</font></font></p> <p>SCHEDULE</p> <font face="Arial" size="2">The class will meet for regular class sessions online via Zoom (Collab “Online Meetings”).<br> <br> <br> <br> SCHEDULE<br> <br> The following schedule is subject to modification accommodate the pace of the semester and individual student work. <br> <br> </font> <table style="text-align: left; width: 90%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr class="style11"> <td colspan="2" class="style11" bgcolor="#ffffff" valign="top">P H A S E 1 _ D I R E C T C I N E M A</td> </tr> <tr class="tableHeading"> <td style="vertical-align: top; background-color: rgb(153, 153, 153);" width="28%">Week 1: January 20</td> <td style="background-color: rgb(119, 119, 119);" valign="top" width="72%">Introduction:Overview, Direct Cinema, Video Camera Control</td> </tr> <tr> <td valign="top"></td> <td valign="top"><span style="color: rgb(204, 204, 204);" class="style7"></span><span class="style7"></span><span class="style7">Lens aperture, focal length, perspective, depth of field, exposure, video recording technology.<br /> </span><span class="style7"></span><span class="style7"></span><span class="style7">Screening of movie excerpts that portray movement through architectural space over different intervals of time, such as <span style="font-style: italic;">Forty Second Street, In The Street, Daybreak Express, and Cinema Verite films including Crises and Jazz Dance</span></span><small class="style7">. <br /> </small><span class="style7"><span style="color: rgb(204, 204, 204);">+ Video workshop: Portable digital video equipment, camera care and handling</span>.</span><br /> <span class="style7">> Read Short Excerpt from Arnheim, <span style="font-style: italic;">Film as Art, </span>pp. </span><font class="style7" face="Arial" size="2"><a href="../arch545/handouts/pdfarnheim/arnheim.film-as-art.pt1.lib-iss.pdf">8 - 34</a></font><span class="style7"> (scanned). <br /> ></span><a class="style7" href="Exercises/placeHolder/exercisePlaceHolder.html"> Exercise 1</a><span class="style7">: in-camera edited video "post-card" of a place.</span></td> </tr> <tr class="tableHeading"> <td style="vertical-align: top; background-color: rgb(153, 153, 153);">Week 2: Janurary 25 & 27</td> <td style="background-color: rgb(119, 119, 119);" valign="top"><span class="style7"> </span>Video 1: Depiction of Space and Time in Movies; Processing 1: Drawing</td> </tr> <tr> <td valign="top"></td> <td class="style7" valign="top"><p>Editing will be discussed in relationship to the treatment of time and space in movies.<br /> Techniques of cutting and pacing, cutaways, jump-cutting, editing, l- cuts, splice-cuts, mise-en-scene.<br /> Movies which exemplify strategies for editing will be screened, including <span style="font-style: italic;">Raising Arizona, Follow The Fleet, Don't Look Back, Primary</span><font size="2"><font face="Arial"> </font></font><br /> <font size="2"><font style="color: rgb(204, 204, 204);" face="Arial">+ Editing workshop: Video editing, compression, digital video capture<br /> <font size="2">+ Processing workshop: simple draw program</font></font> <i><font face="Arial"><br /> </font></i></font>> Read Short Excerpt from Arnheim, pp. 181 - 187, 34 - 87 (scanned as <a href="handouts/pdfarnheim/arnheim.film-as-art.pt2.lib-iss.pdf">181- 187, 34 - 57</a> and <a href="handouts/pdfarnheim/arnheim.film-as-art.pt3.lib-iss.pdf">58 - 87</a>)<br /> <font size="2"><i><font face="Arial">></font></i><font face="Arial"> Reas and Fry, <i>Getting Started with Processing, </i>Begin reading Chapters 1 and 2: Create first processing program</font></font> (see online link text below)<br /> </p></td> </tr> <tr class="tableHeading"> <td style="vertical-align: top; background-color: rgb(153, 153, 153);">Week 3: February 1 & 3</td> <td style="background-color: rgb(119, 119, 119);" valign="top">Video 2: Editing (continued); Processing 2: Variables and Shapes</td> </tr> <tr> <td valign="top"></td> <td class="style7" valign="top"><p>Build-up of shot->sequence->scene->movie. ransitions such as dissolves, end cuts, v, etc..<br /> Sequences from Employees Leaving Lumiere Factory (Lumiere), Arrival of Express Train at Lyons (Lumiere), Trip to the Moon (Melies), Muybridge.<br /> Optional reading: Hodder, Fraser Harbour, "<a href="http://www.harvardmagazine.com/on-line/110519.html">Cinema Veritas</a>", Harvard Magazine, Vol. 108. No. 2., November - December, 2005.<br /> Optional Reading Excerpt from Murch, Walter, <a href="handouts/pdfmurch/murch_excerpt.pdf">In the Blink of An Eye</a>, A Perspective on Film Editing, Silman-James Press, 1995, (pp. 1 - 14, 57 - 63).<br /> <font size="2"><font face="Arial"><font size="2">Optional Reading: Hiltzik, Michael A, <a href="http://www.technologyreview.com/featuredstory/401633/digital-cinema-take-2/">"Digital Cinema Take 2"</a>, Technology Review, Vol. 5. No. 7., September 2002.<br /> </font></font></font><font size="2"><font face="Arial">Digital video formats.<br /> </font></font>> <a href="Exercises/exercise2/exercise2.html">Exercise 2</a>: A study of a process<br /> <font size="2"><font style="color: rgb(204, 204, 204);" face="Arial">+ Editing workshop: </font><font style="color: rgb(204, 204, 204);" size="2"><font face="Arial">video editing, compression, digital video capture (iMovieHD).</font></font></font><br /> <font size="2"><font face="Arial"><span style="color: rgb(204, 204, 204);">+ Introductory graphics programming example: drawing basic shapes in 2D.</span></font></font><br /> <font size="2"><i><font size="2"><i><font face="Arial">> </font></i></font></i></font><font size="2"><font face="Arial">Read Reas and Fry, </font></font><font size="2"><font face="Arial">Chapter 3, </font></font><font size="2"><font size="2"><font face="Arial">Define and draw simple shapes.</font></font></font><br /> <font size="2"><font style="color: rgb(204, 204, 204);" size="2"><font face="Arial">++ </font></font></font><font face="Arial" size="2">Optional video tutorial - lynda.com <a href="http://www.lynda.com/iDVD-6-tutorials/imovie-hd-6-essential-training/291-2.html?srchtrk=index:1%0Alinktypeid:2%0Aq:Imovie%2Bhd%2B%0Apage:1%0As:relevance%0Asa:true%0Aproducttypeid:2">iMovie HD 6 Essential Training</a> (slightly outdated)</font> <br /> </p></td> </tr> <tr class="tableHeading"> <td style="vertical-align: top; background-color: rgb(153, 153, 153);">Week 4: February 8 & 9</td> <td style="background-color: rgb(119, 119, 119);" valign="top">Processing 3: Tansformation and Interaction</td> </tr> <tr> <td valign="top"></td> <td class="style7" valign="top"><p>Masking, Chroma and luminance keying.<br /> <font face="Arial" size="2">Key light, fill light, daylight.</font><font size="2"> </font><br /> <font face="Arial" size="2">Screening of movies where lighting used most critically, such as The Third Man ,The Magnificent Ambersons, Eaux D'Artifice and others.</font><font face="Arial" size="2"><span style="color: rgb(204, 204, 204);"><br /> + Lighting workshop: still life setup as an in-class exercise in lighting. </span></font><br /> <font size="2"><font face="Arial"><span style="color: rgb(204, 204, 204);">+ Graphics programming workshop: processing data and interactive control, brightness and choma key<br /> </span></font></font><font size="2"><i><font size="2"><i><font face="Arial">> </font></i></font></i></font><font size="2"><font face="Arial">Read Reas and Fry, </font></font><font face="Arial, Helvetica, sans-serif" size="2"><i>Chapter 4, Store, modify and reuse Data<br /> </i></font><font size="2"><i><font size="2"><i><font face="Arial">> </font></i></font></i></font><font size="2"><font face="Arial">Read Reas and Fry, </font></font><font face="Arial, Helvetica, sans-serif" size="2"><i>Chapter 5 ,Control and Influence programs with mouse and keyboard</i></font></p></td> </tr> <tr class="tableHeading"> <td style="vertical-align: top; background-color: rgb(153, 153, 153);">Week 5: February 15 & 17</td> <td style="background-color: rgb(119, 119, 119);" valign="top">Processing 4: Media and Motion</td> </tr> <tr> <td valign="top"></td> <td class="style7" valign="top"><font size="2"><font face="Arial"><span style="color: rgb(204, 204, 204);">+ Graphics programming workshops: processing media</span></font></font>. <font face="Arial"><font size="2"><i><br /> </i><font size="2"><i><i>></i></i></font>Read Reas and Fry,</font></font><font face="Arial, Helvetica, sans-serif" size="2"><i> Chapter 6, 7, Load and display media including images, export images</i></font></td> </tr> <tr> <td valign="top"></td> <td class="style7" valign="top"> </td> </tr> <tr class="style11"> <td colspan="2" rowspan="1" valign="top" class="style11" style="background-color: rgb(255, 255, 255);">P H A S E 2 _ I M A G E<span class="style11" style="background-color: rgb(255, 255, 255);"> </span> P R O C E S S I N G & <span class="style11" style="background-color: rgb(255, 255, 255);">C O<span class="style11" style="background-color: rgb(255, 255, 255);"> </span>M P U T E R V I S I O<span class="style11" style="background-color: rgb(255, 255, 255);"> </span>N </span></td> </tr> <tr class="tableHeading"> <td style="vertical-align: top; background-color: rgb(153, 153, 153);">Week 6: February 22 & 24</td> <td style="background-color: rgb(119, 119, 119);" valign="top">Processing 5: Functions and Objects</td> </tr> <tr> <td valign="top"></td> <td class="style7" valign="top"><p><font size="2"><font face="Arial"><span style="color: rgb(204, 204, 204);">+ Graphics programming workshop: processing media</span></font></font>. <font face="Arial"><font size="2"><i><br /> </i><font size="2"><i><i>></i></i></font>Read Reas and Fry,</font></font><font face="Arial, Helvetica, sans-serif" size="2"><i> </i></font><font face="Arial, Helvetica, sans-serif" size="2"><i>Chapter 8, Move and choreograph shapes</i></font></p></td> </tr> <tr class="tableHeading"> <td style="vertical-align: top; background-color: rgb(153, 153, 153);">Week 7: March 1 & 3</td> <td style="vertical-align: top; background-color: rgb(119, 119, 119);">Microcontrollers 1: LEDS & Potentiometer, Photo Resisters, Humidity and Temperature</td> </tr> <tr> <td valign="top"></td> <td valign="top"><p><font face="Arial" size="2">Sequences from Toy Story, Sesame Street, Mary Poppins, Mr. Blandings Builds His Dreamhouse, The Harvey Girls, </font><br /> <font face="Arial" size="2">Digital audio recording, m</font><font size="2"><font face="Arial">icrophones, digital effects.</font></font><br /> <font face="Arial" size="2">Mixing multiple tracks.</font><font style="color: rgb(204, 204, 204);" size="2"><font face="Arial"><i><br /> </i></font></font><font size="2"><font face="Arial"><span style="color: rgb(204, 204, 204);">+ Graphics programming workshop: 2D and 3D shape movement and animation</span></font></font><br /> <font face="Arial" size="2"></font><font face="Arial" size="2">> Optional Read Excerpt from Sacks, Oliver, <a href="Handouts/sackspdf/sacksvl.pdf" target="_self">Chapter 1</a>, The Man Who Mistook His Wife for a Hat, Harper & Row, 1985.</font><br> <font face="Arial" size="2">Optional video tutorials - lynda.com <a href="http://www.lynda.com/iDVD-6-tutorials/imovie-hd-6-essential-training/291-2.html?srchtrk=index:1%0Alinktypeid:2%0Aq:Imovie%2Bhd%2B%0Apage:1%0As:relevance%0Asa:true%0Aproducttypeid:2">iMovie HD 6 Essential Training</a> (slightly outdated)<br> </font><font face="Arial, Helvetica, sans-serif" size="2"><i><a href="Exercises/exercise2/exercise3.html">Exercise 3</a>: April Fools Day New Feed Ticker: Processing Text and Images</i></font><font face="Arial" size="2"> <br /> </font><font face="Arial, Helvetica, sans-serif" size="2"><span style="color: rgb(204, 204, 204);" class="style11">+ Graphics Programming: Animation</span></font> <br> <font size="2"><font size="2"><font face="Arial">> Read Reas and Fry,</font></font><font face="Arial, Helvetica, sans-serif" size="2"><i> </i><em>Chapters 9, 10,</em></font></font><font size="2"><font face="Arial, Helvetica, sans-serif" size="2"><i> Functions, Objects</i></font></font></p> </tr> <tr class="tableHeading"> <td style="vertical-align: top; background-color: rgb(153, 153, 153);">Week 8: March 8 & 10</td> <td style="background-color: rgb(119, 119, 119);" valign="top">S P R I N G B R E A K</td> </tr> <tr class="tableHeading"> <td bgcolor="#000000" style="vertical-align: top; background-color: rgb(0,0,0);"> </td> <td valign="top" bgcolor="#000000" style="background-color: rgb(0,0,0);"> </td> </tr> <tr class="tableHeading"> <td style="vertical-align: top; background-color: rgb(153, 153, 153);">Week 9 March 15 & 17</td> <td style="background-color: rgb(119, 119, 119);" valign="top">Microcontrollers 2: Servo Motor & Flex Sensor</td> </tr> <tr> <td valign="top"></td> <td valign="top"><p><font face="Arial" size="2">Video capture and processing<br> >Read Excerpt from Lynch, Kevin, <a href="../arch545/Handouts/pdflynch/lynchg.pdf" target="_parent">Chapter 5</a>, "What Time is This Place", MIT Press, 1972.<br /> >Read Excerpt from Rainer Maria Rilke, <a href="../arch545/Handouts/pdfbrigge/briggeg.pdf" target="_parent">"The Notes of Malte Laurids Brigge",</a> 1910, from <i>Existentialism from Dostoevsky to Sarte</i></font> <br /> <font size="2"><font face="Arial"><span style="color: rgb(204, 204, 204);">+ Graphics programming workshop: </span></font></font>detecting and interpreting motion<br /> <font size="2"><font face="Arial"><span style="color: rgb(204, 204, 204);">+ Arduino Workshops 1 & 2: leds and light sensors, </span><font style="color: rgb(204, 204, 204);" size="2"><font size="2">miscelaneous sensors</font></font><span style="color: rgb(204, 204, 204);">(UVA Alderman Library, Scholars Lab)<br> </span><font size="2">Read Reas and Fry,</font></font><font face="Arial, Helvetica, sans-serif" size="2"><i> </i><em>Chapter 11</em> Arrays</font></font></p></td> </tr> <tr> <td valign="top"></td> </tr> <tr class="tableHeading"> <td style="vertical-align: top; background-color: rgb(153, 153, 153);">Week 10: March 22 & 24</td> <td style="background-color: rgb(119, 119, 119);" valign="top">Microcontrollers 3: DC Motors, Gears & Distance Sensors</td> </tr> <tr> <td valign="top"></td> <td class="style7" valign="top"><p>Examples from Processing Web Site<br /> Geometry, Windows and Libraries<br /> <font style="color: rgb(204, 204, 204);" size="2"><font face="Arial">+ <font size="2">Arduino workshop 3: motors </font></font></font><font face="Arial, Helvetica, sans-serif" size="2"><i><br /> </i></font><br /> </p></td> </tr> <tr class="tableHeading"> <td style="background-color: rgb(153, 153, 153);" valign="top">Week 11:<span style="vertical-align: top; background-color: rgb(153, 153, 153);">March 29 & 31</span></td> <td style="background-color: rgb(119, 119, 119);" valign="top"><big><big>Processing 5: Data, Arrays & <span class="fixFont" style="background-color: rgb(119, 119, 119); "> Gesture Recognition</span></big></big></td> </tr> <tr> <td class="style7" valign="top"></td> <td class="style7" valign="top"><p><font face="Arial, Helvetica, sans-serif" size="2"><a href="Exercises/exercise4/exercise4.html">Exercise 4</a>: Media Fabric Time Machine/Final Project Preview</font> 1<br> <font face="Arial" size="2">Sequences from Toy Story, Jurrasic Park, Titanic, Happy Feet, and Life of Pi (if available)</font><br /> Conditionals, Iteration and Recursion<br /> <font class="style11" size="2"><font face="Arial"><span style="color: rgb(204, 204, 204);">+ Graphics programming workshop: data abstraction functions.</span></font></font><br /> <font size="2"><font face="Arial, Helvetica, sans-serif" size="2"><span style="color: rgb(204, 204, 204);" class="style11">+ Graphics Programming: Animation</span></font></font></p></td> </tr> <tr> <td class="style7" valign="top"></td> <td class="style7" valign="top"> </td> </tr> <tr class="style11"> <td colspan="2" rowspan="1" valign="top" class="style11" style="background-color: rgb(255, 255, 255);">P H A S E 3 _ M E D I A <span class="style11" style="background-color: rgb(255, 255, 255);"> </span>F A B R I C S </td> </tr> <tr class="tableHeading"> <td class="tableHeading" style="background-color: rgb(153, 153, 153); font-size: 14px;" valign="top">Week 12: <span style="background-color: rgb(153, 153, 153);"><span style="vertical-align: top; background-color: rgb(153, 153, 153);">April 5 </span>& 7</span></td> <td class="fixFont" style="background-color: rgb(119, 119, 119); " valign="top"> Processing 6: Gesture Recognition</td> </tr> <tr> <td class="style7" valign="top"></td> <td class="style7" valign="top"><font size="2"><font face="Arial">> Read Reas and Fry,</font></font><font face="Arial, Helvetica, sans-serif" size="2"><i> </i><em>Chapter 11, </em><i> Arrays<br /> </i></font><font size="2"><font face="Arial"><span style="color: rgb(204, 204, 204);">+ Processing: reading and interpreting gesture</span></font></font></td> </tr> <tr class="tableHeading"> <td height="22" valign="top" style="background-color: rgb(153, 153, 153);">Week 13: <span style="vertical-align: top; background-color: rgb(153, 153, 153);">April 12 & 14</span></td> <td style="background-color: rgb(119, 119, 119);" valign="top">Microcontrollers 5: Light, Sounds and E Textiles Processing Gesture Recognition</td> </tr> <tr> <td valign="top"></td> <td class="style7" valign="top"><p><span style="color: rgb(255,255,255);" class="style11"><a href="Exercises/exercise5/exercise5.html">Exercise 5</a>: Final Project <br> Microontrollers and Light, Sound and Temperature Sensors<br /> </span><span style="color: rgb(255,255,255);" class="style11">Reading and data from an arduino board.<br /> Read Reas and Fry, <em>Chapter 11,</em> <font face="Arial, Helvetica, sans-serif" size="2"><i>Data</i></font><br /> </span><span class="style11" style="color: rgb(204, 204, 204);">+ Video workshop: introduction to Arduino and Microcontrollers.</span></p></td> </tr> <tr class="tableHeading"> <td style="background-color: rgb(153, 153, 153);" valign="top">Week 14: April 19 & 21</td> <td style="background-color: rgb(119, 119, 119);" valign="top">Processing 7 & Microcontrollers 6: Bridging Media</td> </tr> <tr> <td valign="top"></td> <td class="style7" valign="top"><p>Computervision control of Microcontroller based media.<span class="style7 style1" style="color: #FFF;"> Graphics Processing links to Microcontrollers </span>Expanded<br /> <span class="style11" style="color: rgb(204, 204, 204);">+<font size="2"><font face="Arial">Arduino Workshop 6: connecting visual input to </font></font>motors and other effectors</span><br /> </p></td> </tr> <tr class="tableHeading"> <td style="background-color: rgb(153, 153, 153);" valign="top">Week 15: April 26 & 28</td> <td style="background-color: rgb(119, 119, 119);" valign="top">Microcontrollers 7 &Final Project Development</td> </tr> <tr> <td valign="top"></td> <td style="color: #FFF;" class="style7 style1" valign="top"><p><span class="style7 style1" style="color: #FFF;"><span class="style7 style1" style="color: #FFF;">raphics Processing links to Microcontrollers </span>Expanded and Textiles</span><br /> + Conductive thread and fabric<br> <span class="style7 style1" style="color: rgb(204, 204, 204);">Preview Final project</span></p></td> </tr> <tr class="tableHeading"> <td style="background-color: rgb(153, 153, 153);" valign="top">Week 16: April 26 & 28</td> <td style="background-color: rgb(119, 119, 119);" valign="top">Course Conclusion</td> </tr> <tr> <td valign="top"></td> <td style="color: #FFF;" class="style7 style1" valign="top"><span class="style7 style1" style="color: #FFF;">Class Summer</span><br /> + Open Workshop</td> </tr> <tr class="tableHeading"> <td style="background-color: rgb(153, 153, 153);" valign="top">Final Review TBA During Period of May 5 - 13 </td> <td style="background-color: rgb(119, 119, 119);" valign="top">Class Internal Final Project Review </td> </tr> <tr> <td valign="top"></td> <td style="color: rgb(204, 204, 204);" class="style7 style1" valign="top">Review to per UVA Exam Schedule or TBA (coordinated with studio reviews)</td> </tr> <tr> <td valign="top"></td> <td valign="top"></td> </tr> </tbody> </table> <p><font face="Arial" size="2"><br> Selected Bibliography </font>(links underlined below are to UVA VIrgo Electronic Subscription or free resource on grounds or through VPN access from off grounds)</p> <p><font face="Arial"><font size="2"><br> <strong>Graphics Programming:</strong><br> <br> Reas, Casey, and Fry, Ben, Getting Started with Processing, 2015, Media Maker Inc.Ø § (Java edition, go the UVA Library Website, and use Virgo for the online version of this text)</font><font size="2"><br> Reas, Casey, Fry, Ben, and Parrish, Allison Getting Started with Processing, 2016, Media Maker Inc. </font></font>Ø <font face="Arial"><font size="2">§</font></font> (<font face="Arial"><font size="2">Python edition, shared licenses, limited number of copies statewide available at one time</font></font>, <font face="Arial"><font size="2">go the UVA Library Website, and use Virgo for the online version of this text)</font></font><br> <font face="Arial"><font size="2">Reas, Casey and Fry, Ben, Processing: A Programming Handbook for Visual Designers and Artists, August 2007, MIT Press</font></font><font face="Arial"><font size="2">. </font></font><font face="Arial"><font size="2">±<br> Reas, Casey, McWilliams, Chandler, and Barendse, Jeroen, <a href="http://site.ebrary.com/lib/uvalib/detail.action?docID=10453751">Form+code in Design, Art and Architecture</a>, August 2010, Princeton Architectural Press. </font><font face="Arial"><font size="2">§</font></font> </font><br> <font face="Arial"><font size="2">Shiffman, Daniel, <a href="http://proquest.safaribooksonline.com/book/web-design-and-development/9780080920061">Learning Processing: A Beginner's Guide to Programming, Images, Animation and Interaction</a>, 2008, Morgan Kaufman.<font face="Arial">§<br> Processing Software Download (Max OS and Windows Compatible) <a href="processing.org">processing.org</a>. Ø<br> </font><br> <strong>Microcontrollers:</strong><br> <br> Banzi, Massimo, Getting Started with Arduino, 2008, O'Reilly <br> Margolis, Michael, <a href="http://proquest.safaribooksonline.com/book/hardware/arduino/9781449321185">Arduino Cookbook</a>, 2011, O'Reilly Media Inc.</font> <font face="Arial"><font size="2">§ <br> <a href="https://cdn.sparkfun.com/datasheets/Kits/SFE03-0012-SIK.Guide-300dpi-01.pdf">Sparkfun Inventors Guide</a>, Creative Commons, San Francisco, CA</font></font><font size="2"> (earlier version of tutorial available as PDF download)<br> <a href="https://learn.sparkfun.com/tutorials/sik-experiment-guide-for-the-arduino-101genuino-101-board/all">Sparkfun Tutorial for Arduino 101</a>, Sparkfun Web Site (we will be using this online tutorial rather than the olderPDF tutorial).</font><font face="Arial"><font size="2">Ø</font></font><font size="2"><br> <a href="https://codebender.cc/user/SparkFun%20SIK%20Examples?noCookies=true">Sparkfun Inventors Guide Companion Programs</a> </font><font face="Arial"><font size="2"> </font></font><font size="2"><br> <br> <b>Moviemaking:<br> <br> </b>Arnheim, Rudolf, Film as Art. Los Angeles: University of California Press, 1957.*<br> Bazin, Andre, What is Cinema: Vol. I. Los Angeles: University of California Press, 1967.<br> Bazin, Andre, What is Cinema: Vol. II. Los Angeles: University of California Press, 1972.<br> Cocteau, Jean, Beauty and the Beast: Diary of a Film. New York: Dover Publications, 1972. **<br> Greene, Graham, The Third Man and The Fallen Idol, Penguin Books Ltd., 1977.<br> Murch, Walter, <a href="handouts/pdfmurch/murch_excerpt.pdf" target="_self">In the Blink of An Eye</a>, A Perspective on Film Editing, Silman-James Press, 1995. **<br> Nichols, Bill, Movies and Methods. Los Angeles: University of California Press, 1976.<br> Nizny, Vladimir, Lessons With Eisenstein. New York: Da Capo Press, Inc., 1979. (trans. and ed. by Ivor Montagu and Jay Leyda)<br> Sarris, Andrew, The American Cinema: Directors and Directions 1929 - 1968. Chicago: University of Chicago Press, 1968.</font></font><br> <font face="Arial" size="2"><br> </font><font face="Arial" size="2"><b>Philosophy and Psychology of Perception:<br> <br> </b>Arnheim, Rudolf, Art and Visual Perception. Los Angeles: University of California Press, 1974.<br> Goodman, Nelson, Languages of Art. Indianapolis, Indiana: Hackett Publishing Company Inc., 1976.<br> Sacks, Oliver, The Man Who Mistook His Wife for a Hat. New York: Harper & Row Publishers, 1987.<br> Langer, Susanne K., Philosophy in a New Key. Cambridge, MA: Harvard University Press, 1957.<br> Putnam, Hillary, Representation and Reality. Cambridge, MA: M.I.T. Press, 1988.</font><font size="2"> </font><br> <font face="Arial" size="2">Existentialism from Dostoevsky to Sarte, Edited by Walter Kaufmann, The World Publishing Company, 1956 (Rainer Maria Rilke, "The Notes of Malte Laurids Brigge", 1910)</font></p> <p><strong>Sample Vendors for Microcontrollers, Instructables, Microcontroller Software, Sensors, Motors and Gears: </strong><br> <br> <a href="https://www.arduino.cc/en/main/software">Arduino.cc </a> - with or without purchase includes free Processing IDE (Integrated Development Environment) for Arduino platform Ø<br> <a href="Adafruit.com">Adafruit.com</a><br> <a href="amazon.com">Sparkfun.com<br> amazon.com </a>-third party clones of arduino boards and other components (check reviewer comments carefully before purchasing)<br> <a href="Robotshop.com">Robotshop.com <br> </a><a href="scientificsonline.com">scientificsonline.com</a><br> <a href="stevenshobby.com">stevenshobby.com</a><br> </p> <p>Ø - Required (free resources, see Reas and Fry, Processing and Aduino IDE above)<br> <font face="Arial"><font size="2">§ - These texts are availble from UVA Virgo for on-line viewing. For a more complete listing of on-line materials see<a href="links.html"> links</a>.<br> </font></font><font face="Arial"><font size="2"> ± - Highly Recommended Tutorial/Textbook<br> </font></font><font face="Arial"><font size="2">° - Recommended Tutorial/Textbook</font></font><br> <font face="Arial"><font size="2">* - Highly Recommended Book<br> ** - Recommended Book<br> <br> <br> </font></font></p> </body> </html>