SlideShare una empresa de Scribd logo
1 de 28
Descargar para leer sin conexión
Multimedia:
modelleren en programmeren



                Erik Duval
       Dept. Computerwetenschappen
    http://www.cs.kuleuven.ac.be/~erikd/
vandaag...

• 10u30-11u00: inleiding, praktisch, ...
• 11u00-12u00: informatie visualisatie
• 12u00-12u30: mash-up
• 12u30-13u30: break
• 13u30-14u30: bespreken 3-5 visualizaties voor muziek
• 14u30-16u00: ontwerp
                          2
?
wat verwacht jij en waarom zit je hier :-) ?


                    3
• 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.
                      4
voorbeelden?



     5
• web
• gsm
• facebook
• dvd
• games

             6
• video op youtube
• internet-radio: pandora, last.fm
• flash-spelletjes
• ipod OS
• media players: http://amarok.kde.org/
 • http://elisa.fluendo.com/, http://www.getmiro.com/
• deredactie.be, dered-actie.be
• tv: meesten <1u
• dvd>tv
• web browsen: 2u (soms met tv)
                         7
doelstellingen

• inzicht in de toepassingsgebieden
• concrete vaardigheden
 • modelleren van een multimedia-toepassing
 • uitwerken van dat model in een praktische
    implementatie-omgeving
• inzicht en ervaring over evalueren
                           8
niet

• video of audio of beeld - formaten
• AV productie
• ...

                     9
inhoud
• storyboard
• model
• 4 van
 • flash/flex
 • iPhone
 • Android
 • mashup, multi-touch
                   10
http://www.aristomusic.com/
http://sharetec.celstec.org/gddf/mace_AR.mov
Studio

• vrijdag 10u35-16u00: verplicht!
• 6 stpt = 180u
• groepswerk: 2 tot 4?
• twee aspecten
 • programmeren
 • analyse en rapportering
                       14
25 sept   inleiding, infovis, ontwerp            5
2 okt     14u: Flex, Mashup                      2
9 okt     demo Flex+Android             12 okt   5 35
16 okt    (Android)
23 okt    Android+feedback Flex                  5
30 okt    demo Android+iPhone           2 nov    5 35
6 nov     (iPhone)
13 nov    iPhone+feedback Android              5
20 nov    demo iPhone+multi-touch       23 nov 5 35
27 nov    (multi-touch)
4 dec     multi-touch+feedback iPhone            5
11 dec    multi-touch                            5
18 dec    demodag                       21 dec   5 35
Evaluatie
• wetenschappelijk paper lezen en bespreken
• 4 papers schrijven over 4 projecten
 • van formatief naar summatief
   • veel feedback van mij
 • kritische reflectie
 • hoe? waarom? voor/na? lessons learned?
                    16
punten: gem=16
20




15




10




5




0




           17
Vragen...?

    18
Elektronische omgeving




             Erik Duval
    Dept. Computerwetenschappen
 http://www.cs.kuleuven.ac.be/~erikd/
• facebook group: je moet lid worden
 • wie heeft er al een account?
• delicious tag: mume09
 • wie heeft er al een account?
 • je moet elke week een resource taggen
• twitter tag: #mume09
 • wie heeft er al een account?
 • je moet tweeten als je aan multimedia werkt
• blog per groep
 • wie blogt er al?
 • je moet elke week een status update bloggen
• wie heeft laptop?
 • bij?
• gebruik (iets wat lijkt op) je echte naam!
• groepjes van ???
• zet blog op
• tweet erover
• geef link op facebook groep MuMe09
• bookmark muziek site op delicious met mume09
• bespreek 3-5 visualizaties van muziek
• vandaag!
Vragen...?

    22
Storyboard




            Erik Duval
   Dept. Computerwetenschappen
http://www.cs.kuleuven.ac.be/~erikd/
storyboard

• afkomstig van Disney, jaren ’30
• tekenfilm, film, reclame, interactieve media,
  web sites, ...
• help discussie te triggeren

                           http://www.vintageip.com/terms-storyboard.html
                      24
25   http://hometown.aol.com/greghigh6/storyboard_design.html
hoe
• identificeer kleine “scènes”
 • inleiding, achtergrond, voorbeeld, besluit, ...
