© Anselm SpoerriDigital Media Production Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University

Slides:



Advertisements
Similar presentations
Story as Transformation Process ~ Emergence ~
Advertisements

DIGITAL STORYTELLING video Music Text Pictures Recorded Audio Graphics.
Digital Storytelling Photo Story 3 from Microsoft and Movie Maker.
Evaluation in Digital Media Graphics Basic Concepts.
Selecting the Right Media. What does text do best? Depth, background Context, analysis Online – immediacy Online – allows for reaction Online – hyperlinks.
© Anselm Spoerri Multimedia Production Lecture 1 Setting the Stage Course Goals Gameplan Examples from Previous Courses Summary The slides will be also.
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
Welcome to UFCEKR-20-1 Media Technologies. B.Sc. (Hons) Multimedia Computing Module Presentation Lectures, examples, and demonstrations Worksheets and.
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
Digital Storytelling.  is the art of turning a personal narrative into a multimedia experience.  It may contain  text  music  images  video  and.
© Anselm Spoerri Web Design Information Visualization Course Prof. Anselm Spoerri
INTRODUCTION TO DIGITAL STORYTELLING
Video Tutorials TECM 4180 Dr. Lam. Why Video Tutorials? Times are changing- Traditional tech comm must adapt Videos can convey information that words.
Digital Storytelling Tell me a fact and I’ll learn
© Anselm SpoerriDigital Media Production Digital Media Production Digital Media Production Anselm Spoerri PhD (MIT) Rutgers University
7 Steps to Creating a Digital Story
PDF Wikispaces Blogging PBWorks You are now ready to cut the red ribbon and unveil your project to your intended audience.
Podcasting, Video and Screencasting, and Live Streaming Multimedia Publishing for the Masses.
Writing in the 21 st Century Using Technology to Enhance the teaching of student narratives.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Pop Art / Visual Culture of the 1960's Susan Robinson, Robin Moles, Susan Dowling, Robert Wilde Wimba, WikiSpace & CourseDen Comic Life, MS Word, iPhoto,
Lab 1: Video project planning and Storyboard Chun-Yi Lin W301 Fall 2007 Week 4 Chun-Yi Lin W301 Fall 2007 Week 4.
Digital Storytelling An introduction to using digital pictures and Windows Movie Maker to create compelling stories.
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials Cameras and photos: Making a documentary video Suitable for: Improver.
Who are today’s story tellers? What do they have to say? Stories told.
Digital Storytelling. What is Digital Storytelling? Combining the art of telling stories with some mixture of digital graphics, text, recorded audio narration,
No Teacher Left Behind Using Multimedia in the Classroom Featuring iLife from Apple Software Focusing on Language Arts Presented by Bill Sarazen.
Tom Banaszewski techszewski.blogs.com teachstory.org 7 Steps to Creating a Digital Story.
Course Title: M.M.T Chapter No: 01 “Introduction to Multimedia”
The Basics of Video Storytelling By Abi Gleckler.
THE POWER OF SHOW: EXPERIMENTING WITH MULTIMODAL COMPOSITION Lauren Smith and Jennifer Niester-Mika Delta College.
The Educational Uses of Digital Storytelling Bernard Robin College of Education University of Houston.
Wessington Springs School District Digital Storytelling Charlotte Mohling.
Digital Storytelling Why? Dyan’s Couch Youtube Digital video is becoming the media of choice Our students are comfortable with it. Remember, they are natives,
DIGITAL STORYTELLING Wendy Sigele Caren Kimbarovsky Briana Allen.
Enriching Instruction through Digital Stories in the K-12 Classroom.
© Anselm Spoerri Multimedia Production Lecture 1 Setting the Stage Course Goals Gameplan Examples from Previous Courses Summary.
FOCUSING ON THE STORY BEHIND THE STORY DIGITAL STORYTELLLING.
Digital Storytelling. What is Digital Storytelling? Combining the art of telling stories with some mixture of digital graphics, text, recorded audio narration,
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
4. How did you use media technologies in the construction, research, planning and evaluation stages?
Digital Storytelling “Storytelling is the art of using language, vocalization, and/or physical movement and gesture to reveal the elements and images of.
Evaluation Question 4 How did you use media technologies in the construction, research, planning and evaluation stages?
 Digital Storytelling  Module #3 TIE585AC Integrating Web 2.0 Applications in the Classroom Module #3 Image source:
