Welkom op mijn bureaublad voor interactie. Hier vindt u alles over mijn stageperiode bij 72dpi.

Waarom een bureaublad voor interactie?

72dpi is een bureau voor interactie. Daarom leek het me leuk om interactie toe te voegen aan mijn verslag. De lezer bepaald hoe hij de inhoud leest en op wat voor manier. In het verslag heb ik veel dingen verwerkt die ik tijdens mijn stage heb geleerd, zoals; dhtml, css, en javascript.

In deze applicatie kun bekijken wat ik allemaal heb gedaan, wat ik van 72dpi heb geleerd, wat ik van mijn collega’s heb geleerd, aan welke projecten ik heb gewerkt, wat ik iedere week heb uitgevoerd en nog veel meer.

Weet je niet precies hoe de applicatie werkt? Klik dan op help in het menu onderaan de pagina.

Na een goed eerste jaar op het Mediacollega kreeg ik de mogelijkheid om eerder op stage te gaan dan verwacht. Leerjaar één en twee in één jaar, beter kon niet.. Na lang nagedacht te hebben over mijn assessment portfolio kon ik dan eindelijk op gesprek.

Toen sloeg de twijfel toe.. Was het wel verstandig om na één jaar stage te gaan lopen? Was mijn portfolio wel dik genoeg? Was het niet beter om meer trainingen te volgen? Was ik wel goed genoeg?

Ik kreeg het telefoonnummer van mijn stage adres, 72dpi. Omdat mijn indeling wat vertraagd was door een misverstand van school belde ik gelijk voor een afspraak. Ik kon Vrijdag 1 juni langs komen voor een sollicitatie gesprek.

Ik had een afspraak met Krijn. Ik probeerde me goed voor te bereiden, door de website van 72dpi goed te bestuderen. Bij mijn sollicitatie merkte ik gelijk dat ik veel van Krijn kon leren, mijn sollicitatie duurde 1,5 uur. Krijn nam ruim de tijd om mij te laten zien waar ze bij 72dpi vooral mee bezig waren en aan wat voor projecten ze hadden (mee)gewerkt. Hierdoor kreeg ik gelijk een duidelijk beeld van het bureau. Ik was daarom ook erg blij dat ik werd aangenomen. Mijn stage begon op Maandag 3 September 2007.

72dpi is een bureau voor interactieve en grafische vormgeving en is opgericht in Juni 2000. Het bureau is gevestigd aan ’t IJ in Amsterdam. Bij 72dpi (72 in de mond van de collega’s) werken acht vaste werknemers en één stagiair.

72dpi maakt webprojecten zo rendabel mogelijk door helder en simpel interface design. Je kunt hierbij denken aan; webdesign, banners, rich internet apllications, webverstising en online demo’s. Bij 72dpi is een mooi ontwerp zonder resultaat geen succesvol project. Om design- en usability-doelen te behalen werkt 72 nauw samen met de klant.

Mijn stagebegeleider is Krijn Verhoek, hij is samen met Jonathan van den Bosch directeur van het bedrijf.

Klanten van 72dpi

Wat me in het begin van mijn stage direct opviel was dat 72 werkte met een groot klantenbestand. Voor een relatief klein bedrijf werkt 72 samen met ‘grote’ namen.

72dpi werkt o.a. samen met;

Deze namen waren voor mij erg imponerend. Iedereen bij 72 zorgt ervoor dat de relatie tussen de klant goed blijft. Het contact is tot op zekere hoogte informeel, wat de communicatie ten goede komt.

Het belangrijkste doel van mijn stage is om zo veel mogelijk werkervaring en kennis op te doen. De kennis die ik tijdens mijn stage moet op doen is onderverdeeld in competenties, een ander woord voor competentie is vaardigheid. Wanneer ik een competentie heb behaald, betekent dit dat ik voldoe aan de minimale eisen van de desbetreffende competentie. Voor de opleiding mediavormgeving moet je aan het eind van je studie voldoen aan 15 vastgestelde competenties. Wanneer je aan al deze competenties voldoet kun je het beroep mediavormgever op de juiste manier uitoefenen.

Door middel van mijn persoonlijk actie plan (pap) kan ik vooraf plannen aan welke competenties ik per se wil werken tijdens mijn stage en op welke manier. De competenties die ik niet formuleer in mijn pap, denk ik te halen door de normale werkzaamheden te volgen bij 72dpi.

Hieronder vind je mijn opgestelde Persoonlijk Actieplan.

