Composing Digital Media


Professor Jamie Skye Bianco

Spring 2011, University of Pittsburgh

Mondays, 6-8:30PM, G26 CL

ENGCMP 610W

Office Hours, posted and by appointment

Office Location: 501m CL

@ProfJSBianco (twitter)

Course Home
Course Schedule
Course Expectations
Course Media Makers DIY Blog
Student Websites

TAs Sarah & Tiffany
DIY Ethos
Students Home
Spikenlilli Home

Schedule
(ALL ASsignments, due dates, & scheduled material subject to Change at Prof. Bianco's discretion)

January 10:

Introduction: Social Media, Twitter, Blog, Working Groups for 1st Project
Static Web Design I: Dreamweaver, HTML, HTML5
Intellectual Property: Digital Millenium Copyright Act, Creative Commons Storytelling I: Writing Under Constraint, Distribution Through Social Media,
Twitter, Images

Introduction

Save, save as, backup and keep

Process Project

Determining Our Licensing: Creative Commons

Set up Twitter & Blog accounts. Follow @profjsbianco, @spiffytiffy2009, @sarahvinski & all classmates.

Discuss twitter narrative & digital picture "Alphabet" (cuneiform) projects

Discuss ethos statement

Creating Social Media Narrative/Writing Constraints

Tiffany will guide us through setting up FTP, Pitt web space & Prof. Bianco will discuss acquiring a personal site.

Sarah will discuss some technical aspects of photography & image types

Begin web design, html, css

January 17:

No class: holiday

Read all syllabus content for this course

Read all of the Digital Millenium Copyright Act

Complete HTML/XHTML tutorials for W3Schools and htmldog

Complete your first html page (started in class)

Complete Adobe Photoshop Tutorial

Work on 26 "Alphabet" Pictures You Have Taken This Week

Compose Twitter Narrative: One Entry/Day for one week straight

Select three rules from which you will take the language you will use. Each source must be used everyday. Post everyday for 7 days. You must remix the language so that it makes sense as one coherent story. Post each day to our twitter stream. Label with hastag #t. If you miss a day, you start again

Read Peers' Twitter Narratives

January 24:

Static Web Design II: Dreamweaver, HTML, XHTML, CSS
Processing Images I: Photoshop
Storytelling II: Twitter Narratives, Cuneiforms

Workshop: Building a static website. Looking at "Alphabet" projects & Twitter Narratives

Import CC license to website

Web Design

Homework Due Today:

Workshop: First fully functional page for your static website -- uploaded & on your website

"Alphabet" project -- uploaded on your website

Import CC license to website

Discuss Digital Millenium Copyright Act

Complete HTML/XHTML tutorials for W3Schools, htmldog, Adobe Photoshop Tutorial

Twitter Narrative completed

January 31:

Static Web Design II: Dreamweaver, CSS
Processing Images II: Photoshop (layers, masks, links)
Storytelling III: Hello World, Building a Smart & Elegant Website, Project

Workshop: Building a static website (continued)

XHTML tags, html5 vs XHTML, XHTML Validation, Entities, CSS Properties, CSS Validation

Working with images: Photoshop for the web

Crit: how design effects the same content

Project Proposal Review

Homework Due Today:

Research and prepare in your paper-based & 3 web-based design concepts for your website. Bring in your paper-based & generate links on your website for your 4 design concepts for your website

Read "Change the Code; Keep the Text" in all modes available

Bring To Class: 5 Different Project Pictures You Have Taken This Week (I expect you to have taken many more and selected the 5 best) -- upload to website.

Uploaded the 3 alphabet images chosen by your group onto a webpage

Complete Adobe Dreamweaver Tutorial

W3Schools Tutorials for CSS and htmldog (beginner & intermediate)

Revise website: full navigation & implement design concept

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

Add your entry on the DIY How-to Blog

February 7:

Storytelling IV: Sharing our websites, images, and thinking about our projects
Final Project I: the proposal

Workshop: Web & Image Critiques

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

Crit: Website Review & Project Pics

Groups

Homework Due Today:

Fully designed website due (XHTML & CSS). Must include navigation and all assignments to date. All image assignments, photo essay, proposal, ALL assignments must be accessible on website.

Complete Tizag CSS Tutorial and W3Schools Advanced Tutorials for CSS

Review Adobe Photoshop Tutorial

Upload: 5 Pictures You Have Taken This Week of your project

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

Add your entry on the DIY How-to Blog

February 14:

Sound I: Evaluating scripts and design

Workshop:

Hacking the class: a discussion of the structure of our course

Crit: Website Review & Project Pics

Continue evaluation of final project proposals

Review Podcast scripts and Sound Designs

Homework Due Today:

Complete Soundbooth 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

Compose Podcast Script: one double-spaced page narrative based on your project

Compose one-page description of sound design

Upload: 5 Pictures You Have Taken This Week of your project

Add your entry on the DIY How-to Blog

February 21:

Sound II: SoundBooth, Audacity, & Garageband

Workshop:

Review updated podcast scripts

Bring earbuds and microphones to class

Begin sound mixing

Homework Due Today:

Bring three recorded tracks to class due today

Add your entry on the DIY How-to Blog

February 28:

Video I: Time for Images & Sound:

Premiere: Editing, Interface, Timeline

BRING YOUR CAMERAS (VIDEO) TO CLASS!!!

Workshop: Listening to the podcasts! Bring your earbuds!

BRING YOUR CAMERAS (VIDEO) TO CLASS!!! -- DIY/VIDEO project creation

Crit: Rough Podcast Review

Video scripts

Storyboarding

Homework Due Today

Rough Podcast due (uploaded & exported onto your website)

Complete Premiere Tutorial

Two page video script due

Add your entry on the DIY How-to Blog

March 7:

Video II: SPRING BREAK

continue working on:

Complete Storyboard

Complete podcast revised cut

Complete video rough cut & upload to website or youtube (tag & document)

View all peer video rough cuts prior to class

March 14:

Video III: Workshop Rough Videos--time to revise

Begin DIY cuts

Premiere: Compositing, Key Frames, Transitions

Workshop: Continue commenting & critiquing peer videos & podcasts

DIY Project: in class cuts--video lab

Homework Due Today:

Storyboards/Rough cuts of videos

Podcast revised draft due today: must be uploaded onto your website

Add your entry on the DIY How-to Blog

March 21:

Video IV: VIDEO & DIY CUTS

Workshop: continue video, podcast & DIY video crit

Homework Due Today:

Revised edit of your video is due (uploaded with rough cut for comparision)

Rough DIY CUTS DUE TODAY

Add your entry on the DIY How-to Blog

March 28:

Sound IV: Present Final Podcasts-FINAL DUE DATE

Workshop: Commenting & critiquing FINAL podcasts & revised videos

Homework Due Today:

Revised DIY video cut due today (provide project & export files on USB thumb drive provided by Prof. Bianco & upload to your website with rough cut for comparison)

Final edit of podcasts are due! All media must be uploaded to your website. Earlier drafts of podcast, script, and sound design must also be available for comparison.

April 4:

Video V: Present Revised Videos
Final Project II: Present Revised Final Project Proposal

Workshop: Commenting & critiquing revised videos (ALL DUE)

Discuss revised Final Project Proposal

Homework Due Today:

Revised Final Project Proposal DUE TODAY

Revised edit of both videos are due! All media must be uploaded to your website. Earlier drafts of video, script, and storyboard must also be available for comparison and evaluation.

April 11:

Final Project III: Present draft of final project

Final revisions of website design, podcast & videos DUE

Workshop: Commenting & critiquing draft final projects

Homework Due Today:

Final versions of all assignments prior to FINAL PROJECT are DUE TODAY! Final edit of podcasts, videos & website are due! All drafts, pre-production assignments, & exported media must be uploaded to your website. Earlier drafts of podcast & videos must also be available for comparison.

Completion of ROUGH DRAFT FOR your final project presented to class

April 18:

Final Project IV: Present final project---->> SHOWCASE!!

Final Project Presentations!

APRIL 25

Final DATE to TURN in USB DRIVE/FINALIZE WEBSITE + WORK - NO CLASS MEETING

All work (including project files, drafts, etc) must be uploaded on your fully functioning & navigable website,

and

you must hand in all these files on a USB drive (turn in to English Dept. Office -- 526CL) no later than 4pm.

Happy summer!