Storyboarding Where It All Begins. The Storyboard The first step is to understand what you are trying to communicate and what your intended message is.
Digital Storytelling Cheng-Yuan “Corey” Lee, Ph.D. Spadoni College of Education EDUC 204 Computer Technology and Instructional Media.
Video project planning and Storyboard Chun-Yi Lin.
Libraries are Changing Keeping Up, Being Successful.
Proprietary & Confidential Digital Storytelling Singapore 2009 Matt Monjan Director, Discovery Education.
Digital Storytelling Marilyn Williams. What is Digital Storytelling? “Digital storytelling takes the ancient art of oral storytelling and engages a palette.
What is Digital Storytelling?  Digital Storytelling is the intersection between the age- old art of storytelling and access to powerful technology that.
Multimedia Fundamentals
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Media. UNIT 3 SAC: Narrative - 40 marks – (All 3 SAC’s - 12%) SAT: Production Exercises SAT: PDP UNIT 4 SAT: Media Process SAC: Social Values - 40 marks.
Telling Our Stories.   Technical Requirements  Introduction to Digital Storytelling  Why Story  Digital Story as a Community Building Tool  Introduction.
Today’s Prompt  Tell a story about a time when you were given permission to express yourself through your own creativity. Bring us to the moment of awareness.
Allison Wurgler, Erin Steinberg, and Anna Kvidt.  Digital storytelling is the practice of combining narrative with digital content, including images,
DIGITAL STORYTELLING Wendy Sigele Caren Kimbarovsky Briana Allen.
Chapter 04: Specialized Application Software
Web Programming Anselm Spoerri PhD (MIT) Rutgers University
INTERNET JOURNALISM WORK FOR SEMETER
Question 4 How did you use new media technologies in the research, planning, construction, and evaluation stages?
Digital Media Production
Information Technologies Anselm Spoerri PhD (MIT)
A special project for my special students
Chapter 11: Multimedia Tools
Information Technologies Anselm Spoerri PhD (MIT)
Information Technologies Anselm Spoerri PhD (MIT)
Presentation transcript:

© Anselm SpoerriDigital Media Production Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University

© Anselm SpoerriDigital Media Production Lecture 1 - Overview Course Overview ‒ Course Goals | Learning Objectives ‒ In a Nutshell ‒ Your Guide ‒ Gameplan Multimedia Story Design ‒ Types of Stories ‒ Steps of Developing Digital Story ‒ Knight Digital Media Center ‒ Trends & How To ‒ Examples and Resources Lectures – Week 1 Content

© Anselm SpoerriDigital Media Production Course Goals 1.Plan + Develop Digital Multimedia Story 2.Design + Construct Website that uses standard compliant XHTML, HTML5 and CSS. 3.Apply Video Editing Principles to produce concise video pieces. 4.Apply Animation Design Principles to create interactive animations.

© Anselm SpoerriDigital Media Production Learning Objectives 1.Plan + Develop Multimedia Story that is well researched. 2.Capture Photo & Video Footage that is visually engaging 3.Create Storyboard of video story to be produced. 4.Create + Upload XHTML Web pages standards compliant and contain relative and absolute links, tables, images and embedded video 5.Design external Cascading Style Sheets control the layout and visual appearance of Web pages.

© Anselm SpoerriDigital Media Production Learning Objectives 6.Understand Basics of JavaScript to create interactive slideshow with concise captions. 7.Edit Video Footage using Premiere Elements to produce well structured video in post-production. 8.Create Animation using Flash presents information in a well timed and interactive way.

© Anselm SpoerriDigital Media Production Individual Exercises Exercise 1: Web Design – Present Story Outline for major multimedia project. Due Week 4 | Rev Week 7 Exercise 2: Photography – Create Photo Essay using JavaScript. Due Week 6 | Rev Week 9 Exercise 3: Web Design – Develop Website with Storyboard for video. Due Week 8 | Rev Week 11 Exercise 4: Video – Capture & Edit Video using good camerawork and editing techniques. Due Week 10 | Rev Week 13 Exercise 5: Animation – Design Animation using Flash to communicate key facts or concepts. Due Week 12 | Rev Week 14

