PLAN VAN AANPAKSTAGE ORANGE JUICE

NAAM: BAUKE VAN HARSKAMP

DOCENT: KEES HOGENHOUT

SEMESTER: STAGE

1

INHOUDSOPGAVE

1 Versiebeheer en Verantwoordelijken...............................................................................................4

1.1 Versiebeheer............................................................................................................................................4

1.2 Verantwoordelijken.................................................................................................................................4

2 Het bedrijf........................................................................................................................................ 5

2.1 Managementsamenvatting......................................................................................................................5

2.2 Portfolio Orange Juice..............................................................................................................................6

3 Inleiding........................................................................................................................................... 7

3.1 3.1 Aanleiding..........................................................................................................................................7

3.2 3.2 Gehoor...............................................................................................................................................7

3.3 3.3 Partijen...............................................................................................................................................8

3.4 3.4 Referenties.........................................................................................................................................8

3.5 3.5 Leeswijzer...........................................................................................................................................8

4 Opdrachtomschrijving...................................................................................................................... 9

4.1 Achtergrond.............................................................................................................................................9

4.2 Vraag......................................................................................................................................................10

4.3 Uitwerking..............................................................................................................................................11

4.4 Algemene eisen......................................................................................................................................12

4.5 Eisen functionaliteit...............................................................................................................................13

4.6 Randvoorwaarden..................................................................................................................................13

5 Oplossing en oplossingsmethodes..................................................................................................14

5.1 Oplossing................................................................................................................................................14

5.2 Leveringsomvang...................................................................................................................................15

5.3 Methode en technieken.........................................................................................................................15

5.4 Literatuurlijst:.........................................................................................................................................16

5.5 Kwaliteitsbewaking................................................................................................................................17

6 Projectaanpak................................................................................................................................ 18

6.1 Projectrollen...........................................................................................................................................18

2

6.2 Stagebegeleider.....................................................................................................................................19

6.3 Projectbegeleider...................................................................................................................................19

6.4 Projectgroep/afdelingen........................................................................................................................20

7 Mijlpaalproducten.......................................................................................................................... 20

7.1 Fasering..................................................................................................................................................20

7.2 Incrementen...........................................................................................................................................22

8 Ontwikkelmethode + globale planning............................................................................................24

8.1 Ontwikkelmethode................................................................................................................................24

8.2 Globale planning....................................................................................................................................25

9 Competenties en indicatoren..........................................................................................................26

9.1 Domeincompetenties.............................................................................................................................26

9.1.1 Analyseren....................................................................................................................................26

9.1.2 Ontwerpen....................................................................................................................................27

9.2 HBO-competenties.................................................................................................................................27

9.2.1 Zelfsturing.....................................................................................................................................27

10 Projectcontract............................................................................................................................... 28

10.1 Opdrachtgever...................................................................................................................................28

10.2 Projectbegeleider..............................................................................................................................28

10.3 Contract.............................................................................................................................................28

3

1 VERSIEBEHEER EN VERANTWOORDELIJKEN

Mijn plan van aanpak heeft een kleine achterstand opgelopen omdat het beetje spaak gelopen is met mijn stagebegeleider. Door een foutje van het stagebureau heb ik eerst drie weken moeten wachten op bericht van mijn stagebegeleider die vervolgens melde dat hij mijn begeleider niet langer zou zijn. Vervolgens heb ik een nieuwe begeleider toegewezen gekregen. Ook hij gaf na een week aan dat hij het te druk had en niet langer mijn begeleider zou zijn. Dit heeft geleid tot een kleine achterstand in mijn werkzaamheden.

Gelukkig heb ik nu een goede begeleider die alles snel nakijkt en goed communiceert. Ik kan dus gelukkig een inhaalslag maken.

1.1 Versiebeheer

VERSIENUMMER DATUM BEWERKING1.0 12-02-2010 Eerste ontwerp Plan van Aanpak.1.1 29-02-2010 Feedback van Ben Nieuwhof

verwerkt.1.2 21-03-2010 Feedback van Kees Hogenhout

verwerkt.

1.2 Verantwoordelijken

OPDRACHTGEVER Orange Juice

BEDRIJFBEGELEIDER Remco van Nieuwenhoven

STAGEDOCENT Kees Hogenhout

MEDEWERKER Bauke van Harskamp

4

2 HET BEDRIJF

2.1 Managementsamenvatting

Meander 601. 6825 ME ArnhemPostbus 2122. 6802 CC ArnhemTelefoon (026) 3274045. Fax (026) 3892870

orange-juice.nl

Orange Juice is een design bureau uit Arnhem. Het bestaat uit 16 werknemers en wordt gerund door 3 broers. Er is uitgebreide aandacht voor implementatie van inventieve marketing technieken. Een onderdeel wat uitmaakt van Orange Juice is ‘Marketing Vitamins’. Hiervoor worden allerlei technieken gebruikt om slimme marketing uit te voeren. Ze spelen in op bestaande ontwikkelingen door het stroomlijnen van communicatieprocessen middels webbased applicaties en het realiseren van interactieve presentaties.

Verdere kwaliteiten zijn het online configureren van producten en een automatische afhandeling hiervan. Producten kunnen bijvoorbeeld voorzien worden van een zelf gekozen kleur, vorm en tekst. Later wordt dit ontwerp automatisch doorgestuurd naar een drukker of ander bedrijf dat de producten vervaardigd.

5

2.2 Portfolio Orange Juice

Orange Juice maakt websites en applicaties onder andere voor:

Vitesse

De site mijnvitesse.nl is een merchandise site. Je kunt er allerlei producten op maat configureren en op laten sturen. Je kunt bijvoorbeeld een klok maken en deze helemaal naar eigen wens configureren. Denk aan kleur, tekst eroverheen en model.

