Multimedia:modelleren en programmeren

Erik DuvalDept. 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

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

9

niet

• video of audio of beeld - formaten

• AV productie

• ...

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

14

Studio

• vrijdag 10u35-16u00: verplicht!

• 6 stpt = 180u

• groepswerk: 2 tot 4?

• twee aspecten

• programmeren

• analyse en rapportering

25 sept inleiding, infovis, ontwerp 52 okt 14u: Flex, Mashup 29 okt demo Flex+Android 12 okt 5 3516 okt (Android)23 okt Android+feedback Flex 530 okt demo Android+iPhone 2 nov 5 356 nov (iPhone)13 nov iPhone+feedback Android 520 nov demo iPhone+multi-touch 23 nov 5 3527 nov (multi-touch)4 dec multi-touch+feedback iPhone 511 dec multi-touch 518 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

17

0

5

10

15

20

Vragen...?

18

Elektronische omgeving

Erik DuvalDept. 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 DuvalDept. 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

24http://www.vintageip.com/terms-storyboard.html

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

27

http

://w

ww

.bill

ybea

r4ki

ds.c

om/L

earn

2Dra

w/s

tory

boar

d.sh

tml

28

Thanks!

Questions?http://erikduval.wordpress.com/

http://www.cs.kuleuven.be/~erikd