Projectwijzer 1 Website computershop

NIVEAU 4 ICT ICT APPLICATIEONTWIKKELAAR Crebo 95311 Deze projectwijzer is uitgebracht in de serie voor de opleiding middenkaderfunctionaris Applicatie ontwikkelaar. Projectwijzers zijn gebaseerd op het didactisch model CGO (Competentie Gericht Onderwijs). De projectwijzers zijn tot stand gekomen onder verantwoordelijkheid van het Consortium Beroepsonderwijs. De inhoud van de projectwijzers is afgestemd op de competenties. LEERJAAR PERIODE 1 PERIODE 2 PERIODE 3 PERIODE 4 1 T/M 4 PW 0 BASISDOCUMENT 1 PW 1 PW 2 PW 3 PW 4 WEBSITE FAKTUREREN MEMORY BOTER, KAAS EN COMPUTERSHOP EIEREN 2 PW 5 PW 6 PW 7 PW 8 BPV BPV AANMELDEN EN RELATIONELE INLOGGEN DATABASE 3 PW 9 PW 10 PW 11 PW 12 BPV BPV TITEL BIJ TITEL BIJ VERSCHIJNEN VERSCHIJNEN Projectwijzer 1 Website computershop VERSIE 1.0 4 PW 13 PW 14 PW 15 PW 16 TITEL BIJ TITEL BIJ BPV BPV VERSCHIJNEN VERSCHIJNEN 4 KWALIFICEREND DOSSIER KERNTAAK 1 ONTWIKKELEN VAN APPLICATIES KWALIFICEREND DOSSIER KERNTAAK 2 REALISEREN VAN APPLICATIES KWALIFICEREND DOSSIER KERNTAAK 2 IMPLEMENTEREN VAN APPLICATIES KWALIFICEREND DOSSIER KERNTAAK 3 ONDERHOUD VAN APPLICATIES Een uitgave van: Artikelnummer: 00676860002

APPLICATIEONTWIKKELAAR Crebo 95311 Projectwijzer 1 Website computershop Project website computershop Artikelnummer: 00676860002

Colofon Deze uitgave is gerealiseerd onder verantwoordelijkheid van de Stichting Consortium Beroepsonderwijs en is mede mogelijk gemaakt door Stichting Praktijkleren. Directeur en managementteam M. Wouters, L. Fine, B. Huijberts, I. Rabelink, A. Pijnenburg Ontwikkelteamleider M. Lussing Ontwikkelteam C.H. Mooij, F. Frieswijk Redactie P. Willemsen, A. Brink Ontwerp en opmaak Studio Blanche: Henny Witjes, Microweb Edu B.V. Foto s en afbeeldingen Ondanks alle inspanningen is het mogelijk dat het Consortium Beroepsonderwijs niet alle copyrights van de in de uitgave opgenomen illustraties heeft geregeld. Degene die meent alsnog rechten te kunnen doen gelden, wordt verzocht contact op te nemen met het Consortium Beroepsonderwijs. 2012 Stichting Consortium Beroepsonderwijs Alle rechten voorbehouden. Niets uit deze uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand of openbaar gemaakt, in enige vorm of op enige wijze, namelijk elektronisch, mechanisch, door fotokopieën, opnamen of enige andere manier, zonder voorafgaande toestemming van het Consortium Beroepsonderwijs. Deze uitgave is tot stand gekomen in samenwerking met Microweb Edu B.V. (www.microwebedu.nl)

Inhoudsopgave 1 Inleiding 4 2 Beroepscontext 6 3 Project 10 3.1 Oriëntatie 11 3.2 Definitie 14 3.3 Ontwerp 17 3.4 Werkvoorbereiding 20 3.5 Realisatie 24 3.6 Oplevering 28 3.7 Nazorg 31 Bijlagen 34 Bijlage 1 Reflectieverslag 35 Bijlage 2 Competentieontwikkeling 36 Bijlage 3 Monitor 37

1 Inleiding 4 APPLICATIEONTWIKKELAAR