• wijs media toe aan scènes
 • video, audio, diagram, kaart, foto
• werk interactiviteit uit
 • controle door gebruiker op navigatie
                            26
http://www.billybear4kids.com/Learn2Draw/storyboard.shtml




27
Questions?
 http://erikduval.wordpress.com/
http://www.cs.kuleuven.be/~erikd




    Thanks!
               28

Más contenido relacionado

Similar a Multimedia: les 1

Voorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimediaVoorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimedia
Erik Duval
 
Multimedia les 1
Multimedia les 1Multimedia les 1
Multimedia les 1
Erik Duval
 
Multimedia: Les 6
Multimedia: Les 6Multimedia: Les 6
Multimedia: Les 6
Erik Duval
 
Multimedia: Les 5
Multimedia: Les 5Multimedia: Les 5
Multimedia: Les 5
Erik Duval
 
20130219 chi cursus
20130219 chi cursus20130219 chi cursus
20130219 chi cursus
Erik Duval
 
An introduction to CHI
An introduction to CHIAn introduction to CHI
An introduction to CHI
Erik Duval
 
Workshop: Samen werken, samen leren - Profiel K
Workshop: Samen werken, samen leren - Profiel KWorkshop: Samen werken, samen leren - Profiel K
Workshop: Samen werken, samen leren - Profiel K
Hutspot
 

Similar a Multimedia: les 1 (20)

Voorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimediaVoorstelling gebruikersinterfaces en multimedia
Voorstelling gebruikersinterfaces en multimedia
 
Multimedia les 1
Multimedia les 1Multimedia les 1
Multimedia les 1
 
Multimedia: Les 6
Multimedia: Les 6Multimedia: Les 6
Multimedia: Les 6
 
PenO1: Les 1
PenO1: Les 1PenO1: Les 1
PenO1: Les 1
 
Multimedia: Les 5
Multimedia: Les 5Multimedia: Les 5
Multimedia: Les 5
 
Workshop Video op Mobiel 23-11-2011
Workshop Video op Mobiel 23-11-2011Workshop Video op Mobiel 23-11-2011
Workshop Video op Mobiel 23-11-2011
 
Cursus chi
Cursus chiCursus chi
Cursus chi
 
20110928 pen o1_les1
20110928 pen o1_les120110928 pen o1_les1
20110928 pen o1_les1
 
Capita Selecta
Capita SelectaCapita Selecta
Capita Selecta
 
20130219 chi cursus
20130219 chi cursus20130219 chi cursus
20130219 chi cursus
 
Multimedia: storyboard
Multimedia: storyboardMultimedia: storyboard
Multimedia: storyboard
 
Cursus chi
Cursus chiCursus chi
Cursus chi
 
An introduction to CHI
An introduction to CHIAn introduction to CHI
An introduction to CHI
 
Laptops in de klas sector techniek Aventus
Laptops in de klas  sector techniek AventusLaptops in de klas  sector techniek Aventus
Laptops in de klas sector techniek Aventus
 
Af presentatie-2nov2011-definitief
Af presentatie-2nov2011-definitiefAf presentatie-2nov2011-definitief
Af presentatie-2nov2011-definitief
 
Digiwijs bij theek5
Digiwijs bij theek5Digiwijs bij theek5
Digiwijs bij theek5
 
2013 pp laptops in de klas
2013 pp laptops in de klas2013 pp laptops in de klas
2013 pp laptops in de klas
 
Presentation techniques
Presentation techniquesPresentation techniques
Presentation techniques
 
Workshop 'Video op mobiele devices' (Surfacademy)
Workshop 'Video op mobiele devices' (Surfacademy)Workshop 'Video op mobiele devices' (Surfacademy)
Workshop 'Video op mobiele devices' (Surfacademy)
 
Workshop: Samen werken, samen leren - Profiel K
Workshop: Samen werken, samen leren - Profiel KWorkshop: Samen werken, samen leren - Profiel K
Workshop: Samen werken, samen leren - Profiel K
 

Más de Erik Duval

InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
Erik Duval
 

Más de Erik Duval (20)

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapers
 
InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015
 
InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015
 
InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisation
 
InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015
 
Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principles
 
InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015
 
A short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationA short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisation
 
InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015
 
InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer Interaction
 
InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015
 
InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015
 
InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
 
InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarter
 
InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik
 

Multimedia: les 1

  • 1. Multimedia: modelleren en programmeren Erik Duval Dept. Computerwetenschappen http://www.cs.kuleuven.ac.be/~erikd/
  • 2. vandaag... • 10u30-11u00: inleiding, praktisch, ... • 11u00-12u00: informatie visualisatie • 12u00-12u30: mash-up • 12u30-13u30: break • 13u30-14u30: bespreken 3-5 visualizaties voor muziek • 14u30-16u00: ontwerp 2
  • 3. ? wat verwacht jij en waarom zit je hier :-) ? 3
  • 4. • 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. 4
  • 6. • web • gsm • facebook • dvd • games 6
  • 7. • video op youtube • internet-radio: pandora, last.fm • flash-spelletjes • ipod OS • media players: http://amarok.kde.org/ • http://elisa.fluendo.com/, http://www.getmiro.com/ • deredactie.be, dered-actie.be • tv: meesten <1u • dvd>tv • web browsen: 2u (soms met tv) 7
  • 8. doelstellingen • inzicht in de toepassingsgebieden • concrete vaardigheden • modelleren van een multimedia-toepassing • uitwerken van dat model in een praktische implementatie-omgeving • inzicht en ervaring over evalueren 8
  • 9. niet • video of audio of beeld - formaten • AV productie • ... 9
  • 10. inhoud • storyboard • model • 4 van • flash/flex • iPhone • Android • mashup, multi-touch 10
  • 12.
  • 14. Studio • vrijdag 10u35-16u00: verplicht! • 6 stpt = 180u • groepswerk: 2 tot 4? • twee aspecten • programmeren • analyse en rapportering 14
  • 15. 25 sept inleiding, infovis, ontwerp 5 2 okt 14u: Flex, Mashup 2 9 okt demo Flex+Android 12 okt 5 35 16 okt (Android) 23 okt Android+feedback Flex 5 30 okt demo Android+iPhone 2 nov 5 35 6 nov (iPhone) 13 nov iPhone+feedback Android 5 20 nov demo iPhone+multi-touch 23 nov 5 35 27 nov (multi-touch) 4 dec multi-touch+feedback iPhone 5 11 dec multi-touch 5 18 dec demodag 21 dec 5 35
  • 16. Evaluatie • wetenschappelijk paper lezen en bespreken • 4 papers schrijven over 4 projecten • van formatief naar summatief • veel feedback van mij • kritische reflectie • hoe? waarom? voor/na? lessons learned? 16
  • 19. Elektronische omgeving Erik Duval Dept. Computerwetenschappen http://www.cs.kuleuven.ac.be/~erikd/
  • 20. • facebook group: je moet lid worden • wie heeft er al een account? • delicious tag: mume09 • wie heeft er al een account? • je moet elke week een resource taggen • twitter tag: #mume09 • wie heeft er al een account? • je moet tweeten als je aan multimedia werkt • blog per groep • wie blogt er al? • je moet elke week een status update bloggen
  • 21. • wie heeft laptop? • bij? • gebruik (iets wat lijkt op) je echte naam! • groepjes van ??? • zet blog op • tweet erover • geef link op facebook groep MuMe09 • bookmark muziek site op delicious met mume09 • bespreek 3-5 visualizaties van muziek • vandaag!
  • 23. Storyboard Erik Duval Dept. Computerwetenschappen http://www.cs.kuleuven.ac.be/~erikd/
  • 24. storyboard • afkomstig van Disney, jaren ’30 • tekenfilm, film, reclame, interactieve media, web sites, ... • help discussie te triggeren http://www.vintageip.com/terms-storyboard.html 24
  • 25. 25 http://hometown.aol.com/greghigh6/storyboard_design.html
  • 26. hoe • identificeer kleine “scènes” • inleiding, achtergrond, voorbeeld, besluit, ... • wijs media toe aan scènes • video, audio, diagram, kaart, foto • werk interactiviteit uit • controle door gebruiker op navigatie 26