ErwinRietveld.nl Portfolio RSS

MixMyMix

Meng je eigen ultieme persoonlijke mix! Noten, gedroogd fruit, kokos of chocolade: je kunt het zo gek niet bedenken! En dit alles gewoon thuis achter het eigen internet! MixMyMix heb ik samen met Kostas opgezet in het begin van september 2009, in opdracht van de afstudeerstage. Gedurende 5 maanden hebben we gewerkt aan een volledig werkende website, van conceptidee tot uitwerking en publicatie. Waar Kostas zich vooral gericht heeft op het concept, de content en de uitgebreide marketingstrategie achter MixMyMix, heb ik de website ontworpen en geprogrammeerd. MixMyMix bestaat uit een ‘Mixtool’, waarin mensen zelf een muesli-, snack- of koffiemix kunnen maken en deze naar eigen wens kunnen aanpassen. Zo is het mogelijk de gekste combinaties te maken, met zowel noten als tarwevlokken, snoep, chocolade, en zelfs drop en Japanse crackers. De keuze laten aan de gebruiker: dat was het uitgangspunt van MixMyMix. We wilden een vrolijke website, die zich richt op gezond en lekker eten, zonder het ‘biologische’ teveel te benadrukken. MixMyMix hebben we eind januari 2010 eindelijk gepubliceerd, na maanden van testen en uitproberen. Bij MixMymix hoort ook een volledig werkend Content Management Systeem, dat ik heb opgezet met als uitgangspunt een efficiënt verloop van binnengekomen orders en het aanpassen van de website. Het Magazine, een verzamelplaats van recepten, specials en (ingestuurde) verhalen over biologische producten, interessante feitjes en leuke filmpjes, is ook volledig aanpasbaar. Het concept breidde zich in de loop van het proces uit naar een social media strategie, waar we met behulp van Hyves, Twitter, YouTube en Facebook proberen mensen te bereiken en te behouden. Met een uitgebreide persactie, bestaande uit 50 verzonden MixMyMix dozen, een vrachtwagen bestickerd met het logo, posters, een online filmpje en postkaarten, is ook de marketingstrategie vormgegeven. Zo hebben we in bijna een half jaar tijd alle facetten van Interactieve Media doorlopen, met zeer positieve reacties tot gevolg. Bekijk hieronder onder andere het marketingdocument, samengesteld door Kostas.

Troogle

Als laatste opdracht voor de minor Content in Motion hebben we een transmedia project in teamverband (online) opgezet. Dat wil zeggen: bedenk een fictief verhaal en laat zoveel mogelijk mensen daarin geloven. In een team, bestaande uit mijzelf, Dirk, Joen en Justin, gingen we aan de slag. Het concept dat we hebben bedacht is als volgt. Google, Microsoft en nog wat grote bedrijven hebben een plan om het internet opnieuw vorm te geven. Ze willen door middel van o.a. een nieuw soort zoekmachine het internet beter indexeren dan ooit te voren. Ze noemen het The New Web Project, maar er is nog niet veel over bekend. Vier fanatieke bloggers (en oud Google-medewerkers) houden het Troogle-weblog bij op troogle.wordpress.com, waarbij ze al enkele maanden kritisch Google volgen en privacy issues e.d. aan de kaak stellen (in het Engels). Samen met Twitter en Facebook-accounts hebben de vier bloggers zichzelf een online identiteit gegeven. Daarnaast hielden we www.twitter.com/troogleblog bij en was mijn personage, genaamd John Nijenroode, nicknaam Whuup, actief op YouTube. Ze komen er in de loop van het verhaal achter dat thenewwebproject.com is geregistreerd en via een document dat ze gevonden hebben nadat ze in het geheim de Google-top in Amsterdam filmden, komen ze erachter dat The New Web Project helemaal niet is wat Google de wereld voorhoudt. Het blijkt dat Google de nieuwe vorm van zoeken en de betrokkenheid van de Amerikaanse en Nederlandse overheid wil misbruiken om achter persoonlijke informatie van Google-diensten te komen. Het verhaal werd opgepikt door Geenstijl.nl en binnen no-time stond het op tientallen nationale en internationale websites. Alles wat vanaf dat moment (in ongeveer 3 dagen tijd) gebeurde, hebben we geprobeerd vast te leggen in een Buzz-presentatie, welke hieronder is te zien. Het volledige verhaal en de gevolgen daarvan is te lezen op het Troogle weblog en op mijn eigen weblog. Alle links vind je hieronder.

Onderzoek online identiteit

Tijdens het tweede blok van de minor Content in Motion van Interactieve Media hebben we ons beziggehouden met het onderzoeken van social media website. Twitter, Last.fm, Flickr, Hyves en Facebook zijn voorbeelden van site waar je een eigen profiel kunt aanmaken en muziek, tekst, websites, foto's en informatie kunt delen met de hele wereld. Je kunt vrienden toevoegen en zo in contact blijven met elkaar. We hebben tijdens dit project een nep-personage op internet uitgezet, op verschillende websites. Doordat iedereen uit de groep dit deed, ontstond al snel een vriendenlijst van al deze personages. Samen vormden zij de basis voor een fictief verhaal. De eindopdracht was het schrijven van een eindverslag over de ontwikkeling van social media en hoe succesvol een personage online uit te zetten en geloofwaardig te maken. Dit verslag heeft uiteindelijk geresulteerd in een goed overzicht van de social media websites in de wereld en hoe mensen daar mee omgaan.

