Ontwerp en bouw verschillende states van de UI-Stack.
Deze deeltaak hoort bij sprint 11 "Connecting People". Dit is een deeltaak die je in een team uitvoert.
In het college S11W1-02-UI-Stack wordt behandeld wat de UI-Stack is en hoe je states van de UI-Stack kan ontwerpen in een Wireflow.
Deze deeltaak hoort bij de leertaak:
Leren hoe je verschillende states van de UI-Stack kan tonen in de interface.
Schets met je team een wireflow van de real-time user story die jullie willen maken. Schets verschillende states van de UI stack die je aan de gebruiker wil tonen en bedenk hoe je dit kunt bouwen.
Deze opdracht gaat over de ontwerpfase van de DLC.
Ontwerp verschillende states van de UI-Stack
- Ga samen rond een tafel
staanzitten ... - Neem de User Story die jullie gaan ontwerpen over in de hoek van een A3 papier
- Bedenk en schets een Wireflow met alle states van de UI-Stack die je wilt tonen
- Schrijf onder elk scherm/state wat een gebruiker doet en wat de interface moet laten zien
- Maak dan een breakdown-schets van de techniek die je nodig hebt, overleg welke HTML, CSS en JS er nodig is
- Welk HTML heb je nodig? Waar komt de HTMl voor de UI-Stack states?
- Welke CSS heb je nodig voor de vormgeving van de states?
- Welke JS heb je nodig voor het laden en versturen van data en het tonen van de states? Welke code heb je nodig voor de UI-Stack states?
Focus sprint 11 - De focus van deze sprint ligt op het maken van multi-user omgeving door het opzetten van een real-time verbinding tussen client en server.
Deze leertaak hoort bij het gedragscriterium:
P: Je schetst om gedachten en processen te verkennen en abstracte begrippen over te brengen
Deze opdracht is done als:
- Er is een Wireflow getekend waarin de verschillende states van de UI-Stack zijn uitgewerkt
- Er is een Breakdown-schets met de techniek die nodig is voor het tonen van de states
- De Wireflow en Breakddown-schets is gedocumenteerd in de Readme van de leertaak