Skip to main content

6 Configuratieoverzicht

Wat gaan we leren?

DeVoor derdede laatste opdracht van kerntaak Kerntaak-1 ismoeten hetwe makende vanontwikkelomgeving functioneelinstalleren. en technisch ontwerp. Deze les gaat over het functioneel ontwerp (FO). Als uitgangspunt neem je het PvE en als jouw functioneel ontwerp klaarDit is dan licht je die toe aan de opdrachtgeverene enkant vraageen technisch verhaal waarbij je moet zorgen dat je laptop helemaal goed is ingericht om akkoord.te kunnen ontwikkelen. Is de IDE goed geïnstalleerd, draait je framework, is alles ge-update (ook Windows!).

InNaast dezede lestechnisch besprekenkant wewaarbij jouw laptop moet inrichten, moet je ook een beschrijving opleveren waarin je opsomt wat er allemaal in hetde functioneel ontwerpontwikkelomgeving moet komenworden te staan en hoe je wordt beoordeeld. Ten slotte gaan we oefenen met de cases die we al kennen vanuit de vorige les.
geïnstalleerd.

Examen-template

We beginnen gelijk met de deur-in-huis en gaan kijken naar de examen-template; wat moet er in het functioneel ontwerp komen te staan?

De onderstaande indeling is voor een groot deel gekopieerd uit de template die je krijgt op het examen.

Let op het FO heeft een voorblad waarop de titel en jouw naam staat. Op de tweede pagina staat een inhoudopgave en de pagina's hebben paginanummers. Het FO bestaat uit ongeveer 10 pagina's, maar bevat vaak ook veel plaatjes/schema's.

Verder geldt in zijn algemeen, zorg dat alles er netjes en verzorgd uitziet en dat je de zaken zo eenduidelilg mogelijk beschrijft, zorg ervoor dat het zo duidelijk mogelijk is en dat jouw woorden niet verkeerd begrepen kunnen worden.

 

InleidingTe gebruiken hardware

In dit functioneel ontwerp wordt een overzicht gegeven van de functionaliteiten waaraan de applicatie XYZ moet voldoen.

Functionaliteiten

(dit is een cruciaal criterium)
Hier vermeld je alle functionaliteiten. Dit mag in 'use case formaat' en als je een heel duidelijk PvE hebt gemaakt dan  je daar veel uit kopiëren. Beschrijf de eisen duidelijk en geeft prioriteiten aan. Zet alles duidelijk en netjes op papier gebruik bijvoorbeeld tabellen of schema's.

 

Voorbeelden:

 

Fout (waarom?)

- de applicatie moet er mooi uit zien en mag geen fouten bevatten

- de applicatie moet veilig zijn

- als admin kan ik de applicatie beheren

- buttons zullen met Bootstrap 4.0 worden vormgegeven

 

Goed (waarom?)

- als ingelogde gebruiker kan ik zien van welke cursus nog plaatsen beschikbaar zijn.

- als ingelogd gebruiker kan ik mij inschrijven voor een cursus als er ten miste nog voldoende plaatsen zijn

- als ik als admin ben aangelogd dan kan ik alle cursus gegevens beheren, ik kan alleen geen cursussen weggooien waar inschrijvingen aan gekoppeld zijn.

- als ik als admin ben aangelogd kan ik de inschrijvingen op een cursus beheren. Ik kan dus inschrijvingen toevoegen en verwijderen.

Basisschermlay-out

Hoe ziet de website eruit; kleurgebruik, lettertype, en standaardcomponenten. Is er een voorbeeld website, zijn er logo's of banners die moeten worden gebruikt?

Gebruik een voorbeeld van hoe de website er uit ziet. Maar een proto-type, dat kan met een wireframe of met een schermvoorbeeld. Je krijgt hierdoor een goed algemeen beeld van hoe de website er uit komt te zien.

 

Een voorbeeld  van een wireframe vind je op: https://www.roc.ovh/books/examentraining-b1-k1/page/w3-functioneel-ontwerp---flow

Uitvoerontwerp

Laat minimaal een uitvoerontwerp zien. Uitvoer is het resultaat van het programma. BijvoorbeeldGeef een overzicht van allewelke cursusreserveringenhardware ofje nodig hebt, specificeer de minimale eisen ten aanzien van scherm, harddisk, geheugen en CPU.

Software

Maak een overzichtlijst vanmet alle software componenten met de klassenindeling.versienummers Geeft dit in een proto-type weer.

Formulierontwerp

Laat minimaal één invoer scherm zien (niet alleen de log-in). Zelfde als bij uitvoer, maar een duidelijk proto-type.

Navigatiestructuur

Hoe navigeerdie je doornodig de website, hoe zijn de schermen met elkaar verbonden. gebruik een schema. Een voorbeeld van een flow-chart vind je op: https://www.roc.ovh/books/examentraining-b1-k1/page/w3-functioneel-ontwerp---flow

Gebruikersschermen

Beschrijf ALLE schermen en geef bij alle invoerschermen aan wat je er precies kan invoeren. Bij voorkeur voorbeelden in de vorm van proto-type's bijvoegen, zekerhebt voor de complexeontwikkeling. schermen;Denk een plaatje zegt zoveel meer dan woorden.

 

Voorbeeld:

 

Fout (waarom?)aan:

- aanmeldscherm cursus, geef naam en contactgegevens op.

 

Goed (waarom?)Editor

- aanmeldschermPHP cursus,engine de(XAMMP)

invoervelden

- zijn:PHP voornaam,versie

achternaam,

- woonplaats,SQL emailversie
- Framework en telefoonnummer.versie

- etc.

 

Beoordeling Examen

In totaal moet minimaal 5 (van de 11) punten behalen en er zijn geen cruciale criteria.

Het officiële beoordelingsformulier is bij deze pagina toegevoegd. Let op deze bevat de beoordeling voor het FO en het TO samen.

 

FunctionaliteitenBenodigde onderdelen

(0 tot 3 punten)

Cruciaal criterium! minimale eis: "bijna alle eisen en wensen uit het PvE zijn opgenomen en deze zijn begrijpelijk en eenduidig beschreven".

ToegpasteInstalleren schematechniekenen configureren

(0 totof 31 punten)

 

De juiste schematechnieken zijn gekozen en verduidelijken de funcionaliteit.

User InterfaceTesten

(0 totof 31 punten)

 

Communiceren FODocumenteren

(0 of 1 punt)

Het FO wordt duidelijk toegelicht en er wordt om goedkeuring gevraagd.

 

Je moet minimaal 5 (van de 11) punten behalen en er zijn geen cruciale criteria.

Aanvullende bronnen

Boek: Applicatie- en mediaontwikkelaar door Hans van Rheenen, hoofdstuk 5.

Opdracht

Maak een FO van de case waarvan we ook een PvE en Pojectplan hebben gemaakt.

--

Back to top