Koga Miyata

Orange Juice heeft voor Koga Miyata een een webbased applicatie voor het internationale dealersnetwerk gemaakt. De dealers kunnen inloggen en online hun communicatie-uitingen genereren en downloaden. In meerdere talen kunnen de dealers zelfstandig advertenties aanmaken voor plaatsingen in dagbladen en magazines.

Inventum

Voor Inventum is een professionele en actuele website gemaakt over de producten en verkooppunten. Producten kunnen per land verschillen en pagina’s kunnen gemakkelijk door medewerkers worden aangepast middel een uitgebreid CMS susteem

Hema

Consumenten kunnen eenvoudig het boekje voorzien van eigen content en direct door het resultaat heen bladeren. De applicatie is volledig gebaseerd op Adobe Flash en afgezien van de flash plugin voor de browser is er geen download of installatie van software noodzakelijk.

6

3 INLEIDING

Dit document is het plan van aanpak van Bauke van Harskamp. In het plan van aanpak staan onder anderen de opdracht, mijn planning, de indicatoren en de mijlpaalproducten.

Het plan van aanpak zal als een rode draad door de stageperiode lopen en zal regelmatig bijgeschaafd worden. Het doel van dit plan van aanpak is om overzicht te verschaffen in de wijze waarop ik een bijdrage kan leveren aan de realisatie van 3D objecten ter behoeve van de website Casebuilder.com. Naast deze opdracht zullen er 2 neven taken behandeld worden in het plan van aanpak.

Ik ga ook in op wat voor ontwikkelmethodes ik ga gebruiken en hoe mijn globale planning is. Verder heb ik in dit document opgenomen wat er voor risico’s zijn, wat de mijlpaalproducten zijn en hoe ik de kwaliteit van het product ga bewaken.

Achterin mijn plan van aanpak zijn de indicatoren te vinden waar ik vind dat ik aan moet voldoen om mijn gekozen competenties te halen. Deze indicatoren heb ik zelf samengesteld.

3.1 3.1 Aanleiding

Om de opdracht goed te laten verlopen is het belangrijk dat ik goed gestructureerd te werk ga. Om dat te realiseren heb ik dit plan van aanpak geschreven waarin ik zowel de opdracht zelf als de aanpak van de opdracht helder probeer te krijgen.

Tijdens mijn stage kan ik mijn plan van aanpak er regelmatig bijpakken om te kijken of ik op schema lig of om te kijken of ik het volgens plan uitvoer.

3.2 3.2 Gehoor

Dit plan van aanpak is bedoeld voor de volgende personen:

Remco van Nieuwenhoven, Directeur Orange Juice

Aram van Nieuwenhoven, Directeur Orange Juice

Kees Hogenhout, Stagebegeleider

7

3.3 3.3 Partijen

Partijen die tijdens dit project met elkaar samenwerken zijn:

Directie Afdeling Design Afdeling Development

3.4 3.4 Referenties

Dit plan van aanpak is gebaseerd op:

1. Algemeen inleidend gesprek op maandag 01 februari 2010 met directie genaamd:

A. Remco van NieuwenhovenB. Dion van Nieuwenhoven

3.5 3.5 Leeswijzer

Naast deze inleidende hoofdstukken bevat dit PVA de volgende hoofdstukken:

Opdrachtomschrijving (hoofdstuk 3)

Bevat de achtergrond van de vraag, de concrete vraagstelling, de eisen die de opdrachtgever stelt en de randvoorwaarden waaraan de oplossing voor de vraag moet voldoen.

Oplossing en oplossingsmethode (hoofdstuk 4):Bevat de door mij aangeboden oplossing voor de geformuleerde vraagstelling en een omschrijving van de daarbij behorende eindproducten. Tevens komen de geldende aannames en randvoorwaarden aan de orde.

Mijlpaalproducten (hoofdstuk 5):In dit hoofdstuk worden de mijlpaalproducten besproken en uitgebreid toegelicht.

Projectaanpak (hoofdstuk 6):Gaat onder andere in op de projectstructuur, -fasering en -planning.

Competenties en indicatoren (hoofdstuk 7)

Ik geef weer wat mijn gekozen competenties zijn met daarbij de zelf opgestelde indicatoren.

Projectcontract (hoofdstuk 8)Projectcontract dat door alle partijen ondertekend dient te worden.

8

4 OPDRACHTOMSCHRIJVING

In dit hoofdstuk ga ik uitleggen wat de opdracht precies inhoud en wat er van mij wordt verwacht. Per project ga ik uitleggen wat de achtergrond, de vraag en de uitwerking is. Verder bespreek ik de eisen en de randvoorwaarden

4.1 Achtergrond

Orange Juice is gespecialiseerd in internet applicaties waarin de klant heel gemakkelijk een product naar eigen wens kan bewerken. Dit komt door een goede implementatie van een Flash applicatie. De gebruiker kan gemakkelijk objecten slepen, schalen of wissen. De klant maakt het totale proces mee van ontwerpen tot aan het versturen naar bijvoorbeeld een drukker. Normaliter moet er een prijsopgave of offerte gemaakt worden. Hier gaat natuurlijk ook meer tijd overheen en mensen zien niet direct resultaat.

Verder is Orange Juice nadrukkelijk bezig met de inzet van goede marketing. Ze ontwikkelen zelf tools waarmee de klant zelf advertenties en campagnes kan opstarten. Er is een softwarepakket beschikbaar die een uitgebreide analyse kan maken voor een website. Deze kan later geoptimaliseerd worden. Er is ook een marketing expert in dienst die veel verbeteringen uitvoert.