Beste student, Voor je ligt Projectwijzer 1 (PW01), een routebeschrijving die je de komende weken de weg wijst door een project. De opleiding die je gaat volgen is competentiegericht, vandaar CGO: Competentie Gericht Onderwijs. Kennis, vaardigheden, een goede (werk)houding en je ambitie vormen samen de garantie dat je geschikt bent voor je (beroeps)taak. Je bent dan competent. Dat betekent dat je tijdens je opleiding gaat werken in realistische beroepssituaties. Kennis, vaardigheden en houding leer en ontwikkel je het beste door ze meteen toe te passen in de (gesimuleerde) beroepspraktijk. Naast vakinhoudelijke kennis en vaardigheden raak je ook vertrouwd met bijvoorbeeld het werken in teamverband, nauwkeurig blijven werken onder tijdsdruk en een oplossing zoeken voor problemen. Een wezenlijk onderdeel van je functioneren is het nemen van eigen verantwoordelijkheid. Je bent zelf verantwoordelijk voor de wijze waarop je studie verloopt en de resultaten die je behaalt. Je werkt gedurende je opleiding aan tal van competenties, net zolang tot je in staat bent te functioneren als een beginnende beroepsbeoefenaar. Begeleiders op school en in de praktijk zullen je op allerlei manieren coachen en terzijde staan. In deze projectwijzer (PW) ben je betrokken bij de eerste opzet van een website voor een computershop. Misschien heb je al wat ervaring met het maken van websites. Hoe dan ook, dit wordt jouw eerste project als Applicatieontwikkelaar (AO)! Hoe het Competentiegericht Onderwijs georganiseerd wordt, hoe je met de Projectwijzers kunt werken en hoe de methode van evalueren en beoordelen gaat, staat allemaal omschreven in het Basisdocument Applicatieontwikkelaar. In dit document vind je ook allerlei formulieren en sjablonen voor documenten die je bij het uitvoeren van de projecten gedurende je opleiding zult gebruiken. In de leerlijn AO kun je zien wat je gedurende de opleiding op vakmatig gebied zult leren. Veel plezier met deze Projectwijzer! WEBSITE COMPUTERSHOP 5

2 Beroepscontext 6 APPLICATIEONTWIKKELAAR

Een vriend van jou heeft het plan een computershop te beginnen. Hij gaat notebooks en samengestelde desktop PC s verkopen. Verder wil hij allerhande computeronderdelen gaan leveren, zoals bijvoorbeeld monitoren en harddisks. Tenslotte wordt er een reparatiedienst opgezet. Hij is er erg druk mee en heeft jou gevraagd om een opzet (een prototype) van een website voor deze computerwinkel te maken. Het gaat in eerste instantie om een website, waarmee hij de producten en diensten kan presenteren. Te zijner tijd wordt het een dynamische website, een webshop, waarop de klanten direct kunnen bestellen, maar dit ligt nu nog niet binnen de opdracht! Globaal heeft hij je vertelt wat hij wil. De computerwinkel gaat PC4U heten en de website moet de volgende menustructuur hebben: Home, de startpagina van de website. Shop > een pagina met een overzicht van de hard- en software *) die PC4U kan leveren. Computers > een pagina met een overzicht van de notebooks en PC systemen die PC4U kan leveren. Reparatie > een pagina met de servicedienst, reparatieprijzen en voorwaarden. Informatie > een pagina met de contactinformatie van de computershop. Jouw opdrachtgever heeft dus wel een idee wat hij op die website wil hebben, maar vraagt jou om hem een voorstel voor de lay-out te doen. Ook wil hij een logo hebben: PC4U. Maak maar een mooi logo voor hem! Gedetailleerde informatie over de producten die hij gaat leveren ontbreekt nu nog, dus je kunt je in het kader van deze opdracht beperken tot de hoofd (menu) structuur van de website. De website wordt in dit stadium nog niet gehost. Hij draait local op je PC.. Hoewel je een beginnend Applicatieontwikkelaar bent, wil je deze uitdaging graag aangaan. Zo kun je snel ervaring opdoen met het ontwikkelen van webapplicaties. Er wordt van jou veel eigen creativiteit verwacht. Uiteraard ga je op internet kijken hoe websites van dergelijke computershops er uit zien. WEBSITE COMPUTERSHOP 7

Deze lijst is nog niet compleet, maar te denken valt aan een aanbod van: DVD spelers/branders Geheugenkaarten Geluids- en grafische kaarten Harde schijven in- en extern Monitoren Muizen Netwerkkaarten en bekabeling Voedingen Projectfasering Net zoals de professional voer je dit project uit in zeven fasen: 1. Oriëntatie: Je oriënteert je op deze opdracht. Met jouw begeleider, die als opdrachtgever fungeert, bespreek je de zaken. Als iets niet duidelijk is, vraag je wat de opdrachtgever precies wil hebben. Ook onderzoek je de haalbaarheid van dit project. Wat mis je aan technische mogelijkheden om dit project te kunnen uitvoeren? 2. Definitie: Op basis van het oriënterende gesprek formuleer je de precieze opdracht en je legt dat vast in een Plan van Aanpak met daarin de uit te voeren werkzaamheden. Dit leg je voor aan je opdrachtgever. 3. Ontwerp: De specificaties liggen vast in de opdracht. Werk die verder uit tot een Functioneel Ontwerp (FO). Dit ontwerp leg je ter goedkeuring voor aan je opdrachtgever. 4. Werkvoorbereiding: Je vertaalt het Functionele Ontwerp naar een Technisch Ontwerp, waarin staat beschreven hoe de website gemaakt moet worden. Verder onderzoek je welke softwaretools je nodig hebt om de website te kunnen ontwikkelen. 5. Realisatie: Je realiseert en test de website. 6. Oplevering: Je demonstreert de website aan je opdrachtgever. 7. Nazorg: Evaluatie: wat ging goed, wat kan beter? In deze projectwijzer doorloop je samen met je medestudent de fasen stap voor stap. 8 APPLICATIEONTWIKKELAAR

