Multimedia Production

1. 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.

2. Course Goals • Create media rich Term Project websitethat 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 useto 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

3. 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

4. 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?

5. 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?"

6. Course Scope? Comfort Sophistication • Play it Safe • HTML Basic Coding • Basic Text & Images Web Pages • Images & Narration • More Theory • Play for More • Meaningful Term Project • Early Exposure to Dreamweaver, Fireworks, Flash • Progressive Increase in Skill & Comfort Level • Create complex animations • No Pain, No Gain

7. Course Challenge Comfort Sophistication Wait!Reward is Close. ANXIETYFrustration

8. Course Reward Comfort InteractiveMultimediaWebsite that Communicates Beginning of Sense of What is POSSIBLE Sophistication

9. 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 Highlights from Previous Classes

10. 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? If they can do it, you can do it! Adams, Molly Alito, Tamara Arnett, Barbara Cozin, Stacy Gerber, Jean Green, Peter Janosik, Sandra Johnson, Rosemary Lazzari, Susan Martino, Kimberly Patterson, SaraZoe Pearson, Melissa Prudente, Stephanie Staley, Kelli Tu, Bobbi Highlights from Online Classes

11. Your Guide • Anselm Spoerri • Computer Vision • Filmmaker – IMAGO • Click on the center image to play video • Information Visualization – InfoCrystalsearchCrystal • Media Sharing – Souvenir • In Action Examples: click twice on digital ink or play button • Rutgers Website

12. 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

13. 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

14. Summary • "Why be a Librarianin 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