Aanleiding hoofdopdrachtOp de website Casebuilder.com kun je je eigen flightcase samen stellen. Met de Casebuilder applicatie kun je in 5 stappen alles naar eigen wens instellen. Je kunt het formaat opgeven en de vorm van de case. Verder kun je kiezen uit verschillende handvatten en ook op welke plek deze moeten komen. Later is er nog de mogelijkheid om de kleur, het materiaal,de sloten en hoeken op te geven.

Ben je klaar met het configureren van je flightcase dan krijg je een overzicht van je keuzes en zie je een slideshow met afbeeldingen van alle aanzichten van je flightcase. De case kan bezorgd worden als bouwpakket of als kant-en-klare flightcase.

4.2 Vraag

Optimalisatie Casebuilder.comOrange Juice maakt voor ProFlight een nieuwe website. De website Casebuilder.com bestaat reeds maar wordt volledig opnieuw gebouwd. Dit gebeurt pas aan het eind van dit jaar. Orange Juice heeft een deal dat in ruil voor de website ze een deel van de online verkoop krijgen. De huidige site scoort nog niet heel goed in Google. Hier moet iets aan gedaan worden.

3D weergave Casebuilder.comOrange Juice gaat de site Casebuilder.com volledig vervangen door een nieuwe website. De lay-out wordt compleet vervangen en de code wordt herschreven zodat deze sneller is en meer functies bevat. Ook is hij dan nog beter te vinden in Google. Het is een tekortkoming dat het uiteindelijke ontwerp alleen in 2d te zien is. Hier willen ze verandering in brengen en zo de concurrentie qua website mogelijkheden nog verder achter zich te laten.

9

Om meer duidelijkheid te geven van hoe de case er ongeveer uit gaat zien moet er een universeel 3d object gemaakt worden met daarop een aantal hotspots waar uitleg gegeven wordt. Dit 3D model komt op de help pagina om de bezoeker te informeren.

Verder is het de bedoeling dat er ook bij de Casebuilder een 3D afbeelding komt. Aan het einde. De slideshow die aan het eind van de configuratie getoond wordt geeft namelijk niet een perfect beeld van hoe de flightcase er nu echt uit ziet.

Hij geeft wel alle zijdes weer maar het is allemaal 2D.

Voor het eindresultaat moet er een 3D versie komen van de uiteindelijke case. Deze moet dynamisch gegenereerd worden en zijn dus geen vooraf gefabriceerde 3D modellen.

Om extra duidelijkheid aan te brengen aan de case worden er hotspots toegevoegd aan het 3d model. Na hierop te klikken wordt een popup getoond met extra info over de hotspot.

Ontwikkeling iPhone applicatie

Orange Juice wil graag een mobiele applicatie maken om ervaring op te doen en om bij te blijven in de snelle stroom van innovaties en ontwikkeling van nieuwe platvormen. De mobiele markt groeit snel en heeft veel potentie. Ze zijn aan het zoeken naar de mogelijkheden om hierin mee te gaan.

Een van de specialiteiten van Orange Juice is het toepassen van web-to-print. Ze hebben al meerdere sites gemaakt die deze techniek hanteren. Bezoekers kunnen online iets maken/aanpassen of uploaden en dit later laten afdrukken of later versturen per post. Op mobiel gebied is er nog niet veel over te vinden waardoor daar een mogelijk is om hier iets voor te maken. Het is nog niet duidelijk of er een applicatie komt over Orange Juice zelf of dat er een gemaakt gaat worden voor een extern bedrijf. Het is natuurlijk wel handig om ervaring op te doen zodat opdrachten op dit gebied ook aangenomen kunnen worden.

Lead generatie d.m.v affiliatie marketing ingezet op meerdere domeinnamen (domeinmagazijn.nl)

Orange Juice heeft meer dan 1.000 websites in beheer. De domeinnamen staan op domeinmagazijn.nl en worden hier te koop aangeboden maar ook verkocht. Om de domein-kosten te beperken en de vindbaarheid per domeinnaam in Google te verhogen wilt Orange Juice websites op de domeinen plaatsen.

4.3 Uitwerking

Optimalisatie Casebuilder.comVoor Casebuilder ga ik verdeeld over een aantal fases optimalisaties doorvoeren. De zogenaamde ‘quick wins’ zijn taken die snel verricht kunnen worden en veel resultaat opleveren. Deze worden in fases doorgevoerd zodat eventuele fouten makkelijker opgespoord kunnen worden. Aan de hand van een onderzoek wat ik ga verrichten ga ik de optimalisaties doorvoeren. Wat ik bijvoorbeeld ga aanpassen zijn de meta description, meta keywords, paginatitels en weblinks. Bij Orange Juice is een

10

software pakket aanwezig die uitgebreide (Google) analyses kan genereren. Aan de hand van deze analyses ga ik de optimalisaties doorvoeren. Als het goed is komt de website hoger uit in Google na verloop van tijd.

3D weergave Casebuilder.comVoor de nieuwe website willen ze de ‘flightcase builder’ ook verbeteren. Mijn aandeel hierin is het zoeken naar een optie om het eindmodel vanuit de configuratie in 3d te tonen. Lastig punt is dat de flightcase nooit hetzelfde is. Je kunt bij de configuratie namelijk de maat op de centimeter nauwkeurig opgeven. Ik moet dus zoeken naar een oplossing waarbij het model online gerendeerd wordt. Er zullen vast verschillende methodes zijn maar ik moet gaan kijken wat het beste past bij casebuilder.com en welke door ons het makkelijkst in te zetten is. Ook moet ik nagaan of het wel te realiseren is. Bij Orange Juice zijn de developers gespecialiseerd in .net en flash. Op het gebied van Java en PHP zijn is er geringe kennis in huis.

