1. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 1 Integrating Motion Media on the Web Presented by Kenan Doyle Branam ~ kenan@branam.com kenan@branam.com Web Team Leader for mca-i.org Courage and clarity in the face of complexity, agility for continuous change and growth, a peaceful mind to sustain paradox, and a vision of all things connected.

2. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 2 Integrating Motion Media on the Web My Objectives Today The Nature of the Web Medium How to Weave a Story with Motion Media

3. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources Copyright 2005 - Paradigm Communications, Inc. 3 I ntroduction Media Experience Art & Science TV Producer Video Artist Gestalt Facilitator Web Designer Media Consultant

4. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 4 The Story Teller Produced in 1993 for the ITVA Houston Chapter Vector Award Video Festival

5. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 5 The Story A Story is a Teller’s glimpse of life’s experience— a personal perspective— a way of communicating and sharing with a audience.

6. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 6 The Story Line A Story “Line” is one dimensional with a beginning, middle, and end. Web space is multi-dimensional without beginning or end.

7. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 7 Weaving the Story Weaving is a metaphor of a society’s experience and understanding of the universe they live in --woven with threads of experience and patterns of archetypal themes.

8. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 8 Weaving the Story “There is no way in which to understand the world without first detecting it through the radar-net of our senses.” “A poem records emotions and moods that lie beyond normal language, that can only be patched together and hinted at metaphorically. “ Diane Ackerman

9. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 9 Weaving the Story The human cognitive process is multidimensional, perhaps greater than the four dimensions of time and space.

10. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 10 Perception Attention (Focus) Stimulus/Response Pattern Recognition Association Concept Formulation Creative Adaptation Cognitive Modalities

11. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 11 The Media “The Medium is the Massage.” Herbert Marshall McLuhan 1911-1980 The Official Website The Book

12. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 12 The Media Evolution of Media Face to face Sign language Voice language Broadcast medium Theatre Books (written language) Telephone Radio Television The Internet & the Web

13. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 13 Weaving a Web Story Networked v Linear Segmented v Contiguous “Parsed” v Composite Interactive v Sequential Integrated v Isolated

14. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 14 Weaving a Web Story Motion Media Stories Movies on DVD now offer a choice of alternate endings and behind the scenes. Even broadcast TV series offer several “story lines,” within episode. Video Games branch at every turn and challenge Player’s resource management.

15. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 15 It’s about the Experience The Web is literate, not just visual. The Web is active rather than passive. The Web is time-sensitive. The very origin of the Web is about sharing collective knowledge through links—hypertext. The Web is at once global and local. Weaving a Web Story

16. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 16 The Web Metaphor The Web is more like a “library” than a “shopping mall”. Familiar Appropriate Intuitive Usable Accessible

17. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 17 Shooting for the Web Pre-production Distribution environment Program objectives Communication architecture Start with the best equipment Keep it simple Limit the shot lengths & complexity Take it apart

18. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 18 Shooting for the Web Composition Avoid high texture backgrounds Tighter is better Low data backgrounds Low contrast lighting Avoid color over-saturation Avoid high-res patterns Limit full composition movement Capture clean audio!

19. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 19 Post Production Think non-linearly Frame aspect is not fixed Avoid quick-cuts & montages Use dissolves rather than page turns Prefer fade up from black or not Limit titles and captions Embed hot spots and metadata

20. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 20 DVD Menus – 24 Hours

21. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 21 DVD Menus – 6 Feet Under

22. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 22 Authoring Options Macromedia Studio: Dreamweaver, Flash, etc. MS PowerPoint download or convert to HTML MS Producer (time-line) MM Flash converted to HTML

23. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 23 Download (on-demand) Streaming on-demand live embedded (In-context of page) Web Distribution

24. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 24 Video Serving Options –Run Plug Ins: Real Player, Windows Media Player, QuickTime, Macromedia Flash (or Shockwave), and now, BroadRampBroadRamp –Embedded (in-context of the page) –Program multimedia montages with hot spots and time triggers

25. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 25 Screen Starts Text Link –(RightClick to Download) Embed: Graphic Button or image Still Video Image or GIF animation Flash Composition or Flash image

26. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 26 Sample Websites

27. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 27 Sample Websites

28. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 28 Sample Websites

29. Mayoral Candidate Forum October 1, 2003 Left-click to play. Right-click to control... Bottom Frame contains transcript. Adjust Frame up to read. Slide 29 PowerPoint Question Three Improving air quality is the next most urgent goal of the Citizens’ Agenda for Houston’s Future. What is your plan to improve air quality in the city of Houston? Play audio of question

30. 30 Transmission Distortions CDP Analyses Hatchell, 2000 Migrated CDP gathers every 50 locations 200 ms -10 0 1600 ft18000 ft Trough Amplitude WARNING: Examine more than 1 migrated CDP gather near well site or prospect. 7.B.2 TOGGLE VIDEO ON/OFF by clicking on image 30 PowerPoint – Engineer seminar

31. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 31 Sample Websites –http://www.conversegallery.comhttp://www.conversegallery.com –http://www.mediaateam.com/http://www.mediaateam.com/ –Ellen Degeneres http://www.mylifemycard.com/mylifemycard. html http://www.mylifemycard.com/mylifemycard. html Ray Kurzweil Artificial Intelligence - http://www.kurzweilAI.net/ http://www.kurzweilAI.net/ The Brain - http://www.kurzweilai.net/brain/ http://www.kurzweilai.net/brain/

32. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 32 The Future of the Web Bigger, Faster, Smarter, Cheaper… even the audience will be transformed into story tellers and weavers, creating the web of human experience.

33. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 33 Summary the Story The Web we weave is the Story of the Human Experience. The Greatest Story Ever Told. A Story about Everything in a medium that enfolds and unfolds its true nature: multi-dimensional, multi-authored, collaborative, globally accessible, never ending.

35. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 35 Resources This PowerPoint presentation is available for download at: http://www.branam.com/makingsense/P PT/Integrating_Motion_Media.pps http://www.branam.com/makingsense/P PT/Integrating_Motion_Media.pps Suggested reading list at Amazon Amazon Integrating Motion Media on the Web

36. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 36 Desktop Tools Macromedia/Homesite or BBEdit –Coding by hand Macromedia Dreamweaver –WYSIWYG editing & prototyping Adobe Photoshop or Fireworks –Prototyping & image creation/optimization CSE HTML Validator 4.5 –Validation –Spell check XENU Link Sleuth –home.snafu.de/tilman/xenulink.htmlhome.snafu.de/tilman/xenulink.html

37. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 37 Resources PowerPoint converted to Flash: http://www.presentationpro.com /Products/GalleriesLite.asp

38. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 38 Video Formats –MPEG 1 –MPEG 2 –MP3 is not MPEG3 –MPEG 4 –MPEG 7 –MPEG 21 Streamingmedia.com MPEG.ORG

39. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 39 Example: Adobe Premiere Windows Media Format Choices Video Formats

40. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 40 The Brain - Personal Browser

41. Making Sense of the Information Age Home Introduction The Story The Story The Media The Media Production Post Distribution The Future The Future Summary Resources 41 Groker Search Engine