Graduate Online Media Design

Date

Topic/Skill

Readings/Handouts

Assignment Due

Aug. 29

News: Cindy

Review Syllabus, Schedule, Introductions

Presentation: Using the Web

Online
How the Web Works
Glossary of Internet Terms
Nerds 2.0.1-Timeline (PBS)

 

 

Sept 5
News: Brittany

 

Basic Design, continued
Design Issues and Challenges

Online:
InfoPeople Search Tools Chart|
How Search Engines Work
Imagining The Internet - Elon University/Pew Internet and American Life Project

History of Internet - we'll watch video in class

History of the Internet - Ethan Zuckerman

Intro. HTML
Text Formatting, Images, and Links
Lists and Tables

See Tutorials on Resources page

Web Hosting - Bluehost.com


Resources: SXSW interactiveAssociation of Internet ResearchersWiredFast CompanyPew Center StudiesUS Department of Commerce ReportsUT International Symposium in Online JournalismNieman Reports

 



 

Sep 12
News: Val

 

Stylesheets for formatting a page

Using a Web Editor

Uploading Files


Bio Project 1 Due


Sep 19
News:

 

 

No class - online assignment

Online Assignment: Watch 2 segments of Download: The True Story of the Internet (if you have not seen, then do Search and People Power; if you have seen, you can watch again or watch the other two); make a blog post and tweet it.

 

Sept. 26
News: Temple

 

 

Using a Digital Camera
Manipulating Photos
Fonts and Type
Graphics



Sample stylesheet 1
Sample stylesheet 2

CSS Properties handout

Stylesheet Handout

Intro. Dreamweaver

Design Principles Handout

Intro. to Photoshop


Web Accessibility


See Tutorials on Resources page

 

Oct 3
News: Kate

 

 



Project 2 Redesign Personal Site due

Oct 10
News: Ashley G.

 

 

Web Design Process

Responsive Design

Responsive Design Handout

Top Navigation html | css | logo | img
Side Navigation html | css | logo | img

Introduction to Media Queries

Troubleshooting

 

 


Oct 17
News: Stephanie/Chris

 

Multimedia Journalism

 


See tutorial on Resources page that demonstrates how to use Photoshop to Make Buttons



See tutorial on Resources page that demonstrates how to use Photoshop to Make Buttons

Dreamweaver, continued
Troubleshooting exercise

Troubleshooting Exercise

Project 3 - Hobby or Organization site due

Oct 24
News: Rob/Victor

 

JQuery Exercise

 

JQuery Slideshow Handout

JQuery Files

 

JQuery Exercise due

Oct. 31
News:

 

Mass Comm Week

You'll have assignments based on MC Week speakers.

You will attend the Mass Comm Week session during our class time (Wed 6:30pm - arrive at 5:30 for reception) in OM 320. Write a story, using Storify to cover. The best ones will be posted to the Mass Comm Week website. Do some research on the speakers and topics in advance. Tweet the link to your Storify using both the #mcweek and #webpub hashtags. Complete your Storify by 9am the next morning.

And attend lots of sessions during MC Week!

Nov 7
News: Kimberly/Kristina

iMovie Exercise
Using a DV camcorder
Using iMovie

Multimedia Journalism

iMovie Handout

Multimedia Journalism
A People Torn - Minneapolis Star Tribune
Victims of Gang Violence - LA Times
Coal: A Love Story - UNC
Slab City Stories
- UC Berkeley
Global Warning
- Medill
Marathon Stories

Collings Guitars
Graffiti Permission Wall

Amazing Girls



Texas State of Change - TXST

NY Times Multimedia
NY Times Video


Interactive Narratives
Innovative Interactivity

Improve Stories with Shot Sequences
Storify - Producing Video for the Web

See Tutorials on Resources page

iMovie Exercise due

Nov 14
News: Megan/Emily

 

Data Journalism

Intro to Wordpress - using a Content Management System



Seven Things Everyone Should Know presentation

Jorge Sanhueza-Lyon Tumblr - additional examples of character-driven narrative videos

Nov 21 Thanksgiving - no class

No class

 

 

Nov 28

News:
Ashley V./Kristie

Work on Final Projects

Data Journalism
Building a Pop Song
Rent Vs. Buy
Election Day Word Train
What's In Your Water?
Where Were You on Sept. 11?

NYT Olympics Interactives

Guardian Olympics Data

Public Schools Explorer
Data Viz on Pinterest

Articles and Videos
Goosing the Gray Lady
Gabriel Dance on Interactives
Data Journalism Handbook
Aron Pilhofer on BreakingTheNewNews
Journalism in the Age of Data
Guardian - Data Journalism: What It Is and How Do We Do It?
The Programmer Majored in English, Nieman Lab
Approaching Data with a Beginner's Mind - UX Magazine
Narrative Visualization: Telling Stories with Data
Analyzing Data is the Future for Journalists
When the Data Struts Its Stuff - NYT, 2011

Google Maps, Google Charts, Wordle, Chartle


Final Project Draft due

Dec 5

Work on Final Projects HTML5/CSS3 demo

Future Trends - Net Neutrality, Cloud Computing...
Long Live the Web, by Tim Berners-Lee

Videos:
The Daily Show, From Here to Neutrality

What is Net Neutrality?
Net Neutrality in the Shower?
Cloud Computing in Plain English

Media curriculum of the future

OJR, Eight Things Journalism Students Should Demand from J-Schools
Advanced Online Media website
Dec. 10-14 Work on Final Projects   Final Project due