Voor de docent

1Voorkennis en leerdoelen¶

Veronderstelde voorkennis voor leerlingen

• database: sql (SELECT, JOIN met 3 tabellen, WHERE, CREATE)

• api: python (variabelen, selectie, iteratie, functies, lijsten)

• website: html en css (kunnen werken met enkele html5 tags en css properties, denk aan h1-3, p, ul/li, a href, img src, div id/class, content/padding/border/margin, color/background-color)

Handige voorkennis, maar niet noodzakelijk

• database: normaliseren van een database

• api: kennis van json en basale kennis van REST api’s

• website: javascript, al dan niet in combinatie met het Document Object Model

Leerdoel voor leerlingen

• Opdoen van praktisch inzicht in de werking van hedendaagse webbased systemen die gebruikt worden voor het opvragen van gestructureerde informatie. We beperken we ons tot de context van een webshop.

Leerdoelen in meer detail

• Informatie opvragen met sql uit een database met meerdere tabellen (veronderstelde voorkennis)

• Opzetten van een database met meerdere tabellen in sql

• Bepalen van de cardinaliteit van relaties tussen tabellen (1:n en n:m) in sql

• Begrijpen hoe REST-api’s werken aan de hand van begrippen zoals endpoint, CRUD en json

• Uitbreiden van gegeven REST-api’s in python met de fastAPI library

• Statische webpagina’s in html en css aanpassen en uitbreiden (veronderstelde voorkennis)

• Begrijpen wat DOM manipulatie met de javascript is

• Aanpassen van gegeven javascript programma’s die DOM manipulatie doen

2Lesplanner¶

Opmerkingen:

• We gaan uit van een lesduur van 45 tot 60 minuten per les.

• Hoofdstuk 1 (Inleiding) dekt geen leerdoelen, wellicht dat je die wilt aanpassen naar eigen smaak.

• Hoofdstuk 2, 3, 4 en 5 bouwen op.

• Hoofdstuk 6 vereist hoofdstuk 2 t/m 5

• Hoofdstuk 7 vereist hoofdstuk 2 t/m 5, maar het is logisch om eveneens hoofdstuk 6 te doen als je voor hoofdstuk 7 kiest.

• Hoofdstuk 8 kan worden gedaan als 6 en 7 zijn overgeslagen, maar niet alle voorgestelde extra’s zullen voor alle leerlingen haalbaar zijn.

• Hoofdstuk 6 en 7 zijn complexer, voor havo kun je die facultatief maken

3Startcode en uitwerking¶

Startcode

https://github.com/informaticascw/h5v5-sql-webshop-template

Deze startcode kan met leerlingen worden gedeeld.

Uitwerking

https://github.com/informaticascw/h5v5-sql-webshop-uitwerking

Docenten kunnen mailen naar gees_at_stanislascollege_punt_nl om toegang te krijgen. Vermeld daarbij je github account.

4Beoordelingsmodel¶

Een beoordelingsmodel is opgenomen in de inleiding van de opdrachtbeschrijving voor leerlingen

5Ontwikkelomgeving inrichten¶

Minimale variant voor docenten die niet eerder gewerkt hebben met GitHub.

• Laat leerlingen 1 account per groepje maken

• Laat leerlingen startcode kopieren (use template in GitHub)

• Verzamel de linkjes naar de repositories, zodat je kunt meekijken en nakijken

• Uitleg onder de ontwikkelomgeving staat in de leerlinghandleiding Codespaces (zie bijlage)

• Het kost tijd om de ontwikkelomgeving (GitHub + Codespaces + VSCode en voor docenten ook nog GitHub Classroom) te leren kennen. Een goed begin is het zelf maken van de opdracht.

Varianten voor docenten die ervaring hebben met GitHub.

• Zie minimale variant en voeg daaraan één of meerdere van onderstaande punten toe.

• Groepjes van meerdere personen met elke persoon een eigen account (voordeel: beter voor samenwerken in groepjes, complicatie: toegangsrechten tot repositories per repository instellen en merge conflicten oplossen)

• Inrichten van eigen github organisaties (voordeel: toegang tot repositories voor docenten eenvoudiger)

• Inschrijven via GitHub Classroom (voordeel: toegangsrechten automatisch ingesteld, eenvoudiger voor leerlingen om startcode te krijgen)

Aanbevolen variant voor docenten die ervaring hebben met GitHub Classroom.

• Opdracht met startcode aanmaken in Github Classroom.

• Inschrijflink verspreiden onder leerlingen.