Applicatie ontwikkeling

Introductie
Welkom bij het keuzevak Applicatie ontwikkeling, je gaat aan de hand van 7 skills een educatieve quiz app ontwikkelen. Deze 7 skills zijn nodig om skill 8 de eindopdracht goed uit te kunnen voeren.

De eindopdracht is het ontwerpen van een applicatie in Adobe XD of App Inventer

Beoordeling
Het verslag van skill 1 t/m 6 en skill 7 dat je gaat maken telt voor 50% mee voor de eindbeoordeling. De eindopdracht van skill 8 telt voor de overige 50% mee. Samen vormen zij het eindcijfer van het keuzevak Applicatie Ontwikkeling.

Rubric Applicatie Ontwikkeling.docx

Gebruik het word document om skill 1 t/m 6 te verwerken. Het document staat op Teams in de map van Meneer Nova

Het document heet; IA_AO_Voornaam_Achternaam.docx

Skill 1: Voorbereiding

Leerdoelen

je leert wat een applicatie is
je kunt een opdrachtanalyse maken
je kunt een technisch onderzoek doen
je kunt een doelgroeponderzoek doen

Werkwijze

de docent geeft een presentatie
maak een opdrachtanalyse
doe een technisch onderzoek
werk een doelgroeponderzoek uit
doorloop de stappen
werk je verslag bij op Teams
afvinken docent

Stappen

bekijk je verslag in teams
werk de opdrachtanalyse uit
doe een technisch onderzoek
maak een doelgroeponderzoek
vul minimaal 2 gebruikersprofielen in en verwerk dat in je verslag

Hulpknop

Gebruikersprofiel.docx

Gebruik minimaal 5 van onderstaande begrippen:

doel-device
applicatie
interactief
broncode
app ontwikkelaar
programmeren
ontwikkelomgeving
programmeertaal
app concept
educatieve app
technisch ontwerp

bug
algoritme
beta
flowchart
wireframe
user interface
algoritme
deskresearch
prototyping
mock-up
pixel

Skill 2: Concept mindmap

Leerdoelen

je weet wat een mindmap is
je kunt zelfstandig een mindmap maken

Werkwijze

de docent geeft een presentatie
bekijk het filmpje
doorloop de stappen
werk je verslag bij op Teams
afvinken docent

Stappen mindmap maken

kijk het filmpje
zet of teken je hoofdonderwerp in het midden
zet of teken om je onderwerp je deelonderwerpen
geef alle onderdelen een kleur met kleurpotlood
scan of fotografeer je mindmap en plak het in je verslag

Skill 3: Concept moodboard

Leerdoelen

je weet wat een moodboard is
je bent in staat een sfeer/gevoel in een moodboard weer te geven
je kunt een moodboard maken in Adobe Express

Werkwijze

de docent geeft een presentatie
lees de tekst over moodboards
bekijk het filmpje Mood Boarding
doorloop de stappen
werk je verslag bij op Teams
afvinken docent

Moodboards worden gebruikt door mode ontwerpers, grafisch ontwerpers (huisstijl), interieur desingers, film makers, enz.

Een moodboard is een verzameling afbeeldingen en tekst die de sfeer die jij wil meegeven inzichtelijk maakt voor anderen.

Het moodboard wat wij maken voor de App bevat de volgende onderdelen:

kleurthema
sfeer/gevoel
typografie

Jesse Showalter: How to Mood Board for Web Design (YouTube 4:30 min) met Pinterest en StyleTil

Stappen moodboard maken

open Adobe Express
zoek afbeeldingen voor je moodboard
minimaal 2x korte tekst
maak een .jpg bestand van je moodboard en plaats het in je verslag
zet in je verslag ook welke sfeer je probeert weer te geven

Skill 4: Ontwerp wireframe

Leerdoelen

je weet wat een wireframe is
je kunt een wireframe maken

Werkwijze

de docent geeft een presentatie
bekijk de twee filmpjes
doorloop de stappen
werk je verslag bij op Teams
afvinken docent

Een Wireframe is een visueel hulpmiddel voor het ontwerpen van een applicatie en/of website. Het is een grove opzet van de plaatsing van tekst, plaatjes, filmpjes, knoppen, enzovoort.

Stappen wireframe maken

pak een vel a4 papier (of hulpblad)
pak een stift of potlood
maak minimaal 3 verschillende schetsen
maak een scan of foto van je wireframes en plaats het in je verslag
zet in je verslag welke van de 3 schetsen jij gekozen hebt en onderbouw je keuze

iPhone-5s-Template-Minimalist.pdf

Hulpblad

Skill 5: Ontwerp flowchart

Leerdoelen

je weet wat een flowchart is
je kunt een flowchart maken in word

Werkwijze

de docent geeft een presentatie
bekijk het filmpje
doorloop de stappen
werk je verslag bij op Teams
afvinken docent

Een Flowchart of flowsheet, ook wel stroomdiagram of stroomschema, is een schematische voorstelling van een proces. Het wordt over het algemeen gebruikt om een proces makkelijker te visualiseren, of om fouten in het proces te kunnen vinden.

Bron: Wikipedia

Stappen flowchart maken

open word
maak de flowchart
plaats het in je verslag

Flowchart voorbeeld.pdf

Voorbeeld van een flowchart

Instructiefilm flowchart maken in Word

Instructiefilm Skill 5

Skill 6: Ontwerp high-fidility prototype

Leerdoelen

je kunt een high-fidility prototype maken
je weet de basis van hoe Adobe XD werkt

Werkwijze

de docent geeft een presentatie
bekijk de instructiefilm Skill 6
plak de afbeelding(en) in je verslag
zet de link van je high-fidility prototype in je verslag
werk je verslag bij op Teams
afvinken docent

Instructiefilm werken met Adobe XD

Instructiefilm Skill 6

Instructiefilm verslag afmaken

Instructie bestanden inleveren

Wat is het verschil tussen een high- en een low fidelity prototype?

Skill 7: App maken

Leerdoelen

je kunt aan de hand van een instructiefilm een applicatie bouwen
je weet hoe je MIT App Inventer moet gebruiken
je ziet en snapt het verschil tussen User interface (Front-end developer) en Back-end developer

Werkwijze