WEBSITE COMPUTERSHOP 9

3 Project 10 APPLICATIEONTWIKKELAAR

3.1 Oriëntatie - Van idee tot opdracht - Doel van deze fase Opstellen van de projectopdracht aan de hand van een globale projectomschrijving. Haalbaarheid nagaan van onder andere de eigen kennis om dit project uit te voeren. Als student kun je vaststellen welke leervragen er zijn en daar moet door de vakdocenten op ingespeeld worden tijdens de instructielessen c.q. workshops. WEBSITE COMPUTERSHOP 11

Om te achterhalen wat de opdrachtgever nu precies wil, moet je een gesprek met hem voeren. Bereid samen met je medestudent een gesprek voor om de wensen van de opdrachtgever boven water te krijgen. De informatie die de opdrachtgever geeft, noteer je en gebruik je als uitgangspunt voor het vervolg van het project. Je begeleider is je opdrachtgever. Je onderzoekt de haalbaarheid van dit project. Beschikken jij en je mede student nu over voldoende kennis en vaardigheden om dit project te kunnen overzien? Ga na waar je leervragen liggen en treed hierover in overleg met je begeleider. Projectdossier Aan het einde van het project moet er een volledig projectdossier zijn. Hierin zijn alle projectdocumenten opgenomen, zoals besluiten en actielijsten, opdrachten, urenverantwoordingen, enzovoorts. De schematische weergave van de invoer en uitvoer van deze fase is hieronder weergegeven. Projectidee Oriëntatie Projectopdracht Bronnen Handleiding HTML: HandleidingHTML.nl w3schools.com IN TE LEVEREN PRODUCTEN Fasedocument met daarin: Groep(2): vragenlijst en aantekeningen gemaakt tijdens het gesprek Groep(2): beschrijving van de projectopdracht en de haalbaarheid hiervan. Groep(2): start van het projectdossier Individueel: logboek/urenverantwoording Toetsvoorstel Geen 12 APPLICATIEONTWIKKELAAR

Beoordeling werkproces 1.1 Stelt de vraag en/of informatiebehoefte vast Competentiebeoordeling Prestatieindicatoren M. Analyseren Onvoldoende Voldoende Goed Je maakt de juiste afwegingen op basis van de verzamelde informatie.en ordent deze. N. Onderzoeken Je informeert bij de opdrachtgever wat zijn wensen zijn. Evalueren en beoordelen NO-GO GO Verslag met betrekking tot functionaliteit en haalbaarheid Datum Begeleider Paraaf + opmerkingen Datum Begeleider Paraaf Beschrijving van de projectopdracht Start projectdossier WEBSITE COMPUTERSHOP 13

3.2 Definitie - Van opdracht tot plan en planning - Doel van de fase Het leren opstellen van een Plan van Aanpak. 14 APPLICATIEONTWIKKELAAR

Het voorstel voor de website van jullie bevalt de opdrachtgever en hij wil er graag mee verder. Het project is van start! Bij het ontwikkelen van applicaties is het gezegde eerst denken, dan doen erg van toepassing. Daarom wordt in deze fase een stuk denkwerk gedaan. Het resultaat van hiervan wordt vastgelegd in het Plan van Aanpak (PVA). Op de website www.scbo4students.nl (log in met user: student5 / passw.:roc) is een sjabloon voor een PVA opgenomen. De ontbrekende stukken dienen door jullie projectgroep aangevuld te worden, zodat er een compleet plan voor jullie project ontstaat. De opdrachtgever wenst in het Plan van Aanpak ook een grafische planning waarin het verloop van het totale project is weergegeven. De schematische weergave van de invoer en uitvoer van deze fase is hieronder weergegeven. Goedgekeurde projectopdracht Definitie Specificatie Bronnen Boek Projectmanagement MS-Project inclusief handleiding www.scbo4students.nl, sjabloon Plan van Aanpak IN TE LEVEREN PRODUCTEN Fasedocument met daarin: Groep (2): Aangevuld Plan van Aanpak met een grafische planning Groep (2): Aangevuld projectdossier Toetsvoorstel Geen WEBSITE COMPUTERSHOP 15

