Essay: : Nick Oude Lenferink Studentnummer : VUnetID : nok600. : Project Interactieve Multimedia

Vergelijkbare documenten
PIM 2013 VU. One day in Amsterdam. Martijn van der Burg MBG215

PROJECT INTERACTIEVE MULTIMEDIA ASSIGNMENT 4 BESCHRIJVING

Essay Interactieve Multimedia. Richard de Bock im Juni

Making an interactive video Door Remco Draijer (imm08304)

Essay Project Interactieve Multimedia. Lukas Hulsbergen Groep 06. The Beeckestijn Project

Essay Project Interactieve Multimedia Tom Tol Groep: 23

- Interactieve video -

The DOOMED. life of the computer scientist. Door: Kees van Gelder en Bas Lonnée

Interactieve Multimedia

WERELDMUZIEK VRIJE UNIVERSITEIT AMSTERDAM. Inleiding. Ons project. Informatie, Multimedia en Management Project Interactieve Multimedia A.P.W.

THE POSITIVE FEEDBACK TRAINER MANAGER AND EMPLOYEE VERSION

PROJECT INTERACTIEVE MULTIMEDIA ASSIGNMENT 3 BESCHRIJVING

INLEIDING MULTIMEDIA 2008 NAAM:SANDINO RATHLING ST.NR : GROEP: IMM08101

Culture Shock -PIM. GROEP 7 ESRA ATESCELIK STUDENT NR: JUNI 2009 Eak500@few.vu.nl. Esra Atescelik juni

Magic hands doet Orivouwi

P R O J E C T I N T E R A C T I E V E M U LT I M E D I A

evensweg Inleiding Het spel Door: Job Bakker Studentnummer: Vu-ID: jbr247 Datum: 18 juni 2009

Naam: Abdurrahman AKIN St.nr: Stud.: Informatica

Introductie. Het concept. De website

Rondleiding door de VU

Hoe moet je een prachtige presentatie maken?

Cupsong Videoclip. Handleiding. Link in de Kabel vzw. Doelstelling

CopyRight TV: We Own You

Interactieve afbeeldingen maken met Thinglink

Naam: Louay Alzaghtity StudentNum: GroepNum: imm08309

Project Interactieve multimedia

Interactieve afbeeldingen maken met Thinglink

Practicum Interactieve Video 18 januari Beta Dag Vrije Universiteit Amsterdam door Winoe Bhikharie. Deel 1: Spelen met Interactieve Video

UNIVERSITEIT VAN JE DROMEN

Filmpjes downloaden van YouTube. Filmpjes downloaden van YouTube

Workshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam / info@ximpel.net

TEKENEN MET PIVOT. Twee lessen om animatie s te maken met. het Pivot tekenprogramma

Er wordt door veel mensen opgezien tegen de overstap

Inhoudsopgave. Voorwoord 3 Inleiding 3 Achtergrond 3 Storygraph 4 Beeld- en geluidsmateriaal 4 Ximpel 5 Website 5 Conclusie 5 Referenties 6


#01: #02: #03: Clips maken van video bestanden #04: Importeren #05: #06: Plusje

Workshop Centrale ELO naar Blackboard maart Introductie. 2. Inloggen

HTML. Media. Hans Roeyen V 3.0

INTERACTIE. In de Appendix vindt u de wireframes.

Inhoud. Ontwerpdocument 18 juni 2007

Essay Inleiding multimedia Door Jonathan Rebel Studie: INF Studentnr: Groep: groepregistratie mislukt, samengewerkt met: Iwan Cheng

Herbeleef WO2 Welke keuzes zou jij maken? Gemaakt door: Kevin van Werkhooven & Timo Nijhof

RELEASE NOTES Wat is er nieuw in ILIAS 5.3?

#04: Klik met rechter muisknop in het wit tussen de bestanden en kies met linker Alles selecteren

