Anasmondzorg

Functioneel ontwerp

Eurnet
Document
Versie Datum Beschrijving
1.0 22-04-2019
Inleiding

Een mondzorgpraktijk zonder online afspraak systeem, dat kan tegenwoordig niet
meer. Daarom is er een opdracht gegeven om deze te ontwikkelen.

Veel mondzorgpraktijken hebben tegenwoordig een online afspraak planner. Het is

goed om met de tijd mee te gaan, anders is het bedrijf in sommige gevallen minder
productief.

Samenvatting
Dit document bevat functionele informatie over dit project. Deze informatie wordt
voorgesteld aan de klant oftewel Anasmondzorg.

Als dit document is goedgekeurd door de klant wordt op basis van dit document een
technisch ontwerp gemaakt. Als het technisch ontwerp goedgekeurd is wordt de
applicatie gerealiseerd gebaseerd op het technisch ontwerp.

Doelstellingen
De bedoeling van dit project is dat Anasmondzorg een efficiëntie en performance
slag maakt en weer gaat bijbenen met de concurrentie.

Met een online afspraak planner kan de interactie tussen patiënten en

(invalpoule)kandidaten veel sneller en efficiënter gaan, zodat er meer tijdsvakken
ingevuld kunnen worden. Voor Anasmondzorg zelf is het goed als veel beschikbare
tijd ingevuld kan worden worden. Ten eerste voor de automatisering en ten tweede
voor inkomsten.

Anasmondzorg zou veel minder tijd kwijt moeten zijn aan invullingen van de
invalpoule. De afspraak planner zou dat grotendeels moeten automatiseren.

Over dit document

Dit document is bedoeld voor Anasmondzorg en voor de maker van het technisch
ontwerp. Tegenover Anasmondzorg is het om een beeld te krijgen hoe de planner er
ongeveer uit zal zien. Tegenover de technisch ontwerp maker is het een handleiding
om het technisch ontwerp te maken.
Afspraak planner
Scenario’s
Het is heel belangrijk om de lezer een beeld te geven hoe de eindgebruiker de
applicatie zal gebruiken. Met behulp van scenario's krijgt de lezer een duidelijker
beeld van de eindgebruiker en diens behoefte. Daarnaast geeft dit houvast voor de
programmeurs, die de flow gaan bouwen. Deze scenario's kunnen worden
ondersteund met flow diagrammen om deze nog inzichtelijker te maken.

Beginscherm (keuze inloggen/registreren)

Als de gebruiker op de site komt, zijn bovenin twee knoppen zichtbaar op het
scherm; inloggen en registreren. Als de patiënt al een account heeft klikt deze op
inloggen, anders op registreren.

Acties
- Doorklikken naar inlog pagina
- Doorklikken naar registreer pagina

Authenticatie (registreren)
Registreren is in veel gevallen een belangrijk deel van een applicatie. Het wordt
gebruikt als identificatie voor gebruikers van de app/website. Als je een account hebt
aangemaakt heb je een unieke identiteit waardoor de app/website de gebruiker altijd
kan herkennen, mits deze is ingelogd.

Velden die beschikbaar zijn in de app variant van het registratieformulier zijn:
voornaam, achternaam, geslacht, email, wachtwoord en wachtwoord herhalen.

Acties
- Voornaam, achternaam, geslacht, email, wachtwoord en wachtwoord herhalen
invoeren

Authenticatie (inloggen)
Inloggen is in veel gevallen een belangrijk deel van een applicatie. Meestal dient het
als een identificering methode en beveiligingssysteem, bijvoorbeeld: als je niet
ingelogd bent, kan je bepaalde persoonlijke data niet inzien, zodra je inlogt ben je
gedefeceerd als de persoon waarvan de data op een beveiligde omgeving
opgeslagen staat en kan je dat inzien.

Acties
- E-mail en wachtwoord invoeren

Authenticatie (wachtwoord vergeten)

Als op wachtwoord vergeten wordt geklikt wordt de gebruiker doorgestuurd naar een
andere pagina. Daar kan hij zijn e-mailadres invoeren en de procedure doorlopen.

- Doorklikken naar Anasmondzorg wachtwoord vergeten pagina

Dashboard
Op het dashboard komen een aantal belangrijke onderdelen van de planner te staan,
omdat het dashboard het eerste scherm is waar je terecht komt als je inlogt bent. Zo
komt er op het dashboard een deel van het scherm waar je gemaakte afspraken
staan. Verder zal je via de navigatie door navigeren naar meer opties.

Acties
- Afspraken weergeven op dashboard
- Navigatie met dropdown effect

Afspraken
Op de afspraken pagina worden de resultaten van de filter opgezocht. Op basis van
ingegeven waardes wordt er een afspraak gemaakt. Als er geen waardes zijn
meegegeven is het niet mogelijk om een afspraak te maken.

Acties
- Resultaten van de filter
- Doorklikken naar afspraak pagina

Bevestigen

