Product biografie van Sjoerd.
Week 1
- Meeting met klant
- Mijn bijdragen
- Zelfreflectie
Week 2
- Meeting met klant
- Mijn bijdragen
- Zelfreflectie
Week 3
- Meeting met klant
- Mijn bijdragen
- Zelfreflectie
Week 4
- Meeting met klant
- Mijn bijdragen
- Zelfreflectie
Wanneer we te horen kregen welke opdrachtgever wij als team kregen, hebben we er geen gras over laten groeien. Omdat we gelijk contact zochten, hadden we al snel een afspraak voor onze eerste meeting. Tijdens deze meeting heb ik de rol als “spreker” op mij gekregen. We zijn dit gesprek begonnen met een kleine voorstel ronde om elkaar een beetje te leren kennen. Al snel merkte we dat het jonge, gezellige, vlotte personen waren die er evenveel zin in hebben als wij.
Na gezellig praten zijn we overgegaan op de orde van de dag, het project. Natuurlijk hadden wij het pdf bestand met de opdracht goed doorgenomen maar hier staat lang niet alles in. Tijdens deze meeting hadden we HEEL veel duidelijkheid gekregen. Nier alleen over de functionaliteiten maar ook over de achterliggende gedachte van dit concept.
Beide partijen zijn enthousiast en hebben zin om te beginnen!
Deze eerste week hebben we veel knopen doorgehakt. We hebben beslissingen gemaakt over de manier van werken, technische aspecten en design. We zijn tot de conclusie gekomen scrum te gebruiken. Dit betekend dat we in sprints van 1 week gaan werken. Elke week leveren we een deel van het eindproduct op. Welk deel dit is, overleggen we met onze opdrachtgever.
We hebben gekozen om te werken met een relatief nieuw framework, Svelte / SvelteKit. Dit is een compiler waarmee je “gemakkelijk” single page applications kan maken. SvelteKit zorgt ervoor dat er een ingebouwde functionaliteit zit voor PWA. Dit komt goed van pas in ons project.
Deze week hebben we veel besproken. Jochem en Thijs zijn meer bezig geweest met het opzetten van het project. Omdat Roy en ik eigenlijk nog maar weinig ervaring hebben met frameworks hebben wij ervoor gekozen de Svelte Tutorial die doen. Deze tutorial is van Svelte zelf en hierin worden veel uitleg en voorbeelden gegeven. Natuurlij is dit niet het enige… Ik heb twee stories opgepakt:
Als gebruiker wil ik kunnen kiezen uit een lijst met spellen Als gebruiker wil ik spellen kunnen vinden met een filterfunctie
Deze week ging wat mij betreft aardig soepel. We hebben veel duidelijkheid gekregen van de opdrachtgever, Veel duidelijk gecreëerd voor elkaar en een goede start gemaakt aan de opdracht. Ik vind het fijn dat ik over het klantencontact ga. Hierdoor kan ik lekker kletsen en erachter proberen te komen wat de opdrachtgevers nou precies willen. Elke maandag hebben we om 10:00 afgesproken om te laten zien wat we de afgelopen week gemaakt hebben.
Wel merk ik dat het lastig wordt om te werken met svelte. Het probleem is dat er erg weinig documentatie over te vinden is… Ik ben heel benieuwd hoe dit zal gaan. Maar gelukkig zijn we een groep de het leuk vindt om andere/nieuwe dingen te proberen en te leren. Ook merk ik al snel aan deze groep dat niemand het een probleem vindt om een ander even te helpen.
Na een goede eerste week hebben we opnieuw een meeting met de opdrachtgevers. Dit keer gaan wij onze creaties laten zien. We hebben ons prototype online gezet en we zullen hun er zelf doorheen laten klikken. Tijdens deze test zullen wij goed opletten wat er goed en fout gaat. Is alles duidelijk, kunnen ze alle functionaliteiten gemakkelijk vinden, enz.
Tijdens het testen schrokken ze eigenlijk een beetje. Dit kwam omdat ze niet verwacht hadden dat wij dit al in 1 week neergezet zouden hebben. Ze waren aangenaam verast over het uiterlijk, de gebruiksvriendelijkheid en de filter functionaliteit.
Na het testen hebben we gekeken wat wij aankomende week gaan opleveren. Toen legde ik uit over het offline(PWA) gedeelte en toen viel hun mond letterlijk open. Ze hadden hier nog nooit van gehoord en hadden geen idee dat dit enigszins mogelijk was, leuk om de reacties te zien.
Deze week heb ik veel gewerkt aan het offline gedeelte. Allereerst heb ik een manifest en serviceworker opgezet. Doormiddel van de serviceworker heb ik alle svelte components opgeslagen in een statische cache en alle nieuwe request opgeslagen in een dynamische cache. Op dit moment cached hij dus alles. Hierna is Thijs hieraan verder gegaan en heeft ervoor gezorgd dat de pagina’s pas ge-cached worden wanneer de gebruiker op een bepaalde knop klikt.
Ook heb ik aan de filterfunctie gewerkt. We hebben tijdens ons gesprek met de opdrachtgever wat feedback gekregen over bepaalde punten.
Voor mij ging deze week iets moeizamer dan de vorige. Ik merkte dat met een framework alles anders moet. Met het offline beschikbaar maken van de spel pagina’s heb ik lang zitten “kloten”. Dit komt ook doordat er over SvelteKit nog 10 keer minder documentatie te vinden is dan over Svelte zelf. Uiteindelijk is het gelukt!
Wat ik wel erg grappig vind is dat ik tijdens het uren vastlopen wel merkte dat ik andere dingen steeds beter ging begrijpen. Ik las enorm veel documentatie in de hoop iets te vinden dat ik kon gebruiken, helaas ter vergeefs maar ik heb wel veel geleerd.
Natuurlijk begint de week weer met de wekelijkse meeting op maandag-ochtend. In deze meeting laten we het gemaakte werk van afgelopen week zien. De opdrachtgevers hadden geen idee wat ze zagen. We hebben een app gemaakt die offline kan?!?!?! Leuk om te zien dat we met zo’n feature iemand helemaal blij kunnen maken.
Ook vonden ze het leuk om te zien dat je op dit moment de flow goed kon testen. Het waren geen losse pagina’s meer, het werd een echt werkende app.
Wel hadden we nog een aantal vragen. Zo hebben we een vraag gesteld over de aangeleverde data. Onze opdrachtgever begrijpt natuurlijk niet hoe wij dingen in de database moeten opslaan. En ook hadden we een aantal vragen over het CMS wat we aankomende geen gaan oppakken.
Deze week was ik een stuk productiever dan vorige week. In plaats van meerdere dagen bezig zijn met 1 story heb ik deze week 6 taken op mijn naam staan. Dit werkt naar mijn mening fijner.
Homepage
In ons gesprek van maandag gaven ze aan dat er ook een home pagina moest komen. Dit zou een pagina moeten worden waarin een aantal spellen aantrekkelijk aangeboden worden. Bijvoorbeeld de nieuwste spellen, favoriete spellen, 1 (door hun gekozen) uitgelicht spel, enz. Hier heb ik een ontwerp voor gemaakt en deze omgezet in een prototype.
Filters
We hebben besloten dat hete handig is om de gebruiker een keuze te geven om alle geselecteerde filters in 1 keer uit te zetten. Ik heb ervoor gekozen dit te doen d.m.v. een icon die alle resultaten weer laat zien.
Ook vinden wij het niet heel duidelijk aangegeven wanneer er een filter geselecteerd is. Zo heb ik dit opgelost met een extra knop die duidelijkheid geeft en waarmee je met 1 klik op de knop de filter kan uitschakelen.
Detail pagina
Jochem en ik zijn deze week ook druk bezig geweest met het maken van nieuwe designs. Zo is bijvoorbeeld zelfs onze hele huisstijl aangepast. Ok hebben we de detail-pagina maar eens onder handen genomen. In het begin van het project hebben we al de informatie netjes neergezet maar nooit meer naar gekeken. De pagina is nu een stuk gebruiksvriendelijker en duidelijker.
Vorige week had ik nog redelijk veel struggles met Svelte. Deze week merkte ik dat veel van deze onduidelijkheden wegvielen. Dit stimuleert je ook om weer nieuwe dingen te leren en meer issues op te pakken. Wanneer ik aan bepaalde issues begin weet ik soms eigenlijk niet hoe ik dit ga doen. Deze week heb ik geprobeerd een lijstje te maken met alle stappen die ik moet voldoen om de story op done te krijgen. Dit werkte erg goed voor mij. Hierdoor weet ik wat ik aan het doen ben, probeer ik niet gelijk meer voor elkaar te krijgen en hou ik overzicht over mijn progressie.
Ook vond ik het erg leuk om veel bezig te zijn met designen. Dit is afgelopen jaren echt een hobby van mij geworden. Tijdens deze minor heb ik ook wel dingen moeten designen maar toch niet zo serieus en pixel-precies als dat het in dit project moet. Ik ben blij met het resultaat!
Deze week hebben we veel laten zien waar onze opdrachtgever blij mee was. We hebben namelijk veel visuele aanpassingen gedaan. Het is grappig om te zien dat onze opdrachtgever tevreden kan reageren op een heel werkend CMS maar op het moment dat we een logo laten zien worden ze van hun stoel geblazen. Aan het begin van het project werd ons verteld dat het leuk zou zijn als de kleuren van de Surinaamse vlag in de app verwerkt konden worden. Dit heb ik toegepast op het logo.
Zij merken nu ook steeds meer dat het echt een app aan het worden is. Gelukkig laten ze duidelijk weten dat ze heel erg enthousiast zijn.
We hebben deze meeting duidelijk gemaakt dat dit nog geen werkende app is. Er moet nog doorontwikkeld worden op gebied van beveiliging, servers en hosting. Dit was voor hun bekend maar je zag toch een kleine teleurstelling op de gezichten.
Deze week heb ik qua stories iets minder gedaan dan normaal. Deze week heb ik veel bugs en styling fixes opgepakt. Onze app werd steeds mooier maar toch miste er iets… Een logo! Ik ben deze week dus druk bezig geweest om een logo te ontwerpen. De opdrachtgevers waren enorm blij met het logo.
Zoekbalk
Naast een hele mooie filterfunctie heb ik deze week ook een zoekveld ingebouwd. Hiermee zou je de naam van een spel kunnen invoeren en deze als resultaat krijgen. Ik vond het een hele leuke task. Door Svelte was het even uitzoeken maar uiteindelijk viel het reuze mee hoe lastig het was.
PWA
Verder heb ik deze week gewerkt aan het PWA gedeelte. Door bepaalde settings kun jij er voor zorgen dat jouw PWA net als een native app overkomt. Dit heb ik gedaan met behulp van app icons, splash-screens, de browser balk weghalen op telefoons, etc.
Ook heb ik deze week veel aan mijn Weekly nerd verslagen gezeten. Deze had ik al voor een groot gedeelte af maar nog niet helemaal.
Al vanaf het begin van de minor wist ik, dat ik in de laatste weken nog steeds met de Weekly nerd aan het strugglen zou zijn. Helaas was dit ook het geval… Des al niet te min heb ik er deze week goed aan gezeten en heb ik dit tevreden afgesloten.
Vooral met de zoekbalk functionaliteit merkte ik steeds beter ga begrijpen wat ik nou precies aan het doen ben. Vorige week ben ik begonnen met een lijstje maken waar mijn issue aan moet voldoen. Dit heb ik deze week ook gedaan en ik merk dat dit voor mij erg fijn helpt. Hiervoor zou ik alles in 1 keer achter elkaar willen doen vanaf het begin tot een volledig werkende functionaliteit. Deze manier van werken zorgt voor rust en duidelijkheid in mijn hoofd. Wanneer ik een punt afheb dan comic ik dit en ga ik verder met het volgende punt.