Deze opdracht bestaat uit twee deelopdrachten. Jullie gaan hier in groepjes aan werken. Hiervoor zijn jullie ingedeeld. Morgenmiddag presenteren jullie je bevindingen aan de klas.
Leg in eigen woorden uit wat Progressive Enancement is en geef voorbeelden Visualiseer Progressive Enhancement met een eigen metafoor (geen skateboard, roltrap of M&M) Presenteer je onderzoek op een webpagina op Github.
Het doel van deze opdracht is onderzoeken wat Progressive Enhancement is.
Uitleg
Progressive Enhancement?
prəˈɡres.ɪv ɪnˈhæns.mənt.
Geleidelijke verbetering?
Piiiii IEieieieieieie???
Wat is dat?
Wellicht hebt je wel eens gehoord van Progressive Enhancement. Maar wat kan je er mee? Hoe werkt dat? Is het moeilijk? In de eerste les van Browser Technolgies is het woord al 20 keer gevallen. Nu durf je bijna niet meer te vragen wat het betekent. Maar niet getreurd, na deze opdracht weet jij alles van PE ...
Heydon Pickering heeft onlangs een (geniaal) filmpje gemaakt over het nut van Progressive Enancement: [Is progressive enhancement dead yet?](https://briefs.video/videos/is-progressive-enhancement-dead-yet/).
In zijn filmpje gebruikt hij een metafoor van een skateboard om Progressive Enhancement uit te leggen.
Voor deze opdracht bedenk jij samen met je clubje een eigen metafoor voor PE.
Leg in eigen woorden uit wat PE is, gebruik voorbeelden en bedenk hoe je kan testen of een website wel of niet goed PE is.
Presenteer je metafoor en uitleg op een webpagina.
Lees ook het artikel [Understanding Progressive Enhancement by Aaron Gustafson](https://alistapart.com/article/understandingprogressiveenhancement) en gebruik dit als bron.
<br> [SPOILER ALERT] Volgende week donderdag komt Aaron Gustafson langs voor een gastcollege.
## Werkwijze
1. Werk samen in je clubje
2. Woensdagochtend briefing opdracht, dan clubjes maken en aan de slag
3. Woensdagmiddag checkout met studentassistent
4. Donderdagochtend resultaten presenteren aan de klas.
## Criteria
- Leg in eigen woorden uit wat Progressive Enancement is en geef voorbeelden
- Visualisser Progressive Enhancement met een eigen metafoor. (geen skateboard, roltrap of M&M)
- Presenteer je onderzoek op een webpagina op Github
- Neem bronnen die je hebt gebruikt op in de pagina (footer?)
Het Web laten 'breken' door features van het platform bewust uit te zetten. Images, custom fonts, JavaScript, kleur, breedband internet.
Het doel van deze opdracht is om erachter komen dat je misschien aannames hebt die niet kloppen, en om je in te laten leven in de eindgebruiker.
Uitleg
Onderzoek alle acht features in je groepje. Verdeel ze onder de groepsleden. Vind uit wat het ontbreken van deze features voor impact heeft op de sites die je kent en normaal gebruikt. Zoek uit hoe je de feature kan uit- of aanzetten om hem te testen. Kies sites in je directe omgeving, van je werkgever, lokale vereniging, de cafetaria om de hoek, en/of eerdere projecten die je zelf gedaan hebt. Onderzoek de problemen die ontstaan als de feature mist. Bedenk hoe je deze problemen zou kunnen oplossen.
1. Afbeeldingen uitzetten
2. Custom fonts uitzetten
3. Kleur uitzetten & kleurenblindheid instellen
4. Muis/Trackpad werkt niet
5. Breedband internet uitzetten
6. Javascript (volledig)
7. Cookies niet accepteren/localStorage doet het niet
8. Content blockers en ad blockers: wat blokkeren ze precies?
## Werkwijze
- Verdeel alle features in je team, met het team worden alle feautures 1 of 2 keer onderzocht
- Donderdagmiddag presenteer je je bevindingen voor de klas.
## Criteria
- Elke student onderzoekt 1 of twee features
- Zoek uit welke problemen de features kunnen veroorzaken (verzamel cijfers, meningen, ervaringen)
- Zoek uit hoe je dit kunt testen (hoe kun je een feature ‘uitzetten’)
- Vind een aantal sites waar dit ook problemen oplevert (uit je directe omgeving)
- Beschrijf hoe je dit kan fiksen