1 / 47

Multi-Media on Your Website No longer just a silent movie

Multi-Media on Your Website No longer just a silent movie. Professor Michael S. Pilant Department of Mathematics Texas A&M University. Multi-Media on Your Website Part I. What is multimedia ? Do I need it? What can I do with it? What are the costs? What are the benefits?

Download Presentation

Multi-Media on Your Website No longer just a silent movie

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Multi-Media on Your WebsiteNo longer just a silent movie Professor Michael S. Pilant Department of Mathematics Texas A&M University ICTCM Workshop

  2. Multi-Media on Your WebsitePart I • What ismultimedia? • Do I need it? • What can I do with it? • What are the costs? • What are the benefits? • How do I get started? ICTCM Workshop

  3. Multi-Media on Your WebsitePart I • What is multimedia? “I’ll know it when I see it …” Pre-World Wide Web • Movies, slide-shows • Audio-visual presentations, laser disks • IBM PC (introduced in 1981) • Apple Macintosh (introduced in 1984) ICTCM Workshop

  4. Multi-Media on Your WebsitePart I • What is multimedia? Post-World Wide Web (1989) • Apple QuickTime (1991) • Windows AVI and Video for Windows (1992) • Windows 3.1 (1992) ICTCM Workshop

  5. Multi-Media on Your WebsitePart II • What is multimedia? • Creating Multimedia We will focus on applications with: • Mathematical Content • Student Audience • Integration with courseware • Examples ICTCM Workshop

  6. Multi-Media on Your Website • What is multimedia? Common components • Mixed-media • Nonlinear • Modular • Interactive • Computer-based • Just-in-time ICTCM Workshop

  7. Multi-Media on Your Website • What is multimedia? Example – Microsoft PowerPoint ICTCM Workshop

  8. Multi-Media on Your Website • What is multimedia? • Background • Evolution of Personal computers • Graphics standards • Graphical user interfaces • Hypermedia • Internet • World Wide Web ICTCM Workshop

  9. Multi-Media on Your Website • What is multimedia? Background – Personal Computers In 1981, IBM introduces the PC (personal computer) In 1984, Apple launches the Macintosh - integrates a GUI and a mouse ICTCM Workshop

  10. Multi-Media on Your Website • What is multimedia? Background – Graphics Standards GIF87 (Graphics Interchange Format) – June, 1987. [CompuServe]. The purpose was to allow interchange of high resolution graphics on the internet using loss-less compression ICTCM Workshop

  11. Multi-Media on Your Website • What is multimedia? Background – Graphics Standards GIF89a extension [CompuServe]. Extended the 1987 GIF standards to allow, for example, animation. ICTCM Workshop

  12. Multi-Media on Your Website • What is multimedia? Background – Graphics Standards JPEG – August, 1990. [Joint Photographic Experts Group]. ISO (International Standards Organization) lossy compression algorithm. ICTCM Workshop

  13. Multi-Media on Your Website • What is multimedia? Background – Graphics Standards PNG – October, 1996. [Portable Network Graphics]. W3C Standard. Lossless compression algorithm supporting true color (24 bit), transparency. ICTCM Workshop

  14. Multi-Media on Your Website • What is multimedia? Background – Graphics Standards QuickTime – 1991. [Apple]. Extended QuickDraw API to include timing information (hence QuickTime) ICTCM Workshop

  15. Multi-Media on Your Website • What is multimedia? Background – Graphics Standards AVI (Audio Video Interleave) and VFW (Video for Windows) – 1992. [Microsoft]. Developed for general purpose video capture in Windows 3.1 ICTCM Workshop

  16. Multi-Media on Your Website • What is multimedia? Background – Graphical User Interfaces (GUIs) November 20, 1985 – Windows 1.0 ships April 6, 1992 – Windows 3.1 ships May 24, 1993 – Windows NT 3.1 launched August 24, 1995 – Windows 95 launched July 31, 1996 – Windows NT 4.0 launched June 25, 1998 – Windows 98 launched ICTCM Workshop

  17. Multi-Media on Your Website • What is multimedia? Background – Hypermedia and the Internet In 1945, Vannevar Bush proposes Memex, a microfiche based repository of linked documents. In 1965, Ted Nelson proposes Xanadu, an electronic repository of world literature. In 1983, the Internet is created. ICTCM Workshop

  18. Multi-Media on Your Website • What is multimedia? Background – World Wide Web In 1989, Tim Berners‑Lee, a researcher at the CERN high energy physics facility in Geneva Switzerland, proposed the development of a tool to enable collaboration between physicists and other researchers in the high energy physics community. ICTCM Workshop

  19. Multi-Media on Your Website • What is multimedia? Background – World Wide Web Berners-Lee drafted a proposal called AHypertext and CERN@ and sent out a request for comments. His proposal included the first formulations of the HTML, the http protocol, and the concept of client software (web browser). The world wide web (WWW) is born… ICTCM Workshop

  20. Multi-Media on Your Website • What is multimedia? Background – World Wide Web Mosaic 1.0 - released Nov. 1993. Netscape 1.0 - December 1994. Internet Explorer 1.0 - August 1995. Opera 1.0 - December 1996. ICTCM Workshop

  21. Multi-Media on Your Website • What is multimedia? Background – World Wide Web Netscape 2.0 –support for Java, JavaScript and plug-ins Netscape 4.0, IExplorer 4.0 – support for dynamic HTML (DHTML) IExplorer 5.0 – support for XML ICTCM Workshop

  22. Multi-Media on Your WebsitePart I • What is multimedia? • Do I need it? • What can I do with it? • What are the costs? • What are the benefits? • How do I get started? ICTCM Workshop

  23. Multi-Media on Your Website • Do I need it? How is your valuable class time utilized? • Introduce new concepts • In-depth explanations and examples • One-on-one student interaction • Group discussion • Overview ICTCM Workshop

  24. Multi-Media on Your Website • Do I need it? What would you like to be done outside of class? • Homework • Pre- and post- tests • Equalizing skill level • Projects • Repetitive tasks • Reinforcement of basic concepts • Practice tests Web-enhanced instruction and multimedia… ICTCM Workshop

  25. Multi-Media on Your WebsitePart I • What is multimedia? • Do I need it? • What can I do with it? • What are the costs? • What are the benefits? • How do I get started? ICTCM Workshop

  26. Multi-Media on Your Website • What can I do with it? As an instructor: • Engage students’ attention • Re-use resources • Visualize abstract concepts • Capture lectures • Add interactivity to web-based materials ICTCM Workshop

  27. Multi-Media on Your Website • What can I do with it? As an mathematics instructor: • Develop mathematical content [HTML] • Provide drawings, illustrations [GIF, Animations, digital whiteboard] • Provide descriptions in words [Audio] • Explain by actions [Video] ICTCM Workshop

  28. Multi-Media on Your Website • What can I do with it? As an student: • Watch a concept being presented, step by step, as many times as you wish • Interact with related materials (synchronized multimedia) ICTCM Workshop

  29. Multi-Media on Your WebsitePart I • What is multimedia? • Do I need it? • What can I do with it? • What are the costs? • What are the benefits? • How do I get started? ICTCM Workshop

  30. Multi-Media on Your Website • What are the costs? • Development of content • Converting existing content • Training • Annotating, indexing • Delivery • Commercial software ICTCM Workshop

  31. Multi-Media on Your WebsitePart I • What is multimedia? • Do I need it? • What can I do with it? • What are the costs? • What are the benefits? • How do I get started? ICTCM Workshop

  32. Multi-Media on Your Website • What are the benefits? • Re-usability of content • Maintaining quality as class size increases • Just-in-time instruction • Instruction-at-a-distance • Scalability ICTCM Workshop

  33. Multi-Media on Your WebsitePart I • What is multimedia? • Do I need it? • What can I do with it? • What are the costs? • What are the benefits? • How do I get started? ICTCM Workshop

  34. Multi-Media on Your Website • How do I get started? • Choose a platform (PC, Mac, Unix) • Create audio/video content • Get it onto the computer • Convert it • Index, annotate • Put it all back together … ICTCM Workshop

  35. Multi-Media on Your Website • Levels of Complexity • Static Images • Animation • Audio segments • Music • Audio/Visual • Plug-ins • Streaming Video • Synchronized Multimedia ICTCM Workshop

  36. Multi-Media on Your Website • Multimedia Input • External • Digital cameras (IEEE 1394= Fire Wire) • Analog video (TV, VCR) • Analog audio (microphones) Generally, you need a video input (e.g. a video capture card) and sound input (e.g. a sound card) ICTCM Workshop

  37. Multi-Media on Your Website • Multimedia Input • Internal • Screen captures • Existing multimedia files ICTCM Workshop

  38. Multi-Media on Your Website • Video Input • NTSC • PAL • SECAM • Composite • S-Video • Digital Video ICTCM Workshop

  39. Multi-Media on Your Website • Video Compression/Decompression (CODECs) • Cinepak – developed in 1990 • H.261 and H.263 – based on DCT, used for videoconferencing (basis for MPEG) • Indeo 3.2 – developed in 1980’s • Photo-JPEG – for slideshows ICTCM Workshop

  40. Multi-Media on Your Website • Video CODECs • M-JPEG – Motion JPEG – JPEG compression of each individual frame • MPEG-1 – fixed bit rate (1.15 Mbps) • MPEG-2 – variable bit rate (4-9.8 Mbps) • MPEG-4,7,21 – ICTCM Workshop

  41. Multi-Media on Your Website • Video CODECs • Real Video 8 – wavelet, variable bit rate • Sorenson Video – basic codec for QuickTime • Windows Media – based on MPEG-4 ICTCM Workshop

  42. Multi-Media on Your Website • Audio CODECs • MP3 – MPEG Layer III Audio • Real Audio – basic codec for QuickTime • Windows Media – based on MPEG-4 • G.723.1 - videoconferencing ICTCM Workshop

  43. Multi-Media on Your Website • Streaming Formats (current) • Windows Media 8 • H.263, MPEG-4 (primary), Indeo 3.2 and Indeo 4.1 • QuickTime 4, 5 • Sorenson, Cinepak, Indeo 3.2 and 4.1 • Real Media G2, 8 ICTCM Workshop

  44. Multi-Media on Your Website • Step by Step • Create one or more AVI video files by video capture card, screen capture, or other means • Create one or more sound/music files by sound card or other means • *Edit the video and sound files to incorporate any “special effects,” captions, titles, etc. ICTCM Workshop

  45. Multi-Media on Your Website • Step by Step • Encode audio/video file into streaming format • Index streaming media file • Synchronize media ICTCM Workshop

  46. Multi-Media on Your Website • Bandwidth Matrix Cellular [9.6 – 19.2 Kbps] Slideshows, Flash Modem [28.8 – 56 Kbps] Low band streaming ISDN [64 – 128 Kbps] Videoconferencing DSL/Cable [128 K – 2 Mbps] Hi band streaming T1[1.5 Mbps] Hi band streaming Wireless [1 – 11 Mbps] Hi band streaming Ethernet [10 – 100 Mbps] Full screen video ICTCM Workshop

  47. Multi-Media on Your Website • Useful Links http://www.academicsolutions.com/workshop/ http://www.math.tamu.edu/~dallen/ictcm2001/ http://ictcm.tamu.edu/ http://www.math.tamu.edu/~mpilant/ictcm/ ICTCM Workshop

More Related