Onderzoek in-game advertising

Voor Trendanalyse heb ik samen met Dirk de Ron onderzoek gedaan naar de toename van in-game advertising. Advertenties in games is iets dat dankzij de komst van moderne spelcomputers en snelle internetverbindingen sterk in opkomst is. Daarnaast zijn er trends te zien op het gebied van dynamische in-game advertising: reclames die eens in de zoveel tijd automatisch worden aangepast (door een verbinding met internet op een XBOX bijvoorbeeld) of reclame die zich aanpast aan het profiel of resultaten van de gebruiker. De mogelijkheden lijken eindeloos. Met de presentatie hebben we geprobeerd orde te scheppen in de chaos en een overzicht te bieden van deze trend. De opdracht was om daarnaast een stelling te bedenken waarover gediscussieerd kon worden. Om de presentatie te bekijken, klik je eenmaal in het scherm
en gebruik je de spatiebalk om verder te gaan.

Extinction Effect

Tijdens het eerste blok van de minor Content in Motion heb ik samen met Milko Klos en Dirk de Ron een team gevormd en gewerkt aan een GPS platform game, gebaseerd op de online tool 7Scenes. Met 7Scenes is het mogelijk een aantal punten op een kaart aan te geven, die functioneren als items binnen een GPS-tour of -game. De opdracht was een game te ontwikkelen rondom de Hogeschool van Amsterdam. Het uiteindelijke concept hebben we Extinction Effect genoemd. Je moet in het spel opzoek naar een aantal vreemde tekens die verspreid zijn in Amsterdam. Je krijgt aanwijzingen van het ‘thuisfront’, nadat je hier bent neergestort na een nogal mislukte reis om onderzoek te doen naar een nomadisch Volk - de ‘Razuvi’. De bedoeling is om zoveel mogelijk tekens - die we hebben opgehangen in de stad - te vinden en te gebruiken om een zin te ontcijferen. We kregen het idee om maarliefst acht mensen op pad te sturen en deze te verdelen in vier teams. Elk van die teams werd een persoon een ‘scout’ genoemd, die vrij kan rondlopen (zonder telefoon). Doordat we gebruik hebben gemaakt van strategische opdrachten die vaak afwisselen, waarbij soms de scout naar een ander team gestuurd wordt om de betekenis van een teken te achterhalen, blijft het spel leuk om te spelen. Bovendien is er een sterke samenwerking vereist: wanneer er genoeg codes zijn ontcijferd, dienen deze binnen de tijdslimiet bij team ‘Alpha’ gebracht te worden. Strategisch inzetten van de scouts is dan van essentieel belang. We hebben besloten alle opdrachten, informatiepunten en berichten in het spel te baseren op het verhaal. De opdrachten zijn dan ook in de vorm: ‘Dit vreemde beeld stoort onze scanners, wij weten dat de Razuvi vele standbeelden hebben achterlaten op de bezochten planeten. Uit welk jaar komt dit standbeeld?’. Je hebt het gevoel continu in verbinding te staan met het ‘thuisfront’ - waar zij zich dan ook bevinden. De uiteindelijke zin die je met de teams diende te ontcijferen leidde naar een website - iets dat we strict geheim hebben gehouden in de weken voordat de game gespeeld werd. Op deze website hebben we geprobeerd de sfeer van Extinction Effect te brengen zoals wij deze in gedachte hadden. De website is hieronder te bekijken. Daar ontvangen de spelers een bericht, waarin opnieuw een reeks codes staat weergegeven die ontcijferd dient te worden. Wanneer de correcte zin is ingevuld (‘welkom thuis team we hopen dat de reis leuk was’, zonder spaties) ontvangen de spelers wallpapers en een screensaver van de game. Ik heb de Flash-website ontworpen en voorzien van functionaliteit. De muziek en effecten heb ik opgenomen door gebruik te maken van mijn keyboard. De wallpapers zijn gemaakt door Milko. Ik heb de screensaver gemaakt die te downloaden is na het invullen van de zin.

TV Mash

Voor het vak Audiovisual Design en Interactie was het de bedoeling een audiovisueel product op te leveren. De opdracht was zeer vrij. Mijn idee was om meer met mijn hobby muziek te doen. Het heeft geresulteerd in een concept en uitwerking van TV Mash: een reeks korte filmpjes met fragmenten van televisie en muziek die ik daarbij vind passen. Deze muziek heb ik zelf gemaakt, met behulp van mijn keyboard en audiobewerkingsprogramma’s. Zo zijn er filmpjes met het thema nieuws, de Amerikaanse verkiezingen, dieren, commercials en quizzes. Deze filmpjes heb ik in een minisite verwerkt, welke je hieronder kunt bekijken. De minisite geeft de mogelijkheid te reageren op de filmpjes en een beoordeling te geven. Met behulp van jQuery heb ik bijvoorbeeld het reactieblok ‘draaibaar’ gemaakt, zodat er ruimte wordt bespaard. Het geheel is een interactieve en kleurrijke omgeving geworden. De site is gepresenteerd tijdens de presentatiedag op de HvA. Tijdelijk niet beschikbaar. Excuses voor het ongemak!

FlowerGrid

