Skip to content

Week 1 πŸ‘ΌπŸ»πŸ’

Phyllis (Misah) Said edited this page Apr 5, 2024 · 5 revisions

Analyseren

In de analysefase inventariseer je wat er moet gebeuren om een taak uit te voeren. Je kiest een user story waar je aan gaat werken en onderzoekt hoe je data gaat posten naar de server.

Voor deze sprint heb ik de volgende twee user stories gekozen om uit te werken:

  1. Als gebruiker wil in mijn instellingen kunnen opslaan (#4);
  2. Als gebruiker wil ik een playlist als favoriete kunnen markeren (#1).

En als we groot willen dromen wil ik zelfs beginnen aan, "#2 als gebruiker wil ik een nieuwe playlist kunnen aanmaken." Maar hier dromen we wel heel ver dus laten we beginnen met de eerste 2!


Weekplanning

In de eerste week wil ik aan de slag gaan met user story #1. En het verbeteren van mijn code. In de tweede week ookal de opleveringsweek wil ik aan de slag gaan met userstory #4, en als het lukt een begin aan userstory #2 (nogmaals hier dromen we wel heel groot).

Ontwerpen!

In de ontwerpfase bedenk en schets je eerst wat je gaat maken.

  • Als gebruiker wil ik een playlist als favoriete kunnen markeren (#1) WhatsApp Image 2024-03-22 at 09 57 56

Wireflow

Teken de interactie voor de user story in een wireflow. Zorg dat je de verschillende states van het formulier, het versturen van data, een succes state en mogelijke errors ook tekent.

  • Als gebruiker wil ik een playlist als favoriete kunnen markeren (#1)

linkje naar het live design: Tumi Mundo

Screenshot 2024-03-22 at 10 48 04

Breakdown schets

Maak een breakdown-schets en beschrijf de juiste HTML formulier-elementen die je nodig hebt.

UML Diagram

Schets een UML diagram met de routing en pseudo-code voor de POST data en control-flow van de node-code.

Bouwen

Bij de vorige sprint had ik al de basics gedaan (begin van 3 pagina's bouwen), in deze sprint ga ik verder met het uitwerken van de user stories en nu dus het uitwerken van een element!

PE

Hoe kan ik ervoor zorgen dat mijn website voor zo veel mogelijke mensen toegangkelijk is?

Om te beginnen ben ik gaan kijken naar can i use, ik wilde namelijk kijken of het verstandig is om root te gebruiken (custom properties).

Screenshot 2024-04-05 at 10 03 14

Het word opzich best wel ondersteund toch is het iets kleins, dus misschien voor de zekerheid toch de kleurencode zelf gebruiken of een else toepassen. Ik heb uiteindelijk gewoon gekozen om het snel te veranderen naar de kleurencode en voor de volgende sprint wil ik graag mijn code verbeteren en dus else ook gaan gebruiken.