Adviseert opdrachtgever

Ik zorg dat ik betrokken word bij verschillende soorten projecten, zodat ik in contact kom met diverse opdrachtgevers. Wanneer ik werk aan een opdracht zal ik contact onderhouden met de opdrachtgever over de vorderingen van het project. Ik wil notuleren bij besprekingen en presentaties met opdrachtgevers, zodat ik leer hoe de opdrachtgever denkt en hoe de opdrachtnemer (72dpi) hiermee omgaat. Op deze manier verzamel ik informatie over de behoefte van de opdrachtgever én leer ik dit op de juiste manier te interpreteren. Wanneer ik hier meer ervaring mee heb, kan ik me beter voorbereiden op communicatie met opdrachtgevers. Dit wil ik in de praktijk brengen door tijdens projecten regelmatig te communiceren met opdrachtgevers of contactpersonen over de stand van zaken en/ of vorderingen.

Maakt plan van aanpak

Wanneer ik iets maak voor een opdrachtgever wil ik precies weten om wat voor klant en opdracht het gaat. Een duidelijke debriefing is daardoor erg belangrijk. Tijdens de debriefing wordt duidelijk hoe we gaan werken, welke middelen we gebruiken en hoe lang we erover doen. Dit zal ik doen in overleg met Krijn of andere collega’s die hierbij betrokken zijn. Op deze manier leer ik precies in welke fases 72dpi werkt en kan ik hier van leren. Tijdens mijn stageperiode wil ik één of meerdere keren een plan van aanpak maken voor een (kleine) opdracht.

Maakt een concept

Wanneer het plan van aanpak duidelijk is, moet ik deze volgen zoals we dit hebben besproken. Ik ga onderzoek doen op internet en andere media (bv. tv, krant, bladen, boeken etc.) Ik kijk of ik voldoende weet over de doelgroep en het onderwerp van de opdracht, zodat ik hier een duidelijk beeld van krijg. Ik zorg dat het concept van de opdracht past bij de wensen van de opdrachtgever. Ik wil dit realiseren door veel te kijken bij opdrachten van mijn collega’s.

Maakt een ontwerp

Ik wil er tijdens mijn stage bij 72dpi achterkomen waar nu precies mijn interesses liggen. Daarom wil ik zoveel mogelijk ontwerpen maken voor opdrachten van websites, banners, applicaties ed. Ik wil veel leren over layout, kleur, beeld en typografie. Het is belangrijk om veel te communiceren met collega’s zoals Krijn en Jeffrey omdat zij beide goede vormgevers zijn.

Een realisatie voorbereiden/ media-uiting presenteren

Wanneer ik verschillende ontwerpen heb gemaakt, moet ik een keuze maken welke ik hiervan wil presenteren aan de opdrachtgever. Op het moment dat ik iets presenteer zorg ik ervoor dat ik dit in het juiste bestandsformaat en- grootte doe. Als ik meerdere pagina’s presenteer zet ik dit in een presentatie model, zodat ik of de opdrachtgever makkelijk door kan klikken (bv. jpg’s in HTML pagina’s met doorklik link). Het is belangrijk om al de bestanden te archiveren in verschillende mappen, zodat er duidelijk is bij welke fase van het project het hoort. Zo haal ik nooit dingen door elkaar en staat alles netjes in de juiste map.

Een media-uiting maken