Deze opdracht wordt alleen uitgevoerd wanneer het goed te doen is door mij alleen. De development afdeling kan wel wat helpen maar als blijkt dat deze mensen een hoop uren in moeten plannen dan zoeken we naar een andere oplossing. Dit project wordt gezien als extra en is te duur om het door eigen personeel te laten doen.

Ze willen sowieso wel iets gaan doen met 3D bij de builder applicatie. Wanneer het online genereren van een 3d model niet lukt of te veel tijd gaat kosten dan is het de bedoeling dat ik een universeel 3D object maak. Dit model dient ter verduidelijking en is voorzien van hotspots.

In mijn plan van aanpak ga ik uitgebreid uitleggen wat ik ga doen om dit te kunnen realiseren.

Ontwikkeling iPhone applicatieAls derde opdracht ga ik een iPhone applicatie maken. Hierover is nog niet zo heel veel bekend en hoor ik later meer over. Ik heb al wel te horen gekregen dat ik me vooral bezig ga houden met de layout en vormgeving van de app.Ik ben blij met deze opdracht omdat ik me er veel mee bezig houdt. Ik heb zelf een iPhone en vind het een interessant platvorm. Ik vind het leuk om mee te denken aan ideeën en functionaliteiten. Ik ga nadenken over een mogelijk idee dat verwerkt kan worden tot een mobile applicatie. De AppStore van Apple is gevuld met 260.000 applicaties dus je moet wel met iets origineels komen om je nog enigszins te kunnen onderscheiden.

Vorige week hebben we een brainstorm sessie gehad en er zijn wel wat ideeën uit ontstaan. Het is nog niet duidelijk wat het gaat worden en wanneer er aan gestart kan worden.

Lead generatie d.m.v affiliatie marketingVoor deze opdracht is het de bedoeling dat ik websites online ga plaatsen op de domeinnamen die staan op domeinmagazijn.nl. Deze sites ga ik voorzien van informatie aangevuld met affiliatie banners.

Door deze banners worden leads en sales gegenereerd. Door goede Google optimalisatie zullen de sites ook hoog scoren en sneller/duurder verkocht worden.

11

Ook worden de portals voorzien van links. Deze pagina’s linken ten eerste naar elkaar. Maar wat interessanter is, is dat de pagina’s ook gelinkt worden naar Orange Juice projecten. Door deze linkbuilding komen de Orange Juice sites weer beter uit in Google.

De bedoeling is dat ik een aantal domeinnamen uitkies en hier een website op plaats. Er wordteen Google Analytics en Google Tools account gekoppeld aan de site zodat ik kan bekijken wat de statistieken zijn per domeinnaam.

De websites moeten zo gemaakt worden zodat overkomen als een ‘echte’ site. De meeste affiliatie portals herken je zo en worden niet echt serieus genomen. Ik ga de sites zo maken dat de bezoeker het idee heeft dat hij op een echte website zit door gebruik te maken van eigen teksten met passende foto’s. Verder wil ik de reclame banners tactisch plaatsen zodat het lijkt alsof ze bij de pagina’s horen.

4.4 Algemene eisen

Afspraken:

- Wekelijkse vergadering op maandag rond 10 uur. Tijdens de vergadering wordt de planning en de tussenproducten besproken.

Communicatie op de afdeling:

- Communicatie verloopt via het intranet. Hier staat onder andere de weekplanning, de lopende projecten en urenregistratie op.

- Verder maken we gebruik van e-mail om vragen en opdrachten te bespreken. Ook worden er afspraken en deadlines doorgemaild.

Documenten:

- We houden bij Orange Juice een duidelijke structuur aan voor documenten en bestanden. Bij de start van een project wordt er een ‘startdocument’ gemaakt. Hierin staan onder anderen de begin- en einddatum, de personen die meewerken aan het project en verdere informatie die belangrijk is om vooraf vast te leggen. Aan het einde komen de deadlines die aangehouden dienen te worden.

- Voor het opslaan van alle werkbestanden is er een vast stramien. Zo kunnen alle medewerkers (vooral verschillende afdelingen) de bestanden goed vinden.

12

4.5 Eisen functionaliteit

3D Afbeelding universeel

Moet dienen als hulp en verduidelijking Duidelijke bediening Plaatje moet snel geladen worden

Dynamisch gegenereerd model

De 3d afbeelding moet een toevoeging zijn op het bestaande materiaal Het moet gemakkelijk te gebruiken zijn Het moet dynamisch gegenereerd worden zodat het past bij de opgegeven maten Het moet de site niet vertragen zoals dat op veel sites wel zo gebeurt

Lead generatie domeinmagazijn.nl

Websites moeten ‘echt’ overkomen (inhoudelijk) Sites moeten geoptimaliseerd zijn voor Google Er moeten affiliatie advertenties geplaatst worden om opbrengsten te genereren.

iPhone applicatie

Nog geen eisen beschikbaar

4.6 Randvoorwaarden

Binnen welke randvoorwaarden moeten de voor bovenstaande doelen en eisen worden gerealiseerd?

De looptijd van het project bedraagt 14 weken

Gemiddeld 3 dagen in de week ben ik bezig met Casebuilder.com de rest met kleine klussen

Er wordt (twee)wekelijks een vergadering gehouden betreft de vorderingen

Ik heb tijdens het project altijd de beschikking over een laptop en een internetverbinding.

13

5 OPLOSSING EN OPLOSSINGSMETHODES

5.1 Oplossing

Voor Orange Juice ga ik een 3D afbeelding maken die nodig is voor de help pagina. Ik doe onderzoek naar de usability hierin om een zo duidelijk mogelijk 3D model af te leveren. Het 3d model is voorzien van buttons die na erop te klikken extra informatie verschaffen over het bepaalde onderdeel. Deze buttons worden ook wel hotspots genoemd. Ik ben volledig verantwoordelijk voor het 3d model. De afhandeling in Flash verloopt samen met de develop afdeling.

