# B1-KT1 - Op te leveren *De templates voor de documenten staan hiernaast. Hieronder staan wat er in de documenten moet staan.* ### Overzicht
KerntaakWatKern
B1-K1-W1Goedgekeurd PvEUse Cases
B1-K1\_W2Realistische Planning (Projectplan)Planning
B1-K1-W3Functioneel OntwerpSchermen (Site-map - Wireframes)
Technisch OntwerpFlow diagram en ERD
B1-K1-W4OntwikkelomgevingWerkende ontwikkelomgeving
Documentatie OntwikkelomgevingConfiguratie ontwikkelomgeving
### Algemeen Elk document begint met: **Documentnaam**
Naam leerling Max Bisschop
Leerlingnummer 999
Datum 28 september 2019
Versie 1.0 1ste versie, 22 septembet 2019
Versie 2.0aangepast na klantbespreking van 26 septmeber
Het document heeft **paginanummers** en voor lange documenten maak je een **inhoudsopgave** (kan automatisch in Word). Vervolgens dien je alle **paragrafen** zoals hieronder is beschreven op te nemen. ### 01 Programma van Eisen
ParagraafOmschrijving
Inleiding... heeft ons gevraagd om een Applicatie te ontwikkelen. Dit document beschrijft de wensen van ...en dient als input voor het meer gedetailleerde projectplan
BedrijfKorte omschrijving van het bedrijf. Benoem het primaire bedrijfsprocess waarvoor de applicatiewordt ontwikkeld.
AanleidingBeschrijf de reden; wat wil de opdrachtgever bereiken?
DoelgroepenVoor wie is de applicatie; alle groepen benoemen.
User Stories / Overzicht functionaliteitenEen complete lijst met use cases (in tekst).
OverigSecurity, beperkingen, aanvullende eisen
### 02 Projectplan
ParagraafOmschrijving
InleidingDit projectplan geeft een gedetailleerd overzicht van alle activitieten die moeten worden uitgevoerd voor de ontwikkeling en oplevering van .....
ProejctdoelstellingKort en SMART. Kijk ook naar de aanleiding uit het PvE
Project betrokkenenNoem iedereen die aan het project meewerkt. Benoem naam en rol. Rollen zijn: , projectleider, opdrachtgever, gebruikersgroep, developer, tester,...
BenodigdhedenWat heb je nodig voor de uitvoering van het project? In in ieder geval werkende ontwikkelomgeving, FO, TO, ...
Takenlijst PlanningZie complete lijst....
ProjectgrenzenWat doen we niet; wat valt buiten het project.
### 03 Functioneel Ontwerp
ParagraafOmschrijving
InleidingHet functioneel ontwerp is een gedetailleerde beschrijving van de applicatie ..... Het ontwerp zal worden afgestemd met ...
RollenBenoem de rollen nog een keer (die volgen uit de use cases)
Site-Map / NavigatiestructuurHoe kan je door de applicatie navigeren. Dit komt overeen met de menu-strucuur. Zie voorbeeld.
Standaard Lay-outWire Frame van de *standaard* scherm-layout, zie voorbeeld
Eén of twee schermen uittekenenMock-up of wire frame, zie voorbeelden.
SchermbeschrijvingKorte omschrijving van *alle* schermen (waarvoor dent hetscherm?) en *alle* invoer- en uitvoervelden benoemen. Benoem ook wie (rollen) het scherm kan gebuiken.
FunctionaliteitenUse Cases (PvE) - Schermen relatie
### 04 Technisch Ontwerp
ParagraafOmschrijving
Inleiding
Applicatie Componenten OverzichtCliënt, Web Server (PHP Laralvel), Database Server
ApplicatieflowDit is een process flow van de use cases. Werk in inder geval de complexere use cases uit. Zie voorbeeld.
Database StructuurDatabase diagram (bijv uit phpmyadmin)
### 05 Documentatie Ontwikkelomgeving
ParagraafOmschrijving
Inleiding
Hardware benodigdhedenGeef aan welke hardware benogdheden je nodig hebt
Software benodigdhedenMaak een lijst van alle software benodigdheden inclusief versies; PHP, Laravel, Node.js, Vue.js, bootstrap, database, OS, ...)
ConfiguratieBelangrijke (afwijkende) configuratie. Denk ook aan development specifieke zaken zoals debugging, error messages, root login.
TestenBeschrijf een aantal stappen die je moet nemen om alles te testen
### Voorbeelden #### Activiteitenlijst (TO)
ActiviteitToelichting
Projectplan schrijvenBij kleinere projecten kun je deze drie stappen ook samenvoegen
Projectplan bespreken
Projectplan aanpassen
Functioneel Ontwerp schrijvenBij kleinere projecten kun je deze drie stappen ook samenvoegen
Functioneel Ontwerp bespreken
Functioneel Ontwerp aanpassen
Technisch Ontwerp schrijvenBij kleinere projecten kun je deze drie stappen ook samenvoegen
Technisch ontwerp doorspreken met developers
Database ontwerp en opzetten
Ontwikkelomgeving inrichten
Ontwikkelomgeving documenteren
Development 1Deel dit op in stukken. het liefst in stukken die je ook kunt weglaten
Development 2zodat de klant kan kiezen en kan prioriseren.
Development 3
Design CSS en graphicsIndien nodig - als het eenvoudig blijft kun je dit natturlijk weglaten.
Technische testJe moet alle functionaliteiten een keer samen testen
Bugs oplossen10%-20% van de development tijd.
Opleveren aan klant in acceptatie omgeving ofPlaats je de applicatie in een aparte omgeving waar de klant kan testen
Tonen aan klantof geef je een demo aan de kant?
Feedback van klant verwerken
Opleveren naar productieOverzetten van code naar productie-omgeving
Config aanpassen naar productieaanpassen van logging, error messages, db login, etc.
Acceptatietest klantdit zijn geen uren die je in rekening kunt brengen maar zijn wel uren die de klant moet investeren.
Bugs oplossen
Opleveren alle documentatie en afrondingDit is meer alles verzamalen en opsturen en formeel project afronden door de klant te vragen of alles akkoord is.
#### Standaard Scherm Lay-out (FO) ![](https://www.roc.ovh/uploads/images/gallery/2019-10/scaled-1680-/image-1571911483027.png) #### Site-Map / Navigatiestructuur (FO) ![](https://www.roc.ovh/uploads/images/gallery/2019-10/scaled-1680-/image-1571911618325.png) ![](https://www.roc.ovh/uploads/images/gallery/2019-10/scaled-1680-/image-1571912904669.png) #### Mock-up of wire frames (FO) ![](https://www.roc.ovh/uploads/images/gallery/2019-10/scaled-1680-/image-1571911803434.png) ![](https://www.roc.ovh/uploads/images/gallery/2019-10/scaled-1680-/image-1571911778252.png) #### Applicatie flow (TO) ![](https://www.roc.ovh/uploads/images/gallery/2019-10/scaled-1680-/image-1571912667103.png) ![](https://www.roc.ovh/uploads/images/gallery/2019-10/scaled-1680-/image-1571912721718.png)