Composing Digital Media - schedule


Professor Jamie Skye Bianco

Spring 2013, University of Pittsburgh

Tuesdays, 6-8:30PM, G26 CL

ENGCMP 610W

Office Hours, posted here and by skype appointment (email)

Office Location: 501m CL

@jamieskyebianco (twitter)

TA Zac
Course Home
Course Schedule
Course Materials
Course Expectations
Course Media Makers DIY Blog
Student Websites

DIY Ethos
Students Home
Spikenlilli Home

Schedule
(All assignments, due dates, & scheduled material subject to change at Prof. Bianco's discretion)

January 8:

Introduction: Twitter, Blog, DropBox, Working Groups for Web Project
Static Web Design I: Dreamweaver, HTML, HTML5
Intellectual Property: Digital Millenium Copyright Act, Creative Commons Storytelling I: Web Layout

Introduction: DIY vs The Schoolmaster

Save, save as, backup and keep

TA : The Awesome Zac

Discuss Process Project

Determining Our Licensing: Creative Commons

Set up Twitter, DropBox & Blog accounts. Follow @jamieskyebianco & all classmates.

Discuss ethos statement

Setting up FTP & Prof. Bianco will discuss acquiring a personal domain or access to the Pitt Unix Server. Check out the "technology" document in our DropBox (do not remove it from the folder).

Begin web design, html

January 15:

Static Web Design II: Dreamweaver, HTML, HTML5, CSS, FTP
Processing Images I: Photoshop: the basics
Storytelling II: DMCA, Strange Pictures, App Design, Final Project

Workshop: Building a static website: HTML + CSS. Begin Photoshop.

Discuss Digital Millenium Copyright Act

Web Design : Creating a design concept! Navigation.

"Strange Pictures" project -- planning

App Design project -- planning

Final project -- planning

Homework Due Today:

Read all syllabus content for this course

Read all of the Digital Millenium Copyright Act

Complete HTML5/XHTML tutorials at W3Schools, Channel 9 Intro & Channel 9 HTML5 (Channel 9 is especially helpful for PC users)

Complete tutorials for Dreamweaver

Author your fully functional homepage (HTML & content) for your static website -- uploaded & live (Dreamweaver FTP help) (HTML tags)

Import CC license and educational "fair use" clause to website

January 22:

Static Web Design III: Dreamweaver, CSS, Color + Layout
Processing Images II: Photoshop (layers, masks, links)
Storytelling III: Strange Pictures (week 1), Building a Smart & Elegant Website, App Design, Final Project

Workshop: Building a static website (continued)

HTML5, XHTML Validation, Entities, CSS Properties, CSS Validation, Hex Color

Working with images: Photoshop for the web

Crit: how design effects the same content

Final Project Proposal Review

Homework Due Today:

W3Schools Tutorials for CSS, Channel 9 CSS, and htmldog html & css (beginner & intermediate) [All Channel 9 vids here]

Complete Adobe Photoshop Tutorial

Revise website: Add CSS, full navigation & implement design concept

Bring To Class: 5 Strange Pictures (I expect you to have taken many more and selected and cultivated the 5 best) -- upload to website.

Add your entry on the DIY How-to Blog

January 29:

Static Web Design IV: Sharing our websites, images, and thinking about fonts, adjustments, expansion
Processing Images III: Photoshop (layers, masks, links)
Storytelling IV: Strange Pictures (week 2), The Flat (Dreaming Methods) & the Widget Art Gallery
App Design I: Ideas for the apps... drilling down into functionality
Final Project I: the preliminary proposal

Workshop: Web & Image Critiques

Typetester, CSS Examples (& How-to), Fonts for websites

Crit: Website Review, Project Pics, App & Project Ideas

Homework Due Today:

Fully designed website due (HTML5, CSS, Layout, Color Scheme, Navigation). Must include navigation and all assignments to date. All image assignments, Strange photo essay, proposal, ALL assignments must be accessible on website.

Complete Tizag CSS Tutorial and W3Schools Advanced Tutorials for CSS

Alphabetic Writing: draft two 1-2pp proposals for your final/end-of-semester project. Give this serious thought as you will be working on these ideas for the rest of the term. Upload to website.

Upload: 5 strange pictures you have taken and cultivated this week (10 total so far)

Look at the works in Dreaming Methods. Read "The Flat" carefully. (We will look at lots of interesting, "strange" works for ideas about the final project. Ask me if you would like to see more sooner).

Look at the Widget Art Gallery (again ... more ideas for the App & the Final Project)

Add your entry on the DIY How-to Blog

February 5:

Sound I: Evaluating scripts and design
Storytelling V: Strange Pictures (week 3)
App Design II: the graphical proposal
Final Project II: the proposal

Workshop:

Crit: Website Review, Project Pics, App & Final Project Proposals

Review Sound Designs

Homework Due Today:

Complete Audition Tutorial

Listen to: "The House on Loon Lake" and This American Life: 20 Acts in 60 Minutes (2003, NPR) [mp3 pay download or free ... if you find it :)]& "Apron Strings of Savannah" from The Moth

5 more Strange pics (15 total): create fabulous gallery to showcase all 15.