Wanneer dit afgerond is ga ik beginnen aan het dynamisch gegenereerd model. Dit verschaft een uitgebreide research. Deze research loopt parallel aan de productie van het universele 3d model wat ik in vorige alinea behandeld heb. Ik ga kijken naar de mogelijkheden om een 3d model online te genereren. Dit omdat de online geconfigureerde flightcase er nooit hetzelfde uit ziet. Uit onderzoek zal blijken dat er meerdere opties mogelijk zijn. In overleg met de develop afdeling zal er gekeken moeten worden naar een mogelijkheid die door Orange Juice te ontwikkelen is. Ook moet het voor de bezoeker geen drempel opleveren. Het moet niet zo zijn dat er gewerkt wordt met bijvoorbeeld Java en dat hierdoor de bezoeker eerst een Java plugin moet installeren. Mijn taak is om onderzoek te doen naar de mogelijkheden van 3d op internet. Met name het online aanpassen van een 3d object. Hiervan breng ik verslag uit aan de directie. Zei gaan overleggen wat de beste optie is en er wordt een plan gemaakt hoe het uitgevoerd wordt.

De elementen die in 3D ontwikkeld moeten worden maak ik in Autodesk 3Ds Max. Deze bestanden moeten op een bepaalde manier geëxporteerd worden zodat ze in flash gebruikt kunnen worden. De website Casebuilder.com is nu al erg vooruitstrevend. Na de lancering van de nieuwe site zal het verschil met de concurrentie alleen maar groter worden. Er is geen andere website waar je online een flightcase kunt samenstellen en gelijk het resultaat en de prijs kunt zien. Er wordt een nieuwe markt opengebroken met de online configuratie en de mogelijkheid de case als bouwpakket op te laten sturen. De site is zo geoptimaliseerd waardoor hij in Google goed gevonden wordt. Er wordt veel aandacht aan besteed en op alle fronten verbeterd en ‘gefinetuned’.

Voor de Inzet van affiliatiemarketing en leadgeneratie ga ik websites maken. Hierbij is het niet de bedoeling om een volledige site te gaan maken. Er is een bestaand CMS waar vrij gemakkelijk sites online gezet kunnen worden. Alle content moet uiteraard wel voorbereid en geplaatst worden. Ik ga kijken wat er beschikbaar is aan affiliaties en ga daar mijn domeinen voor uitzoeken. Zijn er dus veel affiliaties over kleding dan ga ik kijken op domeinmagazijn.nl naar domeinnamen die hier op in spelen.

Mijn taken en verrichtingen beschrijf ik in mijn logboek. Verder worden mijn producten uitgebreid behandeld in het portfolio.

14

5.2 Leveringsomvang

Tijdens het realiseren van de producten zal ik de volgende producten opleveren:

Plan van Aanpak Mijlpaalproducten Eindproduct Eindverslag Reflectieverslag Logboek

Het eindproduct zal worden doorgespeeld aan de development afdeling hier bij Orange Juice. Deze groep zal de producten implementeren in de uiteindelijke website.

Het staat nog niet vast welke objecten wanneer moeten worden opgeleverd. De oplevering van objecten gebeurt gedurende het hele project.

5.3 Methode en technieken

TechniekenDe volgende kennis en technieken zal ik moeten beheersen om het project te laten slagen. Door het maken van 3 totaal verschillende opdrachten moet ik in bezit zijn van meerdere technieken en programmatuur. Ik ben bezig met 3d afbeeldingen waarvoor ik 3d max ga gebruiken. In mijn vorige course Game heb ik veel gewerkt met 3d Max. Hier heb ik dus een goede ervaring mee. Natuurlijk zullen er problemen voordoen waar ik een oplossing voor moet vinden. De meeste oplossingen kan ik vinden op internet. Ik ga kijken naar online tutorials en informatie websites.

Verder is HTML natuurlijk vaak vereist. Ik heb hier her en der wel mee gewerkt maar ben er geen ster in. Ik kan me er wel redelijk mee uit de voeten. Voor de course remediate heb ik het boek ‘HTML de basis’ gekocht. Dit boek gebruik ik als naslagwerk voor problemen omtrent HTML.

Photoshop is natuurlijk onmisbaar om dingen mee te ontwerpen. Hier werk ik al jaren mee dus weet er veel vanaf.

Voor optimalisatie van website ben ik ook vaak bezig met Google Analytics. Hier heb ik nog niet zo heel veel ervaring mee maar dat komt vanzelf. Het programma is redelijk gebruiksvriendelijk.

MethodenOmdat ik meerdere opdrachten heb zijn er ook een aantal methodes die ik aanhoudt om tot een goed resultaat te komen. Ik zal de methoden een voor een doorlopen en hierbij uitleg geven en aangeven voor welk project ik het ga gebruiken.

Concurrentieanalyse:Voor Casebuilder ga ik een analyse maken waarin staat wat de concurrentie zoal heeft en misschien mist. Ik ga onderzoeken waar ze op adverteren en hoe ze zich op internet profileren.

15

Technische analyse:Voor Casebuilder ga ik een analyse maken waarin ik onderzoek doe naar een mogelijke implementatie van een 3d model op internet. Ik ga vooral kijken naar de mogelijkheden om een 3d model online aan te passen. Alle uitkomsten verwerk ik in een technische analyse.

Conceptontwikkeling:Voor de ontwikkeling van een iPhone app ga ik een concept verzinnen. Het is niet zeker of het idee ook uitgewerkt gaat worden. De directie kijkt naar de haalbaarheid van het idee. Al mijn ideeën verwerk ik in een conceptverslag.

