| Week 17: December 12, 2016  Final Project due with adjustments based on final feedback Final Projects by Students Available Online:Ophelia Castellito: http://thegrindapp.weebly.com/
 Victoria Dickson: http://conductorapp.weebly.com/
 Malia George: http://memoryapp1.weebly.com/
 Ross Karwath: http://i.imgur.com/URzXdJC.pnghttps://www.youtube.com/watch?v=Prnc0HuV3L4
 Adam Kling: http://audioblaster.weebly.com/
 Alex Larkin: http://adl5245.wixsite.com/thedab
 Kevin Liang: http://kpliang.wixsite.com/mythmachine
 Samantha Martin: https://marvelapp.com/26a4893/screen/17594005
 Kai Masuchika: http://ulyssespoetry.weebly.com/
   
 Week 16: Wednesday, December 7, 2016 
         Review of Final Project, Part 2 Monday, December 5, 2016 
         Review of final Project, Part 1   
 Week 15: Wednesday, November 30, 2016 
        Review of work before final project is dueIndividual meetingsEnd online discussion of Crow's "Chapter 8: Open Work." Monday, November 28, 2016 
         Tecniques for online media development   
 Week 14: Wednesday, November 23, 2016 Monday, November 21 2016 
 Week 13: Wednesday, November 16, 2016   Monday, November 14, 2016 
 Week 12: Wednesday, November 9, 2016   Monday, November 7, 2016
 
        Lecture on UI UX Design      Tecniques for online media developmentIndividual meetings to discuss Project 3Begin Reading Crow's "Chapter 8: The Open Work"
 
 Week 11: Wednesday, November 2, 2016 
        Weekly Assignment Critiqued   Monday, October 31, 2016 
        Lecture on UI UX DesignBrief meeting with students in preparation for weekly assignment due on Wednesday, November 2 
 Week 10: Wednesday, October 26, 2016 
        Lecture on UI UX DesignWeekly Assignment Released due on Wednesday, November 2Begin online discussion on Crow's "Junk Culture" Weekly Assignment due on November 2, 2016:Based on the feedback received during class, continue developing your project to present a set of materials as outlined below.
 Guidelines: 
        Develop concrete design layouts/diagrams for your project. If you are working on a specific mobile app, develop mockups that show the way  your app/project would function. You can "doctor" images for this. Shoot documentation footage that you plan to use for the major project. Edit the documentation in a way that shows the narrative you plan to present. You can insert drawings/diagrams or descriptive text as fill-ins that explains what you plan to inlcude in particular parts of your narrative. Your video should be no longer than 3 minutes but ideally under 2 minutes. Guidelines for Video Development:  
        Take advantage of stop motion/video montage techniques explored in your second major project. Make effective use of the three basic shots: the wide, mid and close up.Make use of your understanding of image and text layout as explored in your first major assignment to create an engaging narrative. You don't have to include the following in the rough video version for this assignment, but you must plan for the following: 
        Use text/type strategically in the form of subtitles, or chapter introduction for specific sections of your video in order to explain certain parts of your process as you move from the early creative stages to more advanced and/or final prototype of the imaginary app.It may be necessary to develop a scripted narrative for a voice-over that explains the process of your app development. The voice-over can be complemented with type/subtitles throughout your video.You are free to use any sound or images that will help enhance the narrative of your video.  What you need to turn in on November 2:  
        Rough footage editedSketches/early designs that show progress for the design of your app.
   Monday, October 24, 2016 
         Weekly Assignment Critiqued   Week 9:
 Wednesday, October 19, 2016 
         End online discussion of Crow's "Chapter 6: Symbolic Creativity."Begin reading Crow's "Junk and Culture," 144 - 163.Lecture on UX and UI Design continuedLab Day, discuss individual progress with students   Monday, October 17, 2016 
         Lecture on UX and UI design tecniquesDiscuss individual progress with studentsGo over weekly assignment due on October 24 Weekly Assignment due on October 24:Design an imaginary app. You can focus on any subject of your choice, such as:
 
        An app that makes art/design for the user (whatever this means for you)An app that resolves or improves any impractical situation An app that is a clear improvement of an already existing appAn app that makes possible the development of better apps (a meta app for app developers)  Consider the app according to Agamben's discussion of the apparatus. These are playful suggestions meant to push  you to think beyond the obvious functional app. It is encouraged that you don't choose to work on common apps such as a "map app" or "find a restaurant app". You are encouraged to come up with your own ideas for the imaginary app. Make sure to discuss possibilities with your instructor to get the most of this process. The imaginary app is not meant to be functional, but you must develop a design as detailed as possible. This includes diagrams, layout of an interface in relation to a particular device (mobile phone, tablet, etc).  Document every step of the process by scanning sketches you make, taking photographs and video of your working environment and/or yourself working, as well as related spaces that inform the reasoning behind the app. You will be using the documentation to produce a video for your third major project (see details for this in the actual guidelines for Project 3). You are to upload a  design file complemented with selected documentation that provides a concrete sense of function of your app. The design can be developed with a combination of software including photoshop and Illustrator as well as Maya or Cinema 4D if you find that working with a specific software is best or necessary for your project.   
 Week 8: Wednesday, October 12, 2016 
         Project 2 CritiquedWeekly Assignment due on October 24 released (See Week 9 above for actual guidelines)   Monday, October 10, 2016 
         Begin online discussion of Crow's "Chapter 6: Symbolic Creativity."Lab day: Individual Meetings. Students will show concrete progress towards Project 2. 
 Week 7:  Wednesday, October 5, 2016 Monday, October 3, 2016 
         Lab Day | Brief lecture on Time-Based MediaMeet with students individuallyEnd online discussion of Crow's "Chapter 5: Official and Unofficial Language."Begin reading Crow's "Chapter 6: Symbolic Creativity," 126 - 143. 
 Week 6: Wednesday, September 28, 2016 
         Lecture on time-based media: sound and video editingWeekly assignment released due on October 5, 2016Lab Day Weekly Assignment due on October 5, 2016:Create one 15 to 45 second video that use type along with still images, and actual video with sound.
 The video could explore the subject matter of your first major project. This means that you need to consider how you can translate your focus of three images into a video project. You need to have at least three short scenes that add to an open-ended narrative. Consider previous feedback on weekly assignments and well as your first major project to come up with a work that pushes image, sound and text for critical reflection on the subject of your choice. Guidelines: 
         You must use at least two still images, and you need to use text at least one time. The text must be an open ended statement(s) that supports your overall message. You must consider the rhythm in your editing as discussed in class critique. For instance, when you let a shot/image linger, it must be for a reason. You can have as many shots as you like for this video project.Use at least one extra sound source you recorded that is not part of video footage.You must mix your sound well and not go into the red. Review the material covered in class, and go over class tutorials available on the right column of the resource webpage.You must shoot your own footage, but you can use some pre-existing material if it is necessary for your idea. Go over this option with the instructor before moving ahead. Monday, September 26, 2016
 
              Review of weekly assignmentIn Class Critique 
 Week 5: Wednesday, September 21, 2016 
        Meet with students individuallyLab Day Monday, September 19, 2016 
         Lecture on time-based media: relation of image, sound and textPrinciples of video editing
