Rubric Module 1: Webshop HTML/CSS

rubrik module 3.xlsx

Onderdeel 0 1 2 3
Navigatiebalk en footer De navigatiebalk en/of footer voldoet niet aan de minimale eisen De footer bevat een copyright tekst De footer bevat een copyright tekst, en de navigatiebalk bevat een logo en nep-linkjes De footer bevat een copyright tekst, en de navigatiebalk bevat een logo en werkende linkjes
Sidebar Er is geen sidebar aanwezig De website heeft een sidebar, maar mist een prijsslider (range-slider) en categorieëen De website heeft een sidebar en categorieëen, maar mist een prijsslider (range-slider) De website heeft een sidebar, een prijsslider (range-slider) en categorieëen
Producten Er zijn geen of onvoldoende producten of de producten voldoen niet aan de voorwaarde. Er zijn minimaal 20 producten die voorzien zijn van een afbeelding, titel, prijs en bestel knop (niet werkend) Er zijn minimaal 20 producten die voorzien zijn van een afbeelding, titel, prijs (eventueel een omschrijving) en bestelknop (niet werkend) Er zijn minimaal 20 producten die voorzien zijn van een afbeelding, titel, prijs, (eventueel een omschrijving) en een werkende bestelknop (werkend = winkelwagen getal wordt groter)
Code De code is niet goed uitgelijnd, opgedeeld in losse bestanden en/of komt niet door de W3C validator Code is netjes uitgelijnd,  maar is niet logisch opgedeeld in losse bestanden en komt niet door de validator heen Code is netjes uitgelijnd en komt door de W3C validator heen, maar is niet logisch opgedeeld in losse bestanden Code is netjes uitgelijnd, opgedeeld in losse bestanden en komt door de W3C validator heen (https://validator.w3.org/)
Responsive De website is niet of nauwelijks responsive De website is minimaal responsive, en is op een mobiele telefoon te lezen. De website is voldoende responsive, en heeft een eigen menu en indeling voor een desktop en mobiele telefoon De website is volledig responsive en werkt perfect op zowel desktop, tablet als mobiele telefoon
Testen De website is niet goed getest en bevat incorrecte links, missende CSS en/of ontbrekende afbeeldingen. De website is goed getest en werkt naar behoren.
Oplevering website De website is niet opgeleverd op Git of op de GLU webserver. De website is opgeleverd via de Git-repository met minimale commits. De website is opgeleverd op de Git-repository met voldoende commits. De website is opgeleverd op de Git-repository met voldoende commits en staat ook op de GLU webserver.
punten cijfer
1 1
2 2
3 2,5
4 3
5 3,5
6 4
7 4,5
8 5
9 6
10 6,3
11 7
12 7,3
13 7,6
14 8
15 8,5
16 9
17 9,3
18 9,6
19 10

Rubric Formulier

rubrik module 3 - Formulier.xlsx

Onderdeel 0 1 2 3
Layout Het formulier is niet of nauwelijks gestyled. Het formulier heeft een eigen nette styling, maar is niet in lijn met de rest van de website. Het formulier heeft een eigen nette styling welke in lijn is met de rest van de website.
Formuliervelden Niet alle minimaal vereisde inputtypes zijn gebruikt. Er is minimaal een text, radiobutton, en checkbox gebruikt. De minimale velden zijn gebruikt. En er is ook één speciaal inputtype gebruikt zoals email of een tel input. De minimale velden zijn gebruikt. En er is ook een email én tel inputtype gebruikt.
Inputtypes De formuliervelden zijn niet of nauwelijks voorzien van de juiste inputtypes. De meeste formuliervelden zijn van de juiste inputtypes voorzien, maar een enkele is nog onjuist. Alle formuliervelden zijn van de juiste inputtypes voorzien. Alle formuliervelden zijn van de juiste inputtypes voorzien, en de verplichte velden zijn ook in de html code voorzien van de juiste attribute hiervoor.
Eigen validatie Er is geen eigen validatie gemaakt voor de formuliervelden. Een enkel formulierveld is voorzien van een eigen, in JavaScript,  gemaakte validatie. De meeste formuliervelden hebben een eigen gemaakte, in JavaScript, validatie. En tonen een nette foutmelding wanneer er iets niet goed is. Alle formuliervelden hebben een eigen gemaakte, in JavaScript, validatie en tonen nette meldingen. Deze validaties worden direct gedaan tijdens het invoeren.
Responsive design Het formulier is niet responsive Het formulier is deels responsive Het formulier is volledig responsive
Werking formulier Het formulier is niet werkend Het formulier kan verzonden worden, en de ingevulde formulierwaarde wordt getoond op een nieuwe pagina. Het formulier kan verzonden worden, en de ingevulde waarde wordt opgeslagen in de database.
punten cijfer
1 1
2 2,2
3 3,4
4 4,8
5 6
6 6,4
7 6,8
8 7,2
9 7,6
10 8
11 8,4
12 8,8
13 9,2
14 9,6
15 10