Optimalisatie rapport:Voor de online campagnes maak ik een optimalisatie rapport. In dit rapport staan alle verbeteringen voor de website casebuiler.com om zo hoger te scoren in Google.

Usability test:Voor de showcase van Casebuilder ga ik een usabiliy test maken. De showcase is een pagina die dient als uitleg dus moet qua usability goed in elkaar zitten. Wanneer ik een prototype af heb wil ik een usability test houden onder een aantal testpersonen.

Visueel ontwerp document:Voor de Casebuilder showcase maak ik visueel ontwerp document. In dit document komen een aantal dingen aan bod zoals de keuze van het lettertype en de kleurstelling.

5.4 Literatuurlijst

Literatuur

Peter Kassenaar, 2003, Handboek website usability,Rijswijk: Academic Service,ISBN: 9789039521014

Erwin Boogert, 2008, Scoren met Google analytics, Amsterdam: Entopic.ISBN: 978 90 80665392

Andree Hollander, 2005, Html de basis, Pearson Education Benelux B.V.ISBN: 904 30 11681

Kelly L. Murdock, 2007, 3Ds Max Bible 2009, John Wiley and Sons,ISBN: 9780470100899

Internet

Algemeen Tutorial video’s: http://www.youtube.com Tutorial’s: http://www.tutorialized.com Theorie: http://www.nl.wikipedia.org 3D informatie: http://www.3dmd.net

16

Gebruiksvriendelijkheid Usabilityweb http://www.usabilityweb.nl/ Webrichtlijnen http://www.webrichtlijnen.nl/ Naarvoren http://www.webrichtlijnen.nl/ I-nnovatie http://www.i-nnovatie.nl/ Usability pro Association http://www.upassoc.org/

Help Css play http://www.cssplay.co.uk/ Phphulp http://www.phphulp.nl/ Flashfocus http://www.flashfocus.nl Adobe exchange http://www.adobe.com/cfusion/exchange/

5.5 Kwaliteitsbewaking

Kwaliteit staat hoog in het vaandel bij Orange Juice. Producten die niet volledig werken of minder gebruiksvriendelijk zijn worden niet gebruikt. De producten die gemaakt zijn worden door collega’s getest en voorzien van feedback. De klant zal nooit iets merken van een eventuele fout. De producten komen eerst op een testserver te staan om deze vervolgens uitgebreid te testen.

Zelf ga ik ook mijn producten testen op bijvoorbeeld de usability of compatibiliteit. Dit ga ik verwerken in een testverslag. Ik ga zoeken naar mensen uit de doelgroep en laat deze mensen bepaalde handelingen verrichten zodat ik de usability kan vastleggen. Deze uitkomsten kan ik later verwerken waardoor mijn product geschikt is om online te zetten.

Verder heb ik wekelijks met mijn stagebegeleider een gesprek over de vorderingen en taken binnen het bedrijf. Hij geeft me advies en controleert waar ik mee bezig ben. Hij heeft veel ervaring en weet me altijd handige tips te geven.

Als laatste houd ik mijn plan van aanpak als rode draad aan om mijn taken te plannen en te controleren. Wat was de opdracht precies, wanneer moet iets af zijn en hoe ging ik het ook al weer doen zijn punten die ik kan controleren aan de hand van het PVA.

Verder ben ik van mezelf vrij kieskeurig aangelegd. Dit helpt me bij de bewaking van de kwaliteit.

17

6 PROJECTAANPAK

6.1 Projectrollen

In ons project zijn verschillende rollen weg gelegd. de rollen zijn hieronder weergegeven.

Orange Juice heeft in principe twee afdelingen. Dit zijn de afdeling design en de afdeling development. Ik werk voor de afdeling design. Deze afdeling houdt zich hoofdzakelijk bezig met het vormgeven van websites en internet toepassingen. Op mijn afdeling zitten gemiddeld 5 werknemers. Ralph en Rogier zijn fulltime vormgevers, Aram is een van de drie directeuren en is de chef van de design afdeling. Verder zit Tim nog in het design team en hij houd zich grotendeels bezig met de marketing. Ook is hij de tussenpersoon van de twee afdelingen. Het voorbereiden van ontwerpen voor de developers is bijvoorbeeld een taak van hem.

De projectgroepen bestaan uit de volgende mensen:

Design afdeling

- Bauke van Harskamp- Tim (marketing technisch en cms)- Rogier (ontwerper/vormgever)- Ralph (ontwerper/vormgever)

Develop afdeling

- Maurice (flash developer)- Kick (flash developer)- Martin (.net)- Nick (.net)- Sander (.net)- Angel (.net)

Onze taak is:

- Het naleven van de afgesproken groepsregels;- Het opleveren van individuele producten;- Het opleveren van groepsproducten;- Het aanwezig zijn bij verplichte werkuren;- Alles opleveren/inleveren op de afgesproken deadlines.

6.2 Stagebegeleider

Tijdens mijn stage wordt ik begeleid door Remco van Nieuwenhoven. Hij is het aanspreekpunt voor vragen over dit plan van aanpak, algemene vragen over de stage en waar nodig kan zijn hulp worden ingeschakeld voor eventuele problemen of ongeregeldheden. Wanneer Remco geen tijd heeft kan zijn broer Aran hier ook voor instaan.

Met mijn stagebegeleider kan ik het volgende bespreken:

18

- Voortgang van het proces en terugblik hierop;- Feedback geven en dit in goede banen lijden;- Vaardigheden en afronden hiervan en dergelijke zaken. - Conflicten op het werk;- Samenwerkingsproblemen;

6.3 Projectbegeleider