© Anselm SpoerriDigital Media Production Term Project and Discussions Term Project: Digital Multimedia Story – Create Website using XHTML, CSS, JavaScript that contains interactive Slideshow, Video and Animation. Due Week 15 Discussions – Three Graded Discussions ‒ Topic 1: Identify Key Elements of Engaging Multimedia Story – Week 2 ‒ Topic 2: Analyze Video – Week 7 ‒ Topic 3: Analyze Animation – Week 11 ‒ Students provide constructive feedback for exercises

© Anselm SpoerriDigital Media Production In a nutshell Master Digital Media Production Mechanics Create Something of Meaning  Able to Create Web pages | Image Slideshows | Video | Animations Analyze  Emulate  Create  Able to Code & Troubleshoot Copy  Paste  Understand  Customize

© Anselm SpoerriDigital Media Production Your Guide Anselm Spoerri –Computer VisionComputer Vision –Filmmaker – IMAGOFilmmaker – IMAGO –Information Visualization – searchCrystalInformation VisualizationsearchCrystal –Media Sharing – SouvenirMedia Sharing – Souvenir –Rutgers WebsiteRutgers Website Teaching –Information Technology | Web DesignInformation TechnologyWeb Design –Multimedia Production – student highlightsMultimedia Productionstudent highlights –Information Visualization - whereRUInformation VisualizationwhereRU

© Anselm SpoerriDigital Media Production Gameplan Course Website ‒ Schedule –Lectures –Narrated Lectures | Handout | Video Demos | Step-by-Step files ‒ Requirements ‒ Exercises

© Anselm SpoerriDigital Media Production Gameplan Course Content MCIS 507 – Digital Media Production and will incorporate customized content from –MLIS 550 – Info Tech + Web Design –MLIS 555 – Multimedia Production LyndaCampus Adobe TV Web Resources

© Anselm SpoerriDigital Media Production Gameplan Communication −Online Discussions – use eCollege. −Virtual Office – use Discussion board in eCollege to create communal resource. −Virtual Meeting – chat, voice conferencing and screen / application sharing service. −Virtual Help – use Skype or Adobe Connect service. −

