LOGBOEK ZENIT📝
Vandaag is de begin van de sprint 11 Ontwerp en maak voor een opdrachtgever een realtime omgeving waar gebruikers kunnen samenwerken. Binnen je Squad maak je teams van 3 met dezelfde opdrachtgever vorige sprint hadden ik samen met Roelie en Amber samengewerkt en aan het einde van de sprint hadden we feedback aan elkaar gegeven en deze sprint werken we weer samen om de feedback te verwerken die we aan elkaar gaven. In sprint 11 hebben we ook 2 deeltaken:
-
My First Chatroom
-
Ui Stack
We begonnen met een de userstory te analyseren en bekijken welke userstory best bij deze sprint past de userstory die we uiteindelijk hebben gekozen is: 2#Connection tussen Vini Minions
De rest van de dag hield ik mij bezig met de deeltaak My First Chatroom; Chatroom
Als team hebben we ook een project board aangemaakt. Hierin hebben we eigenlijk alle taken per week in gezet. Als iemand een taak had gekozen, dan werd die taak aan die persoon toegewezen. We hadden ook datums aan de taken gegeven zodat iedereen weet wanneer de deadline is. Het Project Board kan je hier vinden: Project Board
Vorige sprint hadden we met verschillende branches gewerkt deze sprint werken we uit 1 bestand we hadden al een head en footer van de vorige sprint dus die gaan we weer gebruiken ik had hem al erin gezet en gepusht.
Vandaag hadden we ook een workshop over Ui Stack de 2de deeltaak. De deeltaak houdt in ontwerpen en bouwen van verschillende states van de UI-Stack.
We proberen ook elke schooldag een kleine meeting te houden kijken hoe veder iemand is ook er problemen zijn waar we tegen aan lopen en nieuwe ideeën/mogelijkheden proberen we gezamenlijk uit te werken bij een whiteboard aan onze tafel.
Vrijdag waren we vrij. Deze sprint werken we uit 1 bestand dus ik ben de main beheerde. Vrijdag heb ik voornamelijk bezig gehouden met de basis al in vs code te zetten zoals de packages de modeomgeving de verschillenden bestanden van ejs. Nadat de basis al erin zat ben ik begonnen met coderen we hadden al een goede head en footer dus die had ik gekopieerd uit de vorige bestand. Ik heb uit de performance resultaat van de loader gelezen dat een gif bestand beste is om te converteren dan presenteer hij beter bij de performance test. Ik heb gif en andere image.png convert naar webp.
Vandaag hadden we een workshop over Publisher and Subscriber.
Ik ben benieuwd of we deze methode kunnen toepassen op de statische nieuwsbrief die we al hadden ik heb die taak na overleggen opgenomen kijk of we pubsub kunnen maken. De rest van de middag hield ik mijn bezig met de opmaak van de homepage na tientallen schetsen en canva's bestanden heb ik een definitieve schets gemaakt en die ben ik gaan uitwerken. Ik ben eerst begonnen met Mobile First te coderen.
De homepage wordt statisch zodat de gebruiker een beeld kan inbeelden voordat hij gelijk een chat ziet. Ik probeer zoveel mogelijk te pushen met duidelijk uitleg bij elke comit en bij het pushen met ik het nog aan mijn teamleden.
Mobile First
Deze woensdag kregen we een weer workshop over de UI-stack van Joost. Scott Hurff legt in het boek "How to fix a bad UI" uit waaruit de stack bestaat. Namleijk de volgende vijf:
- Ideal state
- Error state
- partial state
- Loading state
- Blank state
Voor de rest van de dag hield ik mij bezig met de dekstop versie van mijn homepage
Vandaag hadden we code desgin & review op de deeltaak My First Chatroom. We hebben in groepjes ons gewerkt gepresenteerd en elkaar feedback gegeven en aan het einde hadden we en checkpoint in de tussentijd waren de leraren issues aan het inschieten op ons gezamenlijke leertaak. Na de checkpoint heb ik de issues die waren ingeschoten een label gegeven en gelijk verwerkt in de code.
Amber had wat problemen met haar chat de connectie was niet goed en je zag ook niet de berichten die waren gestuurd. Roelie had nog Amber geholpen of ze het kon fixen voor haar maar lukte ook niet.
Na school heb ik gekeken of ik de probleem kon fixen en uiteindelijk was het mij ook gelukt ik heb ook gelijk paar extra functies toegevoegd. Ik had wel eerst aan Amber gevraagd of ik de extra functies mag toevoegen en ze vond het goed.
De extra functies die ik heb toegevoegd waren:
-
✅Voeg support toe voor het kiezen van een nickname en gebruik dit bij het versturen van berichten.
-
✅Verstuur (emit) een event als iemand connect of disconnect.
-
✅Voeg {gebruiker} is aan het typen functionaliteit toe.
-
✅Laat zien wie er online is
Vandaag waren wij vrij wegens Pinksteren.
Vandaag hadden we een workshop over Activity Diagram
In een Activity Diagram ontwerp je de logica / structuur van je code, door de Wireflowen de Control Flow van een applicatie te combineren.
De opdracht is: Teken op basis van je User Story een wireflow met alle states van de UI-Stack, de Empty state, Loading state enError state Activity Diagram
Woensdag had ik nog geprobeerd om in de chat de ontvanger en verzender te scheiden Dorien had mij nog daarin geholpen. Wiki
Voor de rest van de middag heb ik in de wiki de laatste puntjes nog gedocumenteerd en de read me gemaakt. Read Me
Laurie was blij verast met de chat haar feedback was
- Foto's kan sturen met het bericht
- Melding van 'Laura (gebruiker) woont om de hoek bij jouw chat met haar'
- Persoonlijke chat doormiddel van gekoppeld worden aan ouders die dezelfde product hebben gekocht of dicht bij elkaar wonen
- Gekoppeld worden aan ouders doormiddel van de resultaat van de persoonlijke vragen bij aanmaak van een account.