Project Interactieve multimedia

Transcriptie

1 Project Interactieve multimedia Jerney van Schagen Inleiding: Het eerste idee van het project bij mij was dat het een vrij breed project zou worden, maar in een van de eerste colleges kwam ik er al gauw achter dat het een interactieve video moest worden. Een interactieve video was voor mij weer iets nieuws en ik was dus ook erg geïnteresseerd in het project en ik wilde daarbij een mooi en goed resultaat krijgen. Tevens zouden we met het programma ximpel gaan werken waar ik nog nooit van gehoord had, maar na wat online opzoeken en uittesten had ik er wel vertrouwen in. Voor het project hadden we de keuze om samen te werken of om het project alleen te doen. Ik koos voor een samenwerking met Kevin Buis. De reden hiervoor is dat we in periode 3 tijdens het vak Web Technology ook partners waren en deze samenwerking mij wel beviel. Mijn doel van dit project is om mezelf zo veel mogelijk nieuwe zaken aan te leren. Doel van het project: Het ontwerpen en ontwikkelen van een multimedia applicatie, met zowel educationele als spel-elementen, als middel in een communicatie strategie ten behoeve van een maatschappelijk relevant doel of missie. Idee: Het idee verzinnen is een van de lastige zaken in het project. Zonder idee kan je niet beginnen. Ik heb dan ook veel nagedacht over verschillende scenario s en die aan Kevin doorgegeven, totdat ik op het idee kwam om ons project over interactief daten te laten gaan. Dit is ook best leuk, aangezien ons groepje bestaat uit een jongen en een meisje. Zodra je het idee hebt komt het volgende struikelblok. Wat zijn de aspecten die we moeten maken, wat is onze aanpak daarbij en hoe gaan we problemen oplossen waar we tegenaan lopen. Portfolio: Het portfolio maken was niet zo eenvoudig als gedacht. Voorkennis had ik al vanwege het vak Web Technologie, waar we in html een website hebben gemaakt. Ondanks de voorkennis kwam ik nog wel problemen tegen tijdens het maken van het portfolio. Als ik de site wilde refreshen stond er niet wat ik in gedachte had. Ik heb dus veel tijd gestoken in het maken en opschonen van het portfolio. Wel heb ik hier veel van geleerd, mede door het opzoeken op internet hoe ik zaken anders kan doen. De colleges: Van de colleges heb ik ook veel geleerd. In de colleges kreeg ik inspiratie hoe ik dingen anders kon doen en hoe ik andere dingen makkelijker kon aanpakken. Mede doordat je de voortgang iedere donderdag moest laten zien, was ik vastberaden om in een week tijd een goede vooruitgang te maken. Soms was hetgeen wat ik in gedachte had iets teveel, maar ik zag wel iedere week vooruitgang. Ook de gastcolleges waren erg interessant. Bij ieder gastcollege leerden je weer een andere kant erbij en kreeg je ook aanvullende informatie op de vorige colleges. Het gastcollege van Winoe was super fijn, aangezien hij uitlegde hoe je met simpel moest werken. Desondanks was het toch niet zo makkelijk als gedacht en heb ik er veel tijd en aandacht in moeten steken. Op het einde heb ik Winoe nog om hulp gevraagd en de oplossing bleek makkelijker dan gedacht.

2 Storygraph: In de storygraph hebben we keuzes moeten maken. Wat gaan we voor keuzes geven aan de man, hoeveel punten kan je krijgen bij bepaalde keuzes en welke feedback krijgt de persoon te zien als die een minder goede keuze maakt. In de storygraph is een legenda te zien, zodat goed duidelijk is welke keuze goed zijn, welke minder goed en wekle slecht. Ook heeft de feedback, de scoretoekenning en de stadia van de date zijn eigen kleur. In eerste instantie was ons idee bij de storygraph om naar aanleiding van het aantal punten een film af te laten spelen. Bij <100 punten zou de vrouw naar huis gaan en bij meer dan 110 punten zou de vrouw aanbieden om wat bij haar te drinken, waarop de man dus weer een keuze had om het wel of niet te doen of om de vrouw naar huis te brengen of niet. Na veel gepuzzel en een mail naar de makers van ximpel kwam ik erachter dat dit via de basic applicatie niet zou werken en dat we via de advanced applicatie veel meer zouden moeten programmeren. Hierop hebben we de storygraph aangepast. Na het betalen van de rekening speelt een van de twee videos zich random af. Hier heeft de kijker/speler geen invloed op. Eigenlijk vinden we dit ook wel een leuker idee, aangezien een vrouw altijd kan zeggen dat ze naar huis gaat ook al heeft de man alles goed gedaan.

3 Storyboard: Het storyboard was niet verplicht, maar ik vond het wel leuk om ook een storyboard aan ons portfolio toe te voegen. Een storyboard is in feite een klein stripverhaal over het concept van de interactieve video. Toen ik ermee begon heb ik de keuze gemaakt om het online te maken, omdat ik daarbij de vaardigheid van striptekenen op het web weer leerden. Voor het maken van de strip heb ik bitstrips gebruikt. Ik heb me hier kostelijk mee vermaakt. Via bitstrips kon je verschillende scenes selecteren, verschillende outfits, verschillende poses en ga zo maar door. Je kon alles aanpassen naar hoe jij het wilde hebben. Uiteindelijk heeft het storyboard maken mij wel een aantal uren gekost, maar als ik het resultaat zie vind ik dat de besteedde