© Anselm SpoerriDigital Media Production Gameplan Hardware −Digital Camera to capture photos and videos. −Headset with built-in microphone. Software −Web Editing: NotePad++ (Win; free); TextWrangler (Mac, free). −File Transfer: Filezilla (Win / Mac; free). −Image Editing: Pixlr (Win / Mac; free); Photoshop Elements (Win / Mac; $120). −Audio Editing: Audacity (Win / Mac; free). −Video Editing: Premiere Elements (Win / Mac; $120). −Animation: Flash (Win / Mac; accessible for free via

© Anselm SpoerriDigital Media Production Multimedia Story Design - Overview Multimedia Story Design Source: Digital Storytelling Cookbook by Joe Lampert ‒ Story is learning, celebrating, healing, and remembering. ‒ Most have little voice, an editor, telling us that what we have to say is not entertaining or substantial enough. ‒ Start with a small idea to overcome creative block. ‒ Describe “picture-by-picture” to create story elements. Observe the patterns of words used. ‒ Combine “Analytical” with “Emotive” ‒ Interview / Self-Interview process can help to develop story.

© Anselm SpoerriDigital Media Production Multimedia Story Design – Types of Stories Someone Important ‒ Character Stories: how we love, are inspired by, want to recognize, and find meaning in our relationships. ‒ Memorial Stories: honoring and remembering people who have passed is an essential part of the grieving process. Event in My Life ‒ Adventure Stories: we travel to break away from the normalcy of our lives and to create new vivid memories. Before trip, create a story outline of what kinds of images, video, or sounds useful for story. ‒ Accomplishment Stories: about achieving a goal and easily fit into the desire–struggle–realization structure of a classic story. Place in My Life ‒ Your insights into place give us insight about your sense of values and connection to community. What I Do ‒ Jobs help to give some sense of identity, people also refer to their hobbies or social-commitments when thinking about who they are.

© Anselm SpoerriDigital Media Production Multimedia Story Design – Types of Stories Recovery ‒ Sharing the experience of overcoming a great challenge in life is a fundamental archetype in human story making: descent-crisis- realization pattern. Love ‒ Romance, partnership, familial or fraternal love all naturally lend themselves to the desire-struggle-realization formula. Discovery ‒ Process of learning is a rich field to mine for stories, illustrating how we uncovered the facts to get at a truth or insight. Good Story often comes from looking at the familiar in a new way and with a new meaning. Stories ask us to reveal things about ourselves that make us feel vulnerable.

© Anselm SpoerriDigital Media Production Steps of Developing Digital Story Help storytellers fully visualize their story before they begin to write script. Identify the moment of change in their story. 1.Owning Your Insights What it’s really about: the storyteller, as the person who lived through the story. How does this story show who you are? Change came to you or you went towards change - archetype of symbolic journey of self-understanding. 2.Owning Your Emotions Become aware of the emotional resonance of story. Sharing your story (idea), what emotions did you experience? Become aware of contrasting and complex feelings and express without relying in clichés or using “feeling” words. Knowing your intended audience shapes emotional content of your story.

© Anselm SpoerriDigital Media Production Steps of Developing Digital Story 3.Finding The Moment Identify moment that you can use to illustrate your insight. Once this moment of change is identified, you need to determine how it will be used to shape the story. If you can paint the audience a portrait of both you, and your experience of moment of change, then you are creating a scene.

© Anselm SpoerriDigital Media Production Steps of Developing Digital Story 4.Seeing Your Story Describe images when recalling moment of change. Why this image? What is it conveying to you? Is the meaning explicit or implicit? Literal or direct images are used to illustrate a story. Implicit image have multiple layers of meaning. Two common techniques to convey meaning through the use of implicit imagery are visual metaphor and juxtaposition. Well-chosen images mediate between story and audience. 5.Hearing Your Story Sound is one of the best ways to convey emotional tone through how voice-over is performed and ambient sound + music work with story. Is ambient sound or music enhancing the story, or not? Music can alter our perception of visual information. The more spoken voice is inserted into the written script, the more you will pull audience into story.

© Anselm SpoerriDigital Media Production Steps of Developing Digital Story 6.Assembling Your Story How are you structuring the story? How are layers of visual + audio narratives working together? At what point will moment of change appear? What are the necessary parts of my story? Determine how much to tell audience and at what point. Don’t give away too much information all at once. Once basic structure in place, the next step is scripting and storyboarding: laying out how visual and audio narratives will complement each other to best tell the story. If an image conveys my meaning better than words can, how can I use my words to tell another aspect of the scene? Closure: audience understands pieces as single idea. How does the pacing contribute to the story’s meaning? Fast pace, quick edits + upbeat music can convey urgency. Slow pace with gradual transitions and extended shots may convey calmness.

© Anselm SpoerriDigital Media Production Steps of Developing Digital Story 7.Sharing Your Story Who is your audience? What was your purpose in creating the story? Contextualizing: if you know who the audience will be and what they know about you, then it will help determine how much context to provide about the story. You may choose to provide contextual information outside or inside of the story. If you know presentation setting, this will help you determine what kind of contextualizing materials to provide. Digital Storytelling Cookbook: Approaches to Scripting and Storyboarding

© Anselm SpoerriDigital Media Production Digital Media Production – Further Required Readings Knight Digital Media Center Transition to Digital Journalism Covers major digital tools and trends that are disrupting news industry and changing the way journalists work. What is a Multimedia Story? Best multimedia stories are multi-dimensional. Go into field to report the story face-to-face with sources. Gather as much information as possible in rough storyboard - outline of the story that lays out the multimedia possibilities. Assembling Your Story? Describes different elements that can go into a multimedia story and steps and stages needed to pull it together. Picking Right Media for Story Understand strengths and weaknesses of video, images, audio, text and data and types of stories lend themselves.

© Anselm SpoerriDigital Media Production Digital Media Production – Digital Multimedia Story Examples Spilling Over created by students at School of Journalism and Mass Communication University of North Carolina at Chapel Hill. Spilling Over What is the True Cost of Gasoline? an animated feature created by the Center for Investigative Reporting. What is the True Cost of Gasoline? The Reckoning: New York Times journalists use digital media to present stories and information about Sept. 11 on the 10-year anniversary. The Reckoning Resources News21 Knight Digital Media Center NY Times Multimedia Economist Multimedia