hdr
Syllabus
Weekly Outline

Projects
Project 1A - Cultural Phenomena
Project 1B - User Personas

Project 02a: Information Architecture - Content

Project 02b : Information Architecture - Diagram
Project 02c : Wireframes

Project 03a : Design - Mood Boards
Project 03b : Design - Template

Project 04 : Construction

Week 15
PHP Form, XML format, Wiki
Download

Create your own Wiki
View

Week 13
Search Engine Information
View Website


Week 12

Production & PHP
Download


Week 8
Design Presentation
Download


Week 7
Reading Making the Invisibel Visible
Download


Week 6
Wireframe Presentation
Download

Wireframe Example
Download


Week 5
Information Architecture Presentation
Download


Week 4
Defining the Scope & Content Presentation
Download


Week 3
User Personas
Download

Defining the Project Questionare
Download

Strategy Presentation
Download


Week 2

Student Sites
Michelle Bilodeau
Andrea Bowman
Heather Clark
Erin Johnson
Melissa Judd-Rozen
Jibran Kutik
Shawn LeBoutillier
Christina Lopez
Andrea Menendez
Brian Okarski
Carina Tous
Melike Turgut

Inspiration
Cool Homepages
The FWA


Week 1

Lynda.com -- CSS for Designers
Section link

Student Example sites
Phil Clark
Kodi Mynatt

Week 16
December 12: FINAL
AM
Open Lab - Upload Final Site and link from class homepage

PM
Peoples Choice Awards. final websites due. uploaded to your projects page.



Week 15
December 5: Production
AM
Demo - Introduction to PHP and creating forms. Working with XML. Creating a Wiki

PM
Lab - Website Construction

Assignment:
5-7 linking pages. Upload for Final Crit/Peoples Choice Awards


Week 13
November 19: Production
AM
Open Lab - Website Construction Review

PM
Demo - Creating/Working with Media Components - Video, Audio, Flash
Demo - Search Engine Optimization, Meta Tags & Descriptions

Assignment:
Complete homepage construction. Continue to develop subpages and link entire site.
Read - any chapters that assist with construction.


Week 12
November 12: Production
AM
Present Project 04 : Construction
Print out Designs and take framework notes - pixel widths
Create Slices/Graphics for website Demo - Defining an External CSS system, Navigation, and DIV production

PM
What is PHP? Introduction and Includes.

Assignment:
Construct a css html template. Read - any chapters that assist with construction.
If working in Flash storyboard animation


Week 11
November 5: Design
AM
Lab

PM
Group Crit of Designs - Homepage and 2-3 Secondary pages.

Assignment:
Finalize Designs. Upload jpegs to your projects website.


Week 10

October 29: Design
AM
Desk Review of Design

PM
Lab
Upload Lynda.com ch 12
Upload jpegs to your projects website.

Assignment:
Finalize Homepage Design for Desk Crit. Start secondary pages.
Upload jpegs to your projects website.

Week 9
October 22: Design
AM
Desk Crit. Review initial designs.

PM
Upload Lynda.com ch 11 & Garrett ch 7
Upload two initial designs

Assignment:
Refine one design direction and apply to two secondary pages.
Upload jpegs to your projects website.
Lynda.com ch 12

Week 8
October 15: Design
AM
Desk Review - Information Architecture & Wireframes Due
Mood Boards Due
Present Project 03b : Design - Template
Demo - Design & Navigation

PM
Upload Final IA Diagram, Wireframes and Mood Board PDF.
Upload Lynda.com ch 10

Assignment:
Complete Two initial Homepage designs. Upload jpegs to your projects website.
Lynda.com ch 11. Garrett ch 7


Week 7
October 8: Design
AM
Group Review of Information Architecture revisions & Wireframes

PM
Upload Lynda.com ch 9. Garrett ch 6
Present Project 03a : Design - Mood Boards - Demo

Assignment:
Mood Boards - Collect images from any sources. Don’t try to find only
references to your topic, but images that have a look and feel of a
specific visual langauge.

Lynda.com ch 10
Read “Making the Invisibel Visible” by Hillman Curtis (176k pdf).


Week 6
October 1: Wireframes
AM
Group/Partner Critiques. IA Diagrams Due.
Present Project 02c : Wireframes

PM
Upload Lynda.com ch 8, Garrett ch 5.

Assignment:
Select a direction for the I.A. diagram and make refinements.
Lynda.com ch 9. Garrett ch 6

Create Wireframe PDF for next class. Make the wireframe for each page. For each of the major sections of your website create an annotated layer of information that explains what a user will find in that section.


Week 5
September 24: Architecture
AM
Content due. Present lists in Desk Review. Upload to website.
Present Project 02b : Information Architecture
Demo - Information Architecture

PM
Upload - Lynda.com ch 7, Garrett ch 4., Prolect 02a.

Assignment:
Complete three diagram sketches (Illustrator or Indesign).
Explore different symbols and I.A. formats.
Lynda.com ch 8, Garrett ch 5.


Week 4
September 17: Scope
AM
Strategy document and user personas due... Upload to Website
Group Exercise - User Personas
Present Project 02a : Information Architecture - Content

PM
Upload - Lynda.com ch 6, Upload Garrett ch 3

Assignment:
Complete all three lists for 02a - IA Content
Lynda.com ch 7, Garrett ch 4.


Week 3
September 10: Research & Strategy
AM
Essay due.
Present Project 01b : User Personas - Demo
Project assigned. Write a strategy document based on topic presentation feedback. Answer the following questions. What do you as the owner of this website want to get out of it? (e.g. deliver information, make money, build a community) What does your audience want to get out of it? (e.g. acquire information, buy something, connect with people pf similar interest). Begin user persona research.

PM
Tech Partner - Upload Garrett ch 1 + 2, Lynda.com ch 5/

Assignment:
Present topic to the class along with digital images.
Upload strategy document & three user personas to your process website.
Lynda.com ch 6, Garrett ch 3.


Week 2
September 3: Research & Strategy
AM
Desk Review of three initial phenomena

PM
Complete Process BU230 website
Tech Partner - Upload Lynda.com ch 3 + 4

Assignment:
Select one cultural phenomenon. Write a 2000-word essay about the
phenomenon with images included. Upload to your process website.
Webpage format.
Lynda.com ch 5, Garrett ch 1 + 2


Week 1

August 27: Course introduction and overview
AM
Introduction, Objectives, Assignments, and Examples.
Present Project 01a : research - cultural phenomenon

PM
Get book
Create Process BU230 Website
Start Research
Sign up for Lynda.com

Assignment:
Complete initial research for three different cultural phenomena.
Gather resources as well as text and image content.
View & Complete - Lynda.com ch 3 + 4.
Build Process BU230 website for -- Projects, Reading Responses, & CSS tutorials


hdr