Als de patiënt een afspraak heeft gemaakt, ontvangt hij ook een email, die email
moet rechtstreeks leiden naar bevestiging pagina.

Wat houdt zo’n bevestiging in?

In zo’n bevestiging wordt aan een patient gevraagd of hij/zij de afspraak kan
bevestigingen. Een medewerker van Anasmondzorg stuurt via hun eigen platform
een bericht naar de telefoon en/of tablet van de gebruiker. De gebruiker krijgt een
melding en kan gelijk klikken.

Als de gebruiker dat doet komt hij/zij een bevestigingpagina van de invalpool
opdracht en daaronder twee knoppen: NEE en JA.

Wat gebeurt er na ‘NEE’?

Zodra er op ‘NEE’ wordt gedrukt, krijgt Anasmondzorg een antwoord ‘NEE’ terug.
Dan wordt er verder niks meer gedaan met het afspraak.

Wat gebeurt er na ‘JA’?

Zordra er op ‘JA’ wordt, krijgt Anasmondzorg een antwoord ‘JA’ terug. Dan wordt de
gebruiker die ‘JA’ heeft gedrukt gebeld door de school en wordt die gekoppeld met
de invalpool opdracht en is deze ingevuld.

Wat gebeurt er na ‘MISSCHIEN’?

Zordra er op ‘MISSCHIEN’ wordt, krijgt Anasmondzorg een antwoord ‘MISSCHIEN’
terug. In deze situatie is het verplicht toe te lichten waarom de gebruiker misschien
heeft gedrukt, omdat de praktijk dan weet of ze wel contact moeten opnemen of niet.

Acties
- Hele verzoek
- Alleen ja/misschien/nee of opmerking (niet verplicht) veld erbij
- Notificatie hier naartoe laten linken
Flowchart
Authenticatie (inloggen/registreren/wachtwoord vergeten)

App start

Splashscreen

Landing pagina

Heeft account? Nee Klik op Registreren

Ja

Vul voornaam,
achternaam, email,
Klik op Aanmelden
wachtwoord en
wachtwoord herhalen in

Vul e-mailadres en Nee

Klik op Registreren
wachtwoord in

Klik op Inloggen
Bestaat het e-mailadres?

Doorloop wachtwoord
Klik op wachtwoord Klopt e-mailadres en wachtwoord
vergeten procedure op Nee
vergeten combinatie?
de mobiele website

Ja
Ja

Ingelogt op app
Functionaliteit per pagina
Voor het uitwerken van de functionaliteiten per pagina worden vaak wireframes
gebruikt. In deze situatie zijn mockups gebruikt, omdat al duidelijk was wat voor
design gebruikt zou worden.

Info:

- Menu elke pagina het zelfde, behalve detailpagina’s

- Geen menu voordat gebruiker ingelogd is

De kleuren die gebruikt zijn voor het page zijn blauw en wit. Dat zijn de standaard
Anasmondzorg kleuren.

Landing pagina
De landing pagina is de pagina waar op de gebruiker terecht komt als deze langs het
splashscreen is. Op de landing pagina heeft de gebruiker twee opties: registreren en
inloggen. De gebruiker komt alleen op deze pagina als hij/zij voor het eerst op de app
komt of als zijn/haar laatste actie uitloggen was.

Schets
Hieronder de schets:

Landing pagina

Registreren Inloggen

Aan deze schets kan je ongeveer zien hoe deze pagina eruit zal komen te zien, maar
de lezer heeft nog geen exact beeld over hoe het eruit komt te zien. Dan bedoel ik
over bepaalde kleuren, hoogtes, breedtes ect.
Authenticatie (inloggen)
Een gebruiker die op de landing pagina op inloggen heeft geklikt komt op deze
pagina terecht. Deze pagina bevat twee verplicht in te vullen velden: email en
wachtwoord. Als een van deze niet is ingevuld zal de gebruiker een error krijgen dat
deze niet is ingevuld.

Er zitten nog meer functionaliteiten op deze pagina zoals: gegevens onthouden en

wachtwoord vergeten.

Als een gebruiker voor het eerst inlogt heeft deze de mogelijkheid om de checkbox
aan te vinken, zodat de planner de gebruikers gegevens onthoudt.

Als de gebruiker zijn/haar wachtwoord vergeten is kan deze op wachtwoord vergeten

klikken. De gebruiker wordt vervolgens doorgestuurd naar de website en kan daar de
wachtwoord vergeten procedure doorlopen.

Als dat gebeurd is kan de gebruiker inloggen met zijn nieuwe inloggegevens.

Schets
Hieronder de schets:

Login
E-mail
Verplicht in te vullen
Wachtwoord
Verplicht in te vullen
Gegevens onthouden

Log in Wachtwoord vergeten

Error: combinatie van e-mail en wachtwoord is niet correct

