1 / 36

G0Q55A Multimedia: modelleren en programmeren

G0Q55A Multimedia: modelleren en programmeren. Martin Wolpers & Erik Duval. Lecturers. Martin Wolpers martin.wolpers@cs.kuleuven.be Celestijnenlaan 200A, Room 01.41 Tel: +32-16-32.70.60 Erik Duval erik.duval@cs.kuleuven.be Celestijnenlaan 200A, Room 04.175 Tel: +32-16-32.70.66.

herve
Download Presentation

G0Q55A Multimedia: modelleren en programmeren

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. G0Q55A Multimedia: modelleren en programmeren Martin Wolpers & Erik Duval G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  2. Lecturers • Martin Wolpersmartin.wolpers@cs.kuleuven.beCelestijnenlaan 200A, Room 01.41Tel: +32-16-32.70.60 • Erik Duvalerik.duval@cs.kuleuven.beCelestijnenlaan 200A, Room 04.175Tel: +32-16-32.70.66 G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  3. Introduction Who are you? What are your expectations? G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  4. Administrativa • Time & Location: Celestijnenlaan 200A • Before Lunch: 10.35 - 12.30 in 00.225 (Auditorium) • After Lunch: 13.30 – 16.00 in 00.53 (Softwarelabo N) • Lectures • No lectures on 12.10., 2.11., 21.12. • Reserve lecture on 14.12. G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  5. How to pass this course?? • Assignments • Pass all 4 assignments • Be in time, stay focussed • Exam • Oral group exam in January • Date negotiable G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  6. Course Content – Modelling and Flash • 28.9. Modelling and Flash introduction • 5.10. Modelling • Quality criteria • Interactivity • Layout • Metadata • 17.10. Deadline Assignment 1 • 19.10. Discussion Assignment 1 G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  7. Course Content – SMIL • 19.10 SMIL • SMIL introduction • Assignment 2 • 26.10. SMIL • SMIL elements • Interactivity in SMIL • 7.11. Deadline Assignment 2 • 9.11. Discussion Assignment 2 G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  8. Course Content – JAVA • 9.11. JAVA • Java media framework • The secrets of images, text and video • Assignment 3 • 16.11. JAVA • Java how to and tips • Java audio and image manipulation • 21.11. Deadline Assignment 3 • 23.11. Discussion Assignment 3 G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  9. Course Content – Ajax • 23.11. Ajax • Introduction to Ajax • Assignment 4 • 30.11. Ajax how tos • 5.12. Deadline Assignment 4 • 7.12. • Discussion Assignment 4 • Wrap up G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  10. Why Multimedia? • Simple answer – see our world today! Applications • Google Docs • News Readers Games G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  11. Idea of this course Understand • Magic behind Multimedia • Usage of metadata for Multimedia • And: Why metadata is beneficial! G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  12. Interactive Course • Work in groups of 4! • Course Website (NOT TOLEDO)http://ariadne.cs.kuleuven.be/mediawiki/index.php/MM-Course0708 • Discuss! • Re-Mix! • Re-Use! Form Groups of 4! G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  13. MULTIMEDIA How would you define multimedia? G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  14. MM Examples • Video conferencing and capturing • Online Video/Audio Streaming • Websites • Simulations • Advertisement • Games G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  15. What is Multimedia? A definition! • Multimedia is the field concerned with the computer-controlled integration of text, graphics, drawings, still and moving images (Video), animation, audio, and any other media where every type of information can be represented, stored, transmitted and processed digitally. • A Multimedia Application is an Application which uses and integrates a collection of multiple media sources e.g. text, graphics, images, sound/audio, animation and/or video. G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  16. Multimedia is • Media • Types • Properties • Objects • (Presentations) Space • Timeline • Interactivity G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  17. Media? • Newspaper: perhaps the mass communication medium, uses text, graphics, and images. • Motion pictures: conceived of in 1830’s in order to observe motion too rapid for perception by the human eye. • Wireless radio transmission: Guglielmo Marconi, at Pontecchio, Italy, in 1895. • Television: the new medium for the 20th century, established video as a commonly available medium and has since changed the world of mass communications. • World Wide Web: Information available at your finger tips G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  18. Media Type Classification Continuously (time based) Audio Video Animation Discrete (space based) Image Text Graphics Captured from real world Manufactured with computer G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  19. Media Type Properties • Representation: Audio – Video • Aggregation: Single – Integrated Media • Distribution: Push – Pull • Interaction: Passive – Interactive • Standards: De jure – De facto G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  20. MM Objects • Types • Images, Music & Sound, Video, Text, Simulation, Virtual Reality • Properties • Numerous, e.g. size, hue, interactivity, colors, loundness, etc. Examples • websites: http://www.adobe.com/ • video conferencing: http://www.flashmeeting.com/ • info games: http://www.springbydannon.com/index.jsp G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  21. MM Space • Presentation Space • Graphical User Interface • Dimensions are time, space, depth • Semantic Space • Semantic level • Representation by Metaphors • Windows Folder Icon is a metaphor • Avatars are metaphors • Event Space • Timing of Activities, Events, etc. • Timelines, Duration, etc. • Example: • A virtual Pinboard: http://www.worthersoriginal.com/viki/ • Give some examples! G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  22. The timeline t0 t1 t4 t7 t2 t3 t5 t6 t8 t9 TIME Video 1 Video 2 Audio1 Audio2 Audio3 Text1 Text2 Text3 G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  23. Synchronisation and Timing Multimedia synchronization refers to a temporal, spatial, or logical relationship between objects, data entities, and media streams. (Sagar Naik) see also: http://cs.uccs.edu/~cs525/synmm/synmm.htm The PROBLEM TIME Video 1 Audio1 correct Audio1 too late G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  24. The right timing EventsProgrammed and User triggered events  Java, SMIL, Flash, etc. G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  25. Interactivity • Passiv: pre-defined sequence of information (radio, tv, cinema) • Interactive: Individual control • Level 1: Timing, Sequence, Pace, Form (newspaper, CD, DVD, Hypertext) • Level 2: Annotation, Extension, Modification • Level 3: Processing user data (e.g. simulations) G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  26. The Assignment G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  27. Global Warming • Wikipedia on Global Warming • Global Warming Effects • How to prevent global warming G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  28. Carbon Dioxide Calculators • SafeClimate calculator • Inconvenient Truth Calculator • UK Government Calculator G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  29. Assignment Build Carbon Dioxide Simulator • Based on distances and energy consumption, simulate and compare carbon dioxide production. • Include interactive elements • E.g. sliders change distance • E.g. buttons to add/hide means of transport (e.g. on foot, by train, by car, by plane) G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  30. How to get there? • Step 1 – Storyboard • Step 2 – Flash Model (Assignment 1 – due 17.10.) • Step 3 – SMIL Model (Assignment 2 – due 7.11.) • Step 4 – Java Model (Assignment 3 – due 21.11.) • Step 5 – Ajax Model (Assignment 4 – due 5.12.) G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  31. Group Wiki page http://ariadne.cs.kuleuven.be/mediawiki/index.php/MM-Course0708 • Set your group wiki page up • Teamleden • Blog • Presentaties • Storybord • Opdracht 1-4 • Verdeding afspraak G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  32. S1 – Story Board • Paper and Pen or Laptop/PC • Focus on message to be transported • Logic is unimportant for now TODAY • Work for 60min • Discuss your approach with one partner group for 20min each group • Capture at wiki: What was good and bad about your solution. G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  33. S2 – Flash Model • Step 2 – Flash model • Using Flash CS3 on PC at home • Find suitable MM Content • Images • Videos • Text • Build non-interactive flash model including timeline and media • Submit via Wiki on 17.10. Concentrate on message to be transported! G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  34. Flash • Download and install Flash CS3 (30 day trial) • Follow tutorial „Using flash for the first time“ • Use the WWW • Study yourself • Check if sources are reliable G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  35. Summary • Storyboard „Carbon Dioxide Calculator“ • Identify elements, layout and timeline • Focus on message to be transported • Discuss and put pros/cons on wiki page • Flash implementation (Deadline 17.10.) • No logic and interactivity • Layout, Timeline, Media Elements • Readme including tools used and time spent G0Q55A – Multimedia: modelleren en programmeren 2007/2008

  36. References No books but … • http://www.doc.ic.ac.uk/~gzy/teaching/mm.htm • http://www.dcs.gla.ac.uk/%7Estephen/lectures/ITMM/ • http://www.cs.sfu.ca/mmbook/ • http://www.cs.cf.ac.uk/Dave/Multimedia/index_html • … G0Q55A – Multimedia: modelleren en programmeren 2007/2008

More Related