Beoordeling werkproces 1.2 Maakt een Plan van Aanpak Competentiebeoordeling Prestatieindicatoren J. Formuleren en rapporteren Onvoldoende Voldoende Goed Je schrijft een volledig, correct en overzichtelijk Plan van Aanpak. Q. Plannen en organiseren Je plant de activiteiten in een logische volgorde en houdt hierbij rekening met mensen en middelen. Evalueren en beoordelen NO-GO GO Aangevuld Plan van Aanpak met een grafische planning Datum Begeleider Paraaf + opmerkingen Datum Begeleider Paraaf Aangevuld projectdossier 16 APPLICATIEONTWIKKELAAR

3.3 Ontwerp - Van Plan van Aanpak tot Functioneel Ontwerp - Doel van de fase Het maken van de lay-out van de diverse webpagina s. Het vastleggen van de navigatiestructuur tussen deze webpagina s. Het ontwerpen van een logo voor de computershop PC4U WEBSITE COMPUTERSHOP 17

Je weet inmiddels wat de wensen en eisen van de opdrachtgever zijn. Je gaat nu een ontwerp maken van de structuur van de website. Je ontwerpt de diverse webpagina s en legt de navigatie tussen de webpagina s vast, zonder je nog met de technische details bezig te houden. Je mag daar je eigen creativiteit inleggen. Dat vraagt de opdrachtgever je ook. Je gaat dit ontwerp voorleggen aan je opdrachtgever. Deze zal zijn mening hierover geven. Eventuele aanpassingen verander je in het ontwerp. Natuurlijk ga je wat zaken alvast met HTML uitproberen. Je hebt immers nog geen ervaring met HTML. In de praktijk wordt vaak, zeker bij kleine projecten, op basis van trial and error snel een prototype van een applicatie gebouwd. Dit noemen we rapid application design (RAD). De schematische weergave van de invoer en uitvoer van deze fase is hieronder weergegeven. Goedgekeurde Plan van Aanpak Ontwerp Functioneel Ontwerp IN TE LEVEREN PRODUCTEN Fasedocument met daarin: Groep(2): een goedgekeurd Functioneel Ontwerp Groep(2): een goedgekeurd logo voor de computershop PC4U Groep(2): aangevuld projectdossier Individueel: logboek/urenverantwoording Toetsvoorstel Geen 18 APPLICATIEONTWIKKELAAR

Beoordeling werkproces 1.3 Levert een bijdrage aan een Functioneel Ontwerp Competentiebeoordeling Prestatieindicatoren H. Overtuigen en beïnvloeden Onvoldoende Voldoende Goed Je komt actief met ideeën die aansluiten bij de wensen van de klant. I. Presenteren Je legt op een begrijpelijke wijze het ontwerp uit aan de klant. J. Formuleren en rapporteren Je stelt een volledig en goed leesbaar Functioneel Ontwerp op. Evalueren en beoordelen NO-GO GO Een functionele beschrijving van de website Datum Begeleider Paraaf + opmerkingen Datum Begeleider Paraaf Een ontwerp van een logo voor de computershop PC4U Aangevuld projectdossier WEBSITE COMPUTERSHOP 19

3.4 Werkvoorbereiding - Van Functioneel Ontwerp naar Technisch Ontwerp - Doel van de fase Vertalen van de functionele specificaties naar een technisch uitvoering Inrichten van een ontwikkelomgeving 20 APPLICATIEONTWIKKELAAR

Je Functioneel Ontwerp beschrijft wat de applicatie moet kunnen en doen. In het Technisch Ontwerp wordt aangegeven hoe het een en ander technisch gerealiseerd moet worden. In jouw situatie is dat lastig. Je hebt immers nog geen ervaring hiermee. In de workshops en lessen heb je al kennis gemaakt met het werken met HTML en je oefent hiermee om wat zaken uit te proberen. Verder onderzoek je wat je aan software nodig hebt om de website te kunnen bouwen. De schematische weergave van de invoer en uitvoer van deze fase is hieronder weergegeven. Goedgekeurde Plan van Aanpak Ontwerp Functioneel Ontwerp IN TE LEVEREN PRODUCTEN Fasedocument met daarin: Groep(2): het Technisch Ontwerp Groep(2): aangevuld projectdossier Individueel: logboek/urenverantwoording Toetsvoorstel Geen WEBSITE COMPUTERSHOP 21

