PLAN VAN

AANPAK
STAGE 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 BEWERKING

1.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 Managementsamenvatti ng

Meander 601. 6825 ME Arnhem

Postbus 2122. 6802 CC Arnhem
Telefoon (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 Portf olio 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 Parti jen

Partijen die tijdens dit project met elkaar samenwerken zijn:

 Directie
 Afdeling Design
 Afdeling Development

3.4 3.4 Referenti es

Dit plan van aanpak is gebaseerd op:

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

A. Remco van Nieuwenhoven

B. 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 hoofdopdracht
Op 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.com
Orange 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.com
Orange 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.com
Voor 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

10
aanpassen zijn de meta description, meta keywords, paginatitels en weblinks. Bij Orange Juice is een
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.com
Voor 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 applicatie

Als 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 marketing

Voor 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 functi onaliteit

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

Technieken
De 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.

Methoden
Omdat 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
 Webrichtlijnen
 Naarvoren
 I-nnovatie
 Usability pro Association
http://www.usabilityweb.nl/
http://www.webrichtlijnen.nl/
http://www.webrichtlijnen.nl/
http://www.i-nnovatie.nl/
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.

18
Met mijn stagebegeleider kan ik het volgende bespreken:

- 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 Increment 1: Optimalisatie Casebuilder.com

Ontwerpen Increment 2: Leadgeneratie en affiliatiemarketing

Realiseren Increment 3: Realiseren 3d objecten Casebuilder.com

Testen Increment 4: Maken van een iPhone applicatie

Afronden

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.

9 COMPETENTIES EN INDICATOREN

25
9.1 Domeincompetenti es

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-competenti es

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.

10 PROJECTCONTRACT

26
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

Handtekening
voor akkoord: ____________________ _______________________

Remco van Nieuwenhoven Kees Hogenhout

27