Multimedia Production
Lecture 1
Setting the Stage
Course Goals
Gameplan
Examples from Previous Courses
Summary
The slides will be also published as a handout so that you can
print them and use them as memory aids.
© Anselm Spoerri
Course Goals
Create media rich Term Project website
that answers the question:
"Why be a Librarian in the 21st Century?"
Communicate Your Vision
– Demonstrate Your Technology and Media savvy
– Be an Information Architect and Communicator
Share Your Passions
– Have a section “About You” in the website, which you can use
to share what matters to you and complement other site parts
Create Cool Website
– Use it as your calling card - job search
Learn New Skills & Vocabulary
© Anselm Spoerri
Approach
1 Learn MECHANICS
– Dreamweaver, Fireworks, Flash
This is why you are asked to acquire Studio 8
2 Create MEANING
– Based on understanding of
– Visual Perception
– Graphic Design
– Storytelling
Learn together and from each other
– Students with different skill levels: some experienced, some
less so … all will create a media rich site that communicates
© Anselm Spoerri
Mechanics – Goals
Mechanics
- technical competency in web and multimedia design:
– Navigation
– Easy to find your way? Consistent Primary Navigation?
Site ID? Page name?
– Layout
– Clear, instant Visual Hierarchy?
Pages easy to understand? "Look & feel" enticing?
– Typography
– Text easy to read? Designed for scanning?
– Visuals
– Graphics easy to understand? Image Layouts tell a story?
Animations are well constructed? tell a story?
– Interactivity
– Use of interactive elements - links, rollovers, image maps?
Interactive elements easy to understand and effective?
© Anselm Spoerri
Meaning – Goals
Meaning
- concise presentation of content and effective use of multimedia:
– Clarity
– Content easy to understand?
– Conciseness
– Content presented in a concise form?
Enough information but not too much?
– Relevance
– Content informative? Relevant? Insightful?
Creativity
– Creative Use of text, images, multimedia & interactivity?
– Creative Approach to answering the question: "Why be a
Librarian in the 21st Century?"
© Anselm Spoerri
Course Scope?
Comfort
Play it Safe
Play for More
•
•
•
•
•
•
•
•
•
HTML Basic Coding
Basic Text & Images Web Pages
Images & Narration
More Theory
Meaningful Term Project
Early Exposure to Dreamweaver, Fireworks, Flash
Progressive Increase in Skill & Comfort Level
Create complex animations
No Pain, No Gain
Sophistication
© Anselm Spoerri
Course Challenge
Comfort
Wait!
Reward is Close.
ANXIETY
Frustration
Sophistication
© Anselm Spoerri
Course Reward
Comfort
Interactive
Multimedia
Website that
Communicates
Beginning of Sense of
What is POSSIBLE
Sophistication
© Anselm Spoerri
Highlights from Previous Classes
These are some of the sites created
by students in previous classes.
Explore each of these sites and
pick ONE site you like best and
discuss in the eCompanion threaded
discussion why you have picked it and
answer these specific questions:
• Easy to find your way?
• Pages easy to understand?
• Text Designed for scanning?
• Content presented in a concise form?
• Creative Approach?
If they can do it,
you can do it!
Black, Holly
Brothers, Lauren
Gasior, Rachel
Leonard, Laura
Luderitz, Marygrace
Lyu, Mi-Sun
Latimer, Nancy
Pejsa, Stanislav
Ullmann, Mary
Weiner, Sally
© Anselm Spoerri
Highlights from Online Classes
These are some of the sites created
by students in the online class.
Again, Explore each of these sites
and pick ONE site you like best and
discuss in the eCompanion threaded
discussion why you have picked it and
answer these specific questions:
• Easy to find your way?
• Pages easy to understand?
• Text Designed for scanning?
• Content presented in a concise form?
• Creative Approach?
Adams, Molly
Alito, Tamara
Arnett, Barbara
Cozin, Stacy
Gerber, Jean
Green, Peter
Janosik, Sandra
Johnson, Rosemary
Lazzari, Susan
Martino, Kimberly
If they can do it,
you can do it!
Patterson, SaraZoe
Pearson, Melissa
Prudente, Stephanie
Staley, Kelli
Tu, Bobbi
© Anselm Spoerri
Your Guide
Anselm Spoerri
– Computer Vision
– Filmmaker – IMAGO
– Click on the center image to play video
– Information Visualization – InfoCrystal
– Media Sharing – Souvenir
 searchCrystal
– In Action Examples: click twice on digital ink or play button
– Rutgers Website
© Anselm Spoerri
Gameplan
Requirement
– Use Adobe Creative Suite 3: Standard Web Edition
http://www.adobe.com/products/creativesuite/web/standard/
–
–
–
–
–
Should be also available via CITRIX @ Rutgers
Make use of free 30 day trial version
Macromedia Studio 8 is also okay
Good Investment: Dreamweaver, Fireworks, Flash, …
Need to have access on your computer by Week 3 the latest
 No Textbooks
Grading
– Five Exercises (50%) and Term Project (50%)
– Resubmit Exercise addressing Feedback to Improve Score
Course Website
http://scils.rutgers.edu/~aspoerri/Teaching/MPOnline/Home.htm
–
Lecture Slides, Handouts, Video Capture (all also accessible via eCompanion)
Lecture Slides
–
Audio and Video Capture Available for ALL Lectures
–
Slides Handout
–
–
available for ALL lectures
Open in Powerpoint
File > Print …
– “Print what” = “Handout” and Select “2 slides” per page
© Anselm Spoerri
Guiding Principles
Simple
– “Don't make me think!” – “Don’t force the user to think”
Less is More
– Cut text is half
Easy Navigation
– Where am I?
– How do I get to …?
Tell a Story
Be Creative
© Anselm Spoerri
Summary
"Why be a Librarian in the 21st Century?"
– Communicate Your Vision
– Share Your Passions
– Create Cool Website
Learn New Skills & Vocabulary
Learn MECHANICS
– To use Dreamweaver, Fireworks and Flash
Create MEANING
© Anselm Spoerri