Beoordeling werkproces 1.4 Maakt een Technisch Ontwerp Competentiebeoordeling Prestatieindicatoren J. Formuleren en rapporteren Onvoldoende Voldoende Goed Je stelt een nauwkeurig en goed leesbaar Technisch Ontwerp op M. Analyseren Je zorgt dat je voldoende en de juiste informatie hebt voor het opstellen van een ontwerp. Je Technisch Ontwerp sluit aan bij je Functioneel Ontwerp. Q. Plannen en organiseren Je brengt de activiteiten, werkzaamheden, benodigde tijd, mensen en middelen voor het opleveren van het Technisch Ontwerp in kaart. Beoordeling werkproces 1.5 Richt de ontwikkelomgeving in L. Materialen en middelen inzetten Je zorgt voor de juiste hard- en software voor de ontwikkelomgeving. S. Kwaliteit leveren Je bewaakt de kwaliteit van de ontwikkelomgeving. 22 APPLICATIEONTWIKKELAAR

Evalueren en beoordelen NO-GO GO Een Technisch Ontwerp Datum Begeleider Paraaf + opmerkingen Datum Begeleider Paraaf Een ingerichte ontwikkelomgeving Aangevuld projectdossier WEBSITE COMPUTERSHOP 23

3.5 Realisatie - Van ontwerp naar informatiesysteem - Doel van de fase Het bouwen van de website middels HTML volgens het ontwerp Het testen van de website op de juiste werking Teksten op de webpagina s in correct Nederlands! 24 APPLICATIEONTWIKKELAAR

Je hebt inmiddels wat kennis en ervaring opgedaan met HTML en je gaat nu de website bouwen. Zoals je al weet kun je de HTML-opmaak doen met b.v. Kladblok van Windows. Wij adviseren je om een geavanceerde code-editor te gebruiken. Deze zul je vaker nodig hebben tijdens je opleiding! Zoek, in overleg met je begeleider, een goede (gratis) code-editor op het internet. Je weet ook dat de naam van het bestand van je hoofdpagina index.html heet. Als je op dit bestand dubbel-klikt zal de webbrowser local starten en je hoofdpagina weergeven. Test de applicatie met verschillende webbrowsers en onderzoek waar eventuele verschillen zijn in de presentatie van de webpagina s. De schematische weergave van de invoer en uitvoer van deze fase is hieronder weergegeven. Goedgekeurd Technisch Ontwerp Realisatie Werkend informatiesysteem IN TE LEVEREN PRODUCTEN Fasedocument met daarin: Groep(2): goed werkende website Computershop Groep(2): aangevuld projectdossier Individueel: logboek/urenverantwoording Bronnen HTML handleiding: http://www.handleidinghtml.nl/ http://www.w3schools.com/ http://www.makenwebsite.nl/bouwen_website/cursus_website_maken/ kompozer_handleiding.html Notepad++ code editor: http:// notepad-plus-plus.org Toetsvoorstel nvt WEBSITE COMPUTERSHOP 25

Beoordeling werkproces 2.2 Realiseert een applicatie Competentiebeoordeling Prestatieindicatoren M. Analyseren Onvoldoende Voldoende Goed Je vertaalt de informatie uit het ontwerp naar de juiste oplossingen. Q. Plannen en organiseren Je voert de werkzaamheden en activiteiten volgens de planning uit. V. Met druk en tegenslag omgaan Je werkt effectief en productief. Je laat je niet uit het veld slaan! Beoordeling werkproces 2.5 Test het ontwikkelde product J. Formuleren en rapporteren Je houdt gedurende het testen documentatie nauwkeurig bij. O. Creëren en innoveren Je beoordeelt het testen kritisch en overweegt of er mogelijke aanpassingen doorgevoerd moeten worden. 26 APPLICATIEONTWIKKELAAR

Evalueren en beoordelen NO-GO GO Gerealiseerde en geteste webapplicatie Datum Begeleider Paraaf + opmerkingen Datum Begeleider Paraaf Aangevuld projectdossier WEBSITE COMPUTERSHOP 27

3.6 Oplevering - Van leverancier naar opdrachtgever - Doel van de fase Het demonstreren van de website aan de opdrachtgever. 28 APPLICATIEONTWIKKELAAR