Een echte ontwerpopdracht was die van het vak Visual & Interaction Design. Daarbij was het de bedoeling met een collectie bestaande uit 99 items een concept te ontwikkelen en hier een website of applicatie van te maken. Ik heb gekozen voor een website. Deze website hoefde niet volledig te werken, maar aan de hand van screenshots moest duidelijk zijn hoe de navigatie en interactie (zoekmogelijkheden en dergelijke) werken, en hoe de gebruiker aanpassingen kan maken in die collectie. Ik kreeg 99 foto’s van orchideeën toegewezen en heb hier het concept Flower Grid voor bedacht. Hierbij kunnen mensen zelf foto’s toevoegen aan bestaande bloemen en deze beoordelen. Bovendien kunnen mensen door de bloemen bladeren en uitgebreid zoeken op de homepage. Wanneer een individuele bloem is aangeklikt, kunnen mensen door de foto's bladeren en er eentje toevoegen aan hun persoonlijke ‘grid’. Na verloop van tijd heeft de gebruiker een vol grid, welke hij/zij dan vervolgens kan printen of doorsturen. Hierdoor is de applicatie behalve voor tuinders, hobbyisten en bloemisten, ook geschikt voor designers en visueel ontwerpers, die inspiratie kunnen opdoen met behulp van de enorme keuze aan foto's van bloemen. De website maakt gebruik van de laatste technieken, om veel content kwijt te kunnen op een relatief klein vlak, zoals uitschuifbare blokken en efficiënte bladerfuncties. Men kan elkaar vinden door de profielen te doorzoeken van de gebruikers op de website en zo zoeken naar hobbyisten in de buurt, of winkels die een bepaalde orchidee verkopen. Tijdens het vak hebben we verschillende tussentijdse opdrachten gemaakt, een demo ontwikkeld en uiteindelijk een eindpresentatie verzorgd, waar iedereen zijn eigen ontwerp heeft getoond. FlowerGrid werd beoordeeld met een U(itmuntend) en bestaat uit een aantal screenshots die getoond worden op een demowebsite. De website bestaat uit 5 ‘slides’ met enige korte uitleg over het concept en daarna de screenshots, welke te bekijken zijn met de knoppen onderaan het scherm.

Ideeontwikkeling eindpresentaties