PREZI (

Een stop-motion film maken

OE 2: Lessen voor digitaal schoolbord. Maaike Fris Haarlem Minor ICT Sacha van de Griendt Wilbert Zwanenburg januari- april

Studentenhandleiding Studentenpagina STUDENTENPAGINA HANDLEIDING VOOR STUDENTEN. Handleiding Studentenpagina 1

Camtasia Studio 4: filmpjes bewerken en video opnemen.

Een website maken met Weebly

Revisely Docentenhandleiding

Handleiding Wordpress CMS

Pilot 2: Vragen koppelen aan Weblecture

Inventarisatie enquête over het gebruik van videofragmenten bij het onderwijs van Inleiding Staats- en Bestuursrecht

Animation. Info-animation Explanimation MARKETING & COMMUNICATIE - DIGITALE VORMGEVING JANUARI 2013

SWAY: MICROSOFTS ANTWOORD OP PREZI?

T & T Portfolio. Loes. Klas ---

Wat weten we nou eigenlijk?

Handleiding voor. Contentbeheerder. Beknopte handleiding bij het gebruik van het landelijk platform

Olivier van t Hof ( ) Individuele opdracht 2 Kroller Muller. Introductie Introductie

Cursus Onderwijs en ICT. Interactieve multimedia

Als je echt interesse hebt kun je ook een compleet setje met mixer en al kopen voor redelijk weinig geld (mixer heeft ook usb interface)

Portfolio. Je portfolio delen met medestudenten, docenten en externen om feedback te vragen

cbox UW BESTANDEN GAAN MOBIEL! VOOR LAPTOPS EN DESKTOPS MET WINDOWS PRO GEBRUIKERSHANDLEIDING

Het Sectorwerkstuk

10 stappen. naar een. doeltreffende bedrijfspresentatie

OPDRACHT HOE LEER JIJ HET LIEFST? Maak je eigen film/trailer

Handleiding CMS. Auteur: J. Bijl Coldfusion Consultant

2. Ontwerp (alleen gebruiken als uw website nog geen huisstijl heeft)

Hoe ga ik dit verwerken? (Begrip maken) Dit volume is goed, dit moet ik zo houden.

3. Videoscènes monteren

Tijdens dit project heb ik samengewerkt met de volgende personen

In dit voorbeeld gaan we een nieuw artikel maken. Klik dus op de knop [Item toevoegen].

DIGITALE VIDEO MET WINDOWS MOVIE MAKER. H. Foole

EEN WEBSITE MAKEN MET WEEBLY

Handleiding voor. Persoonlijk begeleider. Beknopte handleiding bij het gebruik van het landelijk platform

Maak ruimte om te leven

imovie handleiding Open app imovie.

Opzet en uitvoering. Inhoudsopgave. 1 Wat is Kiezen voor je leven? 3. 2 Hoe maak je een Digi-tale? 4. 3 Stap voor Stap Technische kant...

Foto & Film bewerking

VIDEO PEER REVIEW MET KALTURA. Cova-Basis HBO-Rechten Grassroots

algemeen uitgangs punten voor de film Maak een scenario Scene 1 Scene 2 Sprekende beelden in de klas

Gebruik van PowerPoint

Content tips & tricks

Ontwerpen van een niet-web beleving

Initiatie Movie Maker

CURRICULUM PLANNING SCENARIO S TON PEETERS, DICK KAMPMAN

Message Server Handleiding voor Content Editors

Docentenhandleiding. Inhoudsopgave. 1 Wat is Klik & Tik. Het internet op? 2 Doelgroep. 3 Opbouw van het programma. 4 De bediening van het programma

Presentatie Feedback. Door: Tim Janssen Klas: GDD1A

Welkom bij onze gratis cursus Door hoemaakjeeenblog.nl

Website maker. Bezoek je domein om de Website maker in te stellen. De volgende melding zal zichtbaar zijn.

Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Pagina s

Kahoot! Kennis toetsen

Inhoudsopgave Voorwoord 5 Nieuwsbrief 5 Introductie Visual Steps 6 Wat heeft u nodig 7 Uw voorkennis 7 Hoe werkt u met dit boek?

In dit document vatten we de belangrijkste wijzigingen van november 2012 en januari 2013 samen.

Erratum Foto s, video s en muziek in

P5 Ontwerpdocument WIE IS DE MOL? Karlijn van Egmond P4 2015/2016 V1-07

Werken met Google Docs en Google Drive

Transcriptie:

Essay: Project Interactieve Multimedia Naam : Nick Oude Lenferink Studentnummer : 1837869 VUnetID : nok600 Vak : Project Interactieve Multimedia Groepsnummer : im0923 Partner : Stefan Bruins (sbs202) Datum : 23-06-2009 1

Inhoudsopgave Inleiding... 3 Concept... 4 Storygraph... 5 Scenario... 6 Problemen... 8 Samenwerking... 9 Feedback Project... 10 Feedback XIMPEL... 11 2

Inleiding Voor het project interactieve multimedia kregen wij als eerstejaars IMM studenten de opdracht om een interactieve videoclip te maken met behulp van het XIMPEL platform. In dit essay geef ik eerst een beschrijving van ons project, behandel ik een scenario en de bijbehorende storygraph, vervolgens geef ik aan waar voor ons de problemen lagen binnen dit project, en als laatste probeer ik mijn feedback te geven op dit project en het gebruik van het XIMPEL platform. 3

Concept Direct nadat ik een partner (Stefan Bruins) had gevonden en wij ons hadden ingeschreven als groep voor dit project, zijn wij begonnen met brainstormen over een concept. Na een aantal overwegingen kwam Stefan met het idee om een soort wereldkaart te maken waarbij de gebruiker kan kiezen voor een continent en vervolgens via een filmpje terecht komt in een land-overzicht van dit continent. Vervolgens kan de gebruiker na de keuze voor een land verschillende filmpjes van dit land bekijken. Onze applicatie zou dan bijvoorbeeld voor educatieve doeleinden gebruikt kunnen worden. Een ander idee zou zijn om onze applicatie te gebruiken voor het boeken van een reis. De gebruiker kan dan aan de hand van de informatieve video s bepalen welk land voor hem/haar geschikt is. Ons eindproduct is echter puur informatief bedoeld; we hadden eerst bedacht om er een soort vragensysteem bij in te bouwen, maar wegens gebrek aan tijd is dit er niet van gekomen. 4

Storygraph Na de keuze voor ons concept moest er een titel voor het project worden bedacht en moest er een storygraph gemaakt worden. Als titel kwamen bij uit bij het misschien ietwat saaie Virtual Worldtour. Niet heel erg origineel, maar je weet wel meteen de functie van de applicatie. Onze story graph ziet er als volgt uit: Dit is ons eerste ontwerp waar onze uiteindelijke applicatie niet meer aan voldoet. De bedoeling was om na de keuze van voor een continent uit minstens drie verschillende landen te kunnen kiezen maar wegens tijdgebrek en schijfruimtegebrek is dit verminderd naar twee verschillende landen per continent. Ook de keuze voor een bepaald thema en de vraagstelling naderhand hebben we afgeschaft; dit omdat we hiervoor geen geschikte filmpjes voor elk land konden vinden. 5

Scenario Om het storyboard iets te verduidelijken volgt hier een mogelijk scenario van de door ons gebouwde applicatie: 1. De applicatie wordt geopend, een introductiefilmpje wordt afgespeeld. 2. De gebruiker komt terecht in het hoofdmenu; de wereldkaart met als keuze één van de continenten. Wanneer de gebruiker met de muis over een continent beweegt verschijnt de naam van het continent en worden de grenzen van dat continent duidelijk weergegeven m.b.v. een overlay. (in dit geval Noord- Amerika) 3. Na de keuze voor een continent wordt een inzoomfilmpje van dat continent weergegeven. (in dit geval Noord-Amerika) 6

4. De gebruiker is aanbeland in het continent menu (in dit geval Noord-Amerika) en heeft de keuze uit verschillende landen. Wanneer over een beschikbaar land wordt bewogen met de muis verschijnt er een overlay met de vlag van dat land. (in dit geval canada). 5. Na keuze voor het land volgt weer een inzoomfilmpje; dit maal naar het gekozen land (in dit geval Canada). 6. Vervolgens bevindt de gebruiker zich in het landmenu waar de gebruiker kan kiezen voor één van de filmpjes. Als video is hier gekozen voor een wapperende vlag van het desbetreffende land met op de achtergrond het nationale volklied. 7. Na de keuze voor een filmpje wordt het filmpje weergegeven en hierna komt de gebruiker weer terecht in het landmenu (in dit geval Canada). Tijdens het filmpje heeft de gebruiker altijd de mogelijkheid om terug te gaan naar het desbetreffende landmenu d.m.v. Terug naar land -knop. Deze bevindt zich rechtsonder in beeld en is ook te vinden in het landmenu en het continentmenu om terug keren naar het menu erboven. Hierna volgen uitzoom-filmpjes voor respectievelijk het land, danwel het continent. 7

Problemen Tijdens ons project liepen we tegen een aantal problemen aan. Deze worden in dit deel van het verslag behandeld. Geen afbeeldingen als achtergrond; We hadden voor een aantal punten in onze applicatie graag een afbeelding willen gebruiken als achtergrond maar door het ontbreken hiervan in het XIMPEL platform waren we genoodzaakt om hiervoor een filmpje te maken van een afbeelding. Op de website van XIMPEL was een tutorial aanwezig om deze functionaliteit toe te voegen op de website, maar omdat er maar zo kort de tijd was voor dit project en omdat deze dusdanig onduidelijk was en ons programmeerniveau niet toereikend was hebben we maar besloten om hier filmpjes voor te gebruiken. Geen overeenkomende filmpjes; Graag hadden we voor onze applicatie de eerder besproken thema s gebruikt. Hierbij valt te denken aan bijvoorbeeld cultuur en sport. Helaas waren hier via o.a. YouTube geen consistente video s voor te vinden waardoor we hiervan hebben moeten afzien. We hadden natuurlijk ook de mogelijkheid om deze filmpjes zelf te monteren maar wegens gebrek aan tijd en montage-ervaring besloten we dat onze prioriteiten ergens anders lagen. Moeite met monteren; Omdat wij allebei weinig tot geen ervaring met het monteren van filmmateriaal hadden was het voor ons erg lastig om de door ons gevonden video s aan te passen naar onze wens. Met behulp van trial&error en enkele tutorials zijn we toch nog een aardig eind gekomen. Standaard interface; Graag hadden we de userinterface van XIMPEL een beetje aangepast om er een beetje onze eigen look&feel aan te geven. Maar omdat er maar een paar weken waren om dit project te voltooien hebben we hier maar van afgezien. Schijfruimte tekort; Omdat we voor onze applicatie zo ontzettend veel filmpjes nodig hadden: (2 filmpjes per land + 2 zoomfilmpjes per land) * 2 landen per continent * 6 continenten + 2*6 zoomfilmpjes continenten = 60 filmpjes. Daarbij nog het introfilmpje en de filmpjes die gemaakt moesten worden omdat we geen afbeelding als achtergrond konden gebruiken maakt bij elkaar 87 filmpjes. De totale applicatie heeft daardoor een totale grootte van ruim 700mb(!). Omdat onze account maar een maximum van 200mb toelaat en we te horen kregen dat we verder geen schijfruimte kregen toegewezen moesten we onze applicatie dus ergens anders hosten. Op dit moment staat de site gehost op http://www.im0923.co.cc en werkt de applicatie t/m het landmenu; de filmpjes over het land werken dus nog niet. 8

Samenwerking De samenwerking met Stefan verliep prima; In de eerste twee weken hadden we nog een beetje moeite om het werk goed te verdelen maar naarmate de oplevering van de applicatie naderde verliep het eigenlijk steeds soepeler. De eerste weken hebben we de deliverables voornamelijk samen op school gemaakt omdat hierbij toch wel veel overleg nodig is; en de laatste twee weken deden we het werk vooral thuis. Stefan hield zich vooral bezig met het bouwen van de website en het zoeken naar beeldmateriaal voor gekozen landen; Ook heeft hij het reclamefilmpje bedacht en gemonteerd. Ikzelf heb me meer beziggehouden met het zoeken naar filmpjes van het inzoomen naar landen en continenten en het monteren hiervan; het bouwen van de ximpelapplicatie en het creëren van één mooi geheel met behulp van overlays e.d. Al met al is de samenwerking met Stefan prima bevallen en ik zou het ook niet erg vinden om een volgend project opnieuw met hem samen te werken. 9

Feedback Project De afgelopen 4 weken heb ik met veel plezier gewerkt aan dit project. Toen ik de naam van dit nieuwe vak las dacht ik direct al dat dit een leuke en vooral interessante periode zou kunnen worden. De opzet van het vak was duidelijk: maak een interactieve applicatie m.b.v het XIMPEL platform. De begeleiders waren netjes elke les aanwezig en gaven ook nuttige feedback na het houden van de presentaties. Toch zijn er ook een aantal mindere punten die me zijn opgevallen na het volgen van dit vak. Graag had ik gezien dat er tijdens de colleges wat dieper in werd gegaan op het monteren van videomateriaal. De opdracht is immers om met videomateriaal aan de slag te gaan, en aangezien er dit collegejaar verder geen vak is geweest waar we iets over videomontage hebben geleerd was het misschien slim geweest om dit tijdens de colleges te behandelen. Nu werden we vooral aan ons lot overgelaten en als je totaal geen ervaring hebt met monteren is het toch wel vrij lastig als je met videobewerking software aan de gang moet. Het tweede aandachtspunt vind ik de cursus website. Voor een vak wat zich richt op de interactie met gebruikers en waarbij van ons wordt verwacht iets gebruiksvriendelijks te maken en zelf ook een overzichtelijke website te bouwen vind ik de cursuswebsite toch wel behoorlijk slecht. Veel informatie is lastig te vinden ook alle navigatieknoppen staan op verschillende plekken in het beeld. Het zegt al genoeg dat de docent zelf af en toe iets niet kon vinden dus het lijkt mij wel handig voor een volgende keer om een overzichtelijke website te maken die desnoods gewoon op Blackboard staat. Het laatste en misschien wel belangrijkste aandachtspunt is het gebrek aan tijd. Voor een vak waar zo n behoorlijke eindapplicatie verwacht wordt vind ik vier weken toch wel een beetje kort. Vooral om dat we eerste twee weken het meeste bezig waren met het schrijven van documenten waardoor we eigenlijk maar twee weken hadden om onze hele applicatie te bouwen. Op zich moet dit tijd genoeg zijn, en hebben we het binnen dit tijdsbestek ook wel voor elkaar gekregen. Maar de uiteindelijke applicatie blijft toch achter bij wat we nog voor ogen hadden. Zo hadden we met meer tijd nog kunnen werken aan onze inzoomfilmpjes; deze zijn nu nog zonder geluid, maar met meer tijd hadden we hier eventueel nog een mooi woosh -geluid aan kunnen koppelen. Ook hadden we misschien betere filmpjes voor de landen kunnen maken door ze zelf te monteren, dan hadden we ook gebruik kunnen maken van de keuze tussen verschillende thema s en misschien een vragensysteem erbij kunnen bouwen. Uiteindelijk hebben we toch een mooie applicatie kunnen bouwen maar met wat extra tijd was hij misschien nóg beter geworden. Misschien is het daarom een idee om dit vak in een periode van acht weken te stoppen. 10

Feedback XIMPEL Het gebruik van het XIMPEL platform is mij zeer goed bevallen. Het configuren van de playlist was erg eenvoudig en ik vond de tutorial hierover ook zeer overzichtelijk. Ook het feit dat dhr. Bhikharie bijna elk college aanwezig was om eventuele vragen te beantwoorden vond ik zeer netjes. Over het algemeen heb ik dus niet echt hele grote problemen gehad met de XIMPEL software maar toch zou ik nog enkele suggesties willen doen: Standaard toegevoegd: afbeelding als achtergrond; o Zoals eerder genoemd was het voor onze applicatie handig geweest als we afbeeldingen konden gebruiken voor bepaalde punten. Nu zat deze functie nog niet standaard in XIMPEL ingebouwd waardoor we steeds filmpjes moesten maken van deze afbeeldingen om het toch zo te krijgen als we zouden willen. Er is op de XIMPEL website wel een tutorial aanwezig om deze functionaliteit zelf toe te voegen maar omdat filmpjes maken ons toch makkelijker leek hebben we hier maar voor gekozen. Custom interface; o Om echt een unieke applicatie te kunnen maken zou het natuurlijk geweldig zijn om ook de lay-out van de player aan te kunnen passen. Natuurlijk kan dit via de FlexBuilder wel, maar wanneer dit iets toegankelijker zou zijn zijn studenten denk ik eerder geneigd hier gebruik van te maken. Dubbele attributen; o Wanneer er bij een overlay gekozen is voor een afbeelding moet er ook gelijk een hover_image worden toegevoegd. Dat is een beetje dubbel werk en dus zou ik hiervoor een defaultwaarde gebruiken. Repeat waarde; o Op dit moment is het alleen mogelijk om aan de waarde repeat true of false mee te geven. Een extra optie is misschien om hiervoor een getal in te voeren zodat je hier ook mee zou kunnen spelen. Filmpje stopt voor keuze; o In de vele applicaties die online staan, en uit eigen ervaring is te zien dat bij een keuzemoment een bepaald filmpje gerepeat wordt. Voor sommige clips is dit juist een mooi effect. Maar bij andere clips zou je misschien juist een stilstaand beeld willen zien. Een optie zou dan zijn om het filmpje aan het einde gewoon stop te zetten; en op dit laatste frame de overlays neer te leggen. 11