De projectbegeleider voor mijn stage is Kees Hogenhout. Regelmatig heb ik met hem een gesprek om het een en ander te bespreken. Dit kan gaan over de algemene voortgang, feedback/bespreking van gemaakte producten of eventuele conflicten op het werk. Minimaal 2 keer zal er een stagebezoek plaatsvinden om de voortgang te bespreken.

6.4 Projectgroep/afdelingen

19

7 MIJLPAALPRODUCTEN

7.1 Fasering

Voor een goed overzicht van het verloop heb ik besloten om een fasering toe te passen op het project. Ik heb hiervoor verschillende fases bepaald waaraan ik me ga houden zodat alles op tijd uitgevoerd en opgeleverd wordt. Ik heb gekozen voor de volgende fases:

Analyseren

Ontwerpen

Realiseren

Testen

Bij elke fase komen deadlines en afspraken te staan waar ik me aan wil houden. Dit om het project in goede banen te laten lopen. Ik werk veel samen met andere partijen en zo kan ik goed mijn afspraken nakomen die ik maak met collega’s.

Ik heb mijn project ingedeeld in 4 incrementen voorafgaand aan een analysefase.

Vervolgens zal ik de fases ontwerpen, realiseren en testen bespreken.

Ik heb gekozen voor een iteratieve ontwikkelmethode een beetje gecombineerd met de waterval methode. Dit klinkt wat vreemd maar dit komt doordat ik uiteindelijk meerdere producten op moet leveren. Mijn taak is om verschillende producten te maken of verbeteren qua vormgeving en usability. De makkelijkste verdeling die ik vervolgens kan maken is elk product opsplitsen in een increment. Ik heb gekozen voor de iteratieve methode omdat ik hetgeen wat ik moet maken nog redelijk nieuw is. Er is nog weinig duidelijk over het online genereren van 3d objecten waardoor er waarschijnlijk gedurende het project aanpassingen zijn in het project. Door de relatief korte processen die regelmatig worden getest is het handig te kiezen voor een iteratieve ontwikkelmethode. De watervalmethode is geschikt voor projecten waarin de opdrachtgever precies weet wat hij wilt en hier kan dan een lange termijn planning voor ontwikkeld worden.

20

ANALYSEFASE.

Doel:Goed beeld krijgen van wat er verbeterd moet worden of hoe iets precies gemaakt moet worden.

Activiteiten: In deze fase ga ik kijken wat ik allemaal ga doen, hoe ik het ga doen en wanneer ik dit ga doen. Ik voor alle drie de incrementen onderzoek doen naar bijvoorbeeld concurrentie of technische mogelijkheden. Naar aanleiding van al deze gegevens stel ik een advies volgens de MoSCoW analyse over de ontwikkelingen of verbeteringen van de producten.

Vervolgens ga ik de producten maken of verbeteren. Ik doe dit in verschillende incrementen en elk product is een apart increment.

Bij elk product doorloop ik nog een korte analyse, maak ik ontwerpen, realiseer ik in samenwerken met de developers de nodigen aanpassingen en test het product uitvoerig.

Eindproducten:

Concurrentieanalyse

Technische analyse

Website analyse

7.2 Incrementen

Increment 1: Optimalisatie Casebuilder.com

Casebuilder is een bestaande website die ik ga optimaliseren voor Google. Orange Juice krijgt een deel van elk verkochte flightcase dus verzorgt ook de marketing. Met behulp van Google Analytics worden in fases nieuwe aanpassingen doorgevoerd.

Increment 2: Realiseren 3d objecten Casebuilder.com

Voor de nieuwe nog te maken website van Casebuilder is het de bedoeling dat ik een 3D oplossing ga zoeken voor het implementeren van 3D objecten. Deze moet zowaar mogelijk voorzien worden van clickable hotspots.

Increment 3: Maken van een iPhone applicatie

Voor Orange Juice gaan we een iPhone applicatie maken. Het is hierin de bedoeling dat ik het ontwerp ga verzorgen. Er is nog niet veel bekend hierover en hoor er binnenkort hopelijk meer over.

21

Increment 4: Leadgeneratie en affiliatiemarketing

Opzetten van websites die zorgen voor leads door het toepassen van affiliatiemarketing. Dit genereert kosten en hogere Google ranking.

Tijdens het realiseren van de incrementen zullen behalve de analyse fase ook de volgende fases worden doorlopen.

ONTWERPEN

Doel: Goed beeld scheppen van wat te maken en hoe.

Activiteiten:In deze fase ga ik schermontwerpen maken naar aanleiding van de analysefase. Bij het ontwerpen van de schermen wordt aan de hand van de analyse gekeken in hoeverre de vormgeving van de producten verandert moeten worden.

Producten:

Schetsen Schermontwerpen 3D blueprints

REALISEREN

Doel:Realiseren van producten voor websites en applicaties.

Activiteiten:Tijdens de realisatiefase ga ik aan de hand van de schermontwerpen de desbetreffende website/applicatie verbeteren veelal in samenwerking met een developer. Het is de bedoeling dat we de veranderingen zoveel mogelijk aanbrengen in het oude product in plaats van alles opnieuw te maken. Ik zal bij het realiseren vooral de vormgeving op me nemen en me minder bezig houden met het dynamische aspect.

Producten:

3D model universeel Dynamisch 3d model met hotspots Websites met content en affiliatie banners iPhone app

22

TESTEN

Doel:Verbeteren van gebruiksvriendelijkheid en verhelpen van bugs.

Activiteiten:Er is een grote kans dat er nieuwe producten moeten komen voor Orange Juice die ik zal moeten ontwerpen en realiseren. Dit krijgt dan een hogere prioriteit dan de testfase. Er zijn genoeg collega’s op de afdeling die goed kunnen testen. Zij kijken ook met een andere blik naar de applicatie of website waardoor ze sneller iets opvallen.