Tijdens het bouwen test je de applicatie regelmatig op de juiste werking. Als alles goed gaat, maak je een afspraak met de opdrachtgever om de website te demonstreren. Bereid je goed voor op deze demonstratie. Overtuig je ervan dat alles goed werkt! De opdrachtgever zal tijdens of na de demonstratie nog opmerkingen en vragen hebben. Noteer deze zaken en overleg met de opdrachtgevers of de applicatie eventueel nog aanpassing nodig heeft. Alle materialen, die je tijdens dit project verzameld hebt, voeg je bij elkaar tot een projectdossier, een (digitale) portfolio. Portfolio In een portfolio kun je altijd laten zien wat je gemaakt hebt tijdens je opleiding. Je hoeft hier natuurlijk niet elk document in te zetten. Maak een verstandige selectie van relevante documenten. Een deel van de opdrachten die je gedurende de opleiding zult maken, kun je niet op papier zetten. Als alternatief bewijsmateriaal kun je denken aan een database of een website. Al deze zaken vormen dan samen je portfolio. De schematische weergave van de invoer en uitvoer van deze fase is hieronder weergegeven. Werkend informatiesysteem Oplevering Geaccepteerd informatiesysteem IN TE LEVEREN PRODUCTEN Fasedocument met daarin: Groep(2): een demonstratie van het prototype van de website Groep(2): aangevuld projectdossier Individueel: portfolio Individueel: logboek/urenverantwoording Toetsvoorstel Geen WEBSITE COMPUTERSHOP 29

Beoordeling werkproces 3.2 Stelt een acceptatietest op en voert deze uit Competentiebeoordeling Prestatieindicatoren D. Aandacht en begrip tonen Onvoldoende Voldoende Goed Je luistert goed naar de opmerkingen en vragen van de opdrachtgever met begtrekking tot de applicatie. K. Vakdeskundig-heid toepassen Je legt de werking van de applicatie duidelijk aan de opdrachtgever uit. Evalueren en beoordelen NO-GO GO Een geaccepteerde webapplicatie Datum Begeleider Paraaf + opmerkingen Datum Begeleider Paraaf Aangevuld projectdossier 30 APPLICATIEONTWIKKELAAR

3.7 Nazorg - Hoe doen we het de volgende keer? - Doel van de fase Reflectie op eigen functioneren tijdens het project. WEBSITE COMPUTERSHOP 31

Het project is af. De opdrachtgever heeft het prototype van de website voor zijn computershop goedgekeurd. Hij is daar zo tevreden over, dat je wellicht te zijner tijd een volgende opdracht krijgt om de website verder uit te breiden met productinformatie. In de toekomst wil hij immers een echte webshop waarop de klanten hun bestellingen kunnen doen. Nu is het tijd om te kijken wat er goed en minder goed ging tijdens het project. Je evalueert het project. Om dat goed te kunnen doen, zul je een persoonlijk reflectieverslag moeten schrijven. In een reflectieverslag kijk je terug op je gedrag en handelen tijdens het project. Een reflectieverslag bestaat uit verschillende onderdelen. De vragen uit bijlage 1 kunnen je daarbij helpen. De belangrijkste vragen zijn: wat ging er goed en wat kan er worden verbeterd? Hoe was je persoonlijk functioneren? De schematische weergave van de invoer en uitvoer van deze fase is hieronder weergegeven. Reflectie en terugkoppeling Nazorg Verbeterpunten en leerdoelen IN TE LEVEREN PRODUCTEN Fasedocument met daarin: Groep(2): afgerond projectdossier Individueel: reflectieverslag Individueel: portfolio Individueel: logboek/ urenverantwoording Bronnen bijlage 1: Reflectieverslag http://www.carrieretijger.nl/functioneren/ontwikkelen/jezelf-ontwikkelen Klik op: Reflecteren en zelfreflectie Toetsvoorstel Criteriumgericht interview Functioneringsgesprek 32 APPLICATIEONTWIKKELAAR

Evalueren en beoordelen NO-GO GO Reflectieverslag Datum Begeleider Paraaf + opmerkingen Datum Begeleider Paraaf Afgerond projectdossier WEBSITE COMPUTERSHOP 33

Bijlagen 34 APPLICATIEONTWIKKELAAR

Bijlage 1 Reflectieverslag In een aantal gevallen zal van je gevraagd worden om door middel van een reflectieverslag aan te tonen dat je competent gehandeld hebt. Vakmatig: Projectmatig werken Hoe ging het samenwerken? Wat vond je van het project? Met het andere lid van de projectgroep en met de begeleider? Interessant, saai of iets anders? Wat vond je moeilijk/makkelijk? Leg dit uit. Vakmatig: Kunnen plannen van eigen werkzaamheden Wist je altijd wat er gedaan moest worden? Hoe ging je om met zaken die je niet begreep of die niet duidelijk waren? Was al het werk volgens planning af? Vakmatig: Software Hoe ging het ontwerpen van deze webapplicatie? Hoe ging het bouwen van de webapplicatie middels HTML? Weet je nu voldoende van HTML om in de toekomst websites te bouwen? Persoonlijk Wat zijn je sterke punten? Wat zijn zaken die je nog moet leren? Communiceren Was je Nederlands altijd correct? Hoe ging het schrijven van de zelfevaluatie? Hoe ging het overleg? Hoe heb je dat gedaan? Wat heb je ervan geleerd? Hoe heb je dat gedaan? Wat kon er beter? Wat heb je er van geleerd? Bijvoorbeeld: plannen, organiseren, samenwerken, afspraken nakomen, schrijven, vakmatige zaken, etc. Bijvoorbeeld: plannen, organiseren, samenwerken, afspraken nakomen, schrijven, vakmatige zaken, etc. Met de andere leden van de projectgroep en de begeleider? ECDL competenties Beheers je Word / Excel / PPT voldoende om verslagen, rapporten te maken? WEBSITE COMPUTERSHOP 35