Ideeontwikkeling werd opnieuw in de propedeuse gegeven toen ik in het derde leerjaar zat. Ik heb het vak samen met een aantal anderen begeleid. Dit jaar werd er lesgegeven in programma’s als Adobe Premiere Pro, Adobe After Effects, Audacity en AnimatorDV. Met deze tools was het de bedoeling een stopmotion-filmpje te maken, nadat er elke week een aantal deelopdrachten werden ingeleverd. Aan het eind van het blok presenteerden alle leerlingen hun gemaakte filmpjes op een scherm in de expositieruimte van het Interactieve Media gebouw. Er waren verschillende categorieën waarmee de filmpjes door leerlingen en docenten werden beoordeling, zoals ‘Beste geluid’, ‘Beste set’ en ‘Beste ideeontwikkeling’. Mijn idee was om de andere schermen die aanwezig waren te voorzien van een screensaver. Ik heb twee versies gemaakt van de screensaver: een wanneer de leerlingen binnenkwamen (een reeks aan foto's van gemaakte stop-motion filmpjes) en een met de verschillende categorieën. Ik heb deze gemaakt met Flash en Actionscript 2. De screensavers zijn hieronder te zien. De laatste screensaver verandert om de 10 seconden van categorie en is zo gemaakt dat hij lang kan draaien.

Beeld en Geluid

Voor een studieregiepunt, een punt dat je op de opleiding Interactieve Media haalt door te werken aan een eigen opdracht, heb ik het Instituut voor Beeld en Geluid in Hilversum bezocht. Beeld en Geluid in Hilversum is een kleurrijk gebouw dat vlak naast de televisiestudio’s van de grote Nederlandse zenders is te vinden en bevat een grote hoeveelheid aan kwetsbaar en waardevol materiaal uit de televisiegeschiedenis. Met als doel het Instituut te leren kennen, de waarde voor de Nederlandse media in het verleden en de toekomst te schatten en het gebouw te bestuderen, heb ik een verslag geschreven over deze dag. Ik kreeg ook een rondleiding, waardoor ik veel informatie over Beeld en Geluid te weten ben gekomen. Het verslag heb ik in de vorm van een kleine website opgezet. De website is zo compact mogelijk gehouden en is in de stijl van Beeld en Geluid opgezet. De website is met een U(itmuntend) beoordeeld.

Move!

In opdracht van Blammo TV hebben we in teamverband gewerkt aan een interactieve demo website voor jongeren. Blammo TV is bekend van Gamekings op TMF en gaf ons de opdracht een concept te ontwikkelen dat jongeren aanspreekt en met videocontent te maken had. We hebben ongeveer 2,5 maand gewerkt aan het project Move! Na verschillende brainstorms en tests kwamen we uiteindelijk tot dit concept: een kleine Flash-website waar jongeren - en iedereen die dat wil - alles kunnen vinden over dansstijlen ‘van de straat’. Binnen deze site is het mogelijk om een account aan te maken en vervolgens in te loggen. Je kunt je eigen video‘s toevoegen, linken naar gave video's van externe sites of een Battle starten tegen een ander. Hierdoor ontstaat volgens ons een interactieve community die elkaar opzoekt om de beste te zijn in deze streetdances. We hebben ons team de naam AnderhalfMedia gegeven: drie jongens, twee meiden, 3/2. 1,5. Anderhalf. Anderhalf kracht. 150% inzet. Het team bestond uit Dirk de Ron, Isabel da Silva, Daphne Smit, Tim Nijssen en mijzelf. We hebben vlak na de start van het project een website aangemaakt waarop we onze uiteindelijke demo hebben geplaatst. We hebben als basis een basketbalveld gebruikt, welke we tot leven hebben gewekt met behulp van Flash. Ik heb het grootste gedeelte van de Flash-site zelf gemaakt, een grote hoeveelheid afbeeldingen bewerkt en gezorgd voor de interactiviteit met behulp van Actionscript 2. Teamleden hebben zich bezig gehouden met de documentatie van het project, de Chroma Key techniek (opnemen voor een blauw scherm) om het mogelijk te maken een van onze teamleden in het basketbalveld te plaatsen en video-editing. We hebben verschillende keren voor Blammo Tv gepresenteerd, onder andere in de studio van Gamekings in Amsterdam. Move! beviel erg goed bij het team van Blammo TV en de medewerkers van Gamekings. Mede daarom hebben we als geheel team, dankzij de sterke samenwerking een U(itmuntend) als beoordeling gekregen. Vergeet het geluid niet aan te zetten wanneer je Move! bekijkt.

KR8

Bij de TDI Case kregen we de opdracht een applicatie te ontwikkelen die een groot aantal bezoekers van de AutoRAI kon bezoeken. Het was een fictieve opdracht voor deze beurs, waarbij elk team een automerk uitkoos. Gebaseerd op de Unique Selling Points van dit merk gingen we aan de slag met het team KR8, bestaande uit mijzelf, Lars Koelman en Gerben van Gils. KR8 is gebaseerd op de Audi R8, de nieuwste telg uit de racefamilie van Audi. We hebben gekeken naar de stijl en uitstraling, de krachtige eigenschappen en de verschillende media-uitingen van het merk. De bedoeling was een applicatie te ontwikkelen, geschikt voor een beurs, en interactiviteit te ontwikkelen met andere vormen van besturing dan een gewoon toetsenbord en muis. Hierbij kun je denken aan een webcam, microfoon of knoppen. Wij hebben gekozen voor een mat waar verschillende knoppen verborgen zitten. Deze hebben we gemaakt met simpele materialen zoals hout en onderdelen uit een QWERTY-toetsenbord. Ik heb me beziggehouden met de volledige Flash-applicatie, terwijl Gerben het hardware-gedeelte voor zijn rekening nam en Lars onder andere de auto heeft ontworpen. Ik heb gezorgd voor acht (ook vandaar onze naam) animaties die door middel van de knoppen op de vloer konden worden gestart. Bij elke animatie is een geluid te horen, dat onmiddelijk herkend kan worden als de Audi-stand. De animaties zijn allemaal gebaseerd op de USP's van het merk en kunnen afzonderlijk van elkaar worden gestart. Ik heb de interactiviteit toegevoegd met behulp van Actionscript 2 en verschillende objecten van deze animaties gemaakt in Illustrator. Alle applicaties van de verschillende teams werden tijdens een speciale middag getoond op de opleiding. Onze applicatie werd getoond op een projectiescherm. Je kunt de applicatie besturen door eerst erg in de applicatie te klikken, zodat deze focus krijgt. Daarna kun je op de knoppen P, N, U, B, R, T, Y, of [ drukken om een animatie te starten. Een animatie kan niet gestart worden voordat de vorige is afgelopen. Vergeet niet het geluid aan te zetten!

A Clay Romance

Het vak Audiovisual Design had als opdracht het maken van een korte film. Korte films duren altijd tenminste zeven minuten. In teamverband gingen we aan de slag. Het schrijven van een script, het maken van een storyboard, voorbereiden, filmen, bewerken en een DVD maken, we hebben het allemaal doorlopen. A Clay Romance gaat over een mannetje die steeds uit elkaar valt. Hij komt in de supermarkt een meisje tegen en wordt opslag verliefd. Wat hij niet weet is dat ook het meisje verliefd op hem werd, juist omdat hij zo stuntelig is... De hele film is met klei en de zogenaamde stop-motion techniek gemaakt. Dat betekent simpelweg dat je telkens een foto van de klei maakt en deze iets verplaatst en dan weer een nieuwe foto maakt. Op de officiële website kun je de film bekijken (zie hieronder), maar daarnaast ook leuke foto's van achter de schermen. Ook via YouTube is de film te zien. We hebben een DVD in hoge kwaliteit gemaakt met daarop de film en een 'behind the scenes'-filmpje. Meer dan 2000 foto's en 2 maanden verder is het eindresultaat te bekijken op Youtube. Binnen het team heb ik me vooral beziggehouden met het bewerken van de film. Het toevoegen van ondertitels, intro's en muziek was mijn taak. Daarnaast heb ik de website van de film gemaakt en heb ik het A Clay Romance logo ontworpen.

Hack the Matrix

Het maken van een interactieve website, gebaseerd op een film was de opdracht voor Interaction Design. Ik heb gekozen voor The Matrix, een film over een hacker (Neo) die wil weten wat 'The Matrix' is: een wereld achter de echte wereld die door middel van voorgeprogrammeerde functies de wereld zoals wij die kennen regisseert. Hacken in The Matrix is dan ook het doel van de film. Om de Matrix te kunnen zien neemt Neo een rode pil in de film (the red pill). Het tegenovergestelde daarvan is the blue pill. Binnen de applicatie, die ik met Flash heb gemaakt, is het de bedoeling de code van The Matrix te kraken binnen de tijd. Hoe je dat moet doen wordt vanzelf duidelijk. Wanneer dat lukt, dan krijg je een rood scherm te zien en ben je The Matrix binnengekomen (je hebt The Matrix gehackt). Lukt dat niet, dan krijg je een blauw scherm, vanzelfsprekend gebaseerd op de pillen uit de film. De intro van de applicatie is als het ware een computerscherm, de manier waarop ook de film begint. Wanneer je goed kijkt achter die letters zit er een wereld die bepaalt hoe jij leeft en wat jij doet. De code in de applicatie is dus ook al van tevoren bepaald; je moet - net als in de film - alleen nog begrijpen waarom je die keuze maakt. Verder zijn de bewegende rondjes gebaseerd op de enen-en-nullen van een computersysteem. Allerlei onderdelen van de applicatie slaan dus op de film.

Reis door publiek design

De opdracht voor het vak Public Design was het maken van een 'reis' door publiek design. Bijna alles dat je ziet op straat is design: posters, stickers, gebouwen, stoepranden, verkeersborden, televisieschermen, deuren, logo's en nog veel meer. Publiek design is al het design dat voor algemeen publiek beschikbaar is, zonder daarvoor toestemming te moeten hebben door middel van pasjes, sleutels of dergelijke. De opdracht was het kiezen van een reis - ik heb gekozen voor de route van school naar het centrum van Amsterdam - en deze uit te werken door middel van foto's van publiek design. Mijn concept was de foto's te maken op kleur. Ik heb gekozen voor publieke ontwerpen en merken (winkels) die een kleur gebruiken als deel van hun uitstraling en dit ook overal doorvoeren. Het heeft geresulteerd in een Flash-presentatie van een minuut waarin ik alle foto's achter elkaar heb gezet en de nadruk heb gelegd op de kleuren door de hoofdkleur van het merk of object door te voeren in de rest van de foto. Zie hieronder het resultaat. Daarnaast hebben we een presentatie gehouden over een publiek issue, welke hieronder ook te downloaden is. Om de presentatie te bekijken, klik je eenmaal in het scherm
en gebruik je de spatiebalk om verder te gaan.

Innovatief RFID-concept

Technologie en Innovatie gaf de opdracht een concept te bedenken. Een concept met nieuwe technologie, zoals RFID, Bluetooth en mobiele technologie. Wij hebben ervoor gekozen om iets te doen met de registratie van absentie van leerlingen op school. Elke student op het HBO heeft bijvoorbeeld een pasje. Dit pasje kan worden gebruikt om de student te identificeren zodra hij of zij het lokaal binnenkomt. In elk lokaal hangt een scherm met daarop de lijst van studenten die op dat moment les hebben. De docent kan op dit scherm inloggen, zodat hij of zij nog aanpassingen kan maken aan de lengte van de les of andere roosterwijzigingen kan doorvoeren. Het pasje van de student hoeft niet voor een scanner gehouden te worden, maar dankzij een RFID technologie wordt het pasje uitgelezen en geeft het scherm een geluidje. Automatisch zal de naam van de student groen kleuren. Zodra de student het lokaal verlaat wordt de naam rood. De mogelijkheden zijn eindeloos. Zo kan ingesteld worden dat wanneer de student het lokaal verlaat om naar de wc te gaan, dit aan moet klikken (touchscreen) op het scherm. Ook is het mogelijk om een maximale duur tijdens de les aan te geven dat een leerling weg mag zijn. Wanneer dit ingesteld staat op 10 minuten, kan de leerling maximaal 10 minuten naar de wc voordat hij/zij in het systeem komt te staan met ‘afwezig’ of ‘les niet volledig gevolgd’. Dankzij een uitgebreide database voor alle lokalen, klassen, roosters, docenten en studenten hoeft er nooit meer handmatig te worden bijgehouden wie er is en wie niet. Er wordt geen tijd verloren met het afstrepen van namen. Een docent kan daarnaast via een PDA allerlei informatie opvragen. Via draadloze Bluetooth technologie haalt de PDA gegevens op van het scherm en toont bijvoorbeeld absentielijsten van de dag daarvoor of van de vorige les met een klas. Op de PDA of op het scherm kan ook worden weergegeven wanneer iemand later komt. Een leerling kan een smsje sturen naar een speciaal daarvoor bestemd nummer, waarna het smsje op de PDA of op het scherm wordt weergegeven. De docent kan zo de reden van afwezigheid op tijd invoeren in het systeem. Is een leerling na een x aantal minuten te laat, dan wordt hij of zij automatisch als afwezig in het systeem gezet. De gevolgen voor die leerling zijn door de docent of de school te bepalen. Ik heb me in het team beziggehouden met het maken van de presentatie, de vormgeving van een ontwerpdocument en de demo, welke je hieronder kunt downloaden. Je kunt in de demo klikken op het pijltje om verder te gaan. Natuurlijk hebben we de demo getoond tijdens de eindpresentatie, dus wanneer je het niet helemaal begrijpt, dan kan dat kloppen omdat je de verdere uitleg mist. Overigens kun je bij de interface van het scherm in het lokaal op Q drukken om leerlingen ‘binnen te laten komen’ in het lokaal. Ook kun je de leerlingen sorteren op aan- of afwezig door met je muis te klikken op die knoppen. Natuurlijk is het scherm in het echt een touchscreen.

Muziekposters

Voor het vak Visual Design hebben we verschillende onderzoeken gedaan, maar de laatste weken hebben we ons vooral beziggehouden met een individuele eindopdracht. Zo kon je bijvoorbeeld een huisstijl maken, een filmpje of een reeks posters. Het maakte niet uit, zolang je maar vier verschillende producten maakte die op elkaar aansloten. Ik heb na een doelgroepanalyse en mindmap verschillende Flash filmpjes gemaakt. Het zijn bewegende posters voor op de website van TMF. Omdat ik van muziek houdt heb ik gekozen voor dat onderwerp en daarbinnen vier verschillende muziekstijlen gemaakt. Daarbij hield ik rekening met wat de doelgroep wil, wat de muziekstijl voor eigenschappen heeft en welke kleuren en typografie ik me daarbij voorstel. Door hieronder te klikken openen de posters in een nieuw scherm. Wacht rustig af totdat het geladen is. Je hebt Flash Player 8 nodig om het te kunnen bekijken.

Hamsterwereld: mediastrategie

Voor het vak Using Media hebben we een mediastrategie bedacht. Daarvoor hebben we ons verdiept in een specifieke opdracht. In mijn geval was het de bedoeling dat ik door middel van een campagne meer bezoekers naar de website van de Hamsterwereld van Albert Heijn zou trekken. Dit heb ik gedaan door een aantal mediatypen te combineren tot een campagne. Ik wilde de doelgroep van kinderen van 4 tot 10 jaar bereiken door te kiezen voor mediatypen die kinderen gebruiken. Daarnaast wilde ik de secundaire doelgroep bereiken: ouders. Met behulp van een advertentie, activiteiten in de winkels van Albert Heijn XL en een televisiecommercial op Jetix en Nickelodeon heb ik mijn campagne uitgewerkt. Een uitgebreide beschrijving van de mediastrategie heb ik in een document gezet welke je hieronder kunt downloaden. Daarnaast kun je ook de bijbehorende paginagrote advertentie zien, die Albert Heijn in tijdschriften kan plaatsen om de bekendheid met het merk te vergroten. De flyer is beschikbaar voor acties en je kunt hier de (Flash) televisiecommercial zien die ik gemaakt heb.

Ontwerpdocument Marktplaats

Voor het vak Informatiearchitectuur was het de bedoeling een document te maken waarin een verbetervoorstel staat voor de site Marktplaats.nl. Het onderzoek hebben we gedaan door verschillende componenten van marktplaats.nl en vergelijkbare sites te bespreken. Hierbij hebben we gekeken naar de hoofdpagina, de zoekfunctie (search navigation) en de navigatie door browsen (in categorieën). Waarom een nieuwe informatiearchitectuur? Marktplaats.nl is verouderd als het gaat om de indeling en weergave van informatie. Om voorbereid te zijn op de stroom aan nieuwe advertenties in de toekomst, kan een nieuwe informatiearchitectuur uitkomst bieden. De opdracht was het herontwerpen van een aantal componenten op de site marktplaats.nl. Met een onderzoek naar vergelijkbare sites en zelf ervaren hoe gebruiksvriendelijk de site is probeer je te kijken naar de manier waarop informatie snel gevonden kan worden. Het hele document is hier te downloaden (52 pagina’s, in PDF).

Narrowcasting Presentatie

Voor Marketingcommunicatie moest elk team een presentatie houden over een bepaalde mediauiting. Ons team hield de presentatie over narrowcasting. Dit zijn heel simpel uitgelegd beeldschermen in winkels, vervoermiddelen zoals de tram en metro, stations en buiten die informatie laten zien die van belang is. Op stations heb je bijvoorbeeld een scherm met vertrektijden van de treinen. Ook dat is een vorm van narrowcasting: er wordt gebruikt gemaakt van dynamische gegevens uit een database en die worden gepresenteerd op het scherm. Vaak wordt narrowcasting voor reclame gebruikt, zoals de televisies bij de Blokker om een bepaald product aan te prijzen. Ook als winkels gesloten zijn kan er in de etalage een filmpje vertoond worden. Ook dat is narrowcasting. De technieken gaan steeds verder, zoals bijvoorbeeld de nieuwsheadlines in de tram die afgewisseld worden met entertainmentnieuws. Je zult het ook steeds vaker tegenkomen. Onderstaande presentatie gaat over narrowcasting en welke typen er allemaal zijn. De hele presentatie kun je bekijken door op de spatiebalk te drukken. Ik heb de presentatie in Flash gemaakt voor mijn team dat de informatie heeft verzameld over het onderwerp. De presentatie was onderdeel van het lesprogramma. Om de presentatie te bekijken, klik je eenmaal in het scherm
en gebruik je de spatiebalk om verder te gaan.

Krant van de Toekomst

Bij het vak Content en Redactie moesten we een krant maken. Geen analoge, papieren versie, maar een digitale krant, zoals die waarschijnlijk over een paar jaar alleen nog maar te vinden zullen zijn op het internet. De krant moest zich afspelen in de verre toekomst. Ik heb gekozen voor het jaar 2031, waarbij verschillende gebeurtenissen plaatsvonden. Een overzicht van die gebeurtenissen vind je op de aparte website die ik heb gemaakt waarop mijn krant te vinden is. Lees onder andere het weerbericht van dat jaar en zie dat Bill Gates is overleden. Ook leuk: Google eens naar de Krant van de toekomst en bekijk die van andere Interactieve Mediastudenten. Er komen altijd hele leuke dingen uit. Toch is het niet makkelijk om zulke stukjes te schrijven. Behalve de spelling, moet je ook letten op alle details en nadenken over verschillende mediatypen. Gebruiken we nog laptops tegen die tijd? Hoe zullen we onszelf verplaatsen, met de auto of met de trein? Of misschien wel met een ander vervoermiddel. En hoe zit het met de luchtkwaliteit, natuurrampen, oorlogen en politieke spanningen? Lees de krant via de link onderaan.

Muziek in Beeld

Voor de extra cursus Muziek in Beeld, waarbij we leerden werken met videobewerking en filmen, heb ik samen met Sharon Steinfort onderstaande clip gemaakt op het nummer Facts of Life van Lazyboy. We hebben tientallen foto's gemaakt, bewerkt en stukjes gefilmd in Amsterdam. Verschillende klasgenoten figureren ook in de clip. Voor de clip kregen we een studieregiepunt: een studiepunt die je moet halen door je ‘zwakke punten’ te verbeteren. Je kunt de clip bekijken via YouTube of hieronder. Inmiddels is hij meer dan 20.000 keer bekeken!

Creatief met Italie

Deze campagne heb ik samen met Dirk de Ron gemaakt voor het vak Marketingcommunicatie. De campagne moest cross-mediaal zijn, dat wil zeggen: gebruik makend van meerdere mediatypes, zoals narrowcasting, posters, autoreclame en spotjes. Een aantal weken hebben we presentaties gegeven en elke keer hebben we die presentaties verbeterd en uitgebreid, totdat er in de laatste week een eindpresentatie uitkwam waarvoor iedereen een beoordeling kreeg. De opdracht was om een fictieve campagne te ontwikkelen voor Bertolli, bekend van de pastasauzen en olijfolie. We kregen een uitgebreide briefing waaraan de campagne moest voldoen. Uiteindelijk werd de campagne beoordeeld op verschillende punten, allemaal te maken natuurlijk met marketing. De onderstaande presentatie heb ik gemaakt in Flash en is te bedienen met de spatiebalk. De achtergrond van de applicatie is een van de eerste opdrachten: een moodboard maken met de omgeving van Bertolli erop. Ik heb deze achtergrond gemaakt met het idee dat het Italiaanse gevoel bij Bertolli naar boven moest komen. Vandaar de mediterrane kleuren van de presentatie. Alle mediatypen hebben we in een stijl gemaakt; zo ziet de fictieve website er op dezelfde manier uit als een advertentie in de krant voor onze campagne. Ook het logo - ontworpen met Illustrator - van onze ‘Creatief met Italie’ campagne is in de stijl van Bertolli. Om de presentatie te bekijken, klik je eenmaal in het scherm
en gebruik je de spatiebalk om verder te gaan.

Your Own Famous Art

Your Own Famous Art is ons project voor het Amsterdams Historisch Museum. Tijdens blok 2 en 3 van de propedeuse moesten we een interactieve applicatie maken voor het museum, om meer jongeren te trekken. Wij hebben na een aantal ideetjes gekozen voor een applicatie waarbij mensen zelf een schilderij of collage kunnen maken en deze vervolgens kunnen versturen via het internet. Het uitwerken van dit idee was makkelijker gezegd dan gedaan. Tijdens het project hebben we verschillende documenten opgeleverd, zoals een specificatie over wat Your Own Famous Art (YOFA) allemaal kan, wie onze doelgroep is en wat de uitslagen waren van de uitgebreide gebruikerstest. Op deze pagina kun je versie 0.9 van YOFA downloaden. Deze versie is veel uitgebreider dan de eerdere demo die we gemaakt hadden. Tijdens de lancering van de projecten op de opleiding, toonden wij deze versie. Ik heb me vooral beziggehouden met de totale layout en de vele regels Actionscript achter deze applicatie. In deze versie kun je achtergronden toevoegen, en ook achtergrondafbeeldingen, maar die zullen niet werken omdat deze niet zijn geupload. Deze worden extern ingeladen door middel van de applicatie. Inmiddels kun je ook tekenen en tekst toevoegen aan je collage. Als je wilt tekenen, klik dan op het tabblad Drawing Tool en kies een kleur. Klik en sleep vervolgens je muis over het vlak. Bekijk de volledige applicatie hier of download het .exe-bestand en sla hem op je computer op!

Digitaal Museum

In de propedeuse hadden we Kunstgeschiedenis, een vak dat inging op de historie van verschillende kunstobjecten, zoals schilderijen, beelden en architectuur. Van de typische beelden uit de Griekse Oudheid tot recente bouwwerken in Europa, we hebben ze allemaal gehad. Het Digitaal Museum is een verzameling van de werken die je zelf aanspraken. Het was de bedoeling vier categorieën te maken, met in elke categorie zes verschillende kunstobjecten. Ik heb gekozen voor Architectuur, Natuur, Kleur en Duisternis. Hierin heb ik achtereenvolgens gebouwen, kunstobjecten gemaakt met natuurlijke elementen, kleurrijke items en minder vrolijke objecten laten zien. Elke knop in het museum is geanimeerd en ik heb veel aandacht besteed aan de detaillering van het museum. Zo kun je zien dat de plaatjes afgeronden hoeken hebben en wanneer je met je muis over een knop gaat deze zal oplichten, vergroten of bewegen. Voor de werking van het museum zijn dit soort animaties niet nodig, maar storend is het ook niet en ik wilde het er mooi uit laten zien. Ik heb gekozen voor een jazz / swing - muziek omdat ik dat vond passen bij een museum. Deze muziek is dankzij een extra knop ook uit te schakelen. Verder werkte ik voor het eerst met een laadbalkje aan het begin van de applicatie en heb ik ervoor gezorgd dat de overgang tussen het beginscherm (een soort screensaver) en het museum zelf vloeiend verloopt. Bekijk de applicatie zo mogelijk in fullscreen in je browser (F11).

Digitale Dummy

Het vak Mediadesign ging over het werken met Photoshop, Illustrator en Flash. We maakten verschillende visuele opdrachten, zoals een korte animatie met de thema's boos, bang en blij, een grid-opdracht waarbij we een aantal dezelfde items op een leuke manier moesten plaatsen in het scherm en een Kijkwijzer-icoontjes opdracht. Alle opdrachten van het vak Mediadesign verzamelden we aan het eind van het blok in de Digitale Dummy. Via een website kon iedereen zijn of haar dummy uploaden, iets dat erg goed werkte omdat je zo snel een beeld kreeg van wat iedereen had gemaakt. Ik heb al mijn opdrachten apart in moeten leveren en heb daarbij gekozen voor steeds dezelfde donkere Flash-presentaties, welke je hier niet kunt zien. Voor de dummy moesten we een plan opzetten, waarbij ik dus bewust gekozen heb voor een lichtere en vrolijkere uitstraling dan het eerdere werk van Mediadesign. Via dit concept ben ik gaan werken aan de dummy en in ongeveer drie weken was hij af. Bekijk de Digitale Dummy hieronder. Je hebt de Flash-player nodig om het af te spelen. Ik raad je aan om even te wachten tot de dummy helemaal geladen is, alvorens op Start te klikken. Let ook op de details: de dummy verandert bijvoorbeeld continu van kleur, zodat je nooit dezelfde ervaring hebt.

Poster SLB

Voor Studieloopbaanbegeleiding was het de bedoeling een poster te maken waarin je een bepaald item uit de wereld van interactieve media belicht. Dit moest je doen op een A4-formaat en gebruik maken van taalgebruik dat de mensen aanspreekt en past bij een soort reclame. Ik heb gekozen voor de nieuwe technieken en ontwikkelingen in het vakgebied interactieve media. De technieken worden tegenwoordig steeds uitgebreider en zullen steeds meer ons leven gaan bepalen. Oprolbare laptops zijn er al, en het is een kwestie van tijd voordat niemand meer een laptop meesleept, maar gewoon met een alles-in-een zakcomputer rondloopt. Dat is iets om over na te denken, vandaar dat ik deze poster maakte.

IAM: Brand

resenteer jezelf op een A4, beschrijf je geschiedenis en je competenties. De opdracht van IAM Brand klonk redelijk simpel, maar om dat allemaal op een A4 te krijgen was moeilijker dan gedacht. Het is gelukt. Ik heb gekozen voor een zwart-wit stijl - en niet alleen omdat de kleureninkt op was - en heb een foto van mijzelf bewerkt. De items op de poster gaan over wat ik kan en wat niet. Vanzelfsprekend is het de bedoeling aan het eind van de opleiding gewerkt te hebben aan deze zwaktes, zodat ik bijvoorbeeld meer weet over de programmeertaal PHP en databasefuncties met MySQL. Alle posters van de propedeuseleerlingen werden opgehangen in de medialounge De naam IAM Brand komt natuurlijk van Interactieve Media (IAM) en letterlijk ‘Ik ben een merk’. Je moest jezelf dus als het ware presenteren als een merk; tot uiting brengen op een poster. Je kunt de poster hieronder downloaden.

Blob

Het allereerste project voor de propedeuse van Interactieve Media was voor mij Tools ‘R’ Us. In deze cursus werden we bekend gemaakt met de programma’s die we voor de opleiding gebruiken: Illustrator, Photoshop en Dreamweaver. Na een aantal oefeningen was het tijd voor de eindopdracht, welke hieronder te bewonderen is. Ik ben eigenlijk begonnen met een stripfiguurtje en heb daaromheen een verhaal gebouwd. Dit heb ik gedaan met behulp van Flash, het programma om animaties mee te maken. Flash kende ik al een beetje, dus met wat moeite heb ik dit stripje in elkaar gezet. In de strip kun je kiezen voor twee richtingen: Blob kan naar de disco of naar school gaan. Het idee erachter is dat de school, welke voor mij tijdens het maken van de strip nieuw was, zorgt voor kennis en een goede baan en dus positief is. De disco is leuk - ook positief - maar ga je daar te vaak heen, dan zal het niet ten goede komen van je opleiding. Daarom is logischerwijs disco de verkeerde keuze. Kijk wat er gebeurt en speel het stripje af. Ik ben begonnen met het ontwerpen van het stripfiguurtje Blob, en heb dit in Illustrator uitgewerkt. Nadat ik maarliefst 50 verschillende plaatjes had gemaakt kon ik beginnen aan het importeren in Flash en het daadwerkelijk animeren van het geheel. Er zit wat geluid in, meer was niet mogelijk door tijdgebrek.