Omdat het lastig is om testpersonen meerdere keren te benaderen lijkt me het beste om alle producten in een keer te laten testen. In deze testfase zal gekeken worden of de gebruikers makkelijk kunnen werken met de nieuwe site of applicatie en of oude problemen zijn verdwenen. De fouten of problemen die de testresultaten uitwijzen zullen in de weken na het testen per site worden opgelost.

Producten:

Testplan Testanalyse

23

8 ONTWIKKELMETHODE + GLOBALE PLANNING

8.1 Ontwikkelmethode

Ik heb gekozen voor een iteratieve ontwikkelmethode een beetje gecombineerd met de waterval methode. Dit klinkt wat vreemd maar dit komt doordat ik uiteindelijk meerdere producten op moet leveren. Mijn taak is om verschillende producten te maken of verbeteren qua vormgeving en qua usability. De makkelijkste verdeling die ik vervolgens kan maken is elk product opsplitsen in een increment.

8.2 Globale planning

Analyseren

Ontwerpen

Realiseren

Testen

Afronden

Increment 1: Optimalisatie Casebuilder.com

Increment 2: Leadgeneratie en affiliatiemarketing

Increment 3: Realiseren 3d objecten Casebuilder.com

Increment 4: Maken van een iPhone applicatie

De uitleg van de werkzaamheden tijdens de verschillende fases is te vinden in hoofdstuk 5 mijlpaalproducten.

Week nr. Belangrijke data Increment 1 Increment 2 Increment 3 Increment 4

05

06

07

08

09 1-03 definietief PVA

10

11

12 24-03 terugkomdag

24

13

14

15

16

17

18

19

20

21 25-05 concept stageverslag af

22

23 11-06 Stageverslag af

24

25 25-06 laatste dag

- Het is de bedoeling dat ik tijdens mijn stage ook meerdere kleine opdrachten krijg naast mijn stageopdracht. Ik heb in de planning rekening gehouden dat ik hier 1 dag per week mee bezig ben.

- Ik heb in mijn planning geprobeerd mijn stageopdracht af te hebben voor het inleveren van het concept stageverslag. Door andere opdrachten die tussendoor zullen komen zou het kunnen dat de stage opdracht een paar weken langer doorloopt. Het is wel de bedoeling dat de stageopdracht hoe dan ook in week 23 wordt afgerond. De testfase wordt dus waarschijnlijk niet meegenomen in mijn stageverslag.

25

9 COMPETENTIES EN INDICATOREN

9.1 Domeincompetenties

9.1.1 ANALYSEREN

1. De student maakt gebruik van analyse- en onderzoeksmethodieken, -technieken en –gereedschappen. Hiermee doet hij onderzoek naar de vindbaarheid op Google en presenteert een lijst met verbeteringen voor de SEO van een website.

2. De student doet onderzoek naar concurrerende websites van een bepaalde website en schrijft een uitgebreid adviesrapport.

3. De student doet onderzoek naar de mogelijkheden om een 3d model online dynamisch te genereren.

4. De student doet research naar de mogelijkheden voor een iPhone applicatie.

9.1.2 ONTWERPEN

1. De student is in staat om een website te optimaliseren voor Google. Aan de hand van een analyse rapport voert hij de verbeteringen door in fases.

2. De student maakt een concept voor een showcase pagina en houd rekening met geldende ontwerprichtlijnen

3. De student bedenkt en ontwerpt functionaliteit concepten voor een mobiele applicatie

4. De student ontwerpt een dynamisch 3d object op basis van een uitgebreid onderzoek. Dit object is van alle kanten te bekijken en is voorzien van hotspots.

9.2 HBO-competenties

9.2.1 ZELFSTURING

1. De student reflecteert op zijn beroepsmatig handelen en kan aangeven waar hij zich heeft verbeterd in zijn beroepsmatig handelen en wat er nog verbeterd moet worden.

2. De student is in staat zijn gemaakte keuzes en handelingen te verantwoorden.

3. De student zoekt actief naar en is kritisch t.a.v. kennis bronnen die hem of haar kunnen helpen tijdens het realiseren van de stageopdracht.

26

10 PROJECTCONTRACT

10.1 Opdrachtgever

De opdrachtgever evalueert het eindproduct aan de hand van de vooraf opgestelde eisen en wensen, zoals te vinden in dit document. Aan de hand van deze waarneming wordt gekeken of het eindproduct voldoet aan de vooraf gestelde verwachting. Met ondertekening van dit document wordt vastgelegd dat de opdrachtgever kennis genomen heeft van mogelijkheden en beperkingen van de student (Bauke van Harskamp) en hiermee akkoord gaat. Daarnaast zal de opdrachtgever het concept bewaken en erop toezien dat alles wat gemaakt is binnen de gepaste stijl valt, mocht dit niet zo zijn dan stelt hij de student daarvan direct op de hoogte.

10.2 Projectbegeleider

De projectbegeleider zal het eindproduct evalueren aan de hand van dit document, met de daarin opgestelde mogelijkheden, beperkingen en voorwaarden. De persoonlijke prestatie wordt getoetst aan de hand van het individuele portfolio en reflectie. In dit portfolio wordt aangegeven waarom ik competent zou zijn. Bij het voldoen aan deze competenties is stagegedeelte succesvol afgerond. Met ondertekening van dit document wordt vastgelegd dat de projectbegeleider kennis genomen heeft van de mogelijkheden en beperkingen van de student (Bauke van Harskamp) en hiermee akkoord gaat.

10.3 Contract

Opdrachtgever Projectbegeleider

Handtekeningvoor akkoord: ____________________ _______________________

Remco van Nieuwenhoven Kees Hogenhout

27