© Anselm Spoerri 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 21 st 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 21 st Century?"

© Anselm Spoerri Comfort Sophistication Course Scope? 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

© Anselm Spoerri Comfort Sophistication Course Challenge Wait! Reward is Close. ANXIETY Frustration

© Anselm Spoerri Comfort Sophistication Interactive Multimedia Website that Communicates Course Reward Beginning of Sense of What is POSSIBLE

© 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? 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

© Anselm Spoerri Your Guide Anselm Spoerri –Computer VisionComputer Vision –Filmmaker – IMAGOFilmmaker – IMAGO –Click on the center image to play video –Information Visualization – InfoCrystal  searchCrystalInformation Visualization – InfoCrystalsearchCrystal –Media Sharing – SouvenirMedia Sharing – Souvenir –In Action Examples: click twice on digital ink or play button –Rutgers WebsiteRutgers Website

© Anselm Spoerri Gameplan Requirement –Use Adobe Creative Suite 3: Standard Web Edition –Should be also available via 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 –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 21 st Century?" –Communicate Your Vision –Share Your Passions –Create Cool Website Learn New Skills & Vocabulary Learn MECHANICS –To use Dreamweaver, Fireworks and Flash Create MEANING