Graphical layout/storyboard/wireframe of your app: home page + 1 full layer down in functionality (min of 5 pages of layout)

Revised version of your Project Proposal--topic approved by Prof. Bianco

Compose Soundscape/Sound Essay Design: one double-spaced page narrative based on your project

Add your entry on the DIY How-to Blog

February 12:

Dynamic Web Design I: javascript

Workshop:
Special workshop with Zac on making things go bump on your websites

Listen to soundscapes: Soundwalk (pay attention to use of text + image + sound), London Sound Survey, the Smalls Street Sounds

Find and post to twitter 3 interesting soundscapes, sound essays or podcasts that inspire you for your sound project by Monday, 2/11/13, at 5p

Upload revised soundscape/ sound essay design + sound schema

Add your entry on the DIY How-to Blog by Monday, 2/11/13, at midnight


February 19:

Sound II: Audition, Soundbooth, Audacity, & Garageband
App Design III: the graphical revision with links

Workshop:

Crit for websites and for digital images

Review updated soundscape/sound essay proposals

Bring earbuds and microphones to class

Begin sound mixing

Homework Due Today:

Review Soundbooth and/or Audition Tutorial

Bring three recorded raw tracks to class today

Finish & revise your app design with field links

Add your entry on the DIY How-to Blog by Monday, 2/18/13, at midnight

February 26:

Sound III: Audition, Soundbooth, Audacity, & Garageband
Video I: Premiere Pro, Video Proposal DUE

Workshop:

Crit for websites, digital images, sound pieces

Review video proposals (1-2pp including conceptual and technical details)

Bring earbuds to class

Revise sound mixing

Homework Due Today:

Review Soundbooth and/or Audition Tutorial

Begin Premiere Pro tutorials

Rough cut of your sound piece due today (uploaded on your website and cross compatible in ALL browsers)

Spend time on YouTube, Vimeo, whereever open access video may be found: find 3 fantastically interesting and well-made non-professional videos that inspire you for your project (share links on twitter by Sunday, February 24, 5pm)

Add your entry on the DIY How-to Blog by Monday, 2/25/13, at midnight

March 5

 

Sound IV: Revised work due

Video II: Time for Images & Sound: Premiere: Editing, Interface, Timeline

BRING YOUR CAMERAS (VIDEO) & VIDEO FILES TO CLASS!!!

Workshop: Listening to the soundworks! Bring your earbuds!

BRING YOUR VIDEO CAMERAS (VIDEO) TO CLASS!!!

Crit: Revised Soundscape Review

Planning Video production

Storyboarding

Homework Due Today

Revised Soundscape due (includes photography & text, uploaded & exported onto your website)

Complete Premiere Tutorial

Two page video script due // Storyboard due

Bring in scratch video tracks to begin workshop

Return process video USB drives (make sure you copy footage)

Watch The Wilderness Downtown and MoviKantoRevo (on Chrome)

Add your entry on the DIY How-to Blog by Monday, 3/4/13, at midnight

March 12

 

Spring Break: no class & have fun!!

Work on your video and your process video

Make sure you have completed all assignments to date (remember that you must complete all assignments to pass the course!)

March 19

Video III: Time for Images & Sound: Premiere: Storyboarding & Scratch clips

BRING YOUR CAMERAS (VIDEO) & VIDEO FILES TO CLASS!!!

Sound V: Final work due

Workshop: Listening to the sound pieces! Working on VIDEO! Bring your earbuds!

Crit: Soundscape Review, Process Video, Your Video

Homework Due Today

Final Soundscape due (includes photography & text, uploaded & exported onto your website)

Rough cuts due: Process video (1 min) & your video (3-5 mins)

Add your entry on the DIY How-to Blog by Monday, 3/18/13, at midnight

March 26:

Video IV: Revised CUTS: Project Video/Process Video

BRING YOUR CAMERAS (VIDEO) & VIDEO FILES TO CLASS!!!

Workshop: Crit for SOUND & both VIDEOS! Bring your earbuds!

-Revised Cuts due for Process & Project Videos--CRIT

Add your entry on the DIY How-to Blog by Monday, 3/25/13, at midnight

April 2:

Video V: Present sound & video

Final project III: final proposal with tech specs due

Animation? Flash ... After Effects , JQUERY, Javascript?

-sound & video crit

-final project proposal due (FINAL DRAFT)

April 9: Final project IV: rough draft of final project DUE

Big Workshop: working toward the final projects

Animation? Flash ... After Effects , JQUERY, Javascript?

-sound & video crit
-Update & revise all assignments/website
-Present rough draftfor final project
-Meetings with Prof. Bianco as scheduled.

-project video due
-process video due
-rough draft of FINAL PROJECT due

April 16 SHOWCASE & FINAL PROJECT PRESENTATIONS

DO NOT MAKE TRAVEL PLANS PRIOR TO OUR LAST CLASS MEETING.

FINAL PROJECT DUE -- YOU MUST PRESENT (PREPARED PRESENTATIONS PLEASE!) & PROJECT MUST BE FULLY AVAILABLE ON YOUR WEBSITE

April 23 Final!!! All assignments due - including thumb drive and online content - 4:30 pm