Bijlage 2 Competentieontwikkeling Competentie Scoretabel Applicatieontwikkelaar DAG methodiek Naam: Datum: Complexiteit A B C D 1. Website Computershop 2. Factureren 3. Memory 4. Boter, kaas en eieren 5. BPV 6. BPV 7. Aanmelden en Inloggen 8. Relationele Database 9. BPV 10 BPV 11 12 13 14 15. BPV 16. BPV Totaal aantal competenties normscore Legenda 1. Ontwerpen van de applicatie, (cross)media-uiting of game Projectwijzers Werkproces Competenties Competentiescore 1.1 Stelt de vraag en/of M Analyseren A A A A informatiebehoefte vast N Onderzoeken A A A A O Creëren en innoveren A A R Op de behoeften en verwachtingen van A A A de klant richten E Samenwerken en overleggen A A A 1.2 Maakt een plan van aanpak J Formuleren en rapporteren A A A A Q Plannen en organiseren A A A A Levert een bijdrage aan een 1.3 H Overtuigen en beinvloeden A A A functioneel ontwerp of I Presenteren A A A Game Design Document J Formuleren en rapporteren A A A A M Analyseren A A Q Plannen en organiseren A A Maakt een technisch 1.4 H Overtuigen en beinvloeden ontwerp I Presenteren A J Formuleren en A rapporteren A A A M Analyseren A A A A Q Plannen en organiseren A A A S Kwaliteit leveren Richt de ontwikkelomgeving in 1.5 E Samenwerken en overleggen A A J Formuleren en rapporteren L Materialen en middellen inzetten A A A Q Plannen en organiseren S Kwaliteit leveren A A A A Werkproces Competenties Legt een 2.1 E Samenwerken en overleggen gegevensverzameling aan J Formuleren en rapporteren M Analyseren A A N Onderzoeken A A hoger dan normscore lager dan normscore 2.Realiseren van de applicatie, (cross)media-uiting of game Op de behoeften en verwachtingen A A R van de klant richten Realiseert een applicatie 2.2 J Formuleren en rapporteren L Materialen en middelen inzetten A M Analyseren A A A A Q Plannen en organiseren A A A Op de behoeften en verwachtingen A R van de klant richten S Kwaliteit leveren A A A A A V Met druk en tegenslag omgaan Realiseert een (cross)media n.v.t. uiting en/of systeem 2.3 Programmeert games of n.v.t. gameonderdelen 2.4 Test het ontwikkelde product 2.5 J Formuleren en rapporteren A A A A K Vakdeskundigheid toepassen A A L Materialen en middelen inzetten A M Analyseren O Creëren en innoveren A A A 3. Implementeren van de applicatie of (cross)media-uiting Optimaliseert de game of n.v.t. 2.6 (cross)media-uiting (cross)media-uiting Bewaakt de voortgang en n.v.t. 2.7 evalueert het proces Werkproces evalueert het project Competenties 3.1 Maakt of levert een bijdrage H Overtuigen en beïnvloeden aan het implementatieplan I Presenteren J Formuleren en rapporteren M Analyseren N Onderzoeken Q Plannen en organiseren 3.2 Stelt een acceptatietest op D Aandacht en begrip tonen A A A en voert deze uit J Formuleren en rapporteren A K Vakdeskundigheid toepassen A A N Onderzoeken 3.3 Implementeert een J Formuleren en rapporteren applicatie of (cross)mediauiting K Vakdeskundigheid toepassen A 3.4 Evalueert en/of -systeem een E Samenwerken en overleggen implementatie J Formuleren en rapporteren A A M Analyseren A A P Leren A A 4. Onderhouden en beheren van de applicatie, (cross)mediauiting of game Werkproces 4.1 4.2 4.3 4.4 4.5 4.6 Onderhoudt applicaties of (cross)media-uiting Verzamelt, controleert, bewerkt en archiveert Bewaakt (cross)mediabestanden de samenhang van media-uitingen Stelt script samen ten behoeve van het samenvoegen Beheert de content van content Documenteert en archiveert gegevens Competenties J Formuleren en rapporteren L Materialen en middelen inzetten Q Plannen en organiseren S Kwaliteit leveren V Met druk en tegenslag omgaan n.v.t. n.v.t. n.v.t. E Samenwerken en overleggen J Formuleren en rapporteren L Materialen en middelen inzetten M Analyseren S Kwaliteit leveren T Instructies en procedures opvolgen V Met druk en tegenslag omgaan J Formuleren en rapporteren M Analyseren S Kwaliteit leveren T Instructies en procedures opvolgen 36 APPLICATIEONTWIKKELAAR