Waneer het ontwerp is goedgekeurd en er zijn verdere keuzes gemaakt pas ik het ontwerp aan de behoeftes van de opdrachtgever aan. Bij een website zet ik het ontwerp om in HTML en maak ik dit op met CSS zodat alles op de juiste plek staat in alle browser`s. Bij een banner maak ik gebruik van een storyboard, daarna maak ik van het ‘verhaal’ een animatie in bv. Flash. Ik zorg dat ik altijd de juiste programma’s en indelingen gebruik.

Beroepscompetenties ontwikkelen

Het doel van mijn stage is om zoveel mogelijk kennis en werkervaring op te doen. Ik zal mijn competenties vaak doornemen, zodat ik zeker weet dat ik aan de juiste eisen voldoe. Dit ga ik doen aan de hand van het competentie formulier voor Mediavormgeving die ik kan vinden op Ma-Net.

Zorg dragen aan kwaliteit

Tot slot vind ik het belangrijk om werk af te leveren met een hoge kwaliteit. Dit kan ik alleen maar bereiken door veel opdrachten te maken en veel te oefenen. Omdat 72dpi werkt met veel ervaren mensen kan ik hier erg veel van leren. Ik ga veel kijken en vragen zodat ik begrijp waar kwaliteit voor staat in deze sector van het bedrijfsleven.

Hier het overzicht van de projecten waar ik aan (mee)gewerkt heb. De cursieve tekst met omlijning formuleert kort wat de opdracht was. Door te klikken op de thumbnails krijg je een voorbeeld te zien. Klik op sluiten of op het plaatje om deze af te sluiten.

Aan het eind van de projecten (onderaan het venster) staat een kennis grafiek, deze grafiek geeft weer wat ik verhoudingsgewijs heb opgestoken van een project.

1. Icon Dbase van 72dpi

2. Decizium YourTour

3. NS Portaal (intranet)

4. Das Bewust formulier

5. Weekendje weg

6. Rabobank Jaarplanner

7. Kapper Snapshot

8. Kennis grafiek

Ik heb bij 72 veel banners gemaakt. Voordat ik mijn stage begon, dacht ik vaak dat een banner werd gebruikt ter opvulling van de website.

Het grootste doel van een banner is het genereren van zgn. clicks. De opdrachtgever wil dat de klant (website bezoeker) naar een bepaald onderdeel van de site gaat. Door een banner op de juiste manier vorm te geven, kun jij ervoor zorgen dat dit doel wordt bereikt.

De meest gebruikte afmetingen van banners zijn:

• 728x90 leaderboard
• 468x60 banner
• 300x250 tv banner
• 120x600 skyscraper
• 336x280 large rectangle banner
• 234x60 half banner

1. Fundix DWS

2. SNS Bedrijfshypotheek

3. Hypotheekshop

4. Funda Monsterboard

5. Funda Nieuwhuisplan

6. Fundix Henderson

7. Hypotheekgarantie

Hieronder vindt u een korte samenvatting van de inhoud van de competenties. Al de door mij behaalde competenties kun je vinden onder de verschillende projecten en banners. De bewijzen laten zien hoe ik de desbetreffende competenties gehaald heb. Als u even niet meer weet wat een competentie inhoud kun je dat hier even bekijken.

Een opdrachtgever adviseren

Je moet je kunnen verplaatsten in de manier van denken van de opdrachtgever. Je moet je kunnen aanpassen en je moet de opdrachtgever advies kunnen geven over jou manier van denken over de opdracht.

Een plan van aanpak maken

Hoe ga je iets aanpakken en welke middelen gebruik je. Maak een stappen plan van hoe je iets gaat doen.

Projectmatig werken

Zorgen dat het project volgends het plan van aanpak verloopt.

Een concept maken

Volg het plan van aanpak, verzamelen van informatie, het vormen van een basis beeld. Thema kiezen, gebruik van geschikte hulpmiddelen.

Een ontwerp maken

Interpreteer het concept, volg plan van aanpak, rekening houden met wetten en regelgevingen,kiezen van stijl, kleur beelden, teksten, layout, typografie en productspecificaties.

Een media uiting presenteren

Verzamelen wat je wilt presenteren. Rekening houden met de opdrachtgever, gebruik maken van de juiste presentatiemiddelen.

De realisatie voorbereiden

Het plan van aanpak volgen, ontwerp als basis nemen, lijst maken van benodigdheden voor realisatie, materialen beoordelen.

Een media uiting maken

Toepassen van gekozen (vormgevings) elementen, specificaties aanbrengen, toepassen van gebruiksvriendelijkheid, toepassen van interaciviteit.

Uitbestedingen begeleiden

Criteria opstellen voor de uitbesteding van het proces en het resultaat. Formuleren van de opdracht tegenover de opdrachtgever.

De database beheren

Controleren van bestanden en zorgen dat ze voldoen aan de specificaties, duidelijke stuctuur handhaven.

Samenwerken

Maken van werkafspraken, taken verdelen, communiceren, feedback geven, collega's helpen.

Communiceren

Communiceren op de werkvloer, overleggen met collega's, praten over projecten.

Hardware, software en bestanden beheren

Installeren en onderhouden van de juiste hard- en software. Vastleggen wat je aan installatie, onderhoud en beveiliging heeft gedaan.

Zorg dragen aan kwaliteit

Zorgen dat er een bepaalde kwaliteit gehandhaafd wordt en deze voortdurend proberen te verbeteren.

Ontwikkelt beroepscompetenties

Constante ontwikkeling van de eigen beroepscompetenties en media-uiting waarbij optimaal gebruik kan worden gemaakt van nieuwe mogelijkheden.

Ik heb erg veel geleerd bij 72, omdat iedereen rustig de tijd nam om dingen uit te leggen. Ik heb met veel programma’s leren werken en veel technieken bijgeleerd. Ik heb de tijd gehad om veel te leren over (x)(d)html, css, javascript en ajax.

Ik heb geleerd hoe 72 van begin tot eind aan een opdracht werkt. Welke stappen belangrijk zijn en hoe je deze invult. Bij 72 beginnen ze met een debriefing, hierin wordt kort duidelijk gemaakt wat de opdracht inhoud, welke middelen we gebruiken, wat de achtergrond van de klant is en hoeveel tijd we voor een opdracht hebben.

Na de debriefing beginnen ze met schetsen. Ze proberen een aantal verschillende soorten schetsen te maken, zodat ze vanuit die basis verder kunnen met het maken van keuzes.

Bij een aantal opdrachten moest ik ook zelf een flowchart en wireframe maken. Hierbij heb ik geleerd gebruik te maken van Visio. Flowcharts en wireframes wordt vaak gebruikt bij grotere opdrachten, zoals website’s of applicaties. Het is dan goed om vooraf vast te stellen wat er gaat gebeuren en hoe alles werkt. Wanneer de flowcharts en wireframes zijn goedgekeurd ga je verder met schetsen.

Bij mijn eerste opdracht werd ik (gelukkig) direct met mijn neus op de feiten gedrukt. Ik leerde hoe je een website op de juiste manier hoort op te maken en wat het nut is van CSS. Ik ben gelijk meer gaan lezen over webstandaard, xhtml, dhtml en ajax.

Jeffrey:

Van Jeffrey heb ik geleerd wat web 2.0 betekent en hoe je het vormgeeft. Ik heb veel met Jeffrey samen gewerkt. Jeffrey heeft me laten zien hoe Visio werkt en hoe 72 stap voor stap te werk gaat.

Ik heb van Jeffrey geleerd wat het belang van een mooi icoontje kan zijn en wanneer je deze op de juiste momenten gebruikt.

Vidal:

Van Vidal heb ik geleerd hoe je CSS op de juiste manier gebruikt. Vidal nam altijd ruim de tijd om dingen aan me uit te leggen, waardoor ik het snel onder de knie kreeg.

Vidal heeft me geleerd hoe ik back-up bestanden maak voor banners. Wanneer je een flashbanner maakt is het belangrijk om ook een geanimeerde gif mee te sturen. Dit is belangrijk omdat niet iedereen met de nieuwste software werkt, dus niet iedereen een (juiste versie van) flashplayer heeft.

Krijn:

Ik heb vooral veel naar Krijn geluisterd. Hij communiceert vaak met opdrachtgevers en geeft ze daarbij veel advies. Ik probeerde altijd goed te luisteren naar deze adviezen.

Wanneer ik met een opdracht bezig was gaf Krijn me vaak aanwijzingen. Hij vroeg vaak; “wat vindt jij daar van”. Daardoor leerde ik goed over dingen na te denken.

Krijn is een echte vormgever, daarom nam ik altijd veel van hem aan wanneer ik met een opdracht bezig was. Vaak gaf zijn advies een positieve draai aan het ontwerp.

Chris:

Chris is de photoshop king van 72, hij heeft me geleerd op een makkelijke manier met photoshop te werken. Ik zet nu auto-select layer en de transform controls uit, zodat ik de layers selecteer met behulp van de rechter muisknop. Dit gaat (wanneer je eraan gewend bent) een stuk sneller.

Michiel:

Van Michiel heb ik geleerd waar je rekening mee moet houden bij het maken van formulieren. Welke dingen zet je waar en welke dingen zijn belangrijker dan andere en waarom. Michiel heeft me een aantal keer geholpen met CSS, hij weet hier erg veel van en kan dit ook goed verwoorden.

Rob:

Van Rob heb ik geleerd hoe je javascript moet lezen. Ik kan het nog niet schrijven, maar ik kan wel aanpassingen doen en dingen toevoegen.

Jonathan:

Van jonathan heb ik geleerd hoe je op de juiste manier over een opdracht nadenkt. Niet gelijk beginnen met schetsen, maar eerst goed bedenken wat er nou allemaal moet gebeuren. Heb ook advies gehad over API’s en hoe je geld kan verdienen met internet.

Nicoline:

Wat is webstandaard en waar staat het voor.

Ik hoop dat ik door de vorm en inhoud van mijn stageverslag heb kunnen laten zien wat ik tijdens mijn stage heb geleerd.

De tijd bij 72 vloog voorbij. Vooral het begin was erg leerzaam. Ik werd gelijk in het diepen gegooid, waardoor ik veel moest opzoeken en onthouden. Hierdoor was ik erg gemotiveerd en ging ik thuis ook veel dingen uitproberen.

Na een tijdje draaide ik lekker met Jeffrey mee en maakte ik veel leuke dingen. Ik ben blij dat ik gewoon als collega werd behandeld en niet als 'de stagiair'. Ik was snel gewend aan 72 en ik hoop zij ook aan mij.

Drie pluspunten

• Iedereen bij 72 neemt de tijd voor elkaar wanneer dit nodig is
• 72 heeft grote klanten en weet deze ook te behouden
• De werkomstandigheden en de sfeer onder de collega's is goed

Bijna iedereen bij 72 heeft vaste taken. Deze taken zijn bij sommige opgelegd, terwijl ze er bij andere door routine zijn 'ingeslopen'. Dit maakt het voor een stagiair soms erg moeilijk om aan een project mee te werken. De taken zijn namelijk al verdeeld, waardoor de taak van de stagiair een beetje onduidelijk blijft. Toch heb ik dankzij Jeffrey en Vidal lekker mee kunnen lopen en veel kunnen vragen. Als 72 hier wat meer aandacht aan besteed kunnen ze misschien meer rendement halen uit een stageplek.

Wat me ongeveer halverwege de stage opviel was de samenwerking tussen Krijn en Jonathan (de directeuren). Deze leek soms erg stroef te verlopen. Ze hebben allebei een visie die niet altijd bij elkaar aansluit. Krijn is vrij rustig en bekijkt alles eerst drie keer. Jonathan lijkt soms te impulsief te handelen en neemt daar collega's in mee. Dit leidt soms tot situaties waarbij uren onnodig verloren gaan.

Drie minpunten

• Iedereen heeft vrij statische taken, waardoor er weinig variatie is in werk. Iedereen werkt vaak aan dezelfde soort projecten
• Jonathan en Krijn werken niet altijd lekker samen, wat de groei van 72 misschien niet stimuleert
• De stageplek kan (nog) beter gebruikt worden.

Ik wil iedereen bij 72dpi bedanken voor hun bijdrage tijdens mijn stage. Ik heb een super leuke tijd gehad waar ik nog vaak aan terug zal denken.

In dit help venster staat kort uitgelegd wat alles betekent en hoe je het kunt gebruiken. Alles wordt op een eenvoudige manier uitgelegd.

Menu

Beweeg met uw muis over het menu onderaan de pagina. De iconen reageren op de muis. Hoe dichter je bij een icoon in de buurt komt, hoe groter hij wordt. Klik 1 maal op een icoon om het desbetreffende venster te openen.

Venster opties

Pijltje

Voeg de icoon toe aan het bureaublad, zodat je 'm makkelijk kunt vinden.

Streepje

Minimalizeer het venster, zodat je meer ruimte hebt.

Vierkantje

Maximalizeer het venster, nadat je het venster hebt geminimalizeerd.

Kruisje

Sluit het venster, wanneer u deze bijvoorbeeld niet meer wilt gebruiken.

Titlebalk

Verplaats het venster, houdt de linkermuis knop ingedrukt en sleep naar de juiste plek.

Rechtsonderaan

Maak het venster kleiner of groter, houdt de linkermuis ingedrukt en sleep met je muis naar het juiste formaat.

Vervolg

Hier vindt u 1 of meerdere links naar andere vensters.

Banner venster

Het banner venster heeft minder opties dan de rest van de vensters, dit komt omdat er flash in het venster wordt gebruikt. Wanneer u het banner venster opent, sluiten alle andere vensters. Op deze manier werk het bureaublad voor interactie op alle browsers hetzelfde.

Algemene informatie

• Mijn verslag is getest op meerdere browsers zoals: IE 6, IE 7, Firefox en Safari.
• Je moet javacript geactiveerd hebben om het verslag op de juiste manier te bekijken.
• Je moet flashplayer 6.0 of hoger hebben geinstalleerd om de banners te kunnen bekijkien.
• Het bureaublad is ontworpen voor resoluties van 1024 x 768 of hoger

Inhoud van het verslag

Het is ook mogelijk om de inhoud te bekijken van het verslag (zonder het bureaublad voor interactie) klik daarvoor op deze link.