Weekly assignment released due on September 26Begin online discussion of Crow's "Chapter 5: Official and Unofficial Language." Weekly Project Assigned, due on Monday, September 26:View the films by blublu (there are four of them), as well as the stop motion studies by David Crawford, and the newspapers visualizations of the Hawaiian Star, then use three to five images (could be stills or renderings, or a combination of both) of your own that make direct or indirect refence to one of the videos. The image should be edited as a short stop motion sequence that contradicts or repositions/questions the aesthetics of the video you chose. You can use any software to develop this project, but you are encouraged to use Adobe Premiere. Your project should be no longer than 5 seconds.
 
 Week 4: Wednesday, September 14, 2016 
        DUE: First class project | In-class critique   Monday, September 12, 2016 
         Review of work before project is dueEnd of online discussion of Crow's "Chapter 4: Text and Image."Begin reading David Crow's, "Chapter 5: Official and Unofficial Language," 96-125.Lab day   
 Week 3: Wednesday, September 7, 2016 
        Weekly assignment critiquedLecture on analysis of image and textTechniques on image and text production Monday, September 5, 2016   
 Wednesday, August 31, 2016 Week 2:Monday, August 29, 2016
 
        Weekly Assigment critiqued Lecture on image and text layout Weekly Assignment released due on Sept. 7Begin online discussion of Crow's "Chapter 4: Text and Image."
 
 Weekly Assignment due September 7:According to the feedback given to you during class critique, take your first assignment and rework it so that it is closer to communicating your idea. You need to do two versions. The first should provide a sense of depth while the other should present a sense of flatness. You can certainly think of the first in terms of  photo and text, and the second as a vector-image and text. You may need to use new images or create your own, depending on the feedback you received. Upload your two files as png or jpg to Canvas.
   
 Week 1: Wednesday, August 24, 2016 Monday, August 22, 2016
 
        Overview of class Lecture on the relation of image and text Weekly Assignment released, due on August 29Begin reading: David Crow's, "Chapter 4: Text and Image," 80 - 95.  Weekly Assignment due on August 29:Develop a simple design that explores the relation of an image of your choice with text. You may create your own image, but you can also appropriate one if it makes sense for your idea. The text can be a single word or a phrase. It should not be too much text. Try not to use more than 5 words. Consider carefully the concepts and examples discussed by Crow in chapter 4 of his book. Upload a png or jpg to Canvas.
   | Week 15 Sites for the Week of November 28, 2016   To understand how design can drastically affect how we engage with information, and in effect can shape meaning check CSS Garden:http://www.csszengarden.com/
 Consider the following sites for their overall interface design and their attention to user interaction (Make sure to check their mobile and tablet versions): Newspapers/MagazinesHuffington Post
 Los Angeles Times
 New York Times
 The New Yorker
 Fashion/Entertainment Publications:Elle (U.S.)
 Elle (U.K.)
 Interview Magazine
 Vogue
 W Magazine
 Art/DesignA is for Apple
 Adbusters
 Bartlebooth.org
 Bruce Mau Design
 Design Observer
 Thinking with Type
   
 Week 13 Sites for the Week of November 14, 2016 Places you can use for app or website development if not interested in writing code:  Wordpress.comWix.com
 App development:marvelapp.com/
 Idea to App
 Android Patterns
 See more selections at Creative Blog:10 best free tools for app designers
   
 Week 12 Sites for the Week of November 7, 2016 HTML Lectures: 1. Basic Tags2. Hyperlink Basics
 3. CSS Styles
 4. File Hierarchy
 HTML Development on Lynda.com:HTML Essential Training
 Basic HTML Syntax
 Current State of HTML
 Exploring the HTML Document
 Understanding Content Model
 Formatting Content with HTML
 Lecture notes on lighting (from Fall 2014)Lecture notes on sound (from Fall 2014)
 Lecture notes on microphones (from Fall 2014):
 
   
 Week 10 Sites for the Week of October 24, 2016 After Effects Selections from Lynda.com:Relinking Missing Footage
 Different Ways to Use After Effects
 Exploring the Interface of After Effects
 Building Animations
 Working with Effects
 Understanding how to Render
 Adding Effects and Graphics
 Pay attention to how the story develops in these videos:  Designing Video Installations with Douglas Gordon Critical Design Shorts:Can you Feel How I Felt?
 Mutualism
 Future Memorial Exhibition Documentation
 Quo
 Air Mask
 Radical Sensing
 Discursive Design
 glom
 Blind Zone, Wapping
 Takram Design:Professional Sharing
 ID Protocol
 Taste of Light
 John Underkoffler - The Future UIPranav Mistry - SixthSense Technology
   
 Week 9 Sites for the Week of October 17, 2016 Tutorials on UX Design on Lynda.com:https://www.lynda.com/Prototyping-tutorials/Welcome/475945/497322-4.html
 Tutorials on UI Design on Lynda.com:
 https://www.lynda.com/iOS-tutorials/Welcome/445430/479443-4.html
 Art Works and Examples to Consider Hooger Brugge, Modern Livinghttp://ml.hoogerbrugge.com/
 Things that look like the real thing:Theory Action Figures
 Theory Trading Cards
 HAVIDOL (avafynetyme HCL) -- Guy's Testimonial
 HAVIDOL: Female Testimonial
 Black People Love Us:
 http://www.blackpeopleloveus.com/
 Open ended "apps" A is for Apple:http://www.aisforapple.net/
 Mobile Art Applications - article
 http://audi-urban-future-initiative.com/blog/mobile-art-apps-and-the-emerging-aesthetics-of-mobility
 IPhoneart.org
 http://www.iphoneart.org/
 Art in Your Pocket
 http://rhizome.org/editorial/2009/jul/7/art-in-your-pocket/
 Documenting the process:  Concept design process (gaming):http://www.gamasutra.com/view/feature/131632/
 creating_a_great_design_document.php
 Plan your video:
 http://www.dpbestflow.org/node/635
 Consider the following techniques to combine your documentation as stop motion stills and live footage:  Canon Rebel XSi Commercialhttps://www.youtube.com/watch?v=6BQfCoqbubE
 Take on Me (Video):
 https://www.youtube.com/watch?v=djV11Xbc914
 Former student Christine D'Emidio
 Documentation of Installation project begins around minute 1:06
 https://vimeo.com/149292979
   
 Week 7 Sites for the Week of October 3, 2016 Time Code: Trailer, excerpt (in French) Analysis of films:  Infographic of Pulp Fiction in Chronological order:http://visual.ly/pulp-fiction-chronological-order
 My own analysis of Pulp Fiction:http://remixdata.net/2014/08/18/timeline-of-pulp-fiction-actual-version-and-chronological-edit/
 Montage visualization of Breathless:http://remixdata.net/2014/10/23/analysis-and-visualization-
 of-godards-breathless/
 La Jetee by Chris Markerhttps://vimeo.com/46620661
 Analysis of Close-Ups in Chris Marker's La Jeteehttp://remixdata.net/2015/10/11/analysis-of-close-ups-in-chris-markers-la-jetee/
 What Watching 'Memento' in Chronological Order Can Teach About Story Structure:http://nofilmschool.com/2013/06/watch-memento-in-chronological-order-story-structure/
 Timeline for Memento:http://www.thehighdefinite.com/2012/02/the-timeline-for-memento/
   Art work based or appropriating film and/or using multiple screens:  Douglas Gordon:Douglas Gordon - Play Dead; Real Time
 http://www.youtube.com/watch?v=Q-XD6fuf0ho
 Designing Video Installations with Douglas Gordon
 http://www.youtube.com/watch?v=n3mm-LNkmXU
 Douglas Gordon: the only way out is the only way in. Artist interview at ACCA 2014 http://www.youtube.com/watch?v=Nvbdkgi203M
 Meet The Artist: Douglas Gordon Part 1 of 2
 http://www.youtube.com/watch?v=DXY99WS-Byo
 Meet The Artist: Douglas Gordon Part 2 of 2
 http://www.youtube.com/watch?v=SjYb6EN0v8w
 Peter Horvath - Hovarth.net 
 Week 6: Sites for the Week of September 26, 2016 Sound Tutorials on Lynda.com (Make sure you are logged in with your PSU account to Lynda.com by going to http://lynda.psu.edu/ ): Up and Running with Audacity:http://www.lynda.com/Audacity-tutorials/Up-Running-Audacity/111697-2.htm
 Importing audio
 http://www.lynda.com/Audacity-tutorials/Importing-audio/111697/115443-4.html
 Playing audio with Audacity:
 http://www.lynda.com/Audacity-tutorials/Playing-audio/111697/115444-4.html
 Making selectionshttp://www.lynda.com/Audacity-tutorials/Making-selections/111697/115452-4.html
 Cutting, copying, and pasting
 http://www.lynda.com/Audacity-tutorials/Cutting-copying-pasting/111697/115453-4.html
 Splitting clips
 http://www.lynda.com/Audacity-tutorials/Splitting-clips/111697/115454-4.html
 GarageBand Tutorials: Essential Training:http://www.lynda.com/GarageBand-tutorials/GarageBand-Essential-Training/156620-2.html
   Music Selection Relevant to Weekly Assignment:  John Cage on Silencehttps://www.youtube.com/watch?v=pcHnL7aS64Y
 John Cage playing amplified cacti and plant materials with a feather
 https://www.youtube.com/watch?v=_qWPCoayhjY
 John Cage - 4'33"
 https://www.youtube.com/watch?v=gN2zcLBr_VM
    Relevant Film and Video Examples for Weekly Assignment Film mashup of bar scenes, "Hell's Club"https://www.youtube.com/watch?v=QajyNRnyPMs
 On Listening vs. Hearing:Memorex commercial Chuck Mangione Ella Fitzgerald
 https://www.youtube.com/watch?v=32X8sFAlDZM
   Andy Warhol's Screen Tests and excerpts of other films:http://www.youtube.com/watch?v=2tvEfwTj2C8
 Andy Warhol - Eat (1963):
 http://www.youtube.com/watch?v=XoQcGAczNTE
 Andy Warhol - Blowjob [Edit] (1964)
 https://www.youtube.com/watch?v=FFik-n8-Mzw
 Yoko Ono - Cut Piece (1965)http://www.youtube.com/watch?v=8Sc47KfJjcI
   Consider how montage and editing is used in the following films/experiments to create a complex narrative that the viewer can follow:  Technical Aspects of editing: Basic Shot Typeshttp://www.youtube.com/watch?v=laU2MI6X48I
 Camera Angles and Shotshttp://www.youtube.com/watch?v=ZwbsYgZ7d-8
   Basic Principles of Editing: Basic montage principle, experiments by Kuleshov:http://www.youtube.com/watch?v=_gGl3LJ7vHc
 The Kuleshov Experiment (ORIGINAL)http://www.youtube.com/watch?v=zUZCPPGeJ1c
 Hitchcock's Pure Cinema- "The Kuleshov Effect"http://www.youtube.com/watch?v=TNVf1N34-io Blow up - Michealangelo Antonioni - The last scenehttps://www.youtube.com/watch?v=ItDmn40TvuI
   
 Week 5:  Sites for the Week of September 19, 2016 Video Editing Tutorials on Lynda.com(Need to be logged in to your PSU Student account in order to access the links, then go to http://lynda.psu.edu/):
 Adobe Premiere Pro Essential TrainingImporting and Organizing Media
 Selecting Shots
 Basic Editing
 Refining the Edit
 Basic Effects and titles
 Outputting the Project
 Stop Motion: Stop Motion Studies by David Crawfordhttp://turbulence.org/studios/crawford/index.html
 Visualizing newspapers history: The Hawaiian Star, 5930 front pages, 1893-1912http://lab.softwarestudies.com/2012/03/visualizing-newspapers-
 history-hawaiian.html
 La Jetee, NY Times Movie Pick:https://www.youtube.com/watch?v=tgC7Eh355E4
 Blublu:http://www.blublu.org/
 Law and Order Introduction:http://www.youtube.com/watch?v=aTVSTnYIxEA
 Michael Jackson's Thriller:https://www.youtube.com/watch?v=sOnqjkJTMaA
 Thriller with Legos:
 http://www.youtube.com/watch?v=MThEoxSWURA
   Focus on a specific aspect of a film director's approach:
 Hands of Bresson:http://vimeo.com/98484833
 Wes Anderson Centered:
 http://vimeo.com/89302848
 Wes Anderson from Above:
 http://vimeo.com/35870502
 Tarantino from Below:
 http://vimeo.com/37540504
 What is Neo-realism?
 http://vimeo.com/68514760
 Kubrick, One Point Perspective:
 http://vimeo.com/48425421
 Linklater on Cinema and Time:
 http://vimeo.com/81047160
 Malick, Fire and Water:
 http://vimeo.com/64063304
 Sounds of Aronofsky:
 http://vimeo.com/42191484
 All of the above selections can be found athttp://kogonada.com/
   
 Week 4 Sites for the Week of September 12, 2016 Image in Art and Design: Rodchenko:Images on Google
 Feature on Helveticahaus
 Constructivism:Constructivist Design Posters
 Bauhaus:Design is History
 Bauhaus Design Images
 Image and Text in Art Practice:  Banksy:Coca Cola Add
 
 A is for Apple:http://www.aisforapple.net/
   
 Week 3 Sites for the Week of  September 5, 2016 Image and Text in Design: AdbustersCritical Design
 Domus: Critical Design
 Dunne and Raby on Critical Design
 Critical Design on Vimeo
   Image and Text in Art Practice: Jenny HolzerBarbara Kruger
 Kruger Images on Google
 Glenn Ligon
   
 Week 2 Sites for the Week of August 29, 2016 Understanding Type:  Thinking with TypeIntroduction to Type
 Anatomy of Type
 Anatomy of Typeface
   Visual Examples Related to Weekly Assignment: History of GraffitiHistory of American Graffiti
 50 Logotypes7 Famous Logos
 40 Brand Logos with Hidden Messages
 21 Logo Evolutions
 20 Well Known Luxury Brands
 Art and Design:  Design is Kinky:Main Site
 Art
 Design
 Art:Ash Schmitt
 Eero Lampinen
 Rui Palha
 Design:Devan Drogaroglu
 Gian Galang
 Makebardo
 
   
 Week 1 Sites for the Week of August 22, 2016 Software Tutorials for Image and Text (Make sure you are logged in with your PSU account to Lynda.com by going to http://lynda.psu.edu/ ) Photoshop Essentials:Understanding File Formats
 Resolution Image
 Exploring Layers
 Cropping
 Blending Images with Layer Masks
 Illustrator Essentials:Overview of Illustrator Interface
 Exploring the Tools Panel
 Exploring Layers
 Understanding Vector Paths
 Working with Type
 Placing Images into Illustrator
   Visual Examples Related to Weekly Assignment: Roland Barthes's Panzani:http://indexgrafik.fr/wp-content/uploads/Rhetorique-
 de-l-image-Roland-Barthes-index-grafik.jpg
 A is for Apple:http://www.aisforapple.net/
 Peanuts, Dog and Homework:https://cdn.theatlantic.com/assets/media/img/posts/2015/09
 /BOB_Essay_Peanutsstrip/6f8c13be5.jpg
 Peanuts Website:
 http://www.peanuts.com/
 Storyboarding:http://accad.osu.edu/womenandtech/Storyboard%20Resource/
 Anchorage and Relay in Film:F.W. Murnau - Nosferatu (1922)
 https://www.youtube.com/watch?v=rcyzubFvBsA
 Anchorage and Relay in Advertising (early Mac Ad):http://blog.graphicleftovers.com/wp-
 content/uploads/2010/04/ipad_retro_testdrive.jpg
   |