Aan deze schets kan de gebruiker ook een aantal meldingen op de pagina zien,
zoals de error en verplichte velden die de melding tevoorschijn haalt als deze velden
niet in gevuld zijn.
Design
Dit design is een blauwdruk van hoe de inlog pagina van de planner eruit gaat zien.
Je hebt verschillende functionaliteiten op deze pagina.

Een aantal functionaliteiten zijn:

- Inloggen
- Wachtwoord vergeten
- Annuleren

Als de gebruiker op wachtwoord vergeten klikt wordt deze doorgestuurd naar de

herstelpagina. Om daar vervolgens de wachtwoord vergeten procedure te doorlopen.

Blauw is nog steeds de huisstel van Anasmondzorg, daarom worden alle knoppen en
andere attributen rood gemaakt.

Authenticatie (registreren)
Een gebruiker die op de landing pagina op registreren heeft geklikt komt op deze
pagina terecht. Deze pagina bevat een verplicht aan te vinken check box en vier
verplicht in te vullen velden: voornaam, achternaam, geslacht, email en wachtwoord.
Als een van deze niet is ingevuld zal de gebruiker een error krijgen dat deze niet is
ingevuld.

In de tekst met de checkbox moet een link naar de algemene voorwaarden staan,
zodat deze wel vermeld zijn voordat de gebruiker blindelings akkoord gaat.

Schets
Hieronder de schets:
 Registreren
Voornaam
Verplicht in te vullen
Achternaam
Verplicht in te vullen

Man Vrouw
Verplicht in te vullen
E-mail
Verplicht in te vullen
Wachtwoord
Verplicht in te vullen
Ik ga akkoord met de algemene voorwaarden

Registreren

Error: e-mailadres bestaat al

Aan deze schets kan de gebruiker ook een aantal meldingen op de pagina zien,
zoals de error en verplichte velden die de melding tevoorschijn haalt als deze velden
niet in gevuld zijn.
Design
Dit design is een blauwdruk van hoe de login pagina van de planner eruit gaat zien.
Je hebt verschillende functionaliteiten op deze pagina. Je zal onder andere op de
algemene voorwaarden drukken als je registreert.

Een aantal functionaliteiten zijn:

- Registreren
- Inloggen
- Annuleren

Het is een vereiste om algemene voorwaarden aan te klikken.

Dashboard
Een gebruiker die ingelogd is komt automatisch op het dashboard terecht. Op het
dashboard staan een aantal dingen die heel relevant zijn voor de gebruiker. Je hebt
beschikking tot je menu, zoals op alle andere pagina’s van de planner, behalve op de
login en registreren.

Wireframe (pagina structuur)

In het eerste deel van het wireframe wordt globaal weergeven hoe de pagina eruit zal
komen te zien. Deze wireframe zou je lezer een globaal beeld moeten geven van
hoe de pagina structuur eruit moet zien.
De lezer kan zien dat er een hoofdtitel, een subtitel, een tabel en 2 buttons.

Wireframe (pagina onderdelen structuur)

In het tweede deel van het wireframe wordt wat grondiger weergeven hoe de pagina
eruit te zien. De paginastructuur wordt in dit deel opgevuld met inhoudt van wat er op
de pagina komt te staan.
Design
Dit design is een blauwdruk van hoe de dashboard pagina van de planner eruit gaat
zien. Je hebt verschillende functionaliteiten op deze pagina.

Een aantal functionaliteiten zijn:

- Reserveren
- Gegevens bekijken

De lezer krijgt uit dit design een duidelijk beeld hoe het dashboard pagina eruit komt
te zien.
Dashboard (Praktijk)
Dit design is een blauwdruk van hoe de dashboard pagina voor de medewerkers van
de mondzorgpraktijk eruit gaat zien. Je hebt verschillende functionaliteiten op deze
pagina.

Een aantal functionaliteiten zijn:

- Locaties
- Diensten
- Dienstverlener
- Connecties
- Wijzig
- Tools

Vanuit deze pagina kan de administrator alles instellen en configureren voor de

afspraak planner.
Diensten toevoegen
Dit design is een blauwdruk van hoe de diensten pagina van de planner eruit gaat
zien. Je hebt verschillende functionaliteiten op deze pagina.

Een aantal functionaliteiten zijn:

- Locaties
- Diensten
- Dienstverlener
- Connecties
- Wijzig
- Tools
- Filteren op id, naam, beschrijving en prijs
- Filter uitvoeren
Exporteer data
Dit design is een blauwdruk van hoe de exporteer pagina van de planner eruit gaat
zien. Je hebt verschillende functionaliteiten op deze pagina.

Een aantal functionaliteiten zijn:

- Agenda
- Geld
- Export
- Filter
- Exporteer data

Exporteer (Agenda)
Dit design is een blauwdruk van hoe de agenda pagina van de planner eruit gaat
zien. Je hebt verschillende functionaliteiten op deze pagina.

Een aantal functionaliteiten zijn:

- Terug vacature overzicht

- E-mail school
- Opslaan vacature
- Solliciteren (doorsturen naar website)