4 tijd wel waard. Viral clip: Zelf heb ik de viral clip niet gemaakt, dit heeft Kevin gedaan. Wat ik wel heb gedaan is de video in ons portfolio gezet. Echter heb ik hier nog wat moeite mee gehad, omdat de youtube link niet werkte. Ik heb hiervoor het internet afgezocht over hoe dit moest, maar kwam er maar niet achter wat er mis was. Uiteindelijk heb ik het aan een medestudent gevraagd die wist wat ik fout had gedaan. Dit probleem was dus ook weer opgelost. Interactieve video: Voordat ik kon beginnen met het programmeren van de interactieve video moesten we eerst de video's maken. De video's hebben we bij mij thuis gemaakt, waarbij we hebben geprobeerd het zo veel mogelijk op een restaurant te laten lijken. Nadat we de video's gemaakt hadden kon ik beginnen met de video's inkorten en bijsnijden waar nodig. Dit heeft enige tijd gekost. Nadat de filmpjes waren bijgesneden, kon ik beginnen met een code schrijven voor ximpel. In eerste instantie ging het goed, totdat ik bij de totaal score kwam. Dat wilde maar niet lukken, dus heb ik het verandert in een random video, waarbij er 2 mogelijke videos zijn, afspelen. De keuzemogelijkheden wilde ik op een leuke manier weergeven, dus kwam ik met het idee om een denkgezicht van Kevin te gebruiken en daarbij denkballonnen te plaatsen. Om de video interactief te maken moesten over die denkballonnen overlays die ervoor zorgen dat je doorgaat naar de volgende video. Uiteindelijk, na veel dagen eraan gewerkt te hebben, was de video toch eindelijk af. We hopen met deze video dat we mensen tips kunnen geven/verbeteringen kunnen aanbrengen op de manier van daten die zij zouden gebruiken. We hopen ook dat dit mensen helpt. De hoogleraar: De hoogleraar A.P.W. Eliens heeft mij veel nieuwe zaken geleerd. De eerste colleges moest ik wat wennen aan de manier van college geven, aangezien ik soms niet wist of hij sarcastisch was of niet, maar die twee zaken kon ik steeds meer onderscheiden van elkaar. Tevens zorgde hij voor een stappenplan tijdens het project. In week 1 moesten we bijvoorbeeld een concept hebben, in week 2 maakten we een storyboard, in week 3 presenteren van de viral clip en in week 4 de presentatie van de interactieve video. Door deze richtlijnen wist ik goed wat wanneer af moest. Tevens heeft de hoogleraar veel gepraat over de multimedia in de hedendaagse maatschappij. De website van de hoogleraar was wel wat chaotisch. Het vervelendste vond ik dat er overal laadtekens stonden, dat werd wat frustrerend. Maar verder was het wel een goede, informatieve, leuke hoogleraar. Het vak: Aan het begin wist ik nog niet echt wat ik kon verwachten van het vak Interactieve multimedia, maar na het eerste colleges was dat vrij duidelijk. Ik had er ook erg veel zin in. Door dit vak heb ik veel geleerd over hoe de maatschappij omgaat met multimedia. Een aantal vakken van dit jaar hebben een basis gelegd voor dit vak. Bijvoorbeeld de management vakken. Je moet kunnen managen wanneer je wat af hebt en hoe je het wilt hebben. Wanneer zijn de deadlines? Wanneer willen wij alles af hebben? Wanneer beginnen we met bepaalde zaken? Als je dit al niet duidelijk hebt, wordt het heel chaotisch. Maar ook het vak Web Technology heeft een invloed gehad. Bij Web Technology hebben we websites leren maken in HTML en CSS. Dit moest nu weer gebeuren, alleen wat uitgebreider.

5 Bij ieder vak op de VU hebben we tot nu toe iedere keer te horen gekregen wat we moesten doen, maar bij dit vak kregen we veel vrijheden. Een paar dingen stonden vast, zoals een viral clip maken en een interactieve video, maar het onderwerp was naar vrije invulling. Dit gaf het project naar mijn idee een goede aanvulling. Je kreeg zin om eraan te beginnen, maar zodra ik er eenmaal aan begon was het allemaal wat meer werk dan gedacht en kon ik ook vrij gestrest zijn omdat zaken niet gingen zoals ik ze wilde hebben. De studiepunten die je ervoor krijgt vind ik wel goed. Als je alle colleges hebt bijgewoond dan heb je veel extra's geleerd wat je later weer gaat gebruiken. Tevens heb je tijdens het project gebruik gemaakt van verschillende programma's die je nog niet eerder gebruikt hebt. Dus eerst moet je je verdiepen voordat je kan beginnen met het programmeren. Hetgene wat dit vak heeft en andere vakken niet is de hall of (F/SH)ame. Het zorgt wel dat je je meer inzet om in de Fame te komen, en je probeert vooral uit de SHame te blijven. Ook al zitten wij er niet in, toch moet je in je eigen project geloven Tijdens het maken van het vak, was mijn vader ook erg verrast. Hij programmeert ook, maar websites maken kan hij niet. Doordat ik bij dit vak me veel heb verdiept in andere programma's ga ik me nu verdiepen in Laravel, aangezien mijn vader in Laravel zijn website wil hebben. Dit vak heeft dus ook een samenwerking met mijn vader gebracht. Overal heb ik genoten van de colleges, het vak inspireert mij en ik ga het nog veel gebruiken.