Bijlage 3 Monitor Student 2e beoordelaar Docent PW1 Monitor PW1a Website Computershop Complexiteit A werkvorm beoordelingsvorm beoordelaars BPV V op producten GO / NO-GO Kerntaak en werkrpoces Fasen Beroepsproducten in PW1A Werkprocessen Overzicht competenties Prestatieindicatoren Fase 1 Vragenlijst en aantekeningen gemaakt tijdens het gesprek G (2) v 1.1 Stelt de vraag en/of informatiebehoefte vast M Analyseren Je maakt de juiste afwegingen op basis van de verzamelde informatiehebt en ordent deze. Beschrijving van de projectopdracht en de haalbaarheid hiervang (2) v N Onderzoeken Je informeert bij de opdrachtgever wat zijn wensen zijn. Start van het projectdossier G (2) pro Logboek/urenverantwoording IND pro Fase 2 Aangevuld Plan van Aanpak met een grafische planning G (2) v 1.2 Maakt een Plan van Aanpak J. Formuleren en Rapporteren Je schrijft een volledig, correct en overzichtelijk Plan van Aanpak. Aangevuld projectdossier G (2) pro Q. Plannen en organiseren Je plant de activiteiten in een logische volgorde en houdt hierbij rekening met mensen en middelen Fase 3 Een goedgekeurd Functioneel Ontwerp G (2) v 1.3 Levert een bijdrage aan een Functioneel Ontwerp H. Overtuigen en beïnvloeden Je komt actief met ideeën die aansluiten bij de wensen van de klant. Een goedgekeurd logo voor de computershop PC4U G (2) v I. Presenteren Je legt op een begrijpelijke wijze het ontwerp uit aan de klant. Aangevuld projectdossier G (2) v J. Formuleren en rapporteren Je stelt een volledig en goed leesbaar Functioneel Ontwerp op. Logboek/urenverantwoording IND pro Fase 4 Het Technisch Ontwerp G (2) v 1.4 Maakt een Technisch Ontwerp J. Formuleren en rapporteren Je stelt een nauwkeurig en goed leesbaar Technisch Ontwerp op Aangevuld projectdossier G (2) pro M. Analyseren Je zorgt dat je voldoende en de juiste informatie hebt voor het opstellen van een ontwerp. Je Technisch Ontwerp sluit aan bij je Functioneel Ontwerp. Logboek/urenverantwoording IND pro Q. Plannen en organiseren Je brengt de activiteiten, werkzaamheden, benodigde tijd, mensen en middelen voor het opleveren van het Technisch Ontwerp in kaart. 1.5 Richt de ontwikkelomgeving in L. Materialen en middelen inzetten Je zorgt voor de juiste hard- en software voor de ontwikkelomgeving. S. Kwaliteit leveren Je bewaakt de kwaliteit van de ontwikkelomgeving. Fase 5 Goed werkende website Computershop G (2) v 2.2 Realiseert een applicatie M. Analyseren Je vertaalt de informatie uit het ontwerp naar de juiste oplossingen Aangevuld projectdossier G (2) pro Q. Plannen en organiseren Je voert de werkzaamheden en activiteiten volgens de planning uit Logboek/urenverantwoording IND pro V. Met druk en tegenslag omgaan Je werkt effectief en productief. Je laat je niet uit het veld slaan! 2.5 Test het ontwikkelde product J. Formuleren en rapporteren Je houdt gedurende het testen documentatie nauwkeurig bij. O. Creëren en innoveren Je beoordeelt het testen kritisch en overweegt of er mogelijke aanpassingen doorgevoerd moeten worden. Fase 6 Een demonstratie van het prototype van de website G (2) v 3.2 Stelt een acceptatietest op en voert deze uit D. Aandacht en Begrip tonen Je luistert goed naar de opmerkingen en vragen van de opdrachtgever met betrekking tot de applicatie. Aangevuld projectdossier G (2) pro K. Vakdeskundigheid toepassen Je legt de werking van de applicatie duidelijk aan de opdrachtgever uit. Portfolio IND pro Logboek/urenverantwoording IND K pro Fase 7 Afgerond projectdossier G (2) pro Reflectieverslag IND F/CI pro Portfolio IND pro Logboek/ urenverantwoording IND pro Opmerkingen WEBSITE COMPUTERSHOP 37