Module 3: Media Arts Preproduction

Web Style Guide
http://www.webstyleguide.com/
Studio 1151 Guidebook
http://www.mcli.dist.maricopa.edu/authoring/studio/guidebook/index.html

Lesson 3.1A: Ideas and Brainstorming
Brainstorming (San Mateo)
http://pblmm.k12.ca.us/PBLGuide/Activities/brainstorm.html
Brainstorming
http://en.wikipedia.org/wiki/Brainstorming
Making Decisions - Brainstorming
http://www.openschool.bc.ca/courses/vama11/images/pl1061---h001.html

Key word search: how to brainstorm

Lesson 3.1B: Concept mapping
The Concept Mapping Homepage
http://www.coun.uvic.ca/learn/program/hndouts/map_ho.html
Mind Maps
http://members.optusnet.com.au/charles57/Creative/Mindmap/index.html
Concept Maps
http://classes.aces.uiuc.edu/ACES100/Mind/CMap.html

Key word search: concept mapping

Lesson 3.1C: Audience and Purpose
Creating User Profiles
http://www.adobe.com/resources/techniques/discover/audience/
Writing for an Audience
http://www.kent.k12.wa.us/KSD/KR/WRITE/FIVE/audience.html

Key word search: audience profile, user profile

Lesson 3.1 D: Objectives
Developing a Site Specification
http://www.webstyleguide.com/process/specify.html
Web Site Objectives and Project Scope
http://courses.wccnet.edu/computer/mod/w75p1.htm

Key word search: website objectives, website goals

Section 3.2: Production Planning
Web Site Plan and Specification
http://courses.wccnet.edu/computer/mod/w75p1.htm

Lesson 3.2A: Content and Organization Inventories
Doing a Content Inventory
http://www.adaptivepath.com/publications/essays/archives/000040.php
The Content Inventory: Roadmap to Successful CMS Implementation
http://www.alttags.org/archives/2005/04/05/46/

Key word search: content inventory

Lesson 3.2B: Outlines and Timelines
Gantt Chart- Web-Based Diagnostic Toll
http://www.ganttchart.com/
Studio 1151: Production Schedule
http://www.mcli.dist.maricopa.edu/authoring/studio/guidebook/prod_schedule.html

Key word search: Gantt chart

Section Assignment 3.2
Doing a Content Inventory
http://www.adaptivepath.com/publications/essays/archives/000040.php
Gantt Chart - Web-Based Diagnostic Tool
http://www.ganttchart.com/

Lesson 3.3A: Design Elements
Creative Web Links
http://www.commarts.com/
Graphic Design
http://graphicdesign.about.com/
Digital Web Design
http://www.digital-web.com/articles/principles_of_design
Principles of Design
http://desktoppub.about.com/od/designprinciples/l/aa_pod1.htm
Typography and Page Layout: Principles of Design
http://www.typography-1st.com/typo/prnc-des.shtml
Web Style Guide
http://www.webstyleguide.com/

Key word search: principles and elements of design, typography

Lesson 3.3B: User Interface Design
User Interface Directory
http://dir.yahoo.com/Science/Computer_Science/User_Interface/
Apple Human Interface Guidelines
http://gemma.apple.com/documentation/UserExperience/Conceptual/
Web Style Guide
http://www.webstyleguide.com/
Jakob Nielsen's Web Site
http://www.useit.com/

Guided Practice 3.3B1: Analyzing Interfaces
I.D. Magazine
http://www.idonline.com/competition_winners.asp

Key word search: user interface design

Lesson 3.3C: Interactive Design
EXCITE, Simon Fraser University
http://www.excite.sfu.ca/

Key word search: for this you could look at practically any website!

Lesson 3.3D: Flowcharts and Storyboards
Charting Multimedia
http://www.rcc.ryerson.ca/schools/rta/flowchart/symbols.html
Program Flowcharts
http://ourworld.compuserve.com/homepages/adrian_mallon_multimedia/heflow.htm
Flow Charts Studio 1151
http://www.mcli.dist.maricopa.edu/authoring/studio/guidebook/flow.html
How to Draw a Storyboard
http://www.mercedes.wa.edu.au/Media/howto.html
Storyboards from Shrek
http://iat.ubalt.edu/courses/old/idia750.085_F02/shrekExamples.shtml

Key word search: flowchart, storyboard