Aan het eind van het project reflecteer je systematisch op je werk en het proces. Aan de hand van de vak-rubrics schrijf je welke vakken wel of niet aan bod zijn gekomen en waarom. Zo krijg je een goed beeld van je eigen niveau, mogelijke aandachtspunten in techniek, interactie en/of aspecten van het design-proces waar je je nog op kan verbeteren.

Grootste persoonlijke ontwikkeling

Tijdens dit project voor de ObA heb ik goed geleerd hoe je in een teamverband kunt werken. Normaal gesproken heb ik wat moeite met samenwerken omdat ik een eigen stijl van werken heb. Ik wil graag dingen op mijn eigen manier doen want ik ben van mening dat er meerdere wegen naar Rome toe leiden. Wanneer je met code werkt is dit belangrijk en daarom wil ik dingen graag op mijn manier doen. Binnen het team is dit goed besproken en hebb wij ons eigen ding kunnen doen. We hebben aparte bracnhes gemaakt en hier de features gemaakt voor de applicatie. Aan het einde van het project hebben wij dit samen gevoegd en de code 1 soort code stijl aangehouden.

Ik ben zeer tevreden over de samenwerking binnen ons team. Omdat wij goede communicatie hadden en er samen hetzelfde er instonden voor dit project. Ik ben erg blij met deze skills verder te hebben ontwikkeld en kan deze goed mee nemen naar mijn stage voor volgend jaar.

Persoonlijke leerdoelen

Ik heb voor mijzelf persoonlijke leerdoelen opgesteld tijdens dit project waar ik graag aan zou willen werken. Aan het einde van dit project ga ik hier op reflecteren en kijken of ik ze heb behaald.

Mijn leerdoelen waren:

1. Aan het einde van de minor wil ik comfortabel genoeg zijn met de git commando's, zodat ik zonder problemen in teamverband kan samenwerken met github.
2. Aan het einde van de minor wil ik een nieuwe (web) API hebben gebruikt, zodat ik deze in een toekomstig project makkelijker zou kunnen implementeren.
3. In deze meesterproef wil ik graag leren hoe je met een opdrachtgever om kan gaan, zodat ik zelfstandig een project kan gaan doen voor een opdrachtgever in de toekomst. Dit zal mij helpen als ik free-lancer of ZZP'er wil worden later.
4. In deze meesterproef wil ik mijzelf uitdagen door een nieuw framework te leren, zodat ik deze skill kan toevoegen aan mijn skillset en hopelijk heeft dit extra waarde voor m'n stage volgend schooljaar.

Leerdoel 1

Ik voel mij comfortabel met git commando's in de CLI toe te passen. Er zijn geen merge conflicts geweest in het team, iets waarvoor ik bang voor was in het begin van de meesterproef. Ik vind dat ik voor mijzelf dit doel goed heb behaald.

Leerdoel 2

Tijdens dit project hebben wij met de SpeechSynthesis API gewerkt. Dit hadden wij nog niet eerder gedaan en was in het begin een kleine uitdaging. NAderhand bleekt deze API best simpel te implementeren. Ik voel mij nu ook comfortabel genoeg om te zeggen dat ik begrijp hoe de API in z'n werk gaat.

Leerdoel 3

Ik vind dit niet dat ik dit leerdoel heb behaald. Ik vind het nog best lastig om een opdrachtgever aan te spreken en "eng" om ze aan te spreken met dt ik de specialist ben. Ik voel mij nog niet echt als specialist maar meer als een student die nog in zijn leer process zit. Ik ben er wel beter in geworden maar nog niet op het niveau dat ik zou willen hebben bereikt. In het begin hadden wij een beetje een stroeve start en hielden wij de opdrachtgevers niet op de hoogte van onze voorderingen. Dit kregen wij in week 3 te horen. Hierna hebben wij meer contact gehad met onze opdrachtgevers.

Leerdoel 4

Het was niet nodig om een framework te gebruiken voor onze applicatie. Dat is best wel jammer omdat ik daar graag meer oefening in had gewild. Voor de opdracht was dat gewoon overkill geweest. Hoe wij onze applicatie hebben opgebouwd is het prima voor de functionaliteit die het heeft.

Wat heb ik geleerd

Tijdens dit project heb ik veel geleerd. Ik wist wel van een voice en speech API af omdat tijdens de minor andere klasgenoten hier mee hadden gewerkt. Ik heb geleerd hoe deze API te werk gaat en hoe ik hem kan implementeren. Ik ben hier enthousiast over geworden en heb mij er hierom ook erg in verdiept. Tevens heb ik geleerd dat als je gaat designen voor Kinderen dat je veel meer moet opletten of fouten opvangen. Kinderen horen continue feedback te krijgen en beloningen. Tevens is het goed om kinderen een vrolijke en vriendelijek digitale helper te geven die hun rondleidt door de website of applicatie heen.

De vakken toepassen in de meesterproef

Web App From Scratch

Het idee van Web App From Scratch was dat je een API call kon maken en hierbij de UI stack toepast. Tevens was het idee om zonder frameworks en/ of libraries ging werken. In dit project hebben wij daarom ook zonder frameworks gewerkt, maar hebben we wel libraries gebruikt. Maar voor de rest was alles vanilla HTML, CSS en JavaScript. Ook maken we gebruik van een paar web API's. De SpeechSynthesis en history API.

CSS to the rescue

Tijdens CSS to the rescue heb ik geleerd over custom propeerties. Deze hebben we ook toegepast in ons werk. Tevens hebben wij de verschillende variates van selectoren zoals first-child en nth-of-type kunnen toepassen in onze code. Het was ook leuk om met de keyframes animatie weten toe te voegen aan onze applicatie. Doormiddel van de lessen van Sanne over CSS hebben wij onze avatar (Jaapie de aap) ook volledige gemaakt doormiddel van CSS.

Progressive Web Apps

Met progressive web apps hebben we geleerd over het gebruik van packages en werken op de server. We hebben gebruik gemaakt van packages zoals nodemon om de server automatisch te kunnen starten en axios. Axios is is een eenvoudige op promise gebaseerde HTTP-client voor de browser en node.js. Onze pagina's worden ook server side gerenderd. Wij hebben helaas geen Serive-Worker kunnen toevoegen aan onze applicatie. De voornaamste reden hiervoor is dat we net te weinig tijd hadden voor het eindproduct.

Browser Technologies

Tijdens het project hebben we wel nagedacht over accessibility. Hierom hebben wij er ook voor gezorgt dat de knoppen te bedienen zijn met de tab-toets. Ook hebben wij semantische HTML toegepast in onze applicatie. Dit is voor ons wel de standaard om toe te passen. Tevens hebben wij bij de carrousel ervoor gezorgt dat deze ook nog te bedienen is zonder JavaScript. Hierdoor hebben wij wij ook Progressive Enhancemt toegepast.

Human Centered Design

Voor HCD hebben wij toe kunnen passen dat je het design eerst moet testen op echta mensen en vanaf daar je concept verder moet aanpassen. Dit hebben wij gedaan door te gaan testen met de doelgroep op een BSO. Tevens hebben wij de feature add-nonsense toegevoegt aan onze applicatie. Je kan namelijk als je op jaapie klikt hem kietelen. Jaapie geeft dan als response dat het kietelt als je op hem klikt.

Real-time-web

We hebben niks wat betreft Real Time web in onze applicatie. Dat komt omdat het niet nodig is met ons concept.