Documentatie van Jeannot

Testscript

Stappen Resultaten Data
  1. Pijn voelen door peer reviews
  2. Boos worden over het streng nakijken
  3. Klik op 'Zet particles uit'
  4. Klik op 'Bekijk documentatie'
  5. Login

  6. Voer een foutieve studentennummer in.
  7. Voer een juiste studentennummer in.
  8. Sla cookies op voor 1 week
  9. Klik op de knop die zegt 'Ik review [US09]'
  10. Start pagina

  11. Klik op 'informatie'
  12. Klik op 'start'
  13. Klik op de knop die zegt 'Ik review [US06]'
  14. Quiz

  15. Klik op een goed antwoord
  16. Klik op een fout antwoord
  17. Klik op 'volgende'
  18. Klik op 'terug'
  19. Klik op 'finish' bij de laatste vraag zonder vals te hebben gespeeld
  20. Klik op 'finish' de laatste vraag met vals te hebben gespeeld
  21. Eind pagina

  22. Klik op 'top score bekijken'
  23. Klik op 'recente score bekijken'
  24. Klik op 'Tweet je score!'
  25. Klik op 'Join Discord!'
  1. Alles in 1x maken.
  2. Alles alsnog maken en creatiever worden om sommige problemen op te lossen
  3. Stopt de particles animatie en stopt dus het meeste lagg op de pagina
  4. Brengt je naar de documentatie directory
  5. Login

  6. Krijg een melding met wat er precies fout is aan je nummer. Mist de s/jp, niet lang genoeg of zijn er extra letters toegevoegd?
  7. Er staat dat het klopt en dat je door mag gaan. Succes! (Zijn achternamen express fout gespeld?)
  8. Plaatst een cookie in je browser die je gegevens voor 1 week opslaat.
  9. Je nu inloggen zonder een studentennummer. Je score word niet opgeslagen
  10. Start pagina

  11. Laat alle informatie zien over de quiz met een redelijke animatie.
  12. De pagina scrollt omhoog om de vragen te laten zien in de quiz.
  13. Als je in de quiz bent kan je niet meer terug naar de vorige vraag.
  14. Quiz

  15. De button word groen, er komt een uitleg en je kan niet meer op de andere buttons klikken
  16. De button word rood, het goede antwoord wordt groen, er komt een uitleg en je kan niet meer op de andere buttons klikken
  17. Gaat naar de volgende vraag met een mooie animatie
  18. Gaat naar de vorige vraag met een mooie animatie
  19. De score wordt doorgestuurd naar de database en je word naar de laatste pagina gebracht
  20. De score wordt niet doorgestuurd naar de database, er worden cookies aangemaakt en je word naar de laatste pagina gebracht
  21. Eind pagina

  22. Laat de hoogste score zien. Het is zelfs mogelijk om 20 punten te halen in een quiz met 10 vragen!
  23. Laat de meest recente score zien
  24. Brengt je naar twitter met een bericht die zegt hoeveel punten je hebt gehaald
  25. Brengt je naar een uitnodiging voor de Discord groep
Comment van mij in Microsoft Teams www.youtube.com/watch?v=pmKyG3NBY_k youtu.be/kJGcDU4esUY?t=338 www.w3schools.com www.stackoverflow.com/questions/228835/best-practice-javascript-and-multilanguage www.developer.twitter.com Frontend Optimalisatie Google lighthouse review
Wireframe van de website Start wireframe Start mobiel wireframe vragen wireframe vragen mobiel wireframe eind wireframe vragen mobiel wireframe