14 september 2023 - 26 Januari 2024

Leerdoel 6: Prototype testen

Evalueren

Leerdoel beschrijving

Als front end developer wil ik mijn prototype testen, zodat het zo goed mogelijk werkt voor iedereen. Ik wil ervoor zorgen dat de prototype die ik heb gemaakt bij meeste browser zo goed mogelijk werken, dat het te bedienen is met de toetsenbord. Dus ik moet denken aan verschillende contexten die kan gebeuren, en hoe die opgelost kan worden. Met dit leerdoel kan ik verschillende methodes gebruiken om website te testen.

(a) Is bekend met evaluatiemethoden en -technieken en weet deze passend in te zetten om het ontwerp te verfijnen en te valideren. (b) Evalueert doorlopend met belanghebbenden en expert sof het prototype beantwoord aan randvoorwaarden.Evalueren

Figuur: Het gebruiken van Twig template engine

Hoe heb ik het leerdoel bereikt?

Om de leerdoel te bereiken heb ik de mogelijkheid gekregen om testen uit te voeren voor klanten websites. Ik heb test kunnen doen op Transocean coatings, Trees for all en plugins update doen met websites en deze laten testen of en kijken of ze niet stuks zijn gegaan. Daarna heb ik de test resultaten gedocumenteerd en gestuurd naar de projectmanager en developer zodat ze de feedback kunnen verwerken.

Soorten testen die ik heb gedaan

Webpagina op mobiel en Tablet testen
Formulieren testen op de validatie
Plugins update doen op websites die woocommerce plugins. doen
Met toetsenbord testen om te kijken of de site te bedienen is met de toetsenbord

Ga naar reflectie

Transocean coating

Testen

Website testen voor kleinere schermen

Tijdens mij stage heb ik een test kunnen doen op de website transocean coating. Het is een website waar je informaties over schepen kunnen vinden. Het heeft een webshop waar je speciale producten kan kopen voor schepen. Om te testen heb ik gebruikt gemaakt van mijn Ipad en mijn Samsung telefoon. Ik heb ook getest op verschillende browsers, zoals safari, Google chrome en Mozilla Firefox. Ik kreeg de taak van de projectmanager om de webpagina's te testen en de bevindingen te documenteren. Met de bevindingen kon ik naar de developer sturen zodat hij de bugs technisch kan aanpassen.

Bekijk de foto

mappenstructuur — Wave accessibility evaluation tool

Testen voor bugs

Een andere type test die ik heb gedaan als frontend developer is gewoon testen voor bugs. Met bugs bedoel ik technische fouten op de website, bijvoorbeeld foutmelding, verkeerde layout enzovoorts. Het test deed ik op de testomgeving van de development. In mijn geval heb ik testen kunnen op het formulier van trees for all en ik ging kijken of de invoervelden werken en ook kijken of ik feedback krijgt als ik data invoert.

Testen voor toegankelijkheid

Voor de toegankelijkheid, heb ik getest op de kleurcontrast volgens de richtlijnen van WGAG. Voor mijn eindproject heb veel toegankelijk kunnen testen. Met de test resultaat heb ik ervoor gezorgd dat alle afbeelding een alternatieve tekst te kunnen geven, de juiste HTML structuur gebruiken voor screen readers en ook grotere lettertype gebruiken voor de leesbaarheid. Ik heb ook Wave(waver evaluation tool) web extensie gebruikt om ook te kijken of de website toegankelijk zijn.

Handige bronnen voor het testen voor toegankelijkheid

Test bevindingen

Bevinding in Jira

Als ik test moet doen voor klanten website, wordt de voortgang en testresultaten en bevindingen bijgehouden de ticket op Jira. Daar kunnen iedereen die toegang heeft aan de Jira ticket kunnen de bevindingen bekijken. Hiermee kon ik ook met de andere collega's werken.

Bevindingen in Logboek

DIk heb verschillende screenshot gemaakt van de test waar ik heb gevonden en deze in mijn logboek bewaart. Hiermee kon ik ook verder bestuderen en feedback daarover schrijven

Reflectie op het leerdoel

Tijdens de afgelopen weken heb ik me gericht op het leren testen van prototypes, met als doel een dieper inzicht te krijgen in het identificeren van problemen, het gebruik van hulpmiddelen om responsiviteit te waarborgen, het schrijven van testbevindingen, en het samenwerken met collega's om een gezamenlijke inspanning te leveren voor het verbeteren van de website-ervaring.

Een belangrijk aspect van mijn leerproces was het gebruik van tools om websites responsive te maken. Door het onder de knie krijgen van deze tools heb ik geleerd hoe ik een website kan optimaliseren voor verschillende schermgroottes, waardoor ik de gebruiksvriendelijkheid kan verbeteren. Het testen van prototypes heeft mijn begrip van de ontwikkelingscyclus vergroot, waardoor ik niet alleen problemen kon identificeren, maar ook begreep hoe deze opgelost konden worden.

Een ander essentieel aspect van mijn leerdoel was het schrijven van testbevindingen en het gebruik van Jira om deze bevindingen te documenteren en op te volgen. Het nauwkeurig en gestructureerd rapporteren van problemen was cruciaal voor een effectieve samenwerking met ontwikkelaars en andere teamleden. Dit proces heeft niet alleen mijn communicatieve vaardigheden verbeterd, maar ook mijn vermogen om oplossingsgerichte feedback te geven.

Kernpunten

Ik heb geleerd hoe er word getest
Tools gebruiken om website responsive te maken
Leren hoe test bevindingen kan schrijven en aan de Jira plaatsen
Website testen voor bugs
Testen op toegankelijkheid
Samenwerken met andere collega's