@@ -21,17 +21,28 @@ en lessen kunnen samenstellen hun leerlingen en hun vooruitgang kunnen opvolgen.
## Installatie
+Om de applicatie in te stellen voor een productieomgeving, volg de [installatiehandleiding](https://github.com/SELab-2/Dwengo-1/wiki/Administrator:-Productie-omgeving).
+
+Alternatief kan je één van de volgende methodes gebruiken om de applicatie lokaal te draaien.
+
### Quick start
1. Installeer Docker en Docker Compose op je systeem (zie [Docker](https://docs.docker.com/get-docker/) en [Docker Compose](https://docs.docker.com/compose/)).
2. Clone deze repository.
-3. Voer `docker compose up` uit in de root van de repository.
+3. In de backend, kopieer `.env.example` (of `.env.development.example`) naar `.env` en pas de variabelen aan waar nodig.
+4. Voer `docker compose up` uit in de root van de repository.
+5. Optioneel: Configureer de applicatie aan de hand van de [configuratiehandleiding](https://github.com/SELab-2/Dwengo-1/wiki/Administrator:-Productie-omgeving#dwengo-1-configuratie).
```bash
docker compose version
git clone https://github.com/SELab-2/Dwengo-1.git
-cd Dwengo-1
+cd Dwengo-1/backend
+cp .env.example .env
+# Pas .env aan
+nano .env
+cd ..
docker compose up
+# Configureer de applicatie
```
### Handmatige installatie
@@ -46,8 +57,9 @@ De tech-stack bestaat uit:
- **Frontend**: TypeScript + Vue.js + Vuetify
- **Backend**: TypeScript + Node.js + Express.js + TypeORM + PostgreSQL
+- **Identity provider**: Keycloak
-Voor meer informatie over de keuze van deze tech-stack, zie [designkeuzes](https://github.com/SELab-2/Dwengo-1/wiki/Design-keuzes).
+Voor meer informatie over de keuze van deze tech-stack, zie [designkeuzes](https://github.com/SELab-2/Dwengo-1/wiki/Developer:-Design-keuzes).
## Bijdragen aan Dwengo-1
diff --git a/assets/img/keycloak.png b/assets/img/keycloak.png
new file mode 100644
index 00000000..6a79a7a2
Binary files /dev/null and b/assets/img/keycloak.png differ
diff --git a/backend/.env.development.example b/backend/.env.development.example
index 58694df4..247ff054 100644
--- a/backend/.env.development.example
+++ b/backend/.env.development.example
@@ -4,3 +4,13 @@ DWENGO_DB_PORT=5431
DWENGO_DB_USERNAME=postgres
DWENGO_DB_PASSWORD=postgres
DWENGO_DB_UPDATE=true
+
+DWENGO_AUTH_STUDENT_URL=http://localhost:7080/realms/student
+DWENGO_AUTH_STUDENT_CLIENT_ID=dwengo
+DWENGO_AUTH_STUDENT_JWKS_ENDPOINT=http://localhost:7080/realms/student/protocol/openid-connect/certs
+DWENGO_AUTH_TEACHER_URL=http://localhost:7080/realms/teacher
+DWENGO_AUTH_TEACHER_CLIENT_ID=dwengo
+DWENGO_AUTH_TEACHER_JWKS_ENDPOINT=http://localhost:7080/realms/teacher/protocol/openid-connect/certs
+
+# Allow Vite dev-server to access the backend (for testing purposes). Don't forget to remove this in production!
+DWENGO_CORS_ALLOWED_ORIGINS=http://localhost:5173
diff --git a/backend/.env.example b/backend/.env.example
index c0c68b1c..105a1654 100644
--- a/backend/.env.example
+++ b/backend/.env.example
@@ -1 +1,22 @@
-PORT=3000
\ No newline at end of file
+DWENGO_PORT=3000 # The port the backend will listen on
+DWENGO_DB_HOST=domain-or-ip-of-database
+DWENGO_DB_PORT=5432
+
+# Change this to the actual credentials of the user Dwengo should use in the backend
+DWENGO_DB_USERNAME=postgres
+DWENGO_DB_PASSWORD=postgres
+
+# Set this to true when the database scheme needs to be updated. In that case, take a backup first.
+DWENGO_DB_UPDATE=false
+
+# Data for the identity provider via which the students authenticate.
+DWENGO_AUTH_STUDENT_URL=http://localhost:7080/realms/student
+DWENGO_AUTH_STUDENT_CLIENT_ID=dwengo
+DWENGO_AUTH_STUDENT_JWKS_ENDPOINT=http://localhost:7080/realms/student/protocol/openid-connect/certs
+
+# Data for the identity provider via which the teachers authenticate.
+DWENGO_AUTH_TEACHER_URL=http://localhost:7080/realms/teacher
+DWENGO_AUTH_TEACHER_CLIENT_ID=dwengo
+DWENGO_AUTH_TEACHER_JWKS_ENDPOINT=http://localhost:7080/realms/teacher/protocol/openid-connect/certs
+
+# LOKI_HOST=http://localhost:3102 # The address of the Loki instance, used for logging
diff --git a/backend/README.md b/backend/README.md
index 76bc8eae..4b2083b6 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -20,3 +20,10 @@ npm run dev
npm run build
npm run start
```
+
+## Keycloak configuratie
+
+Tijdens development is het voldoende om gebruik te maken van de keycloak configuratie die automatisch ingeladen wordt.
+
+Voor productie is het ten sterkste aangeraden om keycloak manueel te configureren.
+Voor meer informatie, zie de [administrator-handleiding](https://github.com/SELab-2/Dwengo-1/wiki/Administrator:-Productie-omgeving#installatie-en-server-configuratie).
diff --git a/backend/_i18n/de.yml b/backend/_i18n/de.yml
index 54fe2206..f38c16e8 100644
--- a/backend/_i18n/de.yml
+++ b/backend/_i18n/de.yml
@@ -24,320 +24,320 @@ curricula_page:
algorithms:
title: Algorithmen
sub_title: Algorithmen
- description: "Schüler der zweiten und dritten Klasse (Sekundarstufe) lernen, wie sie Algorithmen verwenden können, um Probleme zu lösen. Sie lernen, wie sie Algorithmen entwerfen und die Effizienz von Algorithmen analysieren können. Sie lernen auch, wie sie Algorithmen zur Problemlösung einsetzen können."
- contact: ""
+ description: 'Schüler der zweiten und dritten Klasse (Sekundarstufe) lernen, wie sie Algorithmen verwenden können, um Probleme zu lösen. Sie lernen, wie sie Algorithmen entwerfen und die Effizienz von Algorithmen analysieren können. Sie lernen auch, wie sie Algorithmen zur Problemlösung einsetzen können.'
+ contact: ''
teaser: https://www.youtube.com/embed/2B6gZ9HdQ1Y
basics_ai:
title: Basisprincipes van AI
sub_title: Basisprincipes van AI
- description: "Onder dit lesthema bundelen we verschillende activiteiten waarin de basisprincipes van artificiële intelligentie (AI) aan bod komen. Leerlingen leren wat AI is, hoe het werkt en hoe het kan worden toegepast in verschillende domeinen."
- contact: ""
+ description: 'Onder dit lesthema bundelen we verschillende activiteiten waarin de basisprincipes van artificiële intelligentie (AI) aan bod komen. Leerlingen leren wat AI is, hoe het werkt en hoe het kan worden toegepast in verschillende domeinen.'
+ contact: ''
kiks:
title: KI und Klima
sub_title: KIKS
- description: "Schülerinnen und Schüler der dritten Klasse (SO) erforschen, wie Pflanzen sich über ihre Spaltöffnungen an den Klimawandel anpassen. Dazu zählen sie diese Spaltöffnungen mit künstlicher Intelligenz und Bilderkennung."
- contact: ""
+ description: 'Schülerinnen und Schüler der dritten Klasse (SO) erforschen, wie Pflanzen sich über ihre Spaltöffnungen an den Klimawandel anpassen. Dazu zählen sie diese Spaltöffnungen mit künstlicher Intelligenz und Bilderkennung.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
curricula_files:
- - file_title: "Projektblatt KIKS"
- file_info: "Dies ist ein kurzer Überblick über das KIKS-Projekt mit Projektstruktur und -merkmalen."
- file_location: "/assets/files/kiks/projectfiche_kiks.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Die Anleitung - auch in gedruckter Version erhältlich"
- file_info: "Wir möchten den Lehrern Hintergrundwissen über den Inhalt dieses Projekts vermitteln: den Klimawandel, die Biologie der Spaltöffnungen und die Art und Weise, wie Pflanzen sich über die Spaltöffnungen an den Klimawandel anpassen, die wissenschaftliche Forschung der UGent und des Plantentuin Meise, die Bürgerwissenschaft, was künstliche Intelligenz (KI) ist, die Geschichte von KI, ihre Anwendung und Ethik, die Prinzipien digitaler Bilder, die Mathematik hinter den Algorithmen und die Grundlagen der derzeit am häufigsten verwendeten KI-Techniken. Wir zeigen auch, wie wir mit KIKS im Unterricht gearbeitet haben."
- file_location: "/assets/files/kiks/KIKS_handleiding_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Ein Schülerkurs"
- file_info: "Mit dem Schülerkurs geben wir ein Beispiel für einen möglichen, umfassenden Weg, den ein Lehrer mit den Schülern gehen kann. Der Weg umfasst den Klimawandel, die Biologie der Spaltöffnungen mit einer Mikroskopie-Aufgabe, die Art und Weise, wie Pflanzen sich über die Spaltöffnungen an den Klimawandel anpassen, die wissenschaftliche Forschung der UGent und des Plantentuin Meise, das Sammeln von Daten zur Schulung eines neuronalen Netzwerks, was künstliche Intelligenz (KI) ist, die Geschichte von KI, ihre Anwendung und Ethik, die Prinzipien digitaler Bilder, das Arbeiten mit Convolutional Neural Networks, die Mathematik hinter dem Perceptron-Algorithmus, das lineare und nicht-lineare Klassifizieren von Daten und die Grundlagen des maschinellen Lernens."
- file_location: "/assets/files/kiks/KIKS_leerlingencursus_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Die Lehrziele"
- file_info: "Im Rahmen des KIKS-Projekts können viele Lehrziele erreicht werden. Der Lehrer entscheidet selbst, welche Lehrziele mit dem Projekt in Verbindung gebracht werden. Darüber hinaus bietet das Projekt viele Möglichkeiten, die Schüler aktiv und selbstständig lernen zu lassen und ICT-Kenntnisse zu vermitteln. KIKS kann auch verwendet werden, um eine Forschungsaufgabe zu entwickeln. In den Endzielen und Lehrplänen der verschiedenen Verbände finden sich viele Lehrziele, die KIKS mit Biologie, Geografie und Mathematik verknüpfen."
- file_location: "/assets/files/kiks/Leerdoelen-KIKS.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Das Erstellen eines Nagellaktabdrucks eines Blattteils"
- file_info: "Um die Anzahl der Spaltöffnungen auf einem Teil eines Blattes einer Pflanze zu kennen, betrachten wir die Blattoberfläche unter dem Mikroskop. Wir können dazu einen Teil der dünnen Cuticula des Blattes entfernen, aber bei einigen Pflanzen gelingt das nicht so gut, zum Beispiel aufgrund der Steifheit des Blattes. Dies kann jedoch aufgefangen werden, indem die gleiche Methode verwendet wird wie die Forscher des Plantentuin Meise, nämlich einen Abdruck eines Teils der Blattoberfläche mit transparentem Nagellack zu machen. Das mikroskopische Bild kann mit einem Smartphone fotografiert werden."
- file_location: "https://vimeo.com/467062270"
- file_icon_name: "play_arrow"
- link_name: "Ansehen"
+ - file_title: 'Projektblatt KIKS'
+ file_info: 'Dies ist ein kurzer Überblick über das KIKS-Projekt mit Projektstruktur und -merkmalen.'
+ file_location: '/assets/files/kiks/projectfiche_kiks.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Die Anleitung - auch in gedruckter Version erhältlich'
+ file_info: 'Wir möchten den Lehrern Hintergrundwissen über den Inhalt dieses Projekts vermitteln: den Klimawandel, die Biologie der Spaltöffnungen und die Art und Weise, wie Pflanzen sich über die Spaltöffnungen an den Klimawandel anpassen, die wissenschaftliche Forschung der UGent und des Plantentuin Meise, die Bürgerwissenschaft, was künstliche Intelligenz (KI) ist, die Geschichte von KI, ihre Anwendung und Ethik, die Prinzipien digitaler Bilder, die Mathematik hinter den Algorithmen und die Grundlagen der derzeit am häufigsten verwendeten KI-Techniken. Wir zeigen auch, wie wir mit KIKS im Unterricht gearbeitet haben.'
+ file_location: '/assets/files/kiks/KIKS_handleiding_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Ein Schülerkurs'
+ file_info: 'Mit dem Schülerkurs geben wir ein Beispiel für einen möglichen, umfassenden Weg, den ein Lehrer mit den Schülern gehen kann. Der Weg umfasst den Klimawandel, die Biologie der Spaltöffnungen mit einer Mikroskopie-Aufgabe, die Art und Weise, wie Pflanzen sich über die Spaltöffnungen an den Klimawandel anpassen, die wissenschaftliche Forschung der UGent und des Plantentuin Meise, das Sammeln von Daten zur Schulung eines neuronalen Netzwerks, was künstliche Intelligenz (KI) ist, die Geschichte von KI, ihre Anwendung und Ethik, die Prinzipien digitaler Bilder, das Arbeiten mit Convolutional Neural Networks, die Mathematik hinter dem Perceptron-Algorithmus, das lineare und nicht-lineare Klassifizieren von Daten und die Grundlagen des maschinellen Lernens.'
+ file_location: '/assets/files/kiks/KIKS_leerlingencursus_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Die Lehrziele'
+ file_info: 'Im Rahmen des KIKS-Projekts können viele Lehrziele erreicht werden. Der Lehrer entscheidet selbst, welche Lehrziele mit dem Projekt in Verbindung gebracht werden. Darüber hinaus bietet das Projekt viele Möglichkeiten, die Schüler aktiv und selbstständig lernen zu lassen und ICT-Kenntnisse zu vermitteln. KIKS kann auch verwendet werden, um eine Forschungsaufgabe zu entwickeln. In den Endzielen und Lehrplänen der verschiedenen Verbände finden sich viele Lehrziele, die KIKS mit Biologie, Geografie und Mathematik verknüpfen.'
+ file_location: '/assets/files/kiks/Leerdoelen-KIKS.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Das Erstellen eines Nagellaktabdrucks eines Blattteils'
+ file_info: 'Um die Anzahl der Spaltöffnungen auf einem Teil eines Blattes einer Pflanze zu kennen, betrachten wir die Blattoberfläche unter dem Mikroskop. Wir können dazu einen Teil der dünnen Cuticula des Blattes entfernen, aber bei einigen Pflanzen gelingt das nicht so gut, zum Beispiel aufgrund der Steifheit des Blattes. Dies kann jedoch aufgefangen werden, indem die gleiche Methode verwendet wird wie die Forscher des Plantentuin Meise, nämlich einen Abdruck eines Teils der Blattoberfläche mit transparentem Nagellack zu machen. Das mikroskopische Bild kann mit einem Smartphone fotografiert werden.'
+ file_location: 'https://vimeo.com/467062270'
+ file_icon_name: 'play_arrow'
+ link_name: 'Ansehen'
socialrobot:
title: Sozialer Roboter
sub_title: Robotik im Klassenzimmer
- description: "Während Schülerinnen und Schüler der ersten Klasse (SO) einen sozialen Roboter basteln und programmieren, lernen sie komplexe Probleme durch computational thinking zu lösen. Auf spielerische Weise arbeiten sie an den neuen Endzielen für digitale Kompetenzen."
+ description: 'Während Schülerinnen und Schüler der ersten Klasse (SO) einen sozialen Roboter basteln und programmieren, lernen sie komplexe Probleme durch computational thinking zu lösen. Auf spielerische Weise arbeiten sie an den neuen Endzielen für digitale Kompetenzen.'
contact: Fragen? Kontaktieren Sie uns unter team@aiopschool.be. Die Presse kann sich an Francis Wyffels wenden unter Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Projektblatt Sozialer Roboter"
+ - file_title: 'Projektblatt Sozialer Roboter'
file_info: "Dies ist ein kurzer Überblick über das Projekt 'Sozialer Roboter' mit Projektstruktur und -merkmalen."
- file_location: "/assets/files/socialrobot/projectfiche_socialerobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Collage sozialer Roboter"
- file_info: "Die Roboter auf diesem Foto sind Arbeiten von Schülern der ersten Klasse der Sekundarstufe oder Prototypen."
- file_location: "/assets/files/socialrobot/collage.png"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/socialrobot/projectfiche_socialerobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Collage sozialer Roboter'
+ file_info: 'Die Roboter auf diesem Foto sind Arbeiten von Schülern der ersten Klasse der Sekundarstufe oder Prototypen.'
+ file_location: '/assets/files/socialrobot/collage.png'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Bausatz für das 'Sozialer Roboter'-Projekt"
- file_info: "Möchten Sie, dass Ihre Schülerinnen und Schüler auch einen sozialen Roboter entwerfen und bauen? Das geht mit dem Bausatz von Dwengo vzw. Auf der Abbildung sehen Sie die aktuelle Zusammensetzung des Bausatzes. Interessiert? Kontaktieren Sie uns per E-Mail oder finden Sie weitere Informationen auf dieser Projektseite."
- file_location: "/assets/files/socialrobot/constructiekit_socialerobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Vom Projekt zu den Endzielen"
+ file_info: 'Möchten Sie, dass Ihre Schülerinnen und Schüler auch einen sozialen Roboter entwerfen und bauen? Das geht mit dem Bausatz von Dwengo vzw. Auf der Abbildung sehen Sie die aktuelle Zusammensetzung des Bausatzes. Interessiert? Kontaktieren Sie uns per E-Mail oder finden Sie weitere Informationen auf dieser Projektseite.'
+ file_location: '/assets/files/socialrobot/constructiekit_socialerobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Vom Projekt zu den Endzielen'
file_info: "Die Endziele, an denen gearbeitet werden kann, werden mit den verschiedenen Phasen des Projekts 'Sozialer Roboter' verknüpft."
- file_location: "/assets/files/socialrobot/EindtermenAStroomSsocialeRobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotionsmaschine (unvollständig) - Computational Thinking (unplugged Aktivität)"
- file_info: "Unplugged Aktivität"
- file_location: "/assets/files/socialrobot/emotiemachine_gewoon_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotionsmaschine (Aufgabe) - Computational Thinking (unplugged Aktivität)"
- file_info: "Unplugged Aktivität"
- file_location: "/assets/files/socialrobot/emotiemachine_gids.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotionsmaschine (vollständig) - Computational Thinking (unplugged Aktivität)"
- file_info: "Unplugged Aktivität"
- file_location: "/assets/files/socialrobot/emotiemachine_ingevuld_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotionsmaschine mit LED-Matrix - Computational Thinking (unplugged Aktivität)"
- file_info: "Unplugged Aktivität"
- file_location: "/assets/files/socialrobot/emotiemachine_matrices_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Lehrerhandbuch"
- file_info: "Die gebündelten Handbücher, in denen die Verwendung des Dwenguino und der Sensoren und Aktuatoren erklärt wird."
- file_location: "/assets/files/socialrobot/ficheboekje_lkn.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Handbücher für Schülerinnen und Schüler"
- file_info: "In diesen Handbüchern wird die Verwendung des Dwenguino und der Sensoren und Aktuatoren erklärt."
- file_location: "/assets/files/socialrobot/fichesSocialeRobot_lln.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Erstelle ein Gesicht - Computational Thinking (unplugged Aktivität)"
- file_info: "Unplugged Aktivität"
- file_location: "/assets/files/socialrobot/maakeengezicht_activiteit.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Aufgaben der Übungen im MOOC"
- file_info: "Eine Übersicht über die Programmieraufgaben im MOOC."
- file_location: "/assets/files/socialrobot/Opgaven_MOOC.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/socialrobot/EindtermenAStroomSsocialeRobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotionsmaschine (unvollständig) - Computational Thinking (unplugged Aktivität)'
+ file_info: 'Unplugged Aktivität'
+ file_location: '/assets/files/socialrobot/emotiemachine_gewoon_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotionsmaschine (Aufgabe) - Computational Thinking (unplugged Aktivität)'
+ file_info: 'Unplugged Aktivität'
+ file_location: '/assets/files/socialrobot/emotiemachine_gids.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotionsmaschine (vollständig) - Computational Thinking (unplugged Aktivität)'
+ file_info: 'Unplugged Aktivität'
+ file_location: '/assets/files/socialrobot/emotiemachine_ingevuld_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotionsmaschine mit LED-Matrix - Computational Thinking (unplugged Aktivität)'
+ file_info: 'Unplugged Aktivität'
+ file_location: '/assets/files/socialrobot/emotiemachine_matrices_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Lehrerhandbuch'
+ file_info: 'Die gebündelten Handbücher, in denen die Verwendung des Dwenguino und der Sensoren und Aktuatoren erklärt wird.'
+ file_location: '/assets/files/socialrobot/ficheboekje_lkn.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Handbücher für Schülerinnen und Schüler'
+ file_info: 'In diesen Handbüchern wird die Verwendung des Dwenguino und der Sensoren und Aktuatoren erklärt.'
+ file_location: '/assets/files/socialrobot/fichesSocialeRobot_lln.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Erstelle ein Gesicht - Computational Thinking (unplugged Aktivität)'
+ file_info: 'Unplugged Aktivität'
+ file_location: '/assets/files/socialrobot/maakeengezicht_activiteit.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Aufgaben der Übungen im MOOC'
+ file_info: 'Eine Übersicht über die Programmieraufgaben im MOOC.'
+ file_location: '/assets/files/socialrobot/Opgaven_MOOC.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Poster 'Sozialer Roboter'-Projekt"
- file_info: "Das Poster zeigt die verschiedenen Aspekte des Projekts."
- file_location: "/assets/files/socialrobot/posterSocialeRobot_nl_Qo4ANmV.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_info: 'Das Poster zeigt die verschiedenen Aspekte des Projekts.'
+ file_location: '/assets/files/socialrobot/posterSocialeRobot_nl_Qo4ANmV.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Handbuch 'Hallo Roboter!'"
- file_info: "Mit diesem Lehrbuch bringen Sie Ihren eigenen sozialen Roboter zum Leben."
- file_location: "/assets/files/socialrobot/handleiding_hallo_robot.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_info: 'Mit diesem Lehrbuch bringen Sie Ihren eigenen sozialen Roboter zum Leben.'
+ file_location: '/assets/files/socialrobot/handleiding_hallo_robot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
chatbot:
title: Sprachtechnologie in der Schule
sub_title: Mit einem Chatbot arbeiten
- description: "Wo Sprache und Technologie aufeinandertreffen, entsteht das Gebiet des Natural Language Processing. Kann ein Computer Texte verstehen, übersetzen oder sogar schreiben? Kann ein Computer Emotionen erkennen? Schülerinnen und Schüler der zweiten und dritten Klasse (SO) lernen in diesem Paket alles darüber."
+ description: 'Wo Sprache und Technologie aufeinandertreffen, entsteht das Gebiet des Natural Language Processing. Kann ein Computer Texte verstehen, übersetzen oder sogar schreiben? Kann ein Computer Emotionen erkennen? Schülerinnen und Schüler der zweiten und dritten Klasse (SO) lernen in diesem Paket alles darüber.'
contact: Fragen? Kontaktieren Sie uns unter team@aiopschool.be. Die Presse kann sich an Francis Wyffels wenden unter Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Projektblatt Chatbot"
- file_info: "Dies ist ein kurzer Überblick über das Chatbot-Projekt mit Projektstruktur und -merkmalen."
- file_location: "/assets/files/chatbot/projectfiche_chatbot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "BrAInfood Chatbots"
- file_info: "In diesem brAInfood - für Jugendliche konzipiert - gibt das Zentrum für Daten & Gesellschaft weitere Informationen zu Chatbots. Das brAInfood enthält eine fiktive Geschichte über Lotte, die mit einem Chatbot spricht und vermutlich Informationen über sie an Unternehmen weitergibt. Es werden auch einige Punkte zu Chatbots erläutert sowie einige Tipps für Jugendliche, um ihre (personenbezogenen) Daten besser zu schützen. Auf diese Weise möchten wir Jugendliche für die Funktionsweise von Chatbots sensibilisieren und sie dazu anregen, über die gesammelten Daten nachzudenken."
- file_location: "/assets/files/chatbot/Brainfood13_Chatbots_NL.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "BrAInfood Personalisierte Nachrichten"
- file_info: "In diesem brAInfood des Zentrums für Daten & Gesellschaft werden Tipps gegeben, wie Sie die Kontrolle über Ihren Nachrichten-Feed behalten können."
- file_location: "/assets/files/chatbot/brainfoodaanbevelingnieuws.jpg"
- file_icon_name: "description"
- link_name: "Download"
+ - file_title: 'Projektblatt Chatbot'
+ file_info: 'Dies ist ein kurzer Überblick über das Chatbot-Projekt mit Projektstruktur und -merkmalen.'
+ file_location: '/assets/files/chatbot/projectfiche_chatbot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'BrAInfood Chatbots'
+ file_info: 'In diesem brAInfood - für Jugendliche konzipiert - gibt das Zentrum für Daten & Gesellschaft weitere Informationen zu Chatbots. Das brAInfood enthält eine fiktive Geschichte über Lotte, die mit einem Chatbot spricht und vermutlich Informationen über sie an Unternehmen weitergibt. Es werden auch einige Punkte zu Chatbots erläutert sowie einige Tipps für Jugendliche, um ihre (personenbezogenen) Daten besser zu schützen. Auf diese Weise möchten wir Jugendliche für die Funktionsweise von Chatbots sensibilisieren und sie dazu anregen, über die gesammelten Daten nachzudenken.'
+ file_location: '/assets/files/chatbot/Brainfood13_Chatbots_NL.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'BrAInfood Personalisierte Nachrichten'
+ file_info: 'In diesem brAInfood des Zentrums für Daten & Gesellschaft werden Tipps gegeben, wie Sie die Kontrolle über Ihren Nachrichten-Feed behalten können.'
+ file_location: '/assets/files/chatbot/brainfoodaanbevelingnieuws.jpg'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Handbuch 'Chatbot' - Auch in gedruckter Form erhältlich"
file_info: "Lehrkräfte erhalten über dieses Handbuch ausreichend Hintergrundinformationen, um mit (einem Teil des) Projekts 'Chatbot' im Klassenzimmer zu arbeiten. Das Buch behandelt verschiedene Aspekte der Sprachtechnologie, wie die Geschichte der künstlichen Intelligenz, ethische Aspekte, Sentimentanalyse und Cybermobbingerkennung, Chatbots, sprechende digitale Assistenten und Autorenerkennung. Es wird auch auf die STEM-Endziele sowie die Endziele zu digitaler Kompetenz und Medienkompetenz eingegangen."
- file_location: "/assets/files/chatbot/Chatbot_handleiding_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Improbotics - Lehrermappe - Lehrerfassung"
- file_info: "In der Theateraufführung Improbotics improvisiert ein sozialer Roboter in den Szenen mit. In der Mappe für Lehrkräfte finden Sie Informationen zu den verwendeten Technologien."
- file_location: "/assets/files/chatbot/Improbotics_lesmap_Leerkracht.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Improbotics - Lehrermappe - Schülerinnen und Schüler"
- file_info: "In der Theateraufführung Improbotics improvisiert ein sozialer Roboter in den Szenen mit. In der Mappe finden Sie Informationen zu den verwendeten Technologien."
- file_location: "/assets/files/chatbot/Improbotics_lesmap_Leerling.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/chatbot/Chatbot_handleiding_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Improbotics - Lehrermappe - Lehrerfassung'
+ file_info: 'In der Theateraufführung Improbotics improvisiert ein sozialer Roboter in den Szenen mit. In der Mappe für Lehrkräfte finden Sie Informationen zu den verwendeten Technologien.'
+ file_location: '/assets/files/chatbot/Improbotics_lesmap_Leerkracht.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Improbotics - Lehrermappe - Schülerinnen und Schüler'
+ file_info: 'In der Theateraufführung Improbotics improvisiert ein sozialer Roboter in den Szenen mit. In der Mappe finden Sie Informationen zu den verwendeten Technologien.'
+ file_location: '/assets/files/chatbot/Improbotics_lesmap_Leerling.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
care:
title: KI im Gesundheitswesen
sub_title: KI-Systeme, die im Gesundheitswesen helfen
- description: "Krankenhäuser machen bereits heute Gebrauch von künstlicher Intelligenz. Schülerinnen und Schüler der zweiten und dritten Klasse (SO) entdecken, welche Systeme existieren und wie sie Ärzte bei Entscheidungen unterstützen. Auf diese Weise lernen die Schülerinnen und Schüler die Prinzipien des Entscheidungsbaums, einer weit verbreiteten Technik im maschinellen Lernen."
- contact: ""
+ description: 'Krankenhäuser machen bereits heute Gebrauch von künstlicher Intelligenz. Schülerinnen und Schüler der zweiten und dritten Klasse (SO) entdecken, welche Systeme existieren und wie sie Ärzte bei Entscheidungen unterstützen. Auf diese Weise lernen die Schülerinnen und Schüler die Prinzipien des Entscheidungsbaums, einer weit verbreiteten Technik im maschinellen Lernen.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
curricula_files:
- - file_title: "Projektblatt KI im Gesundheitswesen"
- file_info: "Dies ist ein kurzer Überblick über das Projekt KI im Gesundheitswesen mit Projektstruktur und -merkmalen."
- file_location: "/assets/files/care/projectfiche_aiindezorg.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Sprouts"
+ - file_title: 'Projektblatt KI im Gesundheitswesen'
+ file_info: 'Dies ist ein kurzer Überblick über das Projekt KI im Gesundheitswesen mit Projektstruktur und -merkmalen.'
+ file_location: '/assets/files/care/projectfiche_aiindezorg.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Sprouts'
file_info: "Ein Spiel zur Einführung in 'Graphen'."
- file_location: "/assets/files/care/Sprouts.mov"
- file_icon_name: "play_arrow"
- link_name: "Download"
- - file_title: "Erklärung zu Übungen mit Graphen aus dem Schülerkurs"
- file_info: "Welche Figuren repräsentieren denselben Graphen? Eine formalere Methode."
- file_location: "/assets/files/care/dezelfdegraafFormeel.mov"
- file_icon_name: "play_arrow"
- link_name: "Download"
- - file_title: "Erklärung zu Übungen mit Graphen aus dem Schülerkurs"
- file_info: "Welche Figuren repräsentieren denselben Graphen? Eine Methode mit Farben."
- file_location: "/assets/files/care/dezelfdeGraaf.mov"
- file_icon_name: "play_arrow"
- link_name: "Download"
- - file_title: "Der Schülerkurs - Ziel Durchfluss"
- file_info: "Schülerkurs"
- file_location: "/assets/files/care/AIindeZorg_doorstroom_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Kartenset - Auch in gedruckter Form erhältlich"
- file_info: "Mit diesem Kartenset können Lehrer die Schüler über ethische Aspekte neuer Technologien nachdenken lassen. Wie steht es um die Privatsphäre? Werden soziale Kontakte beeinträchtigt? Welche Technologien werden begeistert aufgenommen? Was ist nicht wünschenswert? Sind die neuen Technologien für alle erschwinglich?"
- file_location: "/assets/files/care/Kaartset_AIIndeZorg_AIOpSchool_Dwengo.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Anleitung für das Kartenset"
- file_info: "Diese Anleitung bietet zusätzliche Erläuterungen zum Kartenset."
- file_location: "/assets/files/care/AIIndeZorgKaartenset_UitlegVoorLeerkracht.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/care/Sprouts.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Download'
+ - file_title: 'Erklärung zu Übungen mit Graphen aus dem Schülerkurs'
+ file_info: 'Welche Figuren repräsentieren denselben Graphen? Eine formalere Methode.'
+ file_location: '/assets/files/care/dezelfdegraafFormeel.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Download'
+ - file_title: 'Erklärung zu Übungen mit Graphen aus dem Schülerkurs'
+ file_info: 'Welche Figuren repräsentieren denselben Graphen? Eine Methode mit Farben.'
+ file_location: '/assets/files/care/dezelfdeGraaf.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Download'
+ - file_title: 'Der Schülerkurs - Ziel Durchfluss'
+ file_info: 'Schülerkurs'
+ file_location: '/assets/files/care/AIindeZorg_doorstroom_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Kartenset - Auch in gedruckter Form erhältlich'
+ file_info: 'Mit diesem Kartenset können Lehrer die Schüler über ethische Aspekte neuer Technologien nachdenken lassen. Wie steht es um die Privatsphäre? Werden soziale Kontakte beeinträchtigt? Welche Technologien werden begeistert aufgenommen? Was ist nicht wünschenswert? Sind die neuen Technologien für alle erschwinglich?'
+ file_location: '/assets/files/care/Kaartset_AIIndeZorg_AIOpSchool_Dwengo.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Anleitung für das Kartenset'
+ file_info: 'Diese Anleitung bietet zusätzliche Erläuterungen zum Kartenset.'
+ file_location: '/assets/files/care/AIIndeZorgKaartenset_UitlegVoorLeerkracht.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Entscheidungsbaum 'mBrAIn'-Projekt in nicht kompakter Form"
file_info: "Im Forschungsprojekt 'mBrain', das die Entwicklung einer App zum Vorhersagen eines Migräneanfalls zum Ziel hat, wurde ein Entscheidungsbaum erstellt. Mit diesem Entscheidungsbaum wird ein Problem der binären Klassifikation angegangen: Es gibt nur zwei Klassen: 'Migräne' und 'Keine Migräne'. (Quellen: Femke Ongenae. (2021), UGent; Van Hoecke, S., Ongenae, F., Paemeleire, K., & Vandenbussche, N. (2020). App muss Kopfschmerzen vorhersagen. EOS Wissenschaftsspezial, Technologie und Gesundheit, 25.) Wir haben die Form dieses Entscheidungsbaums in einen binären Entscheidungsbaum umgewandelt, um zu zeigen, dass diese Form nicht immer benutzerfreundlich ist. Weitere Informationen finden Sie im vierten Kapitel des Schülerkurses dieses Projekts."
- file_location: "/assets/files/care/MBrainBeslissingsboom.png"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Suche nach Sprache - Computerdenken (unplugged Aktivität)"
- file_info: "Das Locked-In-Syndrom ist eine der schlimmsten medizinischen Erkrankungen. Man ist vollständig gelähmt, außer dass man vielleicht noch mit einem Auge blinzeln kann. Der intelligente Geist ist in einem nutzlosen Körper eingesperrt: Man kann alles fühlen, aber nicht kommunizieren. Es kann jedem passieren, aus dem Nichts, als Folge eines Schlaganfalls. Wenn Sie Menschen mit dem Locked-In-Syndrom helfen möchten, ist es besser, Arzt oder Krankenschwester zu werden? Oder kann man als Informatiker auch helfen?"
- file_location: "/assets/files/care/ZoektochtNaarSpraak.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/care/MBrainBeslissingsboom.png'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Suche nach Sprache - Computerdenken (unplugged Aktivität)'
+ file_info: 'Das Locked-In-Syndrom ist eine der schlimmsten medizinischen Erkrankungen. Man ist vollständig gelähmt, außer dass man vielleicht noch mit einem Auge blinzeln kann. Der intelligente Geist ist in einem nutzlosen Körper eingesperrt: Man kann alles fühlen, aber nicht kommunizieren. Es kann jedem passieren, aus dem Nichts, als Folge eines Schlaganfalls. Wenn Sie Menschen mit dem Locked-In-Syndrom helfen möchten, ist es besser, Arzt oder Krankenschwester zu werden? Oder kann man als Informatiker auch helfen?'
+ file_location: '/assets/files/care/ZoektochtNaarSpraak.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
stem:
title: Python in MINT
sub_title: Datavisualisierungen mit Python
- description: "In diesem Paket lernen Sie, komplexe Probleme einfacher und schneller mit der Programmiersprache Python zu lösen. Programmieren kann nämlich eine verbindende Rolle zwischen Wissenschaft, Technik, Design und angewandter Mathematik spielen. Kurz gesagt, dank Python holen wir das Beste aus MINT heraus."
+ description: 'In diesem Paket lernen Sie, komplexe Probleme einfacher und schneller mit der Programmiersprache Python zu lösen. Programmieren kann nämlich eine verbindende Rolle zwischen Wissenschaft, Technik, Design und angewandter Mathematik spielen. Kurz gesagt, dank Python holen wir das Beste aus MINT heraus.'
contact: Fragen? Kontaktieren Sie uns unter team@aiopschool.be. Die Presse kann sich an Francis Wyffels unter Francis@dwengo.org wenden.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
agriculture:
title: KI in der Landwirtschaft
sub_title: KI in der Landwirtschaft
- description: "Verfaulte Tomaten während der Ernte entfernen? Künstliche Intelligenz kann dabei helfen. Aber wie? Schülerinnen und Schüler der zweiten und dritten Klasse (SO) setzen KI ein. Vielleicht kann ein vibrierendes Laufband das System noch verbessern?"
+ description: 'Verfaulte Tomaten während der Ernte entfernen? Künstliche Intelligenz kann dabei helfen. Aber wie? Schülerinnen und Schüler der zweiten und dritten Klasse (SO) setzen KI ein. Vielleicht kann ein vibrierendes Laufband das System noch verbessern?'
contact: Fragen? Kontaktieren Sie uns unter team@aiopschool.be. Die Presse kann sich an Francis Wyffels unter Francis@dwengo.org wenden.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Design"
- file_info: "Design des Laufbands"
- file_location: "/assets/files/art/Transportband_InnoVET_RCH.zip"
- file_icon_name: "description"
- link_name: "Download"
+ - file_title: 'Design'
+ file_info: 'Design des Laufbands'
+ file_location: '/assets/files/art/Transportband_InnoVET_RCH.zip'
+ file_icon_name: 'description'
+ link_name: 'Download'
art:
title: KI in der Kunst
sub_title: Zeichenroboter im Unterricht
- description: "Können wir Kunst mit künstlicher Intelligenz schaffen? Schülerinnen und Schüler der zweiten und dritten Klasse (SO) setzen sich kreativ mit KI auseinander und reflektieren über das Ergebnis. Ist das Kunst? Sie entdecken auch, wie KI unser kulturelles Erbe schützen kann."
- contact: ""
+ description: 'Können wir Kunst mit künstlicher Intelligenz schaffen? Schülerinnen und Schüler der zweiten und dritten Klasse (SO) setzen sich kreativ mit KI auseinander und reflektieren über das Ergebnis. Ist das Kunst? Sie entdecken auch, wie KI unser kulturelles Erbe schützen kann.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
wegostem:
title: WeGoSTEM
sub_title: Zeichenroboter im Unterricht
- description: "Wir fordern Kinder der dritten Klasse (GS) heraus, einen zeichnenden Kunstroboter zu programmieren. Spielerisch lernen die Kinder viele MINT-Fähigkeiten, von Technik bis zum algorithmischen Denken."
+ description: 'Wir fordern Kinder der dritten Klasse (GS) heraus, einen zeichnenden Kunstroboter zu programmieren. Spielerisch lernen die Kinder viele MINT-Fähigkeiten, von Technik bis zum algorithmischen Denken.'
contact: Fragen? Kontaktieren Sie uns unter team@aiopschool.be. Die Presse kann sich an Francis Wyffels unter Francis@dwengo.org wenden.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
computational_thinking:
title: Algorithmisches Denken
sub_title: Algorithmisches Denken im Unterricht
- description: "Wie können wir komplexe Probleme mithilfe eines Computers lösen? Dank algorithmischem Denken! Das können Sie durch verschiedene Aktivitäten mit oder ohne Computer lernen. Wir helfen Ihnen gerne auf dem Weg."
+ description: 'Wie können wir komplexe Probleme mithilfe eines Computers lösen? Dank algorithmischem Denken! Das können Sie durch verschiedene Aktivitäten mit oder ohne Computer lernen. Wir helfen Ihnen gerne auf dem Weg.'
contact: Fragen? Kontaktieren Sie uns unter team@aiopschool.be. Die Presse kann sich an Francis Wyffels unter Francis@dwengo.org wenden.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Konzepte und Ansätze des algorithmischen Denkens"
- file_info: "Poster"
- file_location: "/assets/files/computational_thinking/CDposterDwengo2.png"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Erklärung der vier Konzepte des algorithmischen Denkens"
- file_info: "Präsentation über die vier Konzepte des algorithmischen Denkens: Dekomposition, Mustererkennung, Abstraktion und Algorithmus. Sie können die PDF herunterladen > öffnen > präsentieren über CTRL-L und mit den Pfeiltasten navigieren."
- file_location: "/assets/files/computational_thinking/CD4concepten_33V3gBg.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Konzepte und Prinzipien"
- file_info: "Übersicht"
- file_location: "/assets/files/computational_thinking/Icoontjes.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged-Aktivität - Emotionsmaschine (Aufgabe)"
- file_info: "Wie können Sie Emotionen bei einem Roboter fördern?"
- file_location: "/assets/files/computational_thinking/emotiemachine_gids.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged-Aktivität - Emotionsmaschine"
- file_info: "Wie können Sie Emotionen bei einem Roboter fördern?"
- file_location: "/assets/files/computational_thinking/emotiemachine_gewoon_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged-Aktivität - Farben nach Zahlen"
+ - file_title: 'Konzepte und Ansätze des algorithmischen Denkens'
+ file_info: 'Poster'
+ file_location: '/assets/files/computational_thinking/CDposterDwengo2.png'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Erklärung der vier Konzepte des algorithmischen Denkens'
+ file_info: 'Präsentation über die vier Konzepte des algorithmischen Denkens: Dekomposition, Mustererkennung, Abstraktion und Algorithmus. Sie können die PDF herunterladen > öffnen > präsentieren über CTRL-L und mit den Pfeiltasten navigieren.'
+ file_location: '/assets/files/computational_thinking/CD4concepten_33V3gBg.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Konzepte und Prinzipien'
+ file_info: 'Übersicht'
+ file_location: '/assets/files/computational_thinking/Icoontjes.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged-Aktivität - Emotionsmaschine (Aufgabe)'
+ file_info: 'Wie können Sie Emotionen bei einem Roboter fördern?'
+ file_location: '/assets/files/computational_thinking/emotiemachine_gids.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged-Aktivität - Emotionsmaschine'
+ file_info: 'Wie können Sie Emotionen bei einem Roboter fördern?'
+ file_location: '/assets/files/computational_thinking/emotiemachine_gewoon_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged-Aktivität - Farben nach Zahlen'
file_info: "Bilder können auf verschiedene Weisen dargestellt werden. Bei diesem Farben-nach-Zahlen-Rätsel müssen Sie ein Bild rekonstruieren, indem Sie die gegebene Liste von Zahlen verwenden. Diese Liste sagt Ihnen, welche Farbe Sie jedem Quadrat ('Pixel') zuordnen."
- file_location: "/assets/files/computational_thinking/kleurenopnummer1.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged-Aktivität - Ein menschliches Computernetzwerk"
- file_info: "In dieser Aktivität lernen die Schülerinnen und Schüler, wie die Datenübertragung im Internet funktioniert. Computer, Smartphones und andere Geräte, die über das Internet miteinander verbunden sind, können kommunizieren. Um sich gegenseitig zu verstehen, muss diese Kommunikation nach bestimmten Regeln erfolgen. Diese Regeln nennen wir Protokoll."
- file_location: "/assets/files/computational_thinking/menselijkComputernetwerk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged-Aktivität - Komprimierung"
- file_info: "Um Bilder über Netzwerke zu senden, möchten wir die Informationen mit möglichst wenig Daten darstellen. Hier kommt die Komprimierung ins Spiel. Mit Hilfe von Algorithmen werden Bilder mit möglichst wenigen Zahlen dargestellt, aber so, dass Sie das ursprüngliche Bild immer noch wiederherstellen können. Andere Algorithmen stellen das ursprüngliche Bild wieder her, wenn die Informationen ihr Ziel erreicht haben."
- file_location: "/assets/files/computational_thinking/puzzel-gecomprimeerdepixel11.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged-Aktivität - Programmieren Sie einmal einen Menschen"
- file_info: "Computer können nicht interpretieren und führen daher buchstäblich jede Anweisung aus, die Sie ihnen geben. Die Herausforderung für den Programmierer besteht darin, Probleme in kleine, vom Computer ausführbare Schritte zu zerlegen und dem Computer die Anweisungen auf die richtige Weise zu geben."
- file_location: "/assets/files/computational_thinking/programmeerEensEenMens.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged-Aktivität - Suche nach Sprache"
- file_info: "Das Locked-In-Syndrom ist eine der schlimmsten medizinischen Erkrankungen. Sie sind vollständig gelähmt, außer dass Sie vielleicht noch mit einem Auge blinzeln können. Ihr intelligenter Geist ist in einem nutzlosen Körper gefangen: Sie können alles fühlen, aber nicht kommunizieren. Es kann jedem passieren, aus dem Nichts, als Folge eines Schlaganfalls. Wenn Sie Menschen mit dem Locked-In-Syndrom helfen möchten, werden Sie am besten Arzt oder Krankenschwester? Oder kann Ihnen auch ein Informatiker helfen?"
- file_location: "/assets/files/computational_thinking/ZoektochtNaarSpraak.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/computational_thinking/kleurenopnummer1.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged-Aktivität - Ein menschliches Computernetzwerk'
+ file_info: 'In dieser Aktivität lernen die Schülerinnen und Schüler, wie die Datenübertragung im Internet funktioniert. Computer, Smartphones und andere Geräte, die über das Internet miteinander verbunden sind, können kommunizieren. Um sich gegenseitig zu verstehen, muss diese Kommunikation nach bestimmten Regeln erfolgen. Diese Regeln nennen wir Protokoll.'
+ file_location: '/assets/files/computational_thinking/menselijkComputernetwerk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged-Aktivität - Komprimierung'
+ file_info: 'Um Bilder über Netzwerke zu senden, möchten wir die Informationen mit möglichst wenig Daten darstellen. Hier kommt die Komprimierung ins Spiel. Mit Hilfe von Algorithmen werden Bilder mit möglichst wenigen Zahlen dargestellt, aber so, dass Sie das ursprüngliche Bild immer noch wiederherstellen können. Andere Algorithmen stellen das ursprüngliche Bild wieder her, wenn die Informationen ihr Ziel erreicht haben.'
+ file_location: '/assets/files/computational_thinking/puzzel-gecomprimeerdepixel11.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged-Aktivität - Programmieren Sie einmal einen Menschen'
+ file_info: 'Computer können nicht interpretieren und führen daher buchstäblich jede Anweisung aus, die Sie ihnen geben. Die Herausforderung für den Programmierer besteht darin, Probleme in kleine, vom Computer ausführbare Schritte zu zerlegen und dem Computer die Anweisungen auf die richtige Weise zu geben.'
+ file_location: '/assets/files/computational_thinking/programmeerEensEenMens.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged-Aktivität - Suche nach Sprache'
+ file_info: 'Das Locked-In-Syndrom ist eine der schlimmsten medizinischen Erkrankungen. Sie sind vollständig gelähmt, außer dass Sie vielleicht noch mit einem Auge blinzeln können. Ihr intelligenter Geist ist in einem nutzlosen Körper gefangen: Sie können alles fühlen, aber nicht kommunizieren. Es kann jedem passieren, aus dem Nichts, als Folge eines Schlaganfalls. Wenn Sie Menschen mit dem Locked-In-Syndrom helfen möchten, werden Sie am besten Arzt oder Krankenschwester? Oder kann Ihnen auch ein Informatiker helfen?'
+ file_location: '/assets/files/computational_thinking/ZoektochtNaarSpraak.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
math_with_python:
title: Python im Mathematikunterricht
sub_title: Python in der Mathematik
- description: "Die Programmiersprache Python bietet interessante Möglichkeiten, den Mathematikunterricht zu bereichern. Von der Pythagoras-Theorie bis zur Erstellung eigener Grafiken, digitalen Bildverarbeitung und linearer Regression wird alles mit Python klarer."
- contact: ""
+ description: 'Die Programmiersprache Python bietet interessante Möglichkeiten, den Mathematikunterricht zu bereichern. Von der Pythagoras-Theorie bis zur Erstellung eigener Grafiken, digitalen Bildverarbeitung und linearer Regression wird alles mit Python klarer.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
python_programming:
title: Programmieren mit Python
sub_title: Grundlagen des Programmierens in Python
- description: "Die Grundprinzipien des Programmierens erlernen? Das ist perfekt möglich mit diesem Paket. Wir verwenden Python und lernen alles über Sequenzen, Wiederholungsstrukturen und Auswahlstrukturen. Genau das steht in den Endzielen. Und noch mehr!"
+ description: 'Die Grundprinzipien des Programmierens erlernen? Das ist perfekt möglich mit diesem Paket. Wir verwenden Python und lernen alles über Sequenzen, Wiederholungsstrukturen und Auswahlstrukturen. Genau das steht in den Endzielen. Und noch mehr!'
contact: Fragen? Kontaktieren Sie uns unter team@aiopschool.be. Die Presse kann sich an Francis Wyffels unter Francis@dwengo.org wenden.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
physical_computing:
title: Physical Computing
sub_title: Programmieren von Robotern im Unterricht
- description: "Ein Musikinstrument, Auto oder Wetterstation bauen? Das geht mit Dwenguino, einer Mikrocontroller-Plattform mit einer eigenen Programmierumgebung. Schülerinnen und Schüler der Grundschule und der Sekundarstufe können sofort damit arbeiten. Echt oder in unserem Simulator, blockbasiert oder textuell."
+ description: 'Ein Musikinstrument, Auto oder Wetterstation bauen? Das geht mit Dwenguino, einer Mikrocontroller-Plattform mit einer eigenen Programmierumgebung. Schülerinnen und Schüler der Grundschule und der Sekundarstufe können sofort damit arbeiten. Echt oder in unserem Simulator, blockbasiert oder textuell.'
contact: Fragen? Kontaktieren Sie uns unter team@aiopschool.be. Die Presse kann sich an Francis Wyffels unter Francis@dwengo.org wenden.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Bouw jouw eigen robot"
- file_info: "Baue deinen eigenen fahrenden Roboter."
- file_location: "/assets/files/physical_computing/bouwjouweigenrobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ - file_title: 'Bouw jouw eigen robot'
+ file_info: 'Baue deinen eigenen fahrenden Roboter.'
+ file_location: '/assets/files/physical_computing/bouwjouweigenrobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
diff --git a/backend/_i18n/en.yml b/backend/_i18n/en.yml
index e9a8a48b..20a34e77 100644
--- a/backend/_i18n/en.yml
+++ b/backend/_i18n/en.yml
@@ -17,7 +17,6 @@ strengths:
name: Matthias and Bruno
affiliation: Grade 10
-
curricula_page:
title: Our teaching topics
read_more: Read more
@@ -25,212 +24,212 @@ curricula_page:
algorithms:
title: Algorithms
sub_title: Algorithms
- description: "Students in the second and third grade (secondary education) learn how to use algorithms to solve problems. They learn how to design algorithms and analyze the efficiency of algorithms. They also learn how to use algorithms to solve problems."
- contact: ""
+ description: 'Students in the second and third grade (secondary education) learn how to use algorithms to solve problems. They learn how to design algorithms and analyze the efficiency of algorithms. They also learn how to use algorithms to solve problems.'
+ contact: ''
teaser: https://www.youtube.com/embed/2B6gZ9HdQ1Y
basics_ai:
title: Basisprincipes van AI
sub_title: Basisprincipes van AI
- description: "Onder dit lesthema bundelen we verschillende activiteiten waarin de basisprincipes van artificiële intelligentie (AI) aan bod komen. Leerlingen leren wat AI is, hoe het werkt en hoe het kan worden toegepast in verschillende domeinen."
- contact: ""
+ description: 'Onder dit lesthema bundelen we verschillende activiteiten waarin de basisprincipes van artificiële intelligentie (AI) aan bod komen. Leerlingen leren wat AI is, hoe het werkt en hoe het kan worden toegepast in verschillende domeinen.'
+ contact: ''
kiks:
title: AI and Climate
sub_title: KIKS
- description: "Students in the third grade (SO) investigate how plants adapt to climate change through their stomata. They use artificial intelligence and image recognition to count these stomata."
- contact: ""
+ description: 'Students in the third grade (SO) investigate how plants adapt to climate change through their stomata. They use artificial intelligence and image recognition to count these stomata.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
curricula_files:
- - file_title: "Project Sheet KIKS"
- file_info: "This is a brief overview of the KIKS project with project structure and characteristics."
- file_location: "/assets/files/kiks/projectfiche_kiks.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "The manual - also available in print"
- file_info: "We want to provide teachers with background knowledge about the content of this project: climate change, the biology of stomata, how plants adapt to climate change through stomata, the scientific research of UGent and Plantentuin Meise underlying this project, citizen science, what artificial intelligence (AI) is, the history of AI, its use and ethics, principles of digital images, mathematics behind algorithms, and foundations of currently most-used AI techniques. We also explain how we implemented KIKS in the classroom."
- file_location: "/assets/files/kiks/KIKS_handleiding_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Student Course"
- file_info: "With the student course, we provide an example of a possible, comprehensive trajectory that a teacher can go through with students. The trajectory includes climate change, the biology of stomata with a microscopy assignment, how plants adapt to climate change through stomata, the scientific research of UGent and Plantentuin Meise, collecting data to train a neural network, what artificial intelligence (AI) is, the history of AI, its use and ethics, principles of digital images, working with convolutions, mathematics behind the Perceptron algorithm, linear and non-linear classification of data, and foundations of machine learning."
- file_location: "/assets/files/kiks/KIKS_leerlingencursus_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Curriculum Goals"
- file_info: "Within the KIKS project, many curriculum goals can be addressed. The teacher determines which goals are related to the project. Moreover, the project offers many opportunities to actively engage and let students learn independently, as well as teach ICT skills. KIKS can also be used for a research assignment. In the final objectives and curricula of various educational bodies, many goals can be found linking KIKS with biology, geography, and mathematics."
- file_location: "/assets/files/kiks/Leerdoelen-KIKS.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Making a Nail Polish Impression of a Leaf Part"
- file_info: "To know the number of stomata on a part of a plant leaf, we examine the leaf surface under the microscope. We can remove a piece of the thin cuticle of the leaf for this, but for some plants, it is not so successful, for example, due to the stiffness of the leaf. However, this can be compensated by using the same method as the researchers at Plantentuin Meise, namely, taking an impression of a part of the leaf surface with transparent nail polish. The microscopic image can be photographed with a smartphone."
- file_location: "https://vimeo.com/467062270"
- file_icon_name: "play_arrow"
- link_name: "Watch"
+ - file_title: 'Project Sheet KIKS'
+ file_info: 'This is a brief overview of the KIKS project with project structure and characteristics.'
+ file_location: '/assets/files/kiks/projectfiche_kiks.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'The manual - also available in print'
+ file_info: 'We want to provide teachers with background knowledge about the content of this project: climate change, the biology of stomata, how plants adapt to climate change through stomata, the scientific research of UGent and Plantentuin Meise underlying this project, citizen science, what artificial intelligence (AI) is, the history of AI, its use and ethics, principles of digital images, mathematics behind algorithms, and foundations of currently most-used AI techniques. We also explain how we implemented KIKS in the classroom.'
+ file_location: '/assets/files/kiks/KIKS_handleiding_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Student Course'
+ file_info: 'With the student course, we provide an example of a possible, comprehensive trajectory that a teacher can go through with students. The trajectory includes climate change, the biology of stomata with a microscopy assignment, how plants adapt to climate change through stomata, the scientific research of UGent and Plantentuin Meise, collecting data to train a neural network, what artificial intelligence (AI) is, the history of AI, its use and ethics, principles of digital images, working with convolutions, mathematics behind the Perceptron algorithm, linear and non-linear classification of data, and foundations of machine learning.'
+ file_location: '/assets/files/kiks/KIKS_leerlingencursus_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Curriculum Goals'
+ file_info: 'Within the KIKS project, many curriculum goals can be addressed. The teacher determines which goals are related to the project. Moreover, the project offers many opportunities to actively engage and let students learn independently, as well as teach ICT skills. KIKS can also be used for a research assignment. In the final objectives and curricula of various educational bodies, many goals can be found linking KIKS with biology, geography, and mathematics.'
+ file_location: '/assets/files/kiks/Leerdoelen-KIKS.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Making a Nail Polish Impression of a Leaf Part'
+ file_info: 'To know the number of stomata on a part of a plant leaf, we examine the leaf surface under the microscope. We can remove a piece of the thin cuticle of the leaf for this, but for some plants, it is not so successful, for example, due to the stiffness of the leaf. However, this can be compensated by using the same method as the researchers at Plantentuin Meise, namely, taking an impression of a part of the leaf surface with transparent nail polish. The microscopic image can be photographed with a smartphone.'
+ file_location: 'https://vimeo.com/467062270'
+ file_icon_name: 'play_arrow'
+ link_name: 'Watch'
socialrobot:
title: Social Robot
sub_title: Robotics in the classroom
- description: "While first-year students (secondary education) build and program a social robot, they learn to solve complex problems through computational thinking. They playfully work on the new end terms for digital competencies."
+ description: 'While first-year students (secondary education) build and program a social robot, they learn to solve complex problems through computational thinking. They playfully work on the new end terms for digital competencies.'
contact: Questions? Contact us at team@aiopschool.be. The press can contact Francis Wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Project Sheet Social Robot"
+ - file_title: 'Project Sheet Social Robot'
file_info: "This is a brief overview of the 'Social Robot' project with project structure and characteristics."
- file_location: "/assets/files/socialrobot/projectfiche_socialerobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Collage of Social Robots"
- file_info: "The robots in this photo are creations of first-year secondary education students or prototypes."
- file_location: "/assets/files/socialrobot/collage.png"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/socialrobot/projectfiche_socialerobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Collage of Social Robots'
+ file_info: 'The robots in this photo are creations of first-year secondary education students or prototypes.'
+ file_location: '/assets/files/socialrobot/collage.png'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Construction Kit for 'Social Robot' Project"
- file_info: "Do you want your students to design and build a social robot too? This is possible via the construction kit of Dwengovzw. The figure shows the current composition of the construction kit. Interested? Contact us by email or find more information on this project page."
- file_location: "/assets/files/socialrobot/constructiekit_socialerobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "From Project to End Terms"
+ file_info: 'Do you want your students to design and build a social robot too? This is possible via the construction kit of Dwengovzw. The figure shows the current composition of the construction kit. Interested? Contact us by email or find more information on this project page.'
+ file_location: '/assets/files/socialrobot/constructiekit_socialerobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'From Project to End Terms'
file_info: "The end terms that can be worked on are linked to the different phases of the 'Social Robot' project."
- file_location: "/assets/files/socialrobot/EindtermenAStroomSsocialeRobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotion Machine (Incomplete) - Computational Thinking (Unplugged Activity)"
- file_info: "Unplugged activity"
- file_location: "/assets/files/socialrobot/emotiemachine_gewoon_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotion Machine (Task) - Computational Thinking (Unplugged Activity)"
- file_info: "Unplugged activity"
- file_location: "/assets/files/socialrobot/emotiemachine_gids.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotion Machine (Complete) - Computational Thinking (Unplugged Activity)"
- file_info: "Unplugged activity"
- file_location: "/assets/files/socialrobot/emotiemachine_ingevuld_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotion Machine with LED Matrix - Computational Thinking (Unplugged Activity)"
- file_info: "Unplugged activity"
- file_location: "/assets/files/socialrobot/emotiemachine_matrices_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/socialrobot/EindtermenAStroomSsocialeRobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotion Machine (Incomplete) - Computational Thinking (Unplugged Activity)'
+ file_info: 'Unplugged activity'
+ file_location: '/assets/files/socialrobot/emotiemachine_gewoon_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotion Machine (Task) - Computational Thinking (Unplugged Activity)'
+ file_info: 'Unplugged activity'
+ file_location: '/assets/files/socialrobot/emotiemachine_gids.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotion Machine (Complete) - Computational Thinking (Unplugged Activity)'
+ file_info: 'Unplugged activity'
+ file_location: '/assets/files/socialrobot/emotiemachine_ingevuld_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotion Machine with LED Matrix - Computational Thinking (Unplugged Activity)'
+ file_info: 'Unplugged activity'
+ file_location: '/assets/files/socialrobot/emotiemachine_matrices_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Teacher's Guide"
- file_info: "The bundled sheets explain the use of the Dwenguino and the sensors and actuators."
- file_location: "/assets/files/socialrobot/ficheboekje_lkn.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Information Sheets for Students"
- file_info: "These information sheets explain the use of the Dwenguino and sensors and actuators."
- file_location: "/assets/files/socialrobot/fichesSocialeRobot_lln.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Create a Face - Computational Thinking (Unplugged Activity)"
- file_info: "Unplugged activity"
- file_location: "/assets/files/socialrobot/maakeengezicht_activiteit.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Tasks for Exercises in the MOOC"
- file_info: "An overview of programming exercises in the MOOC"
- file_location: "/assets/files/socialrobot/Opgaven_MOOC.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_info: 'The bundled sheets explain the use of the Dwenguino and the sensors and actuators.'
+ file_location: '/assets/files/socialrobot/ficheboekje_lkn.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Information Sheets for Students'
+ file_info: 'These information sheets explain the use of the Dwenguino and sensors and actuators.'
+ file_location: '/assets/files/socialrobot/fichesSocialeRobot_lln.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Create a Face - Computational Thinking (Unplugged Activity)'
+ file_info: 'Unplugged activity'
+ file_location: '/assets/files/socialrobot/maakeengezicht_activiteit.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Tasks for Exercises in the MOOC'
+ file_info: 'An overview of programming exercises in the MOOC'
+ file_location: '/assets/files/socialrobot/Opgaven_MOOC.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Poster 'Social Robot' Project"
- file_info: "The poster displays the different aspects of the project."
- file_location: "/assets/files/socialrobot/posterSocialeRobot_nl_Qo4ANmV.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_info: 'The poster displays the different aspects of the project.'
+ file_location: '/assets/files/socialrobot/posterSocialeRobot_nl_Qo4ANmV.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Manual 'Hello Robot!'"
- file_info: "With this lesson booklet, you bring your own social robot to life."
- file_location: "/assets/files/socialrobot/handleiding_hallo_robot.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_info: 'With this lesson booklet, you bring your own social robot to life.'
+ file_location: '/assets/files/socialrobot/handleiding_hallo_robot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
chatbot:
title: Language Technology at School
sub_title: Getting Started with a Chatbot
- description: "Where language and technology come together, the domain of Natural Language Processing emerges. Can a computer understand, translate, or even write texts? Can a computer recognize emotions? Students in the second and third grades (SO) learn all about it in this package."
+ description: 'Where language and technology come together, the domain of Natural Language Processing emerges. Can a computer understand, translate, or even write texts? Can a computer recognize emotions? Students in the second and third grades (SO) learn all about it in this package.'
contact: Questions? Contact us at team@aiopschool.be. The press can contact Francis Wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Project Sheet Chatbot"
- file_info: "This is a brief overview of the Chatbot project with project structure and characteristics."
- file_location: "/assets/files/chatbot/projectfiche_chatbot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "BrAInfood Chatbots"
- file_info: "In this BrAInfood - aimed at young people - the Knowledge Center Data & Society provides more information about chatbots. The BrAInfood includes a fictional story about Lotte talking to a chatbot and presumably providing information about her to companies. Further, some points related to chatbots are explained, along with some tips for young people to better protect their (personal) data. In this way, we aim to make young people more aware of how chatbots work and encourage them to reflect on the data collected about them."
- file_location: "/assets/files/chatbot/Brainfood13_Chatbots_NL.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "BrAInfood Personalized Newsfeeds"
- file_info: "In this BrAInfood from the Knowledge Center Data & Society, tips are given on how to keep control over your newsfeed."
- file_location: "/assets/files/chatbot/brainfoodaanbevelingnieuws.jpg"
- file_icon_name: "description"
- link_name: "Download"
+ - file_title: 'Project Sheet Chatbot'
+ file_info: 'This is a brief overview of the Chatbot project with project structure and characteristics.'
+ file_location: '/assets/files/chatbot/projectfiche_chatbot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'BrAInfood Chatbots'
+ file_info: 'In this BrAInfood - aimed at young people - the Knowledge Center Data & Society provides more information about chatbots. The BrAInfood includes a fictional story about Lotte talking to a chatbot and presumably providing information about her to companies. Further, some points related to chatbots are explained, along with some tips for young people to better protect their (personal) data. In this way, we aim to make young people more aware of how chatbots work and encourage them to reflect on the data collected about them.'
+ file_location: '/assets/files/chatbot/Brainfood13_Chatbots_NL.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'BrAInfood Personalized Newsfeeds'
+ file_info: 'In this BrAInfood from the Knowledge Center Data & Society, tips are given on how to keep control over your newsfeed.'
+ file_location: '/assets/files/chatbot/brainfoodaanbevelingnieuws.jpg'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Manual 'Chatbot' - Also available in print"
file_info: "Teachers acquire sufficient background information through this manual to work with (a part of) the 'Chatbot' project in the classroom. The book covers various aspects of language technology, such as the history of artificial intelligence, its ethical aspects, sentiment analysis, and cyberbullying detection, chatbots, speaking digital assistants, and author recognition. It also addresses the STEM objectives and the objectives related to digital competence and media literacy."
- file_location: "/assets/files/chatbot/Chatbot_handleiding_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/chatbot/Chatbot_handleiding_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Improbotics - Lesson Plan - Teacher's Version"
- file_info: "In the theater performance Improbotics, a social robot improvises in the scenes. The lesson plan provides information about the technologies used."
- file_location: "/assets/files/chatbot/Improbotics_lesmap_Leerkracht.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Improbotics - Lesson Plan - Students"
- file_info: "In the theater performance Improbotics, a social robot improvises in the scenes. The lesson plan provides information about the technologies used."
- file_location: "/assets/files/chatbot/Improbotics_lesmap_Leerling.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_info: 'In the theater performance Improbotics, a social robot improvises in the scenes. The lesson plan provides information about the technologies used.'
+ file_location: '/assets/files/chatbot/Improbotics_lesmap_Leerkracht.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Improbotics - Lesson Plan - Students'
+ file_info: 'In the theater performance Improbotics, a social robot improvises in the scenes. The lesson plan provides information about the technologies used.'
+ file_location: '/assets/files/chatbot/Improbotics_lesmap_Leerling.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
care:
title: AI in Healthcare
sub_title: AI Systems Assisting in Healthcare
- description: "Hospitals are already using artificial intelligence today. Students in the second and third grades (SO) discover the existing systems and how they help doctors make decisions. This way, students learn the principles of the decision tree, a commonly used technique in machine learning."
- contact: ""
+ description: 'Hospitals are already using artificial intelligence today. Students in the second and third grades (SO) discover the existing systems and how they help doctors make decisions. This way, students learn the principles of the decision tree, a commonly used technique in machine learning.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
curricula_files:
- - file_title: "Project Sheet AI in Healthcare"
- file_info: "This is a brief overview of the AI in Healthcare project with project structure and characteristics."
- file_location: "/assets/files/care/projectfiche_aiindezorg.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Sprouts"
+ - file_title: 'Project Sheet AI in Healthcare'
+ file_info: 'This is a brief overview of the AI in Healthcare project with project structure and characteristics.'
+ file_location: '/assets/files/care/projectfiche_aiindezorg.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Sprouts'
file_info: "A game as an introduction to 'Graphs'."
- file_location: "/assets/files/care/Sprouts.mov"
- file_icon_name: "play_arrow"
- link_name: "Download"
- - file_title: "Explanation of Exercises on Graphs from the Student Course"
- file_info: "Which figures represent the same graph? A more formal approach."
- file_location: "/assets/files/care/dezelfdegraafFormeel.mov"
- file_icon_name: "play_arrow"
- link_name: "Download"
- - file_title: "Explanation of Exercises on Graphs from the Student Course"
- file_info: "Which figures represent the same graph? An approach with colors."
- file_location: "/assets/files/care/dezelfdeGraaf.mov"
- file_icon_name: "play_arrow"
- link_name: "Download"
- - file_title: "Student Course - Finality Throughflow"
- file_info: "Student course."
- file_location: "/assets/files/care/AIinHealthcare_throughflow_firstedition.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Card Set - Also available in print"
- file_info: "With this card set, you can make students reflect on the ethical aspects of new technologies. What about privacy? Are social contacts not at risk? Which technologies are welcomed? What is undesirable? Are the new technologies affordable for everyone?"
- file_location: "/assets/files/care/Cardset_AIinHealthcare_AIOpSchool_Dwengo.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Manual for Card Set"
- file_info: "This manual provides additional explanation for the card set."
- file_location: "/assets/files/care/AIinHealthcareCardset_InstructionForTeacher.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/care/Sprouts.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Download'
+ - file_title: 'Explanation of Exercises on Graphs from the Student Course'
+ file_info: 'Which figures represent the same graph? A more formal approach.'
+ file_location: '/assets/files/care/dezelfdegraafFormeel.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Download'
+ - file_title: 'Explanation of Exercises on Graphs from the Student Course'
+ file_info: 'Which figures represent the same graph? An approach with colors.'
+ file_location: '/assets/files/care/dezelfdeGraaf.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Download'
+ - file_title: 'Student Course - Finality Throughflow'
+ file_info: 'Student course.'
+ file_location: '/assets/files/care/AIinHealthcare_throughflow_firstedition.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Card Set - Also available in print'
+ file_info: 'With this card set, you can make students reflect on the ethical aspects of new technologies. What about privacy? Are social contacts not at risk? Which technologies are welcomed? What is undesirable? Are the new technologies affordable for everyone?'
+ file_location: '/assets/files/care/Cardset_AIinHealthcare_AIOpSchool_Dwengo.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Manual for Card Set'
+ file_info: 'This manual provides additional explanation for the card set.'
+ file_location: '/assets/files/care/AIinHealthcareCardset_InstructionForTeacher.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Decision Tree 'mBrAIn' Project in Non-compact Form"
file_info: "In the research project 'mBrain,' which aims to develop an app predicting a migraine attack, a decision tree was constructed. This decision tree addresses a binary classification problem: there are only two classes, 'Migraine' and 'No Migraine.' (Sources: Femke Ongenae. (2021), UGent; Van Hoecke, S., Ongenae, F., Paemeleire, K., & Vandenbussche, N. (2020). App moet hoofdpijn voorspellen. EOS Wetenschap Special, Technologie en gezondheid, 25.) We have transformed the shape of this decision tree into a binary decision tree to demonstrate that this form is not always user-friendly. For more explanation, see chapter 4 of the student course of this project."
- file_location: "/assets/files/care/MBrainBeslissingsboom.png"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Search for Speech - Computational Thinking (unplugged activity)"
- file_info: "Locked-in syndrome is one of the worst medical conditions. You are completely paralyzed, except that you might still be able to blink with one eye. Your intelligent mind is trapped in a useless body: you can feel everything but cannot communicate. It can happen to anyone, out of nowhere, as a result of a stroke. If you want to help people with the locked-in syndrome, is it best to become a doctor or a nurse? Or can you also help as a computer scientist?"
- file_location: "/assets/files/care/ZoektochtNaarSpraak.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/care/MBrainBeslissingsboom.png'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Search for Speech - Computational Thinking (unplugged activity)'
+ file_info: 'Locked-in syndrome is one of the worst medical conditions. You are completely paralyzed, except that you might still be able to blink with one eye. Your intelligent mind is trapped in a useless body: you can feel everything but cannot communicate. It can happen to anyone, out of nowhere, as a result of a stroke. If you want to help people with the locked-in syndrome, is it best to become a doctor or a nurse? Or can you also help as a computer scientist?'
+ file_location: '/assets/files/care/ZoektochtNaarSpraak.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
stem:
title: Python in STEM
sub_title: Data Visualizations with Python
@@ -240,25 +239,25 @@ curricula_page:
agriculture:
title: AI in Agriculture
sub_title: AI in agriculture
- description: "Removing rotten tomatoes during harvest? Artificial intelligence can help with that. But how? Students in the second and third grades (SO) get hands-on experience with AI. Perhaps a vibrating conveyor belt can improve the system even more?"
+ description: 'Removing rotten tomatoes during harvest? Artificial intelligence can help with that. But how? Students in the second and third grades (SO) get hands-on experience with AI. Perhaps a vibrating conveyor belt can improve the system even more?'
contact: Questions? Contact us at team@aiopschool.be. The press can contact Francis Wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Design"
- file_info: "Design of the conveyor belt"
- file_location: "/assets/files/art/Transportband_InnoVET_RCH.zip"
- file_icon_name: "description"
- link_name: "Download"
+ - file_title: 'Design'
+ file_info: 'Design of the conveyor belt'
+ file_location: '/assets/files/art/Transportband_InnoVET_RCH.zip'
+ file_icon_name: 'description'
+ link_name: 'Download'
art:
title: AI in Art
sub_title: Drawing Robots in the Classroom
- description: "Can we create art with artificial intelligence? Students in the second and third grades (SO) express their creativity with AI and reflect on the result. Is this art? They also discover how AI can protect our cultural heritage."
- contact: ""
+ description: 'Can we create art with artificial intelligence? Students in the second and third grades (SO) express their creativity with AI and reflect on the result. Is this art? They also discover how AI can protect our cultural heritage.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
wegostem:
title: WeGoSTEM
sub_title: Drawing Robots in the Classroom
- description: "We challenge third-grade (BO) children to program a drawing robot. Through play, children learn a lot of STEM skills, from technology to computational thinking."
+ description: 'We challenge third-grade (BO) children to program a drawing robot. Through play, children learn a lot of STEM skills, from technology to computational thinking.'
contact: Questions? Contact us at team@aiopschool.be. The press can contact Francis Wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
@@ -269,61 +268,61 @@ curricula_page:
contact: Questions? Contact us at team@aiopschool.be. The press can contact Francis Wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Concepts and Approach to Computational Thinking"
- file_info: "poster"
- file_location: "/assets/files/computational_thinking/CDposterDwengo2.png"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Explaining Four Concepts of Computational Thinking"
- file_info: "Presentation on four concepts of computational thinking: decomposition, pattern recognition, abstraction, and algorithm. You can download the PDF, open it, present it using CTRL-L, and navigate with the arrow keys."
- file_location: "/assets/files/computational_thinking/CD4concepten_33V3gBg.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Concepts and Principles"
- file_info: "Overview"
- file_location: "/assets/files/computational_thinking/Icoontjes.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged Activity - Emotion Machine (Assignment)"
- file_info: "How can you stimulate emotions in a robot?"
- file_location: "/assets/files/computational_thinking/emotiemachine_gids.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged Activity - Emotion Machine"
- file_info: "How can you stimulate emotions in a robot?"
- file_location: "/assets/files/computational_thinking/emotiemachine_gewoon_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged Activity - Color by Number"
+ - file_title: 'Concepts and Approach to Computational Thinking'
+ file_info: 'poster'
+ file_location: '/assets/files/computational_thinking/CDposterDwengo2.png'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Explaining Four Concepts of Computational Thinking'
+ file_info: 'Presentation on four concepts of computational thinking: decomposition, pattern recognition, abstraction, and algorithm. You can download the PDF, open it, present it using CTRL-L, and navigate with the arrow keys.'
+ file_location: '/assets/files/computational_thinking/CD4concepten_33V3gBg.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Concepts and Principles'
+ file_info: 'Overview'
+ file_location: '/assets/files/computational_thinking/Icoontjes.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged Activity - Emotion Machine (Assignment)'
+ file_info: 'How can you stimulate emotions in a robot?'
+ file_location: '/assets/files/computational_thinking/emotiemachine_gids.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged Activity - Emotion Machine'
+ file_info: 'How can you stimulate emotions in a robot?'
+ file_location: '/assets/files/computational_thinking/emotiemachine_gewoon_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged Activity - Color by Number'
file_info: "Images can be represented in many ways. In this color by number puzzle, you have to reconstruct an image using the given list of numbers; this list tells you which color to fill in each square ('pixel')."
- file_location: "/assets/files/computational_thinking/kleurenopnummer1.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged Activity - Human Computer Network"
- file_info: "In this activity, students learn how data transfer over the Internet works. Computers, smartphones, and other devices connected via the Internet can communicate with each other. To understand each other, this communication must follow certain agreements. We call these agreements a protocol."
- file_location: "/assets/files/computational_thinking/menselijkComputernetwerk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged Activity - Compression"
- file_info: "To send images over networks, we want to represent information with as little data as possible. Compression comes into play here. Using algorithms, images are represented with as few numbers as possible, but in a way that you can still recover the original figure. Other algorithms restore the original image when the information reaches its destination."
- file_location: "/assets/files/computational_thinking/puzzel-gecomprimeerdepixel11.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged Activity - Program a Human"
+ file_location: '/assets/files/computational_thinking/kleurenopnummer1.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged Activity - Human Computer Network'
+ file_info: 'In this activity, students learn how data transfer over the Internet works. Computers, smartphones, and other devices connected via the Internet can communicate with each other. To understand each other, this communication must follow certain agreements. We call these agreements a protocol.'
+ file_location: '/assets/files/computational_thinking/menselijkComputernetwerk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged Activity - Compression'
+ file_info: 'To send images over networks, we want to represent information with as little data as possible. Compression comes into play here. Using algorithms, images are represented with as few numbers as possible, but in a way that you can still recover the original figure. Other algorithms restore the original image when the information reaches its destination.'
+ file_location: '/assets/files/computational_thinking/puzzel-gecomprimeerdepixel11.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged Activity - Program a Human'
file_info: "Computers cannot interpret, so they literally execute every instruction you give them. The programmer's challenge is to solve problems by breaking them down into small steps that the computer can execute and giving the instructions to the computer correctly."
- file_location: "/assets/files/computational_thinking/programmeerEensEenMens.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged Activity - Search for Speech"
- file_info: "Locked-in syndrome is one of the worst medical conditions. You are completely paralyzed, except that you may still be able to blink with one eye. Your intelligent mind is trapped in a useless body: you can feel everything but cannot communicate. It can happen to anyone, out of nowhere, as a result of a stroke. If you wanted to help people with locked-in syndrome, would you be better off as a doctor or nurse? Or can you help as a computer scientist?"
- file_location: "/assets/files/computational_thinking/ZoektochtNaarSpraak.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/computational_thinking/programmeerEensEenMens.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged Activity - Search for Speech'
+ file_info: 'Locked-in syndrome is one of the worst medical conditions. You are completely paralyzed, except that you may still be able to blink with one eye. Your intelligent mind is trapped in a useless body: you can feel everything but cannot communicate. It can happen to anyone, out of nowhere, as a result of a stroke. If you wanted to help people with locked-in syndrome, would you be better off as a doctor or nurse? Or can you help as a computer scientist?'
+ file_location: '/assets/files/computational_thinking/ZoektochtNaarSpraak.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
math_with_python:
title: Python in Math Class
sub_title: Python in Mathematics
- description: "The programming language Python offers great possibilities to enrich the math class. From the Pythagorean theorem to creating your own graphs, digital image processing, and linear regression, everything becomes clearer with Python."
- contact: ""
+ description: 'The programming language Python offers great possibilities to enrich the math class. From the Pythagorean theorem to creating your own graphs, digital image processing, and linear regression, everything becomes clearer with Python.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
python_programming:
title: Programming with Python
@@ -334,12 +333,12 @@ curricula_page:
physical_computing:
title: Physical Computing
sub_title: Program Robots in the Classroom
- description: "Build a musical instrument, car, or weather station? You can do that with Dwenguino, a microcontroller platform with its own programming environment. Students from both primary and secondary education can get started with it right away. In real life or in our simulator, block-based or textual."
+ description: 'Build a musical instrument, car, or weather station? You can do that with Dwenguino, a microcontroller platform with its own programming environment. Students from both primary and secondary education can get started with it right away. In real life or in our simulator, block-based or textual.'
contact: Questions? Contact us at team@aiopschool.be. The press can contact Francis Wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Bouw jouw eigen robot"
- file_info: "Build your own driving robot."
- file_location: "/assets/files/physical_computing/bouwjouweigenrobot.pdf"
- file_icon_name: "link"
- link_name: "Download"
+ - file_title: 'Bouw jouw eigen robot'
+ file_info: 'Build your own driving robot.'
+ file_location: '/assets/files/physical_computing/bouwjouweigenrobot.pdf'
+ file_icon_name: 'link'
+ link_name: 'Download'
diff --git a/backend/_i18n/fr.yml b/backend/_i18n/fr.yml
index dd8f74cf..08a0b1d7 100644
--- a/backend/_i18n/fr.yml
+++ b/backend/_i18n/fr.yml
@@ -19,333 +19,333 @@ strengths:
curricula_page:
title: Notre sujets d'enseignement
- read_more: "Lees meer"
- curricula_files: "Bestanden"
+ read_more: 'Lees meer'
+ curricula_files: 'Bestanden'
algorithms:
title: Algorithmes
sub_title: Algorithmes
description: "Les élèves de la troisième à la sixième année (enseignement secondaire) apprennent comment utiliser des algorithmes pour résoudre des problèmes. Ils apprennent à concevoir des algorithmes et à analyser l'efficacité de ces derniers. Ils apprennent également à utiliser des algorithmes pour résoudre des problèmes."
- contact: ""
+ contact: ''
teaser: https://www.youtube.com/embed/2B6gZ9HdQ1Y
basics_ai:
title: Basisprincipes van AI
sub_title: Basisprincipes van AI
- description: "Onder dit lesthema bundelen we verschillende activiteiten waarin de basisprincipes van artificiële intelligentie (AI) aan bod komen. Leerlingen leren wat AI is, hoe het werkt en hoe het kan worden toegepast in verschillende domeinen."
- contact: ""
+ description: 'Onder dit lesthema bundelen we verschillende activiteiten waarin de basisprincipes van artificiële intelligentie (AI) aan bod komen. Leerlingen leren wat AI is, hoe het werkt en hoe het kan worden toegepast in verschillende domeinen.'
+ contact: ''
kiks:
- title: "IA et changement climatique"
- sub_title: "KIKS"
+ title: 'IA et changement climatique'
+ sub_title: 'KIKS'
description: "Les élèves de la troisième année du secondaire explorent comment les plantes s'adaptent au changement climatique via leurs stomates. Ils utilisent l'intelligence artificielle et la reconnaissance d'image pour compter ces stomates."
- contact: ""
- teaser: "https://www.youtube.com/embed/dO-E33G20co"
+ contact: ''
+ teaser: 'https://www.youtube.com/embed/dO-E33G20co'
curricula_files:
- - file_title: "Fiche de projet KIKS"
+ - file_title: 'Fiche de projet KIKS'
file_info: "Il s'agit d'un bref aperçu du projet KIKS avec la structure et les caractéristiques du projet."
- file_location: "/assets/files/kiks/projectfiche_kiks.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Le manuel - également disponible en version imprimée"
+ file_location: '/assets/files/kiks/projectfiche_kiks.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Le manuel - également disponible en version imprimée'
file_info: "Nous voulons donner aux enseignants des connaissances de base sur le contenu de ce projet : le changement climatique, la biologie des stomates et la manière dont les plantes s'adaptent à ce changement climatique via les stomates, la recherche scientifique de l'UGent et du Jardin botanique de Meise à l'origine de ce projet, la science citoyenne, ce qu'est l'intelligence artificielle (IA), l'histoire de l'IA, son utilisation et l'éthique qui l'entoure, les principes des images numériques, les mathématiques derrière les algorithmes et les fondements des techniques d'IA actuellement les plus utilisées. Nous expliquons également comment nous avons utilisé KIKS en classe."
- file_location: "/assets/files/kiks/KIKS_handleiding_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Un cours pour les élèves"
+ file_location: '/assets/files/kiks/KIKS_handleiding_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Un cours pour les élèves'
file_info: "Avec le cours pour les élèves, nous donnons un exemple d'un parcours possible que l'enseignant peut suivre avec les élèves. Le parcours inclut le changement climatique, la biologie des stomates avec une tâche de microscopie, la manière dont les plantes s'adaptent au changement climatique via les stomates, la recherche scientifique de l'UGent et du Jardin botanique de Meise, la collecte de données pour entraîner un réseau neuronal, ce qu'est l'intelligence artificielle (IA), l'histoire de l'IA, son utilisation et l'éthique qui l'entoure, les principes des images numériques, le travail avec les convolutions, les mathématiques derrière l'algorithme du Perceptron, la classification linéaire et non linéaire des données, et les fondements de l'apprentissage machine."
- file_location: "/assets/files/kiks/KIKS_leerlingencursus_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/kiks/KIKS_leerlingencursus_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
- file_title: "Les objectifs d'apprentissage"
file_info: "Dans le projet KIKS, de nombreux objectifs d'apprentissage peuvent être abordés. L'enseignant décide lui-même des objectifs d'apprentissage liés au projet. De plus, le projet offre de nombreuses possibilités pour permettre aux élèves d'apprendre de manière active et autonome, et pour enseigner les compétences en TIC. KIKS peut également être utilisé pour développer une mission de recherche. Les objectifs d'apprentissage et les plans de cours des différentes institutions contiennent de nombreux objectifs d'apprentissage liés à la biologie, à la géographie et aux mathématiques."
- file_location: "/assets/files/kiks/Leerdoelen-KIKS.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/kiks/Leerdoelen-KIKS.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
- file_title: "La réalisation d'une empreinte de vernis à ongles d'une partie d'une feuille"
file_info: "Pour connaître le nombre de stomates sur une partie d'une feuille d'une plante, nous examinons la surface de la feuille sous le microscope. Pour ce faire, nous pouvons retirer une partie de la cuticule très fine de la feuille, mais cela ne fonctionne pas aussi bien pour certaines plantes en raison de la rigidité de la feuille. Cela peut cependant être compensé en utilisant la même méthode que les chercheurs du Jardin botanique de Meise, à savoir prendre une empreinte d'une partie de la surface de la feuille avec du vernis à ongles transparent. L'image microscopique peut être photographiée avec un smartphone."
- file_location: "https://vimeo.com/467062270"
- file_icon_name: "play_arrow"
- link_name: "Voir"
+ file_location: 'https://vimeo.com/467062270'
+ file_icon_name: 'play_arrow'
+ link_name: 'Voir'
socialrobot:
- title: "Robot social"
- sub_title: "Robotique en classe"
- description: "Alors que les élèves de la première année du secondaire bricolent et programment un robot social, ils apprennent à résoudre des problèmes complexes grâce à la pensée computationnelle. Ils travaillent de manière ludique sur les nouvelles compétences finales en compétences numériques."
- contact: "Questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org."
- teaser: "https://www.youtube.com/embed/tqSnpAKLsu8"
+ title: 'Robot social'
+ sub_title: 'Robotique en classe'
+ description: 'Alors que les élèves de la première année du secondaire bricolent et programment un robot social, ils apprennent à résoudre des problèmes complexes grâce à la pensée computationnelle. Ils travaillent de manière ludique sur les nouvelles compétences finales en compétences numériques.'
+ contact: 'Questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org.'
+ teaser: 'https://www.youtube.com/embed/tqSnpAKLsu8'
curricula_files:
- - file_title: "Fiche de projet Robot social"
+ - file_title: 'Fiche de projet Robot social'
file_info: "Il s'agit d'un bref aperçu du projet 'Robot social' avec la structure et les caractéristiques du projet."
- file_location: "/assets/files/socialrobot/projectfiche_socialerobot.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Collage des robots sociaux"
+ file_location: '/assets/files/socialrobot/projectfiche_socialerobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Collage des robots sociaux'
file_info: "Les robots sur cette photo sont des réalisations d'élèves de la première année du secondaire ou des prototypes."
- file_location: "/assets/files/socialrobot/collage.png"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/socialrobot/collage.png'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
- file_title: "Kit de construction pour le projet 'Robot social'"
file_info: "Vous souhaitez que vos élèves conçoivent et construisent également un robot social ? Cela peut se faire avec le kit de construction de Dwengovzw. Sur la figure, vous découvrirez la composition actuelle du kit de construction. Intéressé ? Contactez-nous par e-mail ou trouvez plus d'informations sur cette page du projet."
- file_location: "/assets/files/socialrobot/constructiekit_socialerobot.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "De la mission aux compétences finales"
+ file_location: '/assets/files/socialrobot/constructiekit_socialerobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'De la mission aux compétences finales'
file_info: "Les compétences finales qui peuvent être travaillées sont liées aux différentes phases du projet 'Robot social'."
- file_location: "/assets/files/socialrobot/EindtermenAStroomSsocialeRobot.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Machine à émotions (incomplète) - Pensée computationnelle (activité débranchée)"
- file_info: "Activité débranchée"
- file_location: "/assets/files/socialrobot/emotiemachine_gewoon_nl.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Machine à émotions (mission) - Pensée computationnelle (activité débranchée)"
- file_info: "Activité débranchée"
- file_location: "/assets/files/socialrobot/emotiemachine_gids.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Machine à émotions (complète) - Pensée computationnelle (activité débranchée)"
- file_info: "Activité débranchée"
- file_location: "/assets/files/socialrobot/emotiemachine_ingevuld_nl.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Machine à émotions avec matrice de LED - Pensée computationnelle (activité débranchée)"
- file_info: "Activité débranchée"
- file_location: "/assets/files/socialrobot/emotiemachine_matrices_nl.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Guide pour les enseignants"
+ file_location: '/assets/files/socialrobot/EindtermenAStroomSsocialeRobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Machine à émotions (incomplète) - Pensée computationnelle (activité débranchée)'
+ file_info: 'Activité débranchée'
+ file_location: '/assets/files/socialrobot/emotiemachine_gewoon_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Machine à émotions (mission) - Pensée computationnelle (activité débranchée)'
+ file_info: 'Activité débranchée'
+ file_location: '/assets/files/socialrobot/emotiemachine_gids.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Machine à émotions (complète) - Pensée computationnelle (activité débranchée)'
+ file_info: 'Activité débranchée'
+ file_location: '/assets/files/socialrobot/emotiemachine_ingevuld_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Machine à émotions avec matrice de LED - Pensée computationnelle (activité débranchée)'
+ file_info: 'Activité débranchée'
+ file_location: '/assets/files/socialrobot/emotiemachine_matrices_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Guide pour les enseignants'
file_info: "Les fiches regroupées détaillant l'utilisation du Dwenguino et des capteurs et actionneurs."
- file_location: "/assets/files/socialrobot/ficheboekje_lkn.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Fiches pour les élèves"
+ file_location: '/assets/files/socialrobot/ficheboekje_lkn.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Fiches pour les élèves'
file_info: "Ces fiches expliquent l'utilisation du Dwenguino et des capteurs et actionneurs."
- file_location: "/assets/files/socialrobot/fichesSocialeRobot_lln.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Créer un visage - Pensée computationnelle (activité débranchée)"
- file_info: "Activité débranchée"
- file_location: "/assets/files/socialrobot/maakeengezicht_activiteit.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Exercices de la MOOC"
- file_info: "Aperçu des exercices de programmation dans le MOOC."
- file_location: "/assets/files/socialrobot/Opgaven_MOOC.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/socialrobot/fichesSocialeRobot_lln.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Créer un visage - Pensée computationnelle (activité débranchée)'
+ file_info: 'Activité débranchée'
+ file_location: '/assets/files/socialrobot/maakeengezicht_activiteit.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Exercices de la MOOC'
+ file_info: 'Aperçu des exercices de programmation dans le MOOC.'
+ file_location: '/assets/files/socialrobot/Opgaven_MOOC.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
- file_title: "Affiche du projet 'Robot social'"
file_info: "L'affiche représente les différents aspects du projet."
- file_location: "/assets/files/socialrobot/posterSocialeRobot_nl_Qo4ANmV.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/socialrobot/posterSocialeRobot_nl_Qo4ANmV.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
- file_title: "Guide 'Bonjour robot!'"
- file_info: "Avec ce livret, donnez vie à votre propre robot social."
- file_location: "/assets/files/socialrobot/handleiding_hallo_robot.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_info: 'Avec ce livret, donnez vie à votre propre robot social.'
+ file_location: '/assets/files/socialrobot/handleiding_hallo_robot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
chatbot:
title: "Technologie du langage à l'école"
- sub_title: "Se mettre au travail avec un chatbot"
- description: "Là où le langage et la technologie se rencontrent, naît le domaine du Traitement du Langage Naturel. Un ordinateur peut-il comprendre, traduire ou même écrire des textes ? Peut-il reconnaître les émotions ? Les élèves de la deuxième et de la troisième année (enseignement secondaire) en apprennent davantage dans ce programme."
- contact: "Questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org."
- teaser: "https://www.youtube.com/embed/tqSnpAKLsu8"
+ sub_title: 'Se mettre au travail avec un chatbot'
+ description: 'Là où le langage et la technologie se rencontrent, naît le domaine du Traitement du Langage Naturel. Un ordinateur peut-il comprendre, traduire ou même écrire des textes ? Peut-il reconnaître les émotions ? Les élèves de la deuxième et de la troisième année (enseignement secondaire) en apprennent davantage dans ce programme.'
+ contact: 'Questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org.'
+ teaser: 'https://www.youtube.com/embed/tqSnpAKLsu8'
curricula_files:
- - file_title: "Fiche de projet Chatbot"
+ - file_title: 'Fiche de projet Chatbot'
file_info: "Il s'agit d'un bref aperçu du projet Chatbot avec la structure et les caractéristiques du projet."
- file_location: "/assets/files/chatbot/projectfiche_chatbot.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "BrAInfood Chatbots"
+ file_location: '/assets/files/chatbot/projectfiche_chatbot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'BrAInfood Chatbots'
file_info: "Dans ce BrAInfood destiné aux jeunes, le Centre de connaissances Data & Société donne plus d'informations sur les chatbots. Le BrAInfood contient une histoire fictive sur Lotte qui discute avec un chatbot et transmet potentiellement des informations à des entreprises. En outre, quelques points d'attention concernant les chatbots sont expliqués, ainsi que quelques conseils pour les jeunes afin de mieux protéger leurs données personnelles. De cette manière, nous voulons sensibiliser les jeunes au fonctionnement des chatbots et les encourager à réfléchir aux données qui sont collectées à leur sujet."
- file_location: "/assets/files/chatbot/Brainfood13_Chatbots_FR.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "BrAInfood Nouvelles personnalisées"
+ file_location: '/assets/files/chatbot/Brainfood13_Chatbots_FR.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'BrAInfood Nouvelles personnalisées'
file_info: "Dans ce BrAInfood du Centre de connaissances Data & Société, des conseils sont donnés sur la façon de garder le contrôle sur votre fil d'actualité."
- file_location: "/assets/files/chatbot/brainfoodrecommendationnews.jpg"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/chatbot/brainfoodrecommendationnews.jpg'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
- file_title: "Manuel 'Chatbot' - Également disponible en version imprimée"
file_info: "Les enseignants acquièrent, via ce manuel, des informations de base suffisantes pour aborder (une partie du) projet 'Chatbot' en classe. Le livre aborde différents aspects de la technologie du langage, tels que l'histoire de l'intelligence artificielle, ses aspects éthiques, l'analyse des sentiments et la détection du cyberharcèlement, les chatbots, les assistants numériques parlants et la reconnaissance d'auteur. Il aborde également les compétences finales STEM et les compétences finales en compétences numériques et en éducation aux médias."
- file_location: "/assets/files/chatbot/Chatbot_handleiding_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Improbotics - Livret - Version enseignant"
- file_info: "Dans la pièce de théâtre Improbotics, un robot social improvise dans les scènes. Le livret contient des informations sur les technologies utilisées."
- file_location: "/assets/files/chatbot/Improbotics_lesmap_Enseignant.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Improbotics - Livret - Élèves"
- file_info: "Dans la pièce de théâtre Improbotics, un robot social improvise dans les scènes. Le livret contient des informations sur les technologies utilisées."
- file_location: "/assets/files/chatbot/Improbotics_lesmap_Eleve.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/chatbot/Chatbot_handleiding_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Improbotics - Livret - Version enseignant'
+ file_info: 'Dans la pièce de théâtre Improbotics, un robot social improvise dans les scènes. Le livret contient des informations sur les technologies utilisées.'
+ file_location: '/assets/files/chatbot/Improbotics_lesmap_Enseignant.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Improbotics - Livret - Élèves'
+ file_info: 'Dans la pièce de théâtre Improbotics, un robot social improvise dans les scènes. Le livret contient des informations sur les technologies utilisées.'
+ file_location: '/assets/files/chatbot/Improbotics_lesmap_Eleve.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
care:
- title: "IA dans les soins de santé"
+ title: 'IA dans les soins de santé'
sub_title: "Systèmes d'IA aidant dans les soins de santé"
description: "Les hôpitaux utilisent déjà l'intelligence artificielle aujourd'hui. Les élèves de la deuxième et de la troisième année (enseignement secondaire) découvrent quels systèmes existent et comment ils aident les médecins à prendre des décisions. Ainsi, les élèves apprennent les principes de l'arbre de décision, une technique couramment utilisée dans l'apprentissage automatique."
- contact: ""
- teaser: "https://www.youtube.com/embed/dO-E33G20co"
+ contact: ''
+ teaser: 'https://www.youtube.com/embed/dO-E33G20co'
curricula_files:
- - file_title: "Fiche de projet IA dans les soins de santé"
+ - file_title: 'Fiche de projet IA dans les soins de santé'
file_info: "Il s'agit d'un bref aperçu du projet IA dans les soins de santé avec la structure et les caractéristiques du projet."
- file_location: "/assets/files/care/projectfiche_aiindezorg.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Sprouts"
+ file_location: '/assets/files/care/projectfiche_aiindezorg.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Sprouts'
file_info: "Un jeu d'introduction aux 'Graphes'."
- file_location: "/assets/files/care/Sprouts.mov"
- file_icon_name: "play_arrow"
- link_name: "Télécharger"
- - file_title: "Explication des exercices de graphes du cours des élèves"
- file_info: "Quels dessins représentent le même graphe ? Une approche plus formelle."
- file_location: "/assets/files/care/dezelfdegraafFormeel.mov"
- file_icon_name: "play_arrow"
- link_name: "Télécharger"
- - file_title: "Explication des exercices de graphes du cours des élèves"
- file_info: "Quels dessins représentent le même graphe ? Une approche avec des couleurs."
- file_location: "/assets/files/care/dezelfdeGraaf.mov"
- file_icon_name: "play_arrow"
- link_name: "Télécharger"
- - file_title: "Le cours des élèves - Finalité Générale"
- file_info: "Cours des élèves"
- file_location: "/assets/files/care/AIindeZorg_doorstroom_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Ensemble de cartes - Également disponible en version imprimée"
+ file_location: '/assets/files/care/Sprouts.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Télécharger'
+ - file_title: 'Explication des exercices de graphes du cours des élèves'
+ file_info: 'Quels dessins représentent le même graphe ? Une approche plus formelle.'
+ file_location: '/assets/files/care/dezelfdegraafFormeel.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Télécharger'
+ - file_title: 'Explication des exercices de graphes du cours des élèves'
+ file_info: 'Quels dessins représentent le même graphe ? Une approche avec des couleurs.'
+ file_location: '/assets/files/care/dezelfdeGraaf.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Télécharger'
+ - file_title: 'Le cours des élèves - Finalité Générale'
+ file_info: 'Cours des élèves'
+ file_location: '/assets/files/care/AIindeZorg_doorstroom_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Ensemble de cartes - Également disponible en version imprimée'
file_info: "À l'aide de cet ensemble de cartes, vous pouvez amener les élèves à réfléchir aux aspects éthiques des nouvelles technologies. Qu'en est-il de la vie privée ? Les contacts sociaux ne sont-ils pas compromis ? Quelles technologies sont bien accueillies ? Qu'est-ce qui n'est pas souhaitable ? Les nouvelles technologies sont-elles abordables pour tous ?"
- file_location: "/assets/files/care/Kaartset_AIIndeZorg_AIOpSchool_Dwengo.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/care/Kaartset_AIIndeZorg_AIOpSchool_Dwengo.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
- file_title: "Manuel de l'ensemble de cartes"
file_info: "Ce manuel fournit des explications supplémentaires sur l'ensemble de cartes."
- file_location: "/assets/files/care/AIIndeZorgKaartenset_UitlegVoorLeerkracht.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/care/AIIndeZorgKaartenset_UitlegVoorLeerkracht.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
- file_title: "Arbre de décision du projet 'mBrAIn' sous forme non compacte"
file_info: "Dans le projet de recherche 'mBrain', qui vise le développement d'une application prédisant une crise de migraine, une arborescence de décision a été construite. Cette arborescence de décision aborde un problème de classification binaire : il n'y a que deux classes, 'Migraine' et 'Pas de migraine'. (Sources : Femke Ongenae. (2021), UGent ; Van Hoecke, S., Ongenae, F., Paemeleire, K., & Vandenbussche, N. (2020). App doit prédire les maux de tête. EOS Wetenschap Special, Technologie en gezondheid, 25.) Nous avons transformé la forme de cette arborescence de décision en une arborescence de décision binaire pour montrer que cette forme n'est pas toujours conviviale. Pour plus d'explications, voir le chapitre 4 du cours des élèves de ce projet."
- file_location: "/assets/files/care/MBrainBeslissingsboom.png"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Recherche de la parole - Pensée computationnelle (activité débranchée)"
+ file_location: '/assets/files/care/MBrainBeslissingsboom.png'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Recherche de la parole - Pensée computationnelle (activité débranchée)'
file_info: "Le syndrome d'enfermement est l'une des pires conditions médicales. Vous êtes complètement paralysé, sauf peut-être pour cligner des yeux. Votre esprit intelligent est enfermé dans un corps inutile : vous pouvez tout ressentir, mais pas communiquer. Cela peut arriver à n'importe qui, à tout moment, suite à un AVC. Si vous voulez aider les personnes atteintes du syndrome d'enfermement, vaut-il mieux être médecin ou infirmier ? Ou en tant qu'informaticien, pouvez-vous aussi aider ?"
- file_location: "/assets/files/care/ZoektochtNaarSpraak.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/care/ZoektochtNaarSpraak.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
stem:
- title: "Python en STEM"
- sub_title: "Visualisations de données avec Python"
- description: "Dans ce programme, vous apprendrez à aborder des problèmes complexes de manière plus simple et plus rapide avec le langage de programmation Python. La programmation peut jouer un rôle de liaison entre la science, la technologie, la conception et les mathématiques appliquées. En bref, grâce à Python, nous tirons le meilleur parti de STEM."
- contact: "Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org."
- teaser: "https://www.youtube.com/embed/tqSnpAKLsu8"
+ title: 'Python en STEM'
+ sub_title: 'Visualisations de données avec Python'
+ description: 'Dans ce programme, vous apprendrez à aborder des problèmes complexes de manière plus simple et plus rapide avec le langage de programmation Python. La programmation peut jouer un rôle de liaison entre la science, la technologie, la conception et les mathématiques appliquées. En bref, grâce à Python, nous tirons le meilleur parti de STEM.'
+ contact: 'Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org.'
+ teaser: 'https://www.youtube.com/embed/tqSnpAKLsu8'
agriculture:
title: "IA dans l'Agriculture"
sub_title: "IA dans l'agriculture"
description: "Retirer les tomates pourries pendant la récolte ? L'intelligence artificielle peut aider. Mais comment ? Les élèves de la deuxième et de la troisième année (enseignement secondaire) travaillent avec l'IA. Peut-être qu'un tapis roulant vibrant pourrait améliorer le système encore davantage ?"
- contact: "Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org."
- teaser: "https://www.youtube.com/embed/tqSnpAKLsu8"
+ contact: 'Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org.'
+ teaser: 'https://www.youtube.com/embed/tqSnpAKLsu8'
curricula_files:
- - file_title: "Conception"
- file_info: "Conception du tapis roulant"
- file_location: "/assets/files/art/Transportband_InnoVET_RCH.zip"
- file_icon_name: "description"
- link_name: "Télécharger"
+ - file_title: 'Conception'
+ file_info: 'Conception du tapis roulant'
+ file_location: '/assets/files/art/Transportband_InnoVET_RCH.zip'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
art:
title: "IA dans l'Art"
- sub_title: "Robots de dessin en classe"
+ sub_title: 'Robots de dessin en classe'
description: "Peut-on créer de l'art avec l'intelligence artificielle ? Les élèves de la deuxième et de la troisième année (enseignement secondaire) expriment leur créativité avec l'IA et réfléchissent au résultat. Est-ce de l'art ? Ils découvrent également comment l'IA peut protéger notre patrimoine culturel."
- contact: ""
- teaser: "https://www.youtube.com/embed/dO-E33G20co"
+ contact: ''
+ teaser: 'https://www.youtube.com/embed/dO-E33G20co'
wegostem:
- title: "WeGoSTEM"
- sub_title: "Robots de dessin en classe"
- description: "Nous mettons au défi les enfants de la troisième année (enseignement primaire) de programmer un robot artistique capable de dessiner. Les enfants apprennent de manière ludique de nombreuses compétences STEM, de la technologie à la pensée informatique."
- contact: "Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org."
- teaser: "https://www.youtube.com/embed/tqSnpAKLsu8"
+ title: 'WeGoSTEM'
+ sub_title: 'Robots de dessin en classe'
+ description: 'Nous mettons au défi les enfants de la troisième année (enseignement primaire) de programmer un robot artistique capable de dessiner. Les enfants apprennent de manière ludique de nombreuses compétences STEM, de la technologie à la pensée informatique.'
+ contact: 'Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org.'
+ teaser: 'https://www.youtube.com/embed/tqSnpAKLsu8'
computational_thinking:
- title: "Pensée informatique"
- sub_title: "Pensée informatique en classe"
+ title: 'Pensée informatique'
+ sub_title: 'Pensée informatique en classe'
description: "Comment pouvons-nous résoudre des problèmes complexes à l'aide d'un ordinateur ? Grâce à la pensée informatique ! Vous pouvez apprendre cela grâce à diverses activités avec ou sans ordinateur. Nous vous aidons déjà à démarrer."
- contact: "Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org."
- teaser: "https://www.youtube.com/embed/tqSnpAKLsu8"
+ contact: 'Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org.'
+ teaser: 'https://www.youtube.com/embed/tqSnpAKLsu8'
curricula_files:
- - file_title: "Concepts et approches de la pensée informatique"
- file_info: "poster"
- file_location: "/assets/files/computational_thinking/CDposterDwengo2.png"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Explication des quatre concepts de la pensée informatique"
- file_info: "Présentation des quatre concepts de la pensée informatique : décomposition, reconnaissance de motifs, abstraction et algorithme. Vous pouvez télécharger le PDF > ouvrir > présenter avec CTRL-L et naviguer avec les touches fléchées."
- file_location: "/assets/files/computational_thinking/CD4concepten_33V3gBg.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Concepts et principes"
- file_info: "Aperçu"
- file_location: "/assets/files/computational_thinking/Icoontjes.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Activité sans ordinateur - Machine émotionnelle (tâche)"
- file_info: "Comment stimuler les émotions chez un robot ?"
- file_location: "/assets/files/computational_thinking/emotiemachine_gids.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Activité sans ordinateur - Machine émotionnelle"
- file_info: "Comment stimuler les émotions chez un robot ?"
- file_location: "/assets/files/computational_thinking/emotiemachine_gewoon_nl.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Activité sans ordinateur - Coloriage par numéro"
+ - file_title: 'Concepts et approches de la pensée informatique'
+ file_info: 'poster'
+ file_location: '/assets/files/computational_thinking/CDposterDwengo2.png'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Explication des quatre concepts de la pensée informatique'
+ file_info: 'Présentation des quatre concepts de la pensée informatique : décomposition, reconnaissance de motifs, abstraction et algorithme. Vous pouvez télécharger le PDF > ouvrir > présenter avec CTRL-L et naviguer avec les touches fléchées.'
+ file_location: '/assets/files/computational_thinking/CD4concepten_33V3gBg.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Concepts et principes'
+ file_info: 'Aperçu'
+ file_location: '/assets/files/computational_thinking/Icoontjes.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Activité sans ordinateur - Machine émotionnelle (tâche)'
+ file_info: 'Comment stimuler les émotions chez un robot ?'
+ file_location: '/assets/files/computational_thinking/emotiemachine_gids.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Activité sans ordinateur - Machine émotionnelle'
+ file_info: 'Comment stimuler les émotions chez un robot ?'
+ file_location: '/assets/files/computational_thinking/emotiemachine_gewoon_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Activité sans ordinateur - Coloriage par numéro'
file_info: "Les images peuvent être représentées de nombreuses manières. Dans ce casse-tête de coloriage par numéro, vous devez reconstruire une image en utilisant la liste donnée de numéros ; cette liste vous dit dans quelle couleur remplir chaque carré ('pixel')."
- file_location: "/assets/files/computational_thinking/kleurenopnummer1.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Activité sans ordinateur - Un réseau informatique humain"
+ file_location: '/assets/files/computational_thinking/kleurenopnummer1.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Activité sans ordinateur - Un réseau informatique humain'
file_info: "Dans cette activité, les élèves découvrent comment fonctionne le transfert de données sur Internet. Les ordinateurs, les smartphones et d'autres appareils connectés par Internet peuvent communiquer entre eux. Pour se comprendre, cette communication doit suivre certaines règles. Nous appelons ces règles un protocole."
- file_location: "/assets/files/computational_thinking/menselijkComputernetwerk.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Activité sans ordinateur - Compression"
+ file_location: '/assets/files/computational_thinking/menselijkComputernetwerk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Activité sans ordinateur - Compression'
file_info: "Pour envoyer des images sur des réseaux, nous voulons représenter l'information avec le moins de données possible. C'est là qu'intervient la compression. À l'aide d'algorithmes, les images sont représentées avec le moins de nombres possible, mais de manière à ce que vous puissiez récupérer la figure originale. D'autres algorithmes restaurent l'image d'origine une fois que l'information a atteint sa destination."
- file_location: "/assets/files/computational_thinking/puzzel-gecomprimeerdepixel11.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Activité sans ordinateur - Programmez un être humain"
+ file_location: '/assets/files/computational_thinking/puzzel-gecomprimeerdepixel11.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Activité sans ordinateur - Programmez un être humain'
file_info: "Les ordinateurs ne peuvent pas interpréter et exécutent donc littéralement chaque instruction que vous leur donnez. Le défi du programmeur consiste à résoudre des problèmes en les divisant en petites étapes exécutables par l'ordinateur, et à donner les instructions à l'ordinateur de la bonne manière."
- file_location: "/assets/files/computational_thinking/programmeerEensEenMens.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
- - file_title: "Activité sans ordinateur - Recherche de la parole"
+ file_location: '/assets/files/computational_thinking/programmeerEensEenMens.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
+ - file_title: 'Activité sans ordinateur - Recherche de la parole'
file_info: "Le locked-in syndrome est l'une des pires affections médicales. Vous êtes complètement paralysé, sauf peut-être que vous pouvez cligner des yeux. Votre esprit intelligent est emprisonné dans un corps inutile : vous pouvez tout ressentir, mais pas communiquer. Cela peut arriver à n'importe qui, sans avertissement, à la suite d'une attaque. Si vous voulez aider les personnes atteintes du locked-in syndrome, vaut-il mieux être médecin ou infirmier ? Ou un informaticien peut-il aussi aider ?"
- file_location: "/assets/files/computational_thinking/ZoektochtNaarSpraak.pdf"
- file_icon_name: "description"
- link_name: "Télécharger"
+ file_location: '/assets/files/computational_thinking/ZoektochtNaarSpraak.pdf'
+ file_icon_name: 'description'
+ link_name: 'Télécharger'
math_with_python:
- title: "Python dans le cours de mathématiques"
- sub_title: "Python en mathématiques"
+ title: 'Python dans le cours de mathématiques'
+ sub_title: 'Python en mathématiques'
description: "Le langage de programmation Python offre des possibilités intéressantes pour enrichir le cours de mathématiques. De la théorie de Pythagore à la création de graphiques personnalisés, en passant par le traitement d'images numériques et la régression linéaire, tout devient plus clair avec Python."
- contact: ""
- teaser: "https://www.youtube.com/embed/dO-E33G20co"
+ contact: ''
+ teaser: 'https://www.youtube.com/embed/dO-E33G20co'
python_programming:
- title: "Programmation avec Python"
- sub_title: "Programmation de base en Python"
+ title: 'Programmation avec Python'
+ sub_title: 'Programmation de base en Python'
description: "Apprendre les principes de base de la programmation ? C'est possible avec ce programme. Nous utilisons Python et apprenons tout sur les séquences, les structures de répétition et les structures de choix. C'est exactement ce qui est stipulé dans les objectifs finaux. Et plus encore !"
- contact: "Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org."
- teaser: "https://www.youtube.com/embed/tqSnpAKLsu8"
+ contact: 'Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org.'
+ teaser: 'https://www.youtube.com/embed/tqSnpAKLsu8'
physical_computing:
- title: "Informatique physique"
- sub_title: "Programmer des robots en classe"
+ title: 'Informatique physique'
+ sub_title: 'Programmer des robots en classe'
description: "Construire un instrument de musique, une voiture ou une station météorologique ? C'est possible avec Dwenguino, une plateforme de microcontrôleurs avec son propre environnement de programmation. Les élèves du primaire et du secondaire peuvent commencer à l'utiliser immédiatement. En vrai ou dans notre simulateur, en mode blocs ou textuel."
- contact: "Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org."
- teaser: "https://www.youtube.com/embed/tqSnpAKLsu8"
+ contact: 'Des questions ? Contactez-nous via team@aiopschool.be. La presse peut contacter Francis Wyffels via Francis@dwengo.org.'
+ teaser: 'https://www.youtube.com/embed/tqSnpAKLsu8'
curricula_files:
- - file_title: "Bouw jouw eigen robot"
- file_info: "Construisez votre propre robot de conduite."
- file_location: "/assets/files/physical_computing/bouwjouweigenrobot.pdf"
- file_icon_name: "link"
- link_name: "Download"
+ - file_title: 'Bouw jouw eigen robot'
+ file_info: 'Construisez votre propre robot de conduite.'
+ file_location: '/assets/files/physical_computing/bouwjouweigenrobot.pdf'
+ file_icon_name: 'link'
+ link_name: 'Download'
diff --git a/backend/_i18n/nl.yml b/backend/_i18n/nl.yml
index c72b0372..3a29c50a 100644
--- a/backend/_i18n/nl.yml
+++ b/backend/_i18n/nl.yml
@@ -10,7 +10,7 @@ strengths:
research_based_text: Alle lespakketten van Dwengo vzw zijn gebaseerd op gedegen wetenschappelijk onderzoek.
inclusive_text: We richten ons op alle kinderen en jongeren met een specifieke aandacht voor het evenwicht tussen meisjes en jongens en leerlingen uit kansengroepen.
socially_relevant_text: We zoeken projecten uit die passen binnen de actualiteit en maatschappelijke thema's.
- summary: ""
+ summary: ''
main: Al onze pakketten zijn gebruiksvriendelijk, maatschappelijk relevant, wetenschappelijk onderbouwd, én inclusief. Leerkrachten over de hele wereld gingen hiermee reeds aan de slag. Jij ook? Verken de lesthema's op onze website!
quote:
text: Je maakt iets praktisch, je leert werken met hardware en je kan zelf iets nieuws creëren.
@@ -25,357 +25,357 @@ curricula_page:
algorithms:
title: Algoritmes
sub_title: Algoritmes
- description: "Leerlingen uit de tweede en de derde graad (SO) leren hoe ze algoritmes kunnen gebruiken om problemen op te lossen. Ze leren hoe ze algoritmes kunnen ontwerpen en hoe ze de efficiëntie van algoritmes kunnen analyseren. Ze leren ook hoe ze algoritmes kunnen gebruiken om problemen op te lossen."
- contact: ""
+ description: 'Leerlingen uit de tweede en de derde graad (SO) leren hoe ze algoritmes kunnen gebruiken om problemen op te lossen. Ze leren hoe ze algoritmes kunnen ontwerpen en hoe ze de efficiëntie van algoritmes kunnen analyseren. Ze leren ook hoe ze algoritmes kunnen gebruiken om problemen op te lossen.'
+ contact: ''
basics_ai:
title: Basisprincipes van AI
sub_title: Basisprincipes van AI
- description: "Onder dit lesthema bundelen we verschillende activiteiten waarin de basisprincipes van artificiële intelligentie (AI) aan bod komen. Leerlingen leren wat AI is, hoe het werkt en hoe het kan worden toegepast in verschillende domeinen."
- contact: ""
+ description: 'Onder dit lesthema bundelen we verschillende activiteiten waarin de basisprincipes van artificiële intelligentie (AI) aan bod komen. Leerlingen leren wat AI is, hoe het werkt en hoe het kan worden toegepast in verschillende domeinen.'
+ contact: ''
kiks:
title: AI en Klimaat
sub_title: KIKS
- description: "Leerlingen uit de derde graad (SO) onderzoeken hoe planten zich via hun huidmondjes aanpassen aan de klimaatverandering. Daarvoor tellen ze deze huidmondjes met artificiële intelligentie en beeldherkenning."
- contact: ""
+ description: 'Leerlingen uit de derde graad (SO) onderzoeken hoe planten zich via hun huidmondjes aanpassen aan de klimaatverandering. Daarvoor tellen ze deze huidmondjes met artificiële intelligentie en beeldherkenning.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
curricula_files:
- - file_title: "Projectfiche KIKS"
- file_info: "Dit is een kort overzicht van het KIKS-project met projectstructuur- en kenmerken."
- file_location: "/assets/files/kiks/projectfiche_kiks.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "De handleiding - ook verkrijgbaar in gedrukte versie"
- file_info: "We willen de leerkrachten achtergrondkennis geven over de inhoud van dit project: de klimaatverandering, de biologie van de huidmondjes en de manier waarop planten zich via de huidmondjes aan die klimaatverandering aanpassen, het wetenschappelijk onderzoek van de UGent en de Plantentuin Meise dat aan de grondslag ligt van dit project, burgerwetenschap, wat is artificiële intelligentie (AI), de geschiedenis van AI, het gebruik ervan en de ethiek errond, de principes van digitale beelden, de wiskunde achter de algoritmen en de fundamenten van de momenteel meest gebruikte AI-technieken. We geven ook aan hoe wij met KIKS aan de slag gegaan zijn in de klas."
- file_location: "/assets/files/kiks/KIKS_handleiding_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Een leerlingencursus"
- file_info: "Met de leerlingencursus geven we een voorbeeld van een mogelijk, uitgebreid traject dat een leerkracht met leerlingen kan doorlopen. Het traject omvat de klimaatverandering, de biologie van de huidmondjes met een microscopie-opdracht, de manier waarop planten zich via de huidmondjes aan die klimaatverandering aanpassen, het wetenschappelijk onderzoek van de UGent en de Plantentuin Meise, het verzamelen van de data om een neuraal netwerk te trainen, wat is artificiële intelligentie (AI), de geschiedenis van AI, het gebruik ervan en de ethiek errond, de principes van digitale beelden, het werken met convoluties, de wiskunde achter het Perceptron-algoritme, het lineaire en niet-lineaire classificeren van data, en de fundamenten van machinaal leren."
- file_location: "/assets/files/kiks/KIKS_leerlingencursus_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "De leerplandoelen"
+ - file_title: 'Projectfiche KIKS'
+ file_info: 'Dit is een kort overzicht van het KIKS-project met projectstructuur- en kenmerken.'
+ file_location: '/assets/files/kiks/projectfiche_kiks.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'De handleiding - ook verkrijgbaar in gedrukte versie'
+ file_info: 'We willen de leerkrachten achtergrondkennis geven over de inhoud van dit project: de klimaatverandering, de biologie van de huidmondjes en de manier waarop planten zich via de huidmondjes aan die klimaatverandering aanpassen, het wetenschappelijk onderzoek van de UGent en de Plantentuin Meise dat aan de grondslag ligt van dit project, burgerwetenschap, wat is artificiële intelligentie (AI), de geschiedenis van AI, het gebruik ervan en de ethiek errond, de principes van digitale beelden, de wiskunde achter de algoritmen en de fundamenten van de momenteel meest gebruikte AI-technieken. We geven ook aan hoe wij met KIKS aan de slag gegaan zijn in de klas.'
+ file_location: '/assets/files/kiks/KIKS_handleiding_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Een leerlingencursus'
+ file_info: 'Met de leerlingencursus geven we een voorbeeld van een mogelijk, uitgebreid traject dat een leerkracht met leerlingen kan doorlopen. Het traject omvat de klimaatverandering, de biologie van de huidmondjes met een microscopie-opdracht, de manier waarop planten zich via de huidmondjes aan die klimaatverandering aanpassen, het wetenschappelijk onderzoek van de UGent en de Plantentuin Meise, het verzamelen van de data om een neuraal netwerk te trainen, wat is artificiële intelligentie (AI), de geschiedenis van AI, het gebruik ervan en de ethiek errond, de principes van digitale beelden, het werken met convoluties, de wiskunde achter het Perceptron-algoritme, het lineaire en niet-lineaire classificeren van data, en de fundamenten van machinaal leren.'
+ file_location: '/assets/files/kiks/KIKS_leerlingencursus_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'De leerplandoelen'
file_info: "Binnen het KIKS-project kunnen behoorlijk veel leerdoelen aan bod komen. De leerkracht bepaalt zelf welke leerdoelen in verband gebracht worden met het project. Bovendien biedt het project heel wat mogelijkheden om de leerlingen actief en zelfstandig te laten leren en om ICT-vaardigheden bij te brengen. KIKS kan ook gebruikt worden om een onderzoeksopdracht uit te werken.\n In de minimumdoelen en leerplannen van de verschillende koepels zijn heel wat leerdoelen te vinden die KIKS linken met biologie, aardrijkskunde en wiskunde."
- file_location: "/assets/files/kiks/Leerdoelen-KIKS.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Het maken van een nagellakafdruk van een deel van een blad"
+ file_location: '/assets/files/kiks/Leerdoelen-KIKS.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Het maken van een nagellakafdruk van een deel van een blad'
file_info: "Om het aantal huidmondjes op een deel van een blad van een plant te kennen, bekijken we het bladoppervlak onder de microscoop. We kunnen daarvoor een stuk van de flinterdunne cuticula van het blad verwijderen, maar bij sommige planten lukt dat niet zo goed, bijvoorbeeld door de stugheid van het blad.\nDit kan echter opgevangen worden door dezelfde methode te gebruiken als de onderzoekers van de Plantentuin Meise, nl. een afdruk nemen van een deel van het bladoppervlak met doorzichtige nagellak.\nHet miscroscopische beeld kan met een smartphone gefotografeerd worden."
- file_location: "https://www.youtube.com/watch?v=JptF3jhOV5k"
- file_icon_name: "play_arrow"
- link_name: "Kijk"
+ file_location: 'https://www.youtube.com/watch?v=JptF3jhOV5k'
+ file_icon_name: 'play_arrow'
+ link_name: 'Kijk'
socialrobot:
title: Sociale robot
sub_title: Robotica in de klas
- description: "Terwijl leerlingen uit de eerste graad (SO) een sociale robot knutselen en programmeren, leren ze complexe problemen oplossen via computationeel denken. Spelenderwijs werken ze aan de nieuwe eindtermen rond digitale competenties."
+ description: 'Terwijl leerlingen uit de eerste graad (SO) een sociale robot knutselen en programmeren, leren ze complexe problemen oplossen via computationeel denken. Spelenderwijs werken ze aan de nieuwe eindtermen rond digitale competenties.'
contact: Vragen? Contacteer ons via team@aiopschool.be. De pers kan contact opnemen met Francis wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Projectfiche Sociale Robot"
+ - file_title: 'Projectfiche Sociale Robot'
file_info: "Dit is een kort overzicht van het 'Sociale Robot'-project met projectstructuur en -kenmerken."
- file_location: "/assets/files/socialrobot/projectfiche_socialerobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Collage sociale robots"
- file_info: "De robots op deze foto zijn realisaties van leerlingen van de eerste graad van het secundair onderwijs of zijn prototypes."
- file_location: "/assets/files/socialrobot/collage.png"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/socialrobot/projectfiche_socialerobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Collage sociale robots'
+ file_info: 'De robots op deze foto zijn realisaties van leerlingen van de eerste graad van het secundair onderwijs of zijn prototypes.'
+ file_location: '/assets/files/socialrobot/collage.png'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Constructiekit voor 'Sociale Robot'-project"
- file_info: "Wil jij dat jouw leerlingen ook een sociale robot ontwerpen en bouwen? Dat kan via de constructiekit van Dwengo vzw. Op de figuur ontdek je de huidige samenstelling van de constructiekit. Geïnteresseerd? Contacteer ons via e-mail, bekijk de kit in de shop, of vind meer informatie op deze projectpagina."
- file_location: "/assets/files/socialrobot/constructiekit_socialerobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Van project naar minimumdoelen eerste graad A-stroom"
+ file_info: 'Wil jij dat jouw leerlingen ook een sociale robot ontwerpen en bouwen? Dat kan via de constructiekit van Dwengo vzw. Op de figuur ontdek je de huidige samenstelling van de constructiekit. Geïnteresseerd? Contacteer ons via e-mail, bekijk de kit in de shop, of vind meer informatie op deze projectpagina.'
+ file_location: '/assets/files/socialrobot/constructiekit_socialerobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Van project naar minimumdoelen eerste graad A-stroom'
file_info: "De minimumdoelen waaraan gewerkt kan worden, worden gelinkt aan de verschillende fasen van het 'Sociale Robot'-project."
- file_location: "/assets/files/socialrobot/MinimumdoelenA-stroomSocialeRobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Van project naar minimumdoelen eerste graad B-stroom"
+ file_location: '/assets/files/socialrobot/MinimumdoelenA-stroomSocialeRobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Van project naar minimumdoelen eerste graad B-stroom'
file_info: "De minimumdoelen waaraan gewerkt kan worden, worden gelinkt aan de verschillende fasen van het 'Sociale Robot'-project."
- file_location: "/assets/files/socialrobot/minimumdoelenBstroomsocialerobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Van project naar minimumdoelen tweede graad"
+ file_location: '/assets/files/socialrobot/minimumdoelenBstroomsocialerobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Van project naar minimumdoelen tweede graad'
file_info: "De minimumdoelen waaraan gewerkt kan worden, worden gelinkt aan de verschillende fasen van het 'Sociale Robot'-project."
- file_location: "/assets/files/socialrobot/minimumdoelentweedegraadsocialerobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotiemachine (onvolledig) - Computationeel denken (unplugged activiteit)"
- file_info: "Unplugged activiteit"
- file_location: "/assets/files/socialrobot/emotiemachine_gewoon_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotiemachine (opdracht) - Computationeel denken (unplugged activiteit)"
- file_info: "Unplugged activiteit"
- file_location: "/assets/files/socialrobot/emotiemachine_gids.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotiemachine (volledig) - Computationeel denken (unplugged activiteit)"
- file_info: "Unplugged activiteit"
- file_location: "/assets/files/socialrobot/emotiemachine_ingevuld_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Emotiemachine met ledmatrix - Computationeel denken (unplugged activiteit)"
- file_info: "Unplugged activiteit"
- file_location: "/assets/files/socialrobot/emotiemachine_matrices_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Ficheboekje voor leerkrachten"
- file_info: "De gebundelde fiches waarin het gebruik van de Dwenguino en van de sensoren en actuatoren uit de doeken wordt gedaan."
- file_location: "/assets/files/socialrobot/ficheboekje_lkr.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Fiches voor de leerlingen"
- file_info: "In deze fiches wordt het gebruik van de Dwenguino en van de sensoren en actuatoren uit de doeken gedaan."
- file_location: "/assets/files/socialrobot/fiches_lln.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Maak een gezicht - Computationeel denken (unplugged activiteit)"
- file_info: "Unplugged activiteit"
- file_location: "/assets/files/socialrobot/maakeengezicht_activiteit.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Opgaven van opdrachten in de MOOC"
- file_info: "Een overzicht van de programmeeroefeningen in de MOOC"
- file_location: "/assets/files/socialrobot/Opgaven_MOOC.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/socialrobot/minimumdoelentweedegraadsocialerobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotiemachine (onvolledig) - Computationeel denken (unplugged activiteit)'
+ file_info: 'Unplugged activiteit'
+ file_location: '/assets/files/socialrobot/emotiemachine_gewoon_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotiemachine (opdracht) - Computationeel denken (unplugged activiteit)'
+ file_info: 'Unplugged activiteit'
+ file_location: '/assets/files/socialrobot/emotiemachine_gids.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotiemachine (volledig) - Computationeel denken (unplugged activiteit)'
+ file_info: 'Unplugged activiteit'
+ file_location: '/assets/files/socialrobot/emotiemachine_ingevuld_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Emotiemachine met ledmatrix - Computationeel denken (unplugged activiteit)'
+ file_info: 'Unplugged activiteit'
+ file_location: '/assets/files/socialrobot/emotiemachine_matrices_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Ficheboekje voor leerkrachten'
+ file_info: 'De gebundelde fiches waarin het gebruik van de Dwenguino en van de sensoren en actuatoren uit de doeken wordt gedaan.'
+ file_location: '/assets/files/socialrobot/ficheboekje_lkr.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Fiches voor de leerlingen'
+ file_info: 'In deze fiches wordt het gebruik van de Dwenguino en van de sensoren en actuatoren uit de doeken gedaan.'
+ file_location: '/assets/files/socialrobot/fiches_lln.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Maak een gezicht - Computationeel denken (unplugged activiteit)'
+ file_info: 'Unplugged activiteit'
+ file_location: '/assets/files/socialrobot/maakeengezicht_activiteit.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Opgaven van opdrachten in de MOOC'
+ file_info: 'Een overzicht van de programmeeroefeningen in de MOOC'
+ file_location: '/assets/files/socialrobot/Opgaven_MOOC.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Poster 'Sociale Robot'-project"
- file_info: "De poster geeft de verschillende aspecten van het project weer."
- file_location: "/assets/files/socialrobot/posterSocialeRobot_nl_Qo4ANmV.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_info: 'De poster geeft de verschillende aspecten van het project weer.'
+ file_location: '/assets/files/socialrobot/posterSocialeRobot_nl_Qo4ANmV.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Handleiding 'Hallo robot!'"
- file_info: "Met dit lesboekje breng je je eigen sociale robot tot leven."
- file_location: "/assets/files/socialrobot/handleiding_hallo_robot.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_info: 'Met dit lesboekje breng je je eigen sociale robot tot leven.'
+ file_location: '/assets/files/socialrobot/handleiding_hallo_robot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
agriculture:
title: AI in de Landbouw
sub_title: AI in de landbouw
- description: "Rotte tomaten weghalen tijdens de oogst? Daar kan artificiële intelligentie bij helpen. Maar hoe? Leerlingen uit de tweede en derde graad (SO) gaan met AI aan de slag. Misschien kan een trillende lopende band het systeem nog beter maken?"
+ description: 'Rotte tomaten weghalen tijdens de oogst? Daar kan artificiële intelligentie bij helpen. Maar hoe? Leerlingen uit de tweede en derde graad (SO) gaan met AI aan de slag. Misschien kan een trillende lopende band het systeem nog beter maken?'
contact: Vragen? Contacteer ons via team@aiopschool.be. De pers kan contact opnemen met Francis wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Ontwerp"
- file_info: "Ontwerp van de lopende band"
- file_location: "/assets/files/art/Transportband_InnoVET_RCH.zip"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "De lopende band"
- file_info: "Video van de detectie van tomaten"
- file_location: "https://www.youtube.com/watch?v=6TSqY4ECMU04"
- file_icon_name: "play_arrow"
- link_name: "Kijk"
+ - file_title: 'Ontwerp'
+ file_info: 'Ontwerp van de lopende band'
+ file_location: '/assets/files/art/Transportband_InnoVET_RCH.zip'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'De lopende band'
+ file_info: 'Video van de detectie van tomaten'
+ file_location: 'https://www.youtube.com/watch?v=6TSqY4ECMU04'
+ file_icon_name: 'play_arrow'
+ link_name: 'Kijk'
art:
title: AI in de Kunst
sub_title: Tekenrobots in de klas
- description: "Kunnen we kunst maken met artificiële intelligentie? Leerlingen uit de tweede en derde graad (SO) leven zich creatief uit met AI en reflecteren over het resultaat. Is dit kunst? Ook ontdekken ze hoe AI ons cultureel erfgoed kan beschermen."
- contact: ""
+ description: 'Kunnen we kunst maken met artificiële intelligentie? Leerlingen uit de tweede en derde graad (SO) leven zich creatief uit met AI en reflecteren over het resultaat. Is dit kunst? Ook ontdekken ze hoe AI ons cultureel erfgoed kan beschermen.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
wegostem:
title: WeGoSTEM
sub_title: Tekenrobots in de klas
- description: "We dagen kinderen van de derde graad (BO) uit om een kunstrobot die kan tekenen te programmeren. Spelenderwijs leren de kinderen heel wat STEM-vaardigheden, van techniek tot computationeel denken."
+ description: 'We dagen kinderen van de derde graad (BO) uit om een kunstrobot die kan tekenen te programmeren. Spelenderwijs leren de kinderen heel wat STEM-vaardigheden, van techniek tot computationeel denken.'
contact: Vragen? Contacteer ons via team@aiopschool.be. De pers kan contact opnemen met Francis wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
computational_thinking:
title: Computationeel denken
sub_title: Computationeel denken in de klas
- description: "Hoe kunnen we complexe problemen oplossen met behulp van een computer? Dankzij computationeel denken! Dat kan je leren via allerlei activiteiten met óf zonder computer. Wij helpen je alvast op weg."
+ description: 'Hoe kunnen we complexe problemen oplossen met behulp van een computer? Dankzij computationeel denken! Dat kan je leren via allerlei activiteiten met óf zonder computer. Wij helpen je alvast op weg.'
contact: Vragen? Contacteer ons via team@aiopschool.be. De pers kan contact opnemen met Francis wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Computationeel denken en programmeren in een STEM context"
- file_info: "Informatievideo over het project"
- file_location: "https://www.youtube.com/watch?v=Nifa0vooyKg"
- file_icon_name: "play_arrow"
- link_name: "Kijk"
- - file_title: "Concepten en aanpak computationeel denken"
- file_info: "Poster"
- file_location: "/assets/files/computational_thinking/CDposterDwengo2.png"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Vier concepten van Computationeel denken uitgelegd"
- file_info: "Presentatie over vier concepten van computationeel denken: decompositie, patroonherkenning, abstractie en algoritme. Je kan de pdf downloaden > openen > presenteren via CTRL-L en navigeren met de pijltjestoetsen."
- file_location: "/assets/files/computational_thinking/CD4concepten_33V3gBg.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Concepten en principes"
- file_info: "Overzicht"
- file_location: "/assets/files/computational_thinking/Icoontjes.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged activiteit - Emotiemachine (opdracht)"
- file_info: "Hoe kan je emoties stimuleren bij een robot?"
- file_location: "/assets/files/computational_thinking/emotiemachine_gids.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged activiteit - Emotiemachine"
- file_info: "Hoe kan je emoties stimuleren bij een robot?"
- file_location: "/assets/files/computational_thinking/emotiemachine_gewoon_nl.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged activiteit - Kleuren op nummer"
- file_info: "Afbeeldingen kunnen op veel manieren worden gerepresenteerd. In deze kleuren op nummer puzzel moet je een afbeelding reconstrueren, gebruikmakend van de gegeven lijst van nummers; deze lijst vertelt je in welke kleur je elk vierkant (‘pixel’) inkleurt."
- file_location: "/assets/files/computational_thinking/kleurenopnummer1.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged activiteit - Een menselijk computernetwerk"
- file_info: "In deze activiteit maken de leerlingen kennis met hoe overdracht van gegevens over het internet werkt. Computers, smartphones en andere toestellen die met elkaar verbonden zijn via het internet, kunnen met elkaar communiceren. Om elkaar te kunnen begrijpen, dient die communicatie volgens bepaalde afspraken te verlopen. We noemen deze afspraken een protocol."
- file_location: "/assets/files/computational_thinking/menselijkComputernetwerk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged activiteit - Comprimeren"
- file_info: "Om afbeeldingen te verzenden over netwerken, willen we de informatie met zo weinig mogelijk data representeren. Daar komt compressie aan te pas. Met behulp van algoritmes worden afbeeldingen met zo weinig mogelijk getallen gerepresenteerd, maar wel op zo’n manier dat je de oorspronkelijke figuur nog kunt terugkrijgen. Andere algoritmes herstellen de oorspronkelijke afbeelding als de informatie de bestemming bereikt heeft."
- file_location: "/assets/files/computational_thinking/puzzel-gecomprimeerdepixel11.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged activiteit - Programmeer eens een mens"
- file_info: "Computers kunnen niet interpreteren en voeren dus letterlijk iedere instructie uit die je ze geeft. De uitdaging van de programmeur bestaat erin problemen op te lossen door ze op te delen in kleine stappen die uitvoerbaar zijn door de computer, en de instructies op de juiste manier aan de computer te geven."
- file_location: "/assets/files/computational_thinking/programmeerEensEenMens.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Unplugged activiteit - Zoektocht naar spraak"
- file_info: "Het locked-in syndroom is een van de ergste medische aandoeningen. Je bent volledig verlamd, behalve dat je misschien nog kunt knipperen met een oog. Je intelligente geest zit opgesloten in een nutteloos lichaam: je kan alles voelen, maar niet communiceren. Het kan iedereen overkomen, uit het niets, als gevolg van een beroerte. Als je mensen met het locked-in syndroom zou willen helpen, word je dan best arts of verpleegkundige? Of kan je als computerwetenschapper ook helpen?"
- file_location: "/assets/files/computational_thinking/ZoektochtNaarSpraak.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ - file_title: 'Computationeel denken en programmeren in een STEM context'
+ file_info: 'Informatievideo over het project'
+ file_location: 'https://www.youtube.com/watch?v=Nifa0vooyKg'
+ file_icon_name: 'play_arrow'
+ link_name: 'Kijk'
+ - file_title: 'Concepten en aanpak computationeel denken'
+ file_info: 'Poster'
+ file_location: '/assets/files/computational_thinking/CDposterDwengo2.png'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Vier concepten van Computationeel denken uitgelegd'
+ file_info: 'Presentatie over vier concepten van computationeel denken: decompositie, patroonherkenning, abstractie en algoritme. Je kan de pdf downloaden > openen > presenteren via CTRL-L en navigeren met de pijltjestoetsen.'
+ file_location: '/assets/files/computational_thinking/CD4concepten_33V3gBg.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Concepten en principes'
+ file_info: 'Overzicht'
+ file_location: '/assets/files/computational_thinking/Icoontjes.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged activiteit - Emotiemachine (opdracht)'
+ file_info: 'Hoe kan je emoties stimuleren bij een robot?'
+ file_location: '/assets/files/computational_thinking/emotiemachine_gids.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged activiteit - Emotiemachine'
+ file_info: 'Hoe kan je emoties stimuleren bij een robot?'
+ file_location: '/assets/files/computational_thinking/emotiemachine_gewoon_nl.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged activiteit - Kleuren op nummer'
+ file_info: 'Afbeeldingen kunnen op veel manieren worden gerepresenteerd. In deze kleuren op nummer puzzel moet je een afbeelding reconstrueren, gebruikmakend van de gegeven lijst van nummers; deze lijst vertelt je in welke kleur je elk vierkant (‘pixel’) inkleurt.'
+ file_location: '/assets/files/computational_thinking/kleurenopnummer1.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged activiteit - Een menselijk computernetwerk'
+ file_info: 'In deze activiteit maken de leerlingen kennis met hoe overdracht van gegevens over het internet werkt. Computers, smartphones en andere toestellen die met elkaar verbonden zijn via het internet, kunnen met elkaar communiceren. Om elkaar te kunnen begrijpen, dient die communicatie volgens bepaalde afspraken te verlopen. We noemen deze afspraken een protocol.'
+ file_location: '/assets/files/computational_thinking/menselijkComputernetwerk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged activiteit - Comprimeren'
+ file_info: 'Om afbeeldingen te verzenden over netwerken, willen we de informatie met zo weinig mogelijk data representeren. Daar komt compressie aan te pas. Met behulp van algoritmes worden afbeeldingen met zo weinig mogelijk getallen gerepresenteerd, maar wel op zo’n manier dat je de oorspronkelijke figuur nog kunt terugkrijgen. Andere algoritmes herstellen de oorspronkelijke afbeelding als de informatie de bestemming bereikt heeft.'
+ file_location: '/assets/files/computational_thinking/puzzel-gecomprimeerdepixel11.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged activiteit - Programmeer eens een mens'
+ file_info: 'Computers kunnen niet interpreteren en voeren dus letterlijk iedere instructie uit die je ze geeft. De uitdaging van de programmeur bestaat erin problemen op te lossen door ze op te delen in kleine stappen die uitvoerbaar zijn door de computer, en de instructies op de juiste manier aan de computer te geven.'
+ file_location: '/assets/files/computational_thinking/programmeerEensEenMens.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Unplugged activiteit - Zoektocht naar spraak'
+ file_info: 'Het locked-in syndroom is een van de ergste medische aandoeningen. Je bent volledig verlamd, behalve dat je misschien nog kunt knipperen met een oog. Je intelligente geest zit opgesloten in een nutteloos lichaam: je kan alles voelen, maar niet communiceren. Het kan iedereen overkomen, uit het niets, als gevolg van een beroerte. Als je mensen met het locked-in syndroom zou willen helpen, word je dan best arts of verpleegkundige? Of kan je als computerwetenschapper ook helpen?'
+ file_location: '/assets/files/computational_thinking/ZoektochtNaarSpraak.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
math_with_python:
title: Python in de Wiskundeles
sub_title: Python in wiskunde
- description: "De programmeertaal Python biedt toffe mogelijkheden om de wiskundeles te verrijken. Van de stelling van Pythagoras tot de opmaak van eigen grafieken, digitale beeldverwerking en lineaire regressie, alles wordt duidelijker met Python."
- contact: ""
+ description: 'De programmeertaal Python biedt toffe mogelijkheden om de wiskundeles te verrijken. Van de stelling van Pythagoras tot de opmaak van eigen grafieken, digitale beeldverwerking en lineaire regressie, alles wordt duidelijker met Python.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
python_programming:
title: Programmeren met Python
sub_title: Basis programmeren in Python
- description: "De basisprincipes van programmeren aanleren? Dat kan perfect via dit pakket. We gaan aan de slag met Python en leren alles over sequenties, herhalingsstructuur en keuzestructuur. Dat is precies wat er in de eindtermen staat. En meer!"
+ description: 'De basisprincipes van programmeren aanleren? Dat kan perfect via dit pakket. We gaan aan de slag met Python en leren alles over sequenties, herhalingsstructuur en keuzestructuur. Dat is precies wat er in de eindtermen staat. En meer!'
contact: Vragen? Contacteer ons via team@aiopschool.be. De pers kan contact opnemen met Francis wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
stem:
title: Python in STEM
sub_title: Datavisualisaties met Python
- description: "In dit pakket leer je complexe problemen eenvoudiger én sneller aanpakken met de programmeertaal Python. Programmeren kan immers een verbindende rol spelen tussen wetenschap, techniek, ontwerp en toegepaste wiskunde. Kortom, dankzij Python halen we het beste uit STEM."
+ description: 'In dit pakket leer je complexe problemen eenvoudiger én sneller aanpakken met de programmeertaal Python. Programmeren kan immers een verbindende rol spelen tussen wetenschap, techniek, ontwerp en toegepaste wiskunde. Kortom, dankzij Python halen we het beste uit STEM.'
contact: Vragen? Contacteer ons via team@aiopschool.be. De pers kan contact opnemen met Francis wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
care:
title: AI in de Zorg
sub_title: AI systemen die helpen in de zorg
- description: "Ziekenhuizen maken vandaag al gebruik van artificiële intelligentie. Leerlingen uit de tweede en derde graad (SO) ontdekken welke systemen er bestaan en hoe ze dokters helpen om beslissingen te nemen. Zo leren leerlingen de principes van de beslissingsboom, een veelgebruikte techniek in machine learning."
- contact: ""
+ description: 'Ziekenhuizen maken vandaag al gebruik van artificiële intelligentie. Leerlingen uit de tweede en derde graad (SO) ontdekken welke systemen er bestaan en hoe ze dokters helpen om beslissingen te nemen. Zo leren leerlingen de principes van de beslissingsboom, een veelgebruikte techniek in machine learning.'
+ contact: ''
teaser: https://www.youtube.com/embed/dO-E33G20co
curricula_files:
- - file_title: "Projectfiche AI in de Zorg"
- file_info: "Dit is een kort overzicht van project AI in de Zorg met projectstructuur- en kenmerken."
- file_location: "/assets/files/care/projectfiche_aiindezorg.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Sprouts"
+ - file_title: 'Projectfiche AI in de Zorg'
+ file_info: 'Dit is een kort overzicht van project AI in de Zorg met projectstructuur- en kenmerken.'
+ file_location: '/assets/files/care/projectfiche_aiindezorg.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Sprouts'
file_info: "Een spel ter inleiding op 'Grafen'."
- file_location: "/assets/files/care/Sprouts.mov"
- file_icon_name: "play_arrow"
- link_name: "Download"
- - file_title: "Uitleg bij oefeningen grafen uit de leerlingencursus"
- file_info: "Welke figuren stellen er dezelfde graaf voor? Een meer formele werkwijze."
- file_location: "/assets/files/care/dezelfdegraafFormeel.mov"
- file_icon_name: "play_arrow"
- link_name: "Download"
- - file_title: "Uitleg bij oefeningen grafen uit de leerlingencursus"
- file_info: "Welke figuren stellen er dezelfde graaf voor? Een werkwijze met kleuren."
- file_location: "/assets/files/care/dezelfdeGraaf.mov"
- file_icon_name: "play_arrow"
- link_name: "Download"
- - file_title: "De leerlingencursus - Finaliteit Doorstroom"
- file_info: "Leerlingencursus"
- file_location: "/assets/files/care/AIindeZorg_doorstroom_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Kaartenset (unplugged activiteit) - Ook verkrijgbaar in gedrukte versie"
- file_info: "Aan de hand van deze kaartenset kan je de leerlingen laten stilstaan bij de ethische aspecten van nieuwe technologieën. Hoe zit het met privacy? Komen de sociale contacten niet in het gedrang? Welke technologieën worden met open armen ontvangen? Wat is niet wenselijk? Zijn de nieuwe technologieën voor iedereen betaalbaar?"
- file_location: "/assets/files/care/Kaartset_AIIndeZorg_AIOpSchool_Dwengo.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Handleiding kaartenset"
- file_info: "Deze handleiding voorziet extra uitleg bij de kaartenset."
- file_location: "/assets/files/care/AIIndeZorgKaartenset_UitlegVoorLeerkracht.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/care/Sprouts.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Download'
+ - file_title: 'Uitleg bij oefeningen grafen uit de leerlingencursus'
+ file_info: 'Welke figuren stellen er dezelfde graaf voor? Een meer formele werkwijze.'
+ file_location: '/assets/files/care/dezelfdegraafFormeel.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Download'
+ - file_title: 'Uitleg bij oefeningen grafen uit de leerlingencursus'
+ file_info: 'Welke figuren stellen er dezelfde graaf voor? Een werkwijze met kleuren.'
+ file_location: '/assets/files/care/dezelfdeGraaf.mov'
+ file_icon_name: 'play_arrow'
+ link_name: 'Download'
+ - file_title: 'De leerlingencursus - Finaliteit Doorstroom'
+ file_info: 'Leerlingencursus'
+ file_location: '/assets/files/care/AIindeZorg_doorstroom_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Kaartenset (unplugged activiteit) - Ook verkrijgbaar in gedrukte versie'
+ file_info: 'Aan de hand van deze kaartenset kan je de leerlingen laten stilstaan bij de ethische aspecten van nieuwe technologieën. Hoe zit het met privacy? Komen de sociale contacten niet in het gedrang? Welke technologieën worden met open armen ontvangen? Wat is niet wenselijk? Zijn de nieuwe technologieën voor iedereen betaalbaar?'
+ file_location: '/assets/files/care/Kaartset_AIIndeZorg_AIOpSchool_Dwengo.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Handleiding kaartenset'
+ file_info: 'Deze handleiding voorziet extra uitleg bij de kaartenset.'
+ file_location: '/assets/files/care/AIIndeZorgKaartenset_UitlegVoorLeerkracht.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Beslissingsboom 'mBrAIn'-project in niet-compacte vorm"
file_info: "In het onderzoeksproject 'mBrain', dat de ontwikkeling van een app die een migraineaanval voorspelt, als doel heeft, werd een beslissingsboom geconstrueerd. Met deze beslissingsboom wordt een probleem van binaire classificatie aangepakt: er zijn slechts twee klassen: ‘Migraine’ en ‘Geen migraine’. (Bronnen: Femke Ongenae. (2021), UGent; Van Hoecke, S., Ongenae, F., Paemeleire, K., & Vandenbussche, N. (2020). App moet hoofdpijn voorspellen. EOS Wetenschap Special, Technologie en gezondheid, 25.) Wij hebben de vorm van deze beslissingsboom omgevormd tot een binaire beslissingsboom om aan te tonen dat deze vorm niet altijd gebruiksvriendelijk is. Voor meer uitleg zie hoofdstuk 4 van de leerlingencursus van dit project."
- file_location: "/assets/files/care/MBrainBeslissingsboom.png"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Zoektocht naar spraak - Computationeel denken (unplugged activiteit)"
- file_info: "Het locked-in syndroom is een van de ergste medische aandoeningen. Je bent volledig verlamd, behalve dat je misschien nog kunt knipperen met een oog. Je intelligente geest zit opgesloten in een nutteloos lichaam: je kan alles voelen, maar niet communiceren. Het kan iedereen overkomen, uit het niets, als gevolg van een beroerte. Als je mensen met het locked-in syndroom zou willen helpen, word je dan best arts of verpleegkundige? Of kan je als computerwetenschapper ook helpen?"
- file_location: "/assets/files/care/ZoektochtNaarSpraak.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Sociale robots en stellingenspel (unplugged activiteit)"
- file_info: "In deze presentatie maken leerlingen eerst kennis met sociale robots. Nadien worden de leerlingen aan de hand van enkele stellingen uitgedaagd om stil te staan bij de ethische aspecten van nieuwe technologieën. Hoe zit het met privacy? Komen de sociale contacten niet in het gedrang? Welke technologieën worden met open armen ontvangen? Wat is niet wenselijk? Zijn de nieuwe technologieën voor iedereen betaalbaar?"
- file_location: "/assets/files/care/StellingenspelByDwengo.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/care/MBrainBeslissingsboom.png'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Zoektocht naar spraak - Computationeel denken (unplugged activiteit)'
+ file_info: 'Het locked-in syndroom is een van de ergste medische aandoeningen. Je bent volledig verlamd, behalve dat je misschien nog kunt knipperen met een oog. Je intelligente geest zit opgesloten in een nutteloos lichaam: je kan alles voelen, maar niet communiceren. Het kan iedereen overkomen, uit het niets, als gevolg van een beroerte. Als je mensen met het locked-in syndroom zou willen helpen, word je dan best arts of verpleegkundige? Of kan je als computerwetenschapper ook helpen?'
+ file_location: '/assets/files/care/ZoektochtNaarSpraak.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Sociale robots en stellingenspel (unplugged activiteit)'
+ file_info: 'In deze presentatie maken leerlingen eerst kennis met sociale robots. Nadien worden de leerlingen aan de hand van enkele stellingen uitgedaagd om stil te staan bij de ethische aspecten van nieuwe technologieën. Hoe zit het met privacy? Komen de sociale contacten niet in het gedrang? Welke technologieën worden met open armen ontvangen? Wat is niet wenselijk? Zijn de nieuwe technologieën voor iedereen betaalbaar?'
+ file_location: '/assets/files/care/StellingenspelByDwengo.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
chatbot:
title: Taaltechnologie
sub_title: Aan de slag met een chatbot
- description: "Waar taal en technologie samenkomen, ontstaat het domein van Natural Language Processing. Kan een computer teksten begrijpen, vertalen of zelfs schrijven? Kan een computer emoties herkennen? Leerlingen uit de tweede en derde graad (SO) leren er alles over in dit pakket."
+ description: 'Waar taal en technologie samenkomen, ontstaat het domein van Natural Language Processing. Kan een computer teksten begrijpen, vertalen of zelfs schrijven? Kan een computer emoties herkennen? Leerlingen uit de tweede en derde graad (SO) leren er alles over in dit pakket.'
contact: Vragen? Contacteer ons via team@aiopschool.be. De pers kan contact opnemen met Francis wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Projectfiche Chatbot"
- file_info: "Dit is een kort overzicht van Chatbot-project met projectstructuur- en kenmerken."
- file_location: "/assets/files/chatbot/projectfiche_chatbot.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "BrAInfood Chatbots"
- file_info: "In deze brAInfood - gericht naar jongeren - geeft het Kenniscentrum Data & Maatschappij meer informatie over chatbots. De brAInfood bevat een fictief verhaal over Lotte die praat met een chatbot, en vermoedelijk informatie over haar doorgeeft aan bedrijven. Verder worden enkele aandachtspunten met betrekking tot chatbots toegelicht, alsook enkele tips voor jongeren om hun (persoons)gegevens beter te beschermen. Op die manier willen we jongeren bewuster maken van de werking van chatbots en hen stimuleren te reflecteren over de gegevens die van hen worden verzameld."
- file_location: "/assets/files/chatbot/Brainfood13_Chatbots_NL.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "BrAInfood Gepersonaliseerde nieuwsberichten"
- file_info: "In deze brAInfood van het Kenniscentrum Data & Maatschappij worden tips gegeven over hoe je de controle houdt over je newsfeed."
- file_location: "/assets/files/chatbot/brainfoodaanbevelingnieuws.jpg"
- file_icon_name: "description"
- link_name: "Download"
+ - file_title: 'Projectfiche Chatbot'
+ file_info: 'Dit is een kort overzicht van Chatbot-project met projectstructuur- en kenmerken.'
+ file_location: '/assets/files/chatbot/projectfiche_chatbot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'BrAInfood Chatbots'
+ file_info: 'In deze brAInfood - gericht naar jongeren - geeft het Kenniscentrum Data & Maatschappij meer informatie over chatbots. De brAInfood bevat een fictief verhaal over Lotte die praat met een chatbot, en vermoedelijk informatie over haar doorgeeft aan bedrijven. Verder worden enkele aandachtspunten met betrekking tot chatbots toegelicht, alsook enkele tips voor jongeren om hun (persoons)gegevens beter te beschermen. Op die manier willen we jongeren bewuster maken van de werking van chatbots en hen stimuleren te reflecteren over de gegevens die van hen worden verzameld.'
+ file_location: '/assets/files/chatbot/Brainfood13_Chatbots_NL.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'BrAInfood Gepersonaliseerde nieuwsberichten'
+ file_info: 'In deze brAInfood van het Kenniscentrum Data & Maatschappij worden tips gegeven over hoe je de controle houdt over je newsfeed.'
+ file_location: '/assets/files/chatbot/brainfoodaanbevelingnieuws.jpg'
+ file_icon_name: 'description'
+ link_name: 'Download'
- file_title: "Handleiding 'Chatbot' - Ook verkrijgbaar in gedrukte versie"
file_info: "Leerkrachten verwerven via deze handleiding voldoende achtergrondinformatie om met (een deel van) het 'Chatbot'-project aan de slag te gaan in de klas. Het boek behandelt verschillende aspecten van taaltechnologie, zoals de geschiedenis van de artificiële intelligentie, de ethische aspecten ervan, sentimentanalyse en cyberpestdetectie, chatbots, sprekende digitale assistenten, en auteursherkenning. Er wordt ook ingegaan op de STEM-eindtermen en de eindtermen rond digitale competentie en mediawijsheid."
- file_location: "/assets/files/chatbot/Chatbot_handleiding_eerstedruk.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Improbotics - Lesmap - Leerkrachtenversie"
- file_info: "In de theatervoorstelling Improbotics improviseert een sociale robot mee in de scènes. In de lesmap vind je informatie over de gebruikte technologieën."
- file_location: "/assets/files/chatbot/Improbotics_lesmap_Leerkracht.pdf"
- file_icon_name: "description"
- link_name: "Download"
- - file_title: "Improbotics - Lesmap - Leerlingen"
- file_info: "In de theatervoorstelling Improbotics improviseert een sociale robot mee in de scènes. In de lesmap vind je informatie over de gebruikte technologieën."
- file_location: "/assets/files/chatbot/Improbotics_lesmap_Leerling.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ file_location: '/assets/files/chatbot/Chatbot_handleiding_eerstedruk.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Improbotics - Lesmap - Leerkrachtenversie'
+ file_info: 'In de theatervoorstelling Improbotics improviseert een sociale robot mee in de scènes. In de lesmap vind je informatie over de gebruikte technologieën.'
+ file_location: '/assets/files/chatbot/Improbotics_lesmap_Leerkracht.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
+ - file_title: 'Improbotics - Lesmap - Leerlingen'
+ file_info: 'In de theatervoorstelling Improbotics improviseert een sociale robot mee in de scènes. In de lesmap vind je informatie over de gebruikte technologieën.'
+ file_location: '/assets/files/chatbot/Improbotics_lesmap_Leerling.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
physical_computing:
title: Physical computing
sub_title: Programmeer robots in de klas
- description: "Een muziekinstrument, auto of weerstation bouwen? Dat kan met Dwenguino, een microcontrollerplatform met een eigen programmeeromgeving. Leerlingen uit zowel basis- als secundair onderwijs kunnen er meteen mee aan de slag. In het echt of in onze simulator, blokgebaseerd of tekstueel. "
+ description: 'Een muziekinstrument, auto of weerstation bouwen? Dat kan met Dwenguino, een microcontrollerplatform met een eigen programmeeromgeving. Leerlingen uit zowel basis- als secundair onderwijs kunnen er meteen mee aan de slag. In het echt of in onze simulator, blokgebaseerd of tekstueel. '
contact: Vragen? Contacteer ons via team@aiopschool.be. De pers kan contact opnemen met Francis wyffels via Francis@dwengo.org.
teaser: https://www.youtube.com/embed/tqSnpAKLsu8
curricula_files:
- - file_title: "Bouw jouw eigen robot"
- file_info: "Bouw je eigen rijdende robot."
- file_location: "/assets/files/physical_computing/bouwjouweigenrobot.pdf"
- file_icon_name: "description"
- link_name: "Download"
+ - file_title: 'Bouw jouw eigen robot'
+ file_info: 'Bouw je eigen rijdende robot.'
+ file_location: '/assets/files/physical_computing/bouwjouweigenrobot.pdf'
+ file_icon_name: 'description'
+ link_name: 'Download'
diff --git a/backend/config.ts b/backend/config.ts
deleted file mode 100644
index 8fd8ec3f..00000000
--- a/backend/config.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// Can be placed in dotenv but found it redundant
-
-// Import dotenv from "dotenv";
-
-// Load .env file
-// Dotenv.config();
-
-export const DWENGO_API_BASE = 'https://dwengo.org/backend/api';
-
-export const FALLBACK_LANG = 'nl';
diff --git a/backend/package.json b/backend/package.json
index 872f5495..2d9ea005 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -5,9 +5,9 @@
"private": true,
"type": "module",
"scripts": {
- "build": "tsc --project tsconfig.json",
- "dev": "tsx watch --env-file=.env.development.local src/app.ts",
- "start": "node --env-file=.env dist/app.js",
+ "build": "NODE_ENV=production tsc --project tsconfig.json",
+ "dev": "NODE_ENV=development tsx watch --env-file=.env.development.local src/app.ts",
+ "start": "NODE_ENV=production node --env-file=.env dist/app.js",
"format": "prettier --write src/",
"format-check": "prettier --check src/",
"lint": "eslint . --fix",
@@ -19,19 +19,29 @@
"@mikro-orm/reflection": "^6.4.6",
"@mikro-orm/sqlite": "6.4.6",
"@types/js-yaml": "^4.0.9",
- "axios": "^1.8.1",
+ "axios": "^1.8.2",
"dotenv": "^16.4.7",
"express": "^5.0.1",
"gift-pegjs": "^1.0.2",
"isomorphic-dompurify": "^2.22.0",
+ "express-jwt": "^8.5.1",
+ "jwks-rsa": "^3.1.0",
+ "uuid": "^11.1.0",
"js-yaml": "^4.1.0",
"marked": "^15.0.7",
- "uuid": "^11.1.0"
+ "uuid": "^11.1.0",
+ "loki-logger-ts": "^1.0.2",
+ "response-time": "^2.3.3",
+ "winston": "^3.17.0",
+ "winston-loki": "^6.1.3",
+ "cors": "^2.8.5",
+ "@types/cors": "^2.8.17"
},
"devDependencies": {
"@mikro-orm/cli": "^6.4.6",
"@types/express": "^5.0.0",
"@types/node": "^22.13.4",
+ "@types/response-time": "^2.3.8",
"globals": "^15.15.0",
"ts-node": "^10.9.2",
"tsx": "^4.19.3",
diff --git a/backend/src/app.ts b/backend/src/app.ts
index 123075ea..6307793d 100644
--- a/backend/src/app.ts
+++ b/backend/src/app.ts
@@ -1,6 +1,5 @@
import express, { Express, Response } from 'express';
import { initORM } from './orm.js';
-import { EnvVars, getNumericEnvVar } from './util/envvars.js';
import themeRoutes from './routes/themes.js';
import learningPathRoutes from './routes/learning-paths.js';
@@ -12,14 +11,27 @@ import assignmentRouter from './routes/assignment.js';
import submissionRouter from './routes/submission.js';
import classRouter from './routes/class.js';
import questionRouter from './routes/question.js';
-import loginRouter from './routes/login.js';
+import authRouter from './routes/auth.js';
+import { authenticateUser } from './middleware/auth/auth.js';
+import cors from './middleware/cors.js';
+import { getLogger, Logger } from './logging/initalize.js';
+import { responseTimeLogger } from './logging/responseTimeLogger.js';
+import responseTime from 'response-time';
+import { EnvVars, getNumericEnvVar } from './util/envvars.js';
+
+const logger: Logger = getLogger();
const app: Express = express();
const port: string | number = getNumericEnvVar(EnvVars.Port);
+app.use(cors);
+app.use(express.json());
+app.use(responseTime(responseTimeLogger));
+app.use(authenticateUser);
// TODO Replace with Express routes
app.get('/', (_, res: Response) => {
+ logger.debug('GET /');
res.json({
message: 'Hello Dwengo!🚀',
});
@@ -31,8 +43,7 @@ app.use('/assignment', assignmentRouter);
app.use('/submission', submissionRouter);
app.use('/class', classRouter);
app.use('/question', questionRouter);
-app.use('/login', loginRouter);
-
+app.use('/auth', authRouter);
app.use('/theme', themeRoutes);
app.use('/learningPath', learningPathRoutes);
app.use('/learningObject', learningObjectRoutes);
@@ -41,7 +52,7 @@ async function startServer() {
await initORM();
app.listen(port, () => {
- console.log(`Server is running at http://localhost:${port}`);
+ logger.info(`Server is running at http://localhost:${port}`);
});
}
diff --git a/backend/src/config.ts b/backend/src/config.ts
index 2b9e67e3..848eb07e 100644
--- a/backend/src/config.ts
+++ b/backend/src/config.ts
@@ -1,12 +1,9 @@
-// Can be placed in dotenv but found it redundant
-
-// Import dotenv from "dotenv";
-
-// Load .env file
-// Dotenv.config();
-
import {EnvVars, getEnvVar} from "./util/envvars";
+// API
export const DWENGO_API_BASE = getEnvVar(EnvVars.LearningContentRepoApiBaseUrl);
-
export const FALLBACK_LANG = getEnvVar(EnvVars.FallbackLanguage);
+
+// Logging
+export const LOG_LEVEL: string = 'development' === process.env.NODE_ENV ? 'debug' : 'info';
+export const LOKI_HOST: string = process.env.LOKI_HOST || 'http://localhost:3102';
diff --git a/backend/src/controllers/auth.ts b/backend/src/controllers/auth.ts
new file mode 100644
index 00000000..409ead0c
--- /dev/null
+++ b/backend/src/controllers/auth.ts
@@ -0,0 +1,33 @@
+import { EnvVars, getEnvVar } from '../util/envvars.js';
+
+type FrontendIdpConfig = {
+ authority: string;
+ clientId: string;
+ scope: string;
+ responseType: string;
+};
+
+type FrontendAuthConfig = {
+ student: FrontendIdpConfig;
+ teacher: FrontendIdpConfig;
+};
+
+const SCOPE = 'openid profile email';
+const RESPONSE_TYPE = 'code';
+
+export function getFrontendAuthConfig(): FrontendAuthConfig {
+ return {
+ student: {
+ authority: getEnvVar(EnvVars.IdpStudentUrl),
+ clientId: getEnvVar(EnvVars.IdpStudentClientId),
+ scope: SCOPE,
+ responseType: RESPONSE_TYPE,
+ },
+ teacher: {
+ authority: getEnvVar(EnvVars.IdpTeacherUrl),
+ clientId: getEnvVar(EnvVars.IdpTeacherClientId),
+ scope: SCOPE,
+ responseType: RESPONSE_TYPE,
+ },
+ };
+}
diff --git a/backend/src/controllers/learningObjects.ts b/backend/src/controllers/learningObjects.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/backend/src/controllers/learningPaths.ts b/backend/src/controllers/learningPaths.ts
new file mode 100644
index 00000000..707334b7
--- /dev/null
+++ b/backend/src/controllers/learningPaths.ts
@@ -0,0 +1,45 @@
+
+import { Request, Response } from 'express';
+import { themes } from '../data/themes.js';
+import { FALLBACK_LANG } from '../config.js';
+import { fetchLearningPaths, searchLearningPaths } from '../services/learningPaths.js';
+import { getLogger } from '../logging/initalize.js';
+/**
+ * Fetch learning paths based on query parameters.
+ */
+export async function getLearningPaths(req: Request, res: Response): Promise {
+ try {
+ const hruids = req.query.hruid;
+ const themeKey = req.query.theme as string;
+ const searchQuery = req.query.search as string;
+ const language = (req.query.language as string) || FALLBACK_LANG;
+
+ let hruidList;
+
+ if (hruids) {
+ hruidList = Array.isArray(hruids) ? hruids.map(String) : [String(hruids)];
+ } else if (themeKey) {
+ const theme = themes.find((t) => t.title === themeKey);
+ if (theme) {
+ hruidList = theme.hruids;
+ } else {
+ res.status(404).json({
+ error: `Theme "${themeKey}" not found.`,
+ });
+ return;
+ }
+ } else if (searchQuery) {
+ const searchResults = await searchLearningPaths(searchQuery, language);
+ res.json(searchResults);
+ return;
+ } else {
+ hruidList = themes.flatMap((theme) => theme.hruids);
+ }
+
+ const learningPaths = await fetchLearningPaths(hruidList, language, `HRUIDs: ${hruidList.join(', ')}`);
+ res.json(learningPaths.data);
+ } catch (error) {
+ getLogger().error('❌ Unexpected error fetching learning paths:', error);
+ res.status(500).json({ error: 'Internal server error' });
+ }
+}
diff --git a/backend/src/controllers/themes.ts b/backend/src/controllers/themes.ts
index 4b59751e..fe1eb818 100644
--- a/backend/src/controllers/themes.ts
+++ b/backend/src/controllers/themes.ts
@@ -1,7 +1,6 @@
import { Request, Response } from 'express';
import { themes } from '../data/themes.js';
-import { loadTranslations } from "../util/translationHelper.js";
-import { FALLBACK_LANG } from '../config.js';
+import { loadTranslations } from '../util/translationHelper.js';
interface Translations {
curricula_page: {
@@ -12,24 +11,19 @@ interface Translations {
export function getThemes(req: Request, res: Response) {
const language = (req.query.language as string)?.toLowerCase() || 'nl';
const translations = loadTranslations(language);
- const themeList = themes.map((theme) => {
- return {
- key: theme.title,
- title:
- translations.curricula_page[theme.title]?.title || theme.title,
- description: translations.curricula_page[theme.title]?.description,
- image: `https://dwengo.org/images/curricula/logo_${theme.title}.png`,
- };
- });
+ const themeList = themes.map((theme) => ({
+ key: theme.title,
+ title: translations.curricula_page[theme.title]?.title || theme.title,
+ description: translations.curricula_page[theme.title]?.description,
+ image: `https://dwengo.org/images/curricula/logo_${theme.title}.png`,
+ }));
res.json(themeList);
}
export function getThemeByTitle(req: Request, res: Response) {
const themeKey = req.params.theme;
- const theme = themes.find((t) => {
- return t.title === themeKey;
- });
+ const theme = themes.find((t) => t.title === themeKey);
if (theme) {
res.json(theme.hruids);
diff --git a/backend/src/data/assignments/assignment-repository.ts b/backend/src/data/assignments/assignment-repository.ts
index c55bee00..c3c457d3 100644
--- a/backend/src/data/assignments/assignment-repository.ts
+++ b/backend/src/data/assignments/assignment-repository.ts
@@ -3,10 +3,7 @@ import { Assignment } from '../../entities/assignments/assignment.entity.js';
import { Class } from '../../entities/classes/class.entity.js';
export class AssignmentRepository extends DwengoEntityRepository {
- public findByClassAndId(
- within: Class,
- id: number
- ): Promise {
+ public findByClassAndId(within: Class, id: number): Promise {
return this.findOne({ within: within, id: id });
}
public findAllAssignmentsInClass(within: Class): Promise {
diff --git a/backend/src/data/assignments/group-repository.ts b/backend/src/data/assignments/group-repository.ts
index ff8ca507..df92eaae 100644
--- a/backend/src/data/assignments/group-repository.ts
+++ b/backend/src/data/assignments/group-repository.ts
@@ -3,24 +3,16 @@ import { Group } from '../../entities/assignments/group.entity.js';
import { Assignment } from '../../entities/assignments/assignment.entity.js';
export class GroupRepository extends DwengoEntityRepository {
- public findByAssignmentAndGroupNumber(
- assignment: Assignment,
- groupNumber: number
- ): Promise {
+ public findByAssignmentAndGroupNumber(assignment: Assignment, groupNumber: number): Promise {
return this.findOne({
assignment: assignment,
groupNumber: groupNumber,
});
}
- public findAllGroupsForAssignment(
- assignment: Assignment
- ): Promise {
+ public findAllGroupsForAssignment(assignment: Assignment): Promise {
return this.findAll({ where: { assignment: assignment } });
}
- public deleteByAssignmentAndGroupNumber(
- assignment: Assignment,
- groupNumber: number
- ) {
+ public deleteByAssignmentAndGroupNumber(assignment: Assignment, groupNumber: number) {
return this.deleteWhere({
assignment: assignment,
groupNumber: groupNumber,
diff --git a/backend/src/data/assignments/submission-repository.ts b/backend/src/data/assignments/submission-repository.ts
index 5332d050..faa9fef1 100644
--- a/backend/src/data/assignments/submission-repository.ts
+++ b/backend/src/data/assignments/submission-repository.ts
@@ -5,10 +5,7 @@ import { LearningObjectIdentifier } from '../../entities/content/learning-object
import { Student } from '../../entities/users/student.entity.js';
export class SubmissionRepository extends DwengoEntityRepository {
- public findSubmissionByLearningObjectAndSubmissionNumber(
- loId: LearningObjectIdentifier,
- submissionNumber: number
- ): Promise {
+ public findSubmissionByLearningObjectAndSubmissionNumber(loId: LearningObjectIdentifier, submissionNumber: number): Promise {
return this.findOne({
learningObjectHruid: loId.hruid,
learningObjectLanguage: loId.language,
@@ -17,10 +14,7 @@ export class SubmissionRepository extends DwengoEntityRepository {
});
}
- public findMostRecentSubmissionForStudent(
- loId: LearningObjectIdentifier,
- submitter: Student
- ): Promise {
+ public findMostRecentSubmissionForStudent(loId: LearningObjectIdentifier, submitter: Student): Promise {
return this.findOne(
{
learningObjectHruid: loId.hruid,
@@ -32,10 +26,7 @@ export class SubmissionRepository extends DwengoEntityRepository {
);
}
- public findMostRecentSubmissionForGroup(
- loId: LearningObjectIdentifier,
- group: Group
- ): Promise {
+ public findMostRecentSubmissionForGroup(loId: LearningObjectIdentifier, group: Group): Promise {
return this.findOne(
{
learningObjectHruid: loId.hruid,
@@ -47,10 +38,7 @@ export class SubmissionRepository extends DwengoEntityRepository {
);
}
- public deleteSubmissionByLearningObjectAndSubmissionNumber(
- loId: LearningObjectIdentifier,
- submissionNumber: number
- ): Promise {
+ public deleteSubmissionByLearningObjectAndSubmissionNumber(loId: LearningObjectIdentifier, submissionNumber: number): Promise {
return this.deleteWhere({
learningObjectHruid: loId.hruid,
learningObjectLanguage: loId.language,
diff --git a/backend/src/data/classes/teacher-invitation-repository.ts b/backend/src/data/classes/teacher-invitation-repository.ts
index ae2713c8..6b94deec 100644
--- a/backend/src/data/classes/teacher-invitation-repository.ts
+++ b/backend/src/data/classes/teacher-invitation-repository.ts
@@ -4,24 +4,16 @@ import { TeacherInvitation } from '../../entities/classes/teacher-invitation.ent
import { Teacher } from '../../entities/users/teacher.entity.js';
export class TeacherInvitationRepository extends DwengoEntityRepository {
- public findAllInvitationsForClass(
- clazz: Class
- ): Promise {
+ public findAllInvitationsForClass(clazz: Class): Promise {
return this.findAll({ where: { class: clazz } });
}
public findAllInvitationsBy(sender: Teacher): Promise {
return this.findAll({ where: { sender: sender } });
}
- public findAllInvitationsFor(
- receiver: Teacher
- ): Promise {
+ public findAllInvitationsFor(receiver: Teacher): Promise {
return this.findAll({ where: { receiver: receiver } });
}
- public deleteBy(
- clazz: Class,
- sender: Teacher,
- receiver: Teacher
- ): Promise {
+ public deleteBy(clazz: Class, sender: Teacher, receiver: Teacher): Promise {
return this.deleteWhere({
sender: sender,
receiver: receiver,
diff --git a/backend/src/data/dwengo-entity-repository.ts b/backend/src/data/dwengo-entity-repository.ts
index 368f3a2c..6538d6f5 100644
--- a/backend/src/data/dwengo-entity-repository.ts
+++ b/backend/src/data/dwengo-entity-repository.ts
@@ -1,16 +1,14 @@
import { EntityRepository, FilterQuery } from '@mikro-orm/core';
-export abstract class DwengoEntityRepository<
- T extends object,
-> extends EntityRepository {
+export abstract class DwengoEntityRepository extends EntityRepository {
public async save(entity: T) {
- let em = this.getEntityManager();
+ const em = this.getEntityManager();
em.persist(entity);
await em.flush();
}
public async deleteWhere(query: FilterQuery) {
- let toDelete = await this.findOne(query);
- let em = this.getEntityManager();
+ const toDelete = await this.findOne(query);
+ const em = this.getEntityManager();
if (toDelete) {
em.remove(toDelete);
await em.flush();
diff --git a/backend/src/data/questions/answer-repository.ts b/backend/src/data/questions/answer-repository.ts
index 6a2629f4..bab34a65 100644
--- a/backend/src/data/questions/answer-repository.ts
+++ b/backend/src/data/questions/answer-repository.ts
@@ -4,12 +4,8 @@ import { Question } from '../../entities/questions/question.entity.js';
import { Teacher } from '../../entities/users/teacher.entity.js';
export class AnswerRepository extends DwengoEntityRepository {
- public createAnswer(answer: {
- toQuestion: Question;
- author: Teacher;
- content: string;
- }): Promise {
- let answerEntity = new Answer();
+ public createAnswer(answer: { toQuestion: Question; author: Teacher; content: string }): Promise {
+ const answerEntity = new Answer();
answerEntity.toQuestion = answer.toQuestion;
answerEntity.author = answer.author;
answerEntity.content = answer.content;
@@ -21,10 +17,7 @@ export class AnswerRepository extends DwengoEntityRepository {
orderBy: { sequenceNumber: 'ASC' },
});
}
- public removeAnswerByQuestionAndSequenceNumber(
- question: Question,
- sequenceNumber: number
- ): Promise {
+ public removeAnswerByQuestionAndSequenceNumber(question: Question, sequenceNumber: number): Promise {
return this.deleteWhere({
toQuestion: question,
sequenceNumber: sequenceNumber,
diff --git a/backend/src/data/questions/question-repository.ts b/backend/src/data/questions/question-repository.ts
index 517305f1..d41cc490 100644
--- a/backend/src/data/questions/question-repository.ts
+++ b/backend/src/data/questions/question-repository.ts
@@ -4,12 +4,8 @@ import { LearningObjectIdentifier } from '../../entities/content/learning-object
import { Student } from '../../entities/users/student.entity.js';
export class QuestionRepository extends DwengoEntityRepository {
- public createQuestion(question: {
- loId: LearningObjectIdentifier;
- author: Student;
- content: string;
- }): Promise {
- let questionEntity = new Question();
+ public createQuestion(question: { loId: LearningObjectIdentifier; author: Student; content: string }): Promise {
+ const questionEntity = new Question();
questionEntity.learningObjectHruid = question.loId.hruid;
questionEntity.learningObjectLanguage = question.loId.language;
questionEntity.learningObjectVersion = question.loId.version;
@@ -17,9 +13,7 @@ export class QuestionRepository extends DwengoEntityRepository {
questionEntity.content = question.content;
return this.insert(questionEntity);
}
- public findAllQuestionsAboutLearningObject(
- loId: LearningObjectIdentifier
- ): Promise {
+ public findAllQuestionsAboutLearningObject(loId: LearningObjectIdentifier): Promise {
return this.findAll({
where: {
learningObjectHruid: loId.hruid,
@@ -31,10 +25,7 @@ export class QuestionRepository extends DwengoEntityRepository {
},
});
}
- public removeQuestionByLearningObjectAndSequenceNumber(
- loId: LearningObjectIdentifier,
- sequenceNumber: number
- ): Promise {
+ public removeQuestionByLearningObjectAndSequenceNumber(loId: LearningObjectIdentifier, sequenceNumber: number): Promise {
return this.deleteWhere({
learningObjectHruid: loId.hruid,
learningObjectLanguage: loId.language,
diff --git a/backend/src/data/repositories.ts b/backend/src/data/repositories.ts
index 6218bafc..543de6e5 100644
--- a/backend/src/data/repositories.ts
+++ b/backend/src/data/repositories.ts
@@ -1,9 +1,4 @@
-import {
- AnyEntity,
- EntityManager,
- EntityName,
- EntityRepository,
-} from '@mikro-orm/core';
+import { AnyEntity, EntityManager, EntityName, EntityRepository } from '@mikro-orm/core';
import { forkEntityManager } from '../orm.js';
import { StudentRepository } from './users/student-repository.js';
import { Student } from '../entities/users/student.entity.js';
@@ -45,9 +40,7 @@ export function transactional(f: () => Promise) {
entityManager?.transactional(f);
}
-function repositoryGetter>(
- entity: EntityName
-): () => R {
+function repositoryGetter>(entity: EntityName): () => R {
let cachedRepo: R | undefined;
return (): R => {
if (!cachedRepo) {
@@ -62,49 +55,22 @@ function repositoryGetter>(
/* Users */
export const getUserRepository = repositoryGetter(User);
-export const getStudentRepository = repositoryGetter<
- Student,
- StudentRepository
->(Student);
-export const getTeacherRepository = repositoryGetter<
- Teacher,
- TeacherRepository
->(Teacher);
+export const getStudentRepository = repositoryGetter(Student);
+export const getTeacherRepository = repositoryGetter(Teacher);
/* Classes */
-export const getClassRepository = repositoryGetter(
- Class
-);
-export const getClassJoinRequestRepository = repositoryGetter<
- ClassJoinRequest,
- ClassJoinRequestRepository
->(ClassJoinRequest);
-export const getTeacherInvitationRepository = repositoryGetter<
- TeacherInvitation,
- TeacherInvitationRepository
->(TeacherInvitationRepository);
+export const getClassRepository = repositoryGetter(Class);
+export const getClassJoinRequestRepository = repositoryGetter(ClassJoinRequest);
+export const getTeacherInvitationRepository = repositoryGetter(TeacherInvitationRepository);
/* Assignments */
-export const getAssignmentRepository = repositoryGetter<
- Assignment,
- AssignmentRepository
->(Assignment);
-export const getGroupRepository = repositoryGetter(
- Group
-);
-export const getSubmissionRepository = repositoryGetter<
- Submission,
- SubmissionRepository
->(Submission);
+export const getAssignmentRepository = repositoryGetter(Assignment);
+export const getGroupRepository = repositoryGetter(Group);
+export const getSubmissionRepository = repositoryGetter(Submission);
/* Questions and answers */
-export const getQuestionRepository = repositoryGetter<
- Question,
- QuestionRepository
->(Question);
-export const getAnswerRepository = repositoryGetter(
- Answer
-);
+export const getQuestionRepository = repositoryGetter(Question);
+export const getAnswerRepository = repositoryGetter(Answer);
/* Learning content */
export const getLearningObjectRepository = repositoryGetter<
diff --git a/backend/src/data/themes.ts b/backend/src/data/themes.ts
index dd79400c..b0fc930c 100644
--- a/backend/src/data/themes.ts
+++ b/backend/src/data/themes.ts
@@ -23,13 +23,7 @@ export const themes: Theme[] = [
},
{
title: 'art',
- hruids: [
- 'pn_werking',
- 'un_artificiele_intelligentie',
- 'art1',
- 'art2',
- 'art3',
- ],
+ hruids: ['pn_werking', 'un_artificiele_intelligentie', 'art1', 'art2', 'art3'],
},
{
title: 'socialrobot',
@@ -37,12 +31,7 @@ export const themes: Theme[] = [
},
{
title: 'agriculture',
- hruids: [
- 'pn_werking',
- 'un_artificiele_intelligentie',
- 'agri_landbouw',
- 'agri_lopendeband',
- ],
+ hruids: ['pn_werking', 'un_artificiele_intelligentie', 'agri_landbouw', 'agri_lopendeband'],
},
{
title: 'wegostem',
@@ -83,16 +72,7 @@ export const themes: Theme[] = [
},
{
title: 'python_programming',
- hruids: [
- 'pn_werking',
- 'pn_datatypes',
- 'pn_operatoren',
- 'pn_structuren',
- 'pn_functies',
- 'art2',
- 'stem_insectbooks',
- 'un_algoenprog',
- ],
+ hruids: ['pn_werking', 'pn_datatypes', 'pn_operatoren', 'pn_structuren', 'pn_functies', 'art2', 'stem_insectbooks', 'un_algoenprog'],
},
{
title: 'stem',
@@ -110,15 +90,7 @@ export const themes: Theme[] = [
},
{
title: 'care',
- hruids: [
- 'pn_werking',
- 'un_artificiele_intelligentie',
- 'aiz1_zorg',
- 'aiz2_grafen',
- 'aiz3_unplugged',
- 'aiz4_eindtermen',
- 'aiz5_triage',
- ],
+ hruids: ['pn_werking', 'un_artificiele_intelligentie', 'aiz1_zorg', 'aiz2_grafen', 'aiz3_unplugged', 'aiz4_eindtermen', 'aiz5_triage'],
},
{
title: 'chatbot',
diff --git a/backend/src/entities/assignments/assignment.entity.ts b/backend/src/entities/assignments/assignment.entity.ts
index bcbcd7b5..44bb6810 100644
--- a/backend/src/entities/assignments/assignment.entity.ts
+++ b/backend/src/entities/assignments/assignment.entity.ts
@@ -1,11 +1,4 @@
-import {
- Entity,
- Enum,
- ManyToOne,
- OneToMany,
- PrimaryKey,
- Property,
-} from '@mikro-orm/core';
+import { Entity, Enum, ManyToOne, OneToMany, PrimaryKey, Property } from '@mikro-orm/core';
import { Class } from '../classes/class.entity.js';
import { Group } from './group.entity.js';
import { Language } from '../content/language.js';
diff --git a/backend/src/entities/assignments/group.entity.ts b/backend/src/entities/assignments/group.entity.ts
index 7a2f4078..0915b31b 100644
--- a/backend/src/entities/assignments/group.entity.ts
+++ b/backend/src/entities/assignments/group.entity.ts
@@ -5,12 +5,17 @@ import {GroupRepository} from "../../data/assignments/group-repository";
@Entity({repository: () => GroupRepository})
export class Group {
- @ManyToOne({ entity: () => Assignment, primary: true })
+ @ManyToOne({
+ entity: () => Assignment,
+ primary: true,
+ })
assignment!: Assignment;
@PrimaryKey({ type: 'integer' })
groupNumber!: number;
- @ManyToMany({ entity: () => Student })
+ @ManyToMany({
+ entity: () => Student,
+ })
members!: Student[];
}
diff --git a/backend/src/entities/assignments/submission.entity.ts b/backend/src/entities/assignments/submission.entity.ts
index 57ebbe4a..a5c2238b 100644
--- a/backend/src/entities/assignments/submission.entity.ts
+++ b/backend/src/entities/assignments/submission.entity.ts
@@ -9,7 +9,10 @@ export class Submission {
@PrimaryKey({ type: 'string' })
learningObjectHruid!: string;
- @Enum({ items: () => Language, primary: true })
+ @Enum({
+ items: () => Language,
+ primary: true,
+ })
learningObjectLanguage!: Language;
@PrimaryKey({ type: 'string' })
@@ -18,13 +21,18 @@ export class Submission {
@PrimaryKey({ type: 'integer' })
submissionNumber!: number;
- @ManyToOne({ entity: () => Student })
+ @ManyToOne({
+ entity: () => Student,
+ })
submitter!: Student;
@Property({ type: 'datetime' })
submissionTime!: Date;
- @ManyToOne({ entity: () => Group, nullable: true })
+ @ManyToOne({
+ entity: () => Group,
+ nullable: true,
+ })
onBehalfOf?: Group;
@Property({ type: 'json' })
diff --git a/backend/src/entities/classes/class-join-request.entity.ts b/backend/src/entities/classes/class-join-request.entity.ts
index e54c0611..5d9ef571 100644
--- a/backend/src/entities/classes/class-join-request.entity.ts
+++ b/backend/src/entities/classes/class-join-request.entity.ts
@@ -5,10 +5,16 @@ import {ClassJoinRequestRepository} from "../../data/classes/class-join-request-
@Entity({repository: () => ClassJoinRequestRepository})
export class ClassJoinRequest {
- @ManyToOne({ entity: () => Student, primary: true })
+ @ManyToOne({
+ entity: () => Student,
+ primary: true,
+ })
requester!: Student;
- @ManyToOne({ entity: () => Class, primary: true })
+ @ManyToOne({
+ entity: () => Class,
+ primary: true,
+ })
class!: Class;
@Enum(() => ClassJoinRequestStatus)
diff --git a/backend/src/entities/classes/class.entity.ts b/backend/src/entities/classes/class.entity.ts
index 50341faa..c430c9dc 100644
--- a/backend/src/entities/classes/class.entity.ts
+++ b/backend/src/entities/classes/class.entity.ts
@@ -1,10 +1,4 @@
-import {
- Collection,
- Entity,
- ManyToMany,
- PrimaryKey,
- Property,
-} from '@mikro-orm/core';
+import { Collection, Entity, ManyToMany, PrimaryKey, Property } from '@mikro-orm/core';
import { v4 } from 'uuid';
import { Teacher } from '../users/teacher.entity.js';
import { Student } from '../users/student.entity.js';
diff --git a/backend/src/entities/classes/teacher-invitation.entity.ts b/backend/src/entities/classes/teacher-invitation.entity.ts
index 442cba4e..597b6a41 100644
--- a/backend/src/entities/classes/teacher-invitation.entity.ts
+++ b/backend/src/entities/classes/teacher-invitation.entity.ts
@@ -8,12 +8,21 @@ import {TeacherInvitationRepository} from "../../data/classes/teacher-invitation
*/
@Entity({repository: () => TeacherInvitationRepository})
export class TeacherInvitation {
- @ManyToOne({ entity: () => Teacher, primary: true })
+ @ManyToOne({
+ entity: () => Teacher,
+ primary: true,
+ })
sender!: Teacher;
- @ManyToOne({ entity: () => Teacher, primary: true })
+ @ManyToOne({
+ entity: () => Teacher,
+ primary: true,
+ })
receiver!: Teacher;
- @ManyToOne({ entity: () => Class, primary: true })
+ @ManyToOne({
+ entity: () => Class,
+ primary: true,
+ })
class!: Class;
}
diff --git a/backend/src/entities/content/attachment.entity.ts b/backend/src/entities/content/attachment.entity.ts
index e4213c96..5e7000cf 100644
--- a/backend/src/entities/content/attachment.entity.ts
+++ b/backend/src/entities/content/attachment.entity.ts
@@ -4,7 +4,10 @@ import {AttachmentRepository} from "../../data/content/attachment-repository";
@Entity({repository: () => AttachmentRepository})
export class Attachment {
- @ManyToOne({ entity: () => LearningObject, primary: true })
+ @ManyToOne({
+ entity: () => LearningObject,
+ primary: true,
+ })
learningObject!: LearningObject;
@PrimaryKey({ type: 'string' })
diff --git a/backend/src/entities/content/learning-object.entity.ts b/backend/src/entities/content/learning-object.entity.ts
index c38035ca..8f3672be 100644
--- a/backend/src/entities/content/learning-object.entity.ts
+++ b/backend/src/entities/content/learning-object.entity.ts
@@ -1,13 +1,4 @@
-import {
- Embeddable,
- Embedded,
- Entity,
- Enum,
- ManyToMany,
- OneToMany,
- PrimaryKey,
- Property,
-} from '@mikro-orm/core';
+import { Embeddable, Embedded, Entity, Enum, ManyToMany, OneToMany, PrimaryKey, Property } from '@mikro-orm/core';
import { Language } from './language.js';
import { Attachment } from './attachment.entity.js';
import { Teacher } from '../users/teacher.entity.js';
@@ -20,7 +11,10 @@ export class LearningObject {
@PrimaryKey({ type: 'string' })
hruid!: string;
- @Enum({ items: () => Language, primary: true })
+ @Enum({
+ items: () => Language,
+ primary: true,
+ })
language!: Language;
@PrimaryKey({ type: 'number' })
@@ -29,7 +23,9 @@ export class LearningObject {
@Property({type: 'uuid', unique: true})
uuid = v4();
- @ManyToMany({ entity: () => Teacher })
+ @ManyToMany({
+ entity: () => Teacher,
+ })
admins!: Teacher[];
@Property({ type: 'string' })
@@ -53,7 +49,10 @@ export class LearningObject {
@Property({ type: 'array' })
skosConcepts!: string[];
- @Embedded({ entity: () => EducationalGoal, array: true })
+ @Embedded({
+ entity: () => EducationalGoal,
+ array: true,
+ })
educationalGoals: EducationalGoal[] = [];
@Property({ type: 'string' })
@@ -68,7 +67,9 @@ export class LearningObject {
@Property({ type: 'integer' })
estimatedTime!: number;
- @Embedded({ entity: () => ReturnValue })
+ @Embedded({
+ entity: () => ReturnValue,
+ })
returnValue!: ReturnValue;
@Property({ type: 'bool' })
@@ -77,7 +78,10 @@ export class LearningObject {
@Property({ type: 'string', nullable: true })
contentLocation?: string;
- @OneToMany({ entity: () => Attachment, mappedBy: 'learningObject' })
+ @OneToMany({
+ entity: () => Attachment,
+ mappedBy: 'learningObject',
+ })
attachments: Attachment[] = [];
@Property({ type: 'blob' })
diff --git a/backend/src/entities/questions/answer.entity.ts b/backend/src/entities/questions/answer.entity.ts
index 47a88966..81974943 100644
--- a/backend/src/entities/questions/answer.entity.ts
+++ b/backend/src/entities/questions/answer.entity.ts
@@ -5,10 +5,16 @@ import {AnswerRepository} from "../../data/questions/answer-repository";
@Entity({repository: () => AnswerRepository})
export class Answer {
- @ManyToOne({ entity: () => Teacher, primary: true })
+ @ManyToOne({
+ entity: () => Teacher,
+ primary: true,
+ })
author!: Teacher;
- @ManyToOne({ entity: () => Question, primary: true })
+ @ManyToOne({
+ entity: () => Question,
+ primary: true,
+ })
toQuestion!: Question;
@PrimaryKey({ type: 'integer' })
diff --git a/backend/src/entities/questions/question.entity.ts b/backend/src/entities/questions/question.entity.ts
index 4b3d54ad..c03b0e8f 100644
--- a/backend/src/entities/questions/question.entity.ts
+++ b/backend/src/entities/questions/question.entity.ts
@@ -8,7 +8,10 @@ export class Question {
@PrimaryKey({ type: 'string' })
learningObjectHruid!: string;
- @Enum({ items: () => Language, primary: true })
+ @Enum({
+ items: () => Language,
+ primary: true,
+ })
learningObjectLanguage!: Language;
@PrimaryKey({ type: 'string' })
@@ -17,7 +20,9 @@ export class Question {
@PrimaryKey({ type: 'integer' })
sequenceNumber!: number;
- @ManyToOne({ entity: () => Student })
+ @ManyToOne({
+ entity: () => Student,
+ })
author!: Student;
@Property({ type: 'datetime' })
diff --git a/backend/src/entities/users/student.entity.ts b/backend/src/entities/users/student.entity.ts
index dc791adc..da5b4367 100644
--- a/backend/src/entities/users/student.entity.ts
+++ b/backend/src/entities/users/student.entity.ts
@@ -4,7 +4,9 @@ import { Class } from '../classes/class.entity.js';
import { Group } from '../assignments/group.entity.js';
import { StudentRepository } from '../../data/users/student-repository.js';
-@Entity({ repository: () => StudentRepository })
+@Entity({
+ repository: () => StudentRepository,
+})
export class Student extends User {
@ManyToMany(() => Class)
classes!: Collection;
diff --git a/backend/src/exceptions.ts b/backend/src/exceptions.ts
index 993a13ba..8e2c886c 100644
--- a/backend/src/exceptions.ts
+++ b/backend/src/exceptions.ts
@@ -9,6 +9,26 @@ export class BadRequestException extends Error {
}
}
+/**
+ * Exception for HTTP 401 Unauthorized
+ */
+export class UnauthorizedException extends Error {
+ status = 401;
+ constructor(message: string = 'Unauthorized') {
+ super(message);
+ }
+}
+
+/**
+ * Exception for HTTP 403 Forbidden
+ */
+export class ForbiddenException extends Error {
+ status = 403;
+ constructor(message: string = 'Forbidden') {
+ super(message);
+ }
+}
+
/**
* Exception for HTTP 404 Not Found
*/
diff --git a/backend/src/logging/initalize.ts b/backend/src/logging/initalize.ts
new file mode 100644
index 00000000..1ff761c9
--- /dev/null
+++ b/backend/src/logging/initalize.ts
@@ -0,0 +1,53 @@
+import { createLogger, format, Logger as WinstonLogger, transports } from 'winston';
+import LokiTransport from 'winston-loki';
+import { LokiLabels } from 'loki-logger-ts';
+import { LOG_LEVEL, LOKI_HOST } from '../config.js';
+
+export class Logger extends WinstonLogger {
+ constructor() {
+ super();
+ }
+}
+
+const Labels: LokiLabels = {
+ source: 'Dwengo-Backend',
+ service: 'API',
+ host: 'localhost',
+};
+
+let logger: Logger;
+
+function initializeLogger(): Logger {
+ if (logger !== undefined) {
+ return logger;
+ }
+
+ const lokiTransport: LokiTransport = new LokiTransport({
+ host: LOKI_HOST,
+ labels: Labels,
+ level: LOG_LEVEL,
+ json: true,
+ format: format.combine(format.timestamp(), format.json()),
+ onConnectionError: (err) => {
+ // eslint-disable-next-line no-console
+ console.error(`Connection error: ${err}`);
+ },
+ });
+
+ const consoleTransport = new transports.Console({
+ level: LOG_LEVEL,
+ format: format.combine(format.cli(), format.colorize()),
+ });
+
+ logger = createLogger({
+ transports: [lokiTransport, consoleTransport],
+ });
+
+ logger.debug(`Logger initialized with level ${LOG_LEVEL}, Loki host ${LOKI_HOST}`);
+ return logger;
+}
+
+export function getLogger(): Logger {
+ logger ||= initializeLogger();
+ return logger;
+}
diff --git a/backend/src/logging/mikroOrmLogger.ts b/backend/src/logging/mikroOrmLogger.ts
new file mode 100644
index 00000000..25bbac13
--- /dev/null
+++ b/backend/src/logging/mikroOrmLogger.ts
@@ -0,0 +1,69 @@
+import { DefaultLogger, LogContext, LoggerNamespace } from '@mikro-orm/core';
+import { getLogger, Logger } from './initalize.js';
+import { LokiLabels } from 'loki-logger-ts';
+
+export class MikroOrmLogger extends DefaultLogger {
+ private logger: Logger = getLogger();
+
+ log(namespace: LoggerNamespace, message: string, context?: LogContext) {
+ if (!this.isEnabled(namespace, context)) {
+ return;
+ }
+
+ switch (namespace) {
+ case 'query':
+ this.logger.debug(this.createMessage(namespace, message, context));
+ break;
+ case 'query-params':
+ // TODO Which log level should this be?
+ this.logger.info(this.createMessage(namespace, message, context));
+ break;
+ case 'schema':
+ this.logger.info(this.createMessage(namespace, message, context));
+ break;
+ case 'discovery':
+ this.logger.debug(this.createMessage(namespace, message, context));
+ break;
+ case 'info':
+ this.logger.info(this.createMessage(namespace, message, context));
+ break;
+ case 'deprecated':
+ this.logger.warn(this.createMessage(namespace, message, context));
+ break;
+ default:
+ switch (context?.level) {
+ case 'info':
+ this.logger.info(this.createMessage(namespace, message, context));
+ break;
+ case 'warning':
+ this.logger.warn(message);
+ break;
+ case 'error':
+ this.logger.error(message);
+ break;
+ default:
+ this.logger.debug(message);
+ break;
+ }
+ }
+ }
+
+ private createMessage(namespace: LoggerNamespace, messageArg: string, context?: LogContext) {
+ const labels: LokiLabels = {
+ service: 'ORM',
+ };
+
+ let message: string;
+ if (context?.label) {
+ message = `[${namespace}] (${context?.label}) ${messageArg}`;
+ } else {
+ message = `[${namespace}] ${messageArg}`;
+ }
+
+ return {
+ message: message,
+ labels: labels,
+ context: context,
+ };
+ }
+}
diff --git a/backend/src/logging/responseTimeLogger.ts b/backend/src/logging/responseTimeLogger.ts
new file mode 100644
index 00000000..c1bb1e33
--- /dev/null
+++ b/backend/src/logging/responseTimeLogger.ts
@@ -0,0 +1,21 @@
+import { getLogger, Logger } from './initalize.js';
+import { Request, Response } from 'express';
+
+export function responseTimeLogger(req: Request, res: Response, time: number) {
+ const logger: Logger = getLogger();
+
+ const method = req.method;
+ const url = req.url;
+ const status = res.statusCode;
+
+ logger.info({
+ message: 'Request completed',
+ method: method,
+ url: url,
+ status: status,
+ responseTime: Number(time),
+ labels: {
+ type: 'responseTime',
+ },
+ });
+}
diff --git a/backend/src/middleware/auth/auth.ts b/backend/src/middleware/auth/auth.ts
new file mode 100644
index 00000000..ca64b3b3
--- /dev/null
+++ b/backend/src/middleware/auth/auth.ts
@@ -0,0 +1,141 @@
+import { EnvVars, getEnvVar } from '../../util/envvars.js';
+import { expressjwt } from 'express-jwt';
+import { JwtPayload } from 'jsonwebtoken';
+import jwksClient from 'jwks-rsa';
+import * as express from 'express';
+import * as jwt from 'jsonwebtoken';
+import { AuthenticatedRequest } from './authenticated-request.js';
+import { AuthenticationInfo } from './authentication-info.js';
+import { ForbiddenException, UnauthorizedException } from '../../exceptions';
+
+const JWKS_CACHE = true;
+const JWKS_RATE_LIMIT = true;
+const REQUEST_PROPERTY_FOR_JWT_PAYLOAD = 'jwtPayload';
+const JWT_ALGORITHM = 'RS256'; // Not configurable via env vars since supporting other algorithms would
+// Require additional libraries to be added.
+
+const JWT_PROPERTY_NAMES = {
+ username: 'preferred_username',
+ firstName: 'given_name',
+ lastName: 'family_name',
+ name: 'name',
+ email: 'email',
+};
+
+function createJwksClient(uri: string): jwksClient.JwksClient {
+ return jwksClient({
+ cache: JWKS_CACHE,
+ rateLimit: JWKS_RATE_LIMIT,
+ jwksUri: uri,
+ });
+}
+
+const idpConfigs = {
+ student: {
+ issuer: getEnvVar(EnvVars.IdpStudentUrl),
+ jwksClient: createJwksClient(getEnvVar(EnvVars.IdpStudentJwksEndpoint)),
+ },
+ teacher: {
+ issuer: getEnvVar(EnvVars.IdpTeacherUrl),
+ jwksClient: createJwksClient(getEnvVar(EnvVars.IdpTeacherJwksEndpoint)),
+ },
+};
+
+/**
+ * Express middleware which verifies the JWT Bearer token if one is given in the request.
+ */
+const verifyJwtToken = expressjwt({
+ secret: async (_: express.Request, token: jwt.Jwt | undefined) => {
+ if (!token?.payload || !(token.payload as JwtPayload).iss) {
+ throw new Error('Invalid token');
+ }
+
+ const issuer = (token.payload as JwtPayload).iss;
+
+ const idpConfig = Object.values(idpConfigs).find((config) => config.issuer === issuer);
+ if (!idpConfig) {
+ throw new Error('Issuer not accepted.');
+ }
+
+ const signingKey = await idpConfig.jwksClient.getSigningKey(token.header.kid);
+ if (!signingKey) {
+ throw new Error('Signing key not found.');
+ }
+ return signingKey.getPublicKey();
+ },
+ audience: getEnvVar(EnvVars.IdpAudience),
+ algorithms: [JWT_ALGORITHM],
+ credentialsRequired: false,
+ requestProperty: REQUEST_PROPERTY_FOR_JWT_PAYLOAD,
+});
+
+/**
+ * Get an object with information about the authenticated user from a given authenticated request.
+ */
+function getAuthenticationInfo(req: AuthenticatedRequest): AuthenticationInfo | undefined {
+ if (!req.jwtPayload) {
+ return;
+ }
+ const issuer = req.jwtPayload.iss;
+ let accountType: 'student' | 'teacher';
+
+ if (issuer === idpConfigs.student.issuer) {
+ accountType = 'student';
+ } else if (issuer === idpConfigs.teacher.issuer) {
+ accountType = 'teacher';
+ } else {
+ return;
+ }
+ return {
+ accountType: accountType,
+ username: req.jwtPayload[JWT_PROPERTY_NAMES.username]!,
+ name: req.jwtPayload[JWT_PROPERTY_NAMES.name],
+ firstName: req.jwtPayload[JWT_PROPERTY_NAMES.firstName],
+ lastName: req.jwtPayload[JWT_PROPERTY_NAMES.lastName],
+ email: req.jwtPayload[JWT_PROPERTY_NAMES.email],
+ };
+}
+
+/**
+ * Add the AuthenticationInfo object with the information about the current authentication to the request in order
+ * to avoid that the routers have to deal with the JWT token.
+ */
+const addAuthenticationInfo = (req: AuthenticatedRequest, res: express.Response, next: express.NextFunction) => {
+ req.auth = getAuthenticationInfo(req);
+ next();
+};
+
+export const authenticateUser = [verifyJwtToken, addAuthenticationInfo];
+
+/**
+ * Middleware which rejects unauthenticated users (with HTTP 401) and authenticated users which do not fulfill
+ * the given access condition.
+ * @param accessCondition Predicate over the current AuthenticationInfo. Access is only granted when this evaluates
+ * to true.
+ */
+export const authorize =
+ (accessCondition: (auth: AuthenticationInfo) => boolean) =>
+ (req: AuthenticatedRequest, res: express.Response, next: express.NextFunction): void => {
+ if (!req.auth) {
+ throw new UnauthorizedException();
+ } else if (!accessCondition(req.auth)) {
+ throw new ForbiddenException();
+ } else {
+ next();
+ }
+ };
+
+/**
+ * Middleware which rejects all unauthenticated users, but accepts all authenticated users.
+ */
+export const authenticatedOnly = authorize((_) => true);
+
+/**
+ * Middleware which rejects requests from unauthenticated users or users that aren't students.
+ */
+export const studentsOnly = authorize((auth) => auth.accountType === 'student');
+
+/**
+ * Middleware which rejects requests from unauthenticated users or users that aren't teachers.
+ */
+export const teachersOnly = authorize((auth) => auth.accountType === 'teacher');
diff --git a/backend/src/middleware/auth/authenticated-request.d.ts b/backend/src/middleware/auth/authenticated-request.d.ts
new file mode 100644
index 00000000..9737fa7e
--- /dev/null
+++ b/backend/src/middleware/auth/authenticated-request.d.ts
@@ -0,0 +1,9 @@
+import { Request } from 'express';
+import { JwtPayload } from 'jsonwebtoken';
+import { AuthenticationInfo } from './authentication-info.js';
+
+export interface AuthenticatedRequest extends Request {
+ // Properties are optional since the user is not necessarily authenticated.
+ jwtPayload?: JwtPayload;
+ auth?: AuthenticationInfo;
+}
diff --git a/backend/src/middleware/auth/authentication-info.d.ts b/backend/src/middleware/auth/authentication-info.d.ts
new file mode 100644
index 00000000..4b060dfa
--- /dev/null
+++ b/backend/src/middleware/auth/authentication-info.d.ts
@@ -0,0 +1,11 @@
+/**
+ * Object with information about the user who is currently logged in.
+ */
+export type AuthenticationInfo = {
+ accountType: 'student' | 'teacher';
+ username: string;
+ name?: string;
+ firstName?: string;
+ lastName?: string;
+ email?: string;
+};
diff --git a/backend/src/middleware/cors.ts b/backend/src/middleware/cors.ts
new file mode 100644
index 00000000..3d2c9be0
--- /dev/null
+++ b/backend/src/middleware/cors.ts
@@ -0,0 +1,7 @@
+import cors from 'cors';
+import { EnvVars, getEnvVar } from '../util/envvars.js';
+
+export default cors({
+ origin: getEnvVar(EnvVars.CorsAllowedOrigins).split(','),
+ allowedHeaders: getEnvVar(EnvVars.CorsAllowedHeaders).split(','),
+});
diff --git a/backend/src/mikro-orm.config.ts b/backend/src/mikro-orm.config.ts
index 6af867e9..56221473 100644
--- a/backend/src/mikro-orm.config.ts
+++ b/backend/src/mikro-orm.config.ts
@@ -1,7 +1,9 @@
-import { Options } from '@mikro-orm/core';
+import { LoggerOptions, Options } from '@mikro-orm/core';
import { PostgreSqlDriver } from '@mikro-orm/postgresql';
import { EnvVars, getEnvVar, getNumericEnvVar } from './util/envvars.js';
import { SqliteDriver } from '@mikro-orm/sqlite';
+import { MikroOrmLogger } from './logging/mikroOrmLogger.js';
+import { LOG_LEVEL } from './config.js';
// Import alle entity-bestanden handmatig
import { User } from './entities/users/user.entity.js';
@@ -24,11 +26,20 @@ import { Answer } from './entities/questions/answer.entity.js';
import { Question } from './entities/questions/question.entity.js';
const entities = [
- User, Student, Teacher,
- Assignment, Group, Submission,
- Class, ClassJoinRequest, TeacherInvitation,
- Attachment, LearningObject, LearningPath,
- Answer, Question
+ User,
+ Student,
+ Teacher,
+ Assignment,
+ Group,
+ Submission,
+ Class,
+ ClassJoinRequest,
+ TeacherInvitation,
+ Attachment,
+ LearningObject,
+ LearningPath,
+ Answer,
+ Question,
];
function config(testingMode: boolean = false): Options {
@@ -37,25 +48,28 @@ function config(testingMode: boolean = false): Options {
driver: SqliteDriver,
dbName: getEnvVar(EnvVars.DbName),
entities: entities,
- // entitiesTs: entitiesTs,
+ // EntitiesTs: entitiesTs,
// Workaround: vitest: `TypeError: Unknown file extension ".ts"` (ERR_UNKNOWN_FILE_EXTENSION)
// (see https://mikro-orm.io/docs/guide/project-setup#testing-the-endpoint)
dynamicImportProvider: (id) => import(id),
};
- } else {
- return {
- driver: PostgreSqlDriver,
- host: getEnvVar(EnvVars.DbHost),
- port: getNumericEnvVar(EnvVars.DbPort),
- dbName: getEnvVar(EnvVars.DbName),
- user: getEnvVar(EnvVars.DbUsername),
- password: getEnvVar(EnvVars.DbPassword),
- entities: entities,
- //entitiesTs: entitiesTs,
- debug: true,
- };
}
+
+ return {
+ driver: PostgreSqlDriver,
+ host: getEnvVar(EnvVars.DbHost),
+ port: getNumericEnvVar(EnvVars.DbPort),
+ dbName: getEnvVar(EnvVars.DbName),
+ user: getEnvVar(EnvVars.DbUsername),
+ password: getEnvVar(EnvVars.DbPassword),
+ entities: entities,
+ // EntitiesTs: entitiesTs,
+
+ // Logging
+ debug: LOG_LEVEL === 'debug',
+ loggerFactory: (options: LoggerOptions) => new MikroOrmLogger(options),
+ };
}
export default config;
diff --git a/backend/src/orm.ts b/backend/src/orm.ts
index 37f83d8f..93feea7a 100644
--- a/backend/src/orm.ts
+++ b/backend/src/orm.ts
@@ -1,9 +1,15 @@
import { EntityManager, MikroORM } from '@mikro-orm/core';
import config from './mikro-orm.config.js';
import { EnvVars, getEnvVar } from './util/envvars.js';
+import { getLogger, Logger } from './logging/initalize.js';
let orm: MikroORM | undefined;
export async function initORM(testingMode: boolean = false) {
+ const logger: Logger = getLogger();
+
+ logger.info('Initializing ORM');
+ logger.debug('MikroORM config is', config);
+
orm = await MikroORM.init(config(testingMode));
// Update the database scheme if necessary and enabled.
if (getEnvVar(EnvVars.DbUpdate)) {
@@ -22,9 +28,7 @@ export async function initORM(testingMode: boolean = false) {
}
export function forkEntityManager(): EntityManager {
if (!orm) {
- throw Error(
- 'Accessing the Entity Manager before the ORM is fully initialized.'
- );
+ throw Error('Accessing the Entity Manager before the ORM is fully initialized.');
}
return orm.em.fork();
}
diff --git a/backend/src/routes/assignment.ts b/backend/src/routes/assignment.ts
index fcb6e9da..4ae5756d 100644
--- a/backend/src/routes/assignment.ts
+++ b/backend/src/routes/assignment.ts
@@ -1,23 +1,20 @@
-import express from 'express'
+import express from 'express';
const router = express.Router();
-// root endpoint used to search objects
+// Root endpoint used to search objects
router.get('/', (req, res) => {
res.json({
- assignments: [
- '0',
- '1',
- ]
+ assignments: ['0', '1'],
});
});
-// information about an assignment with id 'id'
+// Information about an assignment with id 'id'
router.get('/:id', (req, res) => {
res.json({
id: req.params.id,
title: 'Dit is een test assignment',
description: 'Een korte beschrijving',
- groups: [ '0' ],
+ groups: ['0'],
learningPath: '0',
class: '0',
links: {
@@ -25,30 +22,24 @@ router.get('/:id', (req, res) => {
submissions: `${req.baseUrl}/${req.params.id}`,
},
});
-})
+});
router.get('/:id/submissions', (req, res) => {
res.json({
- submissions: [
- '0'
- ],
+ submissions: ['0'],
});
});
router.get('/:id/groups', (req, res) => {
res.json({
- groups: [
- '0'
- ],
+ groups: ['0'],
});
});
router.get('/:id/questions', (req, res) => {
res.json({
- questions: [
- '0'
- ],
+ questions: ['0'],
});
});
-export default router
\ No newline at end of file
+export default router;
diff --git a/backend/src/routes/auth.ts b/backend/src/routes/auth.ts
new file mode 100644
index 00000000..942a997a
--- /dev/null
+++ b/backend/src/routes/auth.ts
@@ -0,0 +1,23 @@
+import express from 'express';
+import { getFrontendAuthConfig } from '../controllers/auth.js';
+import { authenticatedOnly, studentsOnly, teachersOnly } from '../middleware/auth/auth.js';
+const router = express.Router();
+
+// Returns auth configuration for frontend
+router.get('/config', (req, res) => {
+ res.json(getFrontendAuthConfig());
+});
+
+router.get('/testAuthenticatedOnly', authenticatedOnly, (req, res) => {
+ res.json({ message: 'If you see this, you should be authenticated!' });
+});
+
+router.get('/testStudentsOnly', studentsOnly, (req, res) => {
+ res.json({ message: 'If you see this, you should be a student!' });
+});
+
+router.get('/testTeachersOnly', teachersOnly, (req, res) => {
+ res.json({ message: 'If you see this, you should be a teacher!' });
+});
+
+export default router;
diff --git a/backend/src/routes/class.ts b/backend/src/routes/class.ts
index e554a7f2..6f8f324e 100644
--- a/backend/src/routes/class.ts
+++ b/backend/src/routes/class.ts
@@ -1,55 +1,46 @@
-import express from 'express'
+import express from 'express';
const router = express.Router();
-// root endpoint used to search objects
+// Root endpoint used to search objects
router.get('/', (req, res) => {
res.json({
- classes: [
- '0',
- '1',
- ]
+ classes: ['0', '1'],
});
});
-// information about an class with id 'id'
+// Information about an class with id 'id'
router.get('/:id', (req, res) => {
res.json({
id: req.params.id,
displayName: 'Klas 4B',
- teachers: [ '0' ],
- students: [ '0' ],
- joinRequests: [ '0' ],
+ teachers: ['0'],
+ students: ['0'],
+ joinRequests: ['0'],
links: {
self: `${req.baseUrl}/${req.params.id}`,
classes: `${req.baseUrl}/${req.params.id}/invitations`,
questions: `${req.baseUrl}/${req.params.id}/assignments`,
students: `${req.baseUrl}/${req.params.id}/students`,
- }
+ },
});
-})
+});
router.get('/:id/invitations', (req, res) => {
res.json({
- invitations: [
- '0'
- ],
+ invitations: ['0'],
});
-})
+});
router.get('/:id/assignments', (req, res) => {
res.json({
- assignments: [
- '0'
- ],
+ assignments: ['0'],
});
-})
+});
router.get('/:id/students', (req, res) => {
res.json({
- students: [
- '0'
- ],
+ students: ['0'],
});
-})
+});
-export default router
\ No newline at end of file
+export default router;
diff --git a/backend/src/routes/group.ts b/backend/src/routes/group.ts
index e55dddd1..303f5215 100644
--- a/backend/src/routes/group.ts
+++ b/backend/src/routes/group.ts
@@ -1,34 +1,31 @@
-import express from 'express'
+import express from 'express';
const router = express.Router();
-// root endpoint used to search objects
+// Root endpoint used to search objects
router.get('/', (req, res) => {
res.json({
- groups: [
- '0',
- '1',
- ]
+ groups: ['0', '1'],
});
});
-// information about a group (members, ... [TODO DOC])
+// Information about a group (members, ... [TODO DOC])
router.get('/:id', (req, res) => {
res.json({
id: req.params.id,
assignment: '0',
- students: [ '0' ],
- submissions: [ '0' ],
- // reference to other endpoint
- // should be less hardcoded
- questions: `/group/${req.params.id}/question`,
+ students: ['0'],
+ submissions: ['0'],
+ // Reference to other endpoint
+ // Should be less hardcoded
+ questions: `/group/${req.params.id}/question`,
});
-})
+});
-// the list of questions a group has made
+// The list of questions a group has made
router.get('/:id/question', (req, res) => {
res.json({
- questions: [ '0' ],
+ questions: ['0'],
});
-})
+});
-export default router
\ No newline at end of file
+export default router;
diff --git a/backend/src/routes/login.ts b/backend/src/routes/login.ts
deleted file mode 100644
index 550e6d93..00000000
--- a/backend/src/routes/login.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import express from 'express'
-const router = express.Router();
-
-// returns login paths for IDP
-router.get('/', (req, res) => {
- res.json({
- // dummy variables, needs to be changed
- // with IDP endpoints
- leerkracht: '/login-leerkracht',
- leerling: '/login-leerling',
- });
-})
-
-export default router
\ No newline at end of file
diff --git a/backend/src/routes/question.ts b/backend/src/routes/question.ts
index 25d168b7..2e5db624 100644
--- a/backend/src/routes/question.ts
+++ b/backend/src/routes/question.ts
@@ -1,17 +1,14 @@
-import express from 'express'
+import express from 'express';
const router = express.Router();
-// root endpoint used to search objects
+// Root endpoint used to search objects
router.get('/', (req, res) => {
res.json({
- questions: [
- '0',
- '1',
- ]
+ questions: ['0', '1'],
});
});
-// information about an question with id 'id'
+// Information about an question with id 'id'
router.get('/:id', (req, res) => {
res.json({
id: req.params.id,
@@ -23,16 +20,14 @@ router.get('/:id', (req, res) => {
links: {
self: `${req.baseUrl}/${req.params.id}`,
answers: `${req.baseUrl}/${req.params.id}/answers`,
- }
+ },
});
-})
+});
router.get('/:id/answers', (req, res) => {
res.json({
- answers: [
- '0'
- ],
- })
-})
+ answers: ['0'],
+ });
+});
-export default router
\ No newline at end of file
+export default router;
diff --git a/backend/src/routes/student.ts b/backend/src/routes/student.ts
index a11c1fbc..9cb0cdee 100644
--- a/backend/src/routes/student.ts
+++ b/backend/src/routes/student.ts
@@ -1,17 +1,14 @@
-import express from 'express'
+import express from 'express';
const router = express.Router();
-// root endpoint used to search objects
+// Root endpoint used to search objects
router.get('/', (req, res) => {
res.json({
- students: [
- '0',
- '1',
- ]
+ students: ['0', '1'],
});
});
-// information about a student's profile
+// Information about a student's profile
router.get('/:id', (req, res) => {
res.json({
id: req.params.id,
@@ -27,33 +24,32 @@ router.get('/:id', (req, res) => {
});
});
-// the list of classes a student is in
+// The list of classes a student is in
router.get('/:id/classes', (req, res) => {
res.json({
- classes: [ '0' ],
+ classes: ['0'],
});
-})
+});
-// the list of submissions a student has made
+// The list of submissions a student has made
router.get('/:id/submissions', (req, res) => {
res.json({
- submissions: [ '0' ],
+ submissions: ['0'],
});
-})
+});
-
-// the list of assignments a student has
+// The list of assignments a student has
router.get('/:id/assignments', (req, res) => {
res.json({
- assignments: [ '0' ],
+ assignments: ['0'],
});
-})
-
-// the list of groups a student is in
+});
+
+// The list of groups a student is in
router.get('/:id/groups', (req, res) => {
res.json({
- groups: [ '0' ],
+ groups: ['0'],
});
-})
+});
-export default router
\ No newline at end of file
+export default router;
diff --git a/backend/src/routes/submission.ts b/backend/src/routes/submission.ts
index 8d09cf8e..cb4d3e85 100644
--- a/backend/src/routes/submission.ts
+++ b/backend/src/routes/submission.ts
@@ -1,17 +1,14 @@
-import express from 'express'
+import express from 'express';
const router = express.Router();
-// root endpoint used to search objects
+// Root endpoint used to search objects
router.get('/', (req, res) => {
res.json({
- submissions: [
- '0',
- '1',
- ]
+ submissions: ['0', '1'],
});
});
-// information about an submission with id 'id'
+// Information about an submission with id 'id'
router.get('/:id', (req, res) => {
res.json({
id: req.params.id,
@@ -21,6 +18,6 @@ router.get('/:id', (req, res) => {
content: 'Wortel 2 is rationeel',
learningObject: '0',
});
-})
+});
-export default router
\ No newline at end of file
+export default router;
diff --git a/backend/src/routes/teacher.ts b/backend/src/routes/teacher.ts
index 37b3b04b..a7c60bc9 100644
--- a/backend/src/routes/teacher.ts
+++ b/backend/src/routes/teacher.ts
@@ -1,17 +1,14 @@
-import express from 'express'
+import express from 'express';
const router = express.Router();
-// root endpoint used to search objects
+// Root endpoint used to search objects
router.get('/', (req, res) => {
res.json({
- teachers: [
- '0',
- '1',
- ]
+ teachers: ['0', '1'],
});
});
-// information about a teacher
+// Information about a teacher
router.get('/:id', (req, res) => {
res.json({
id: req.params.id,
@@ -25,34 +22,27 @@ router.get('/:id', (req, res) => {
invitations: `${req.baseUrl}/${req.params.id}/invitations`,
},
});
-})
+});
-// the questions students asked a teacher
+// The questions students asked a teacher
router.get('/:id/questions', (req, res) => {
res.json({
- questions: [
- '0'
- ],
+ questions: ['0'],
});
});
-// invitations to other classes a teacher received
+// Invitations to other classes a teacher received
router.get('/:id/invitations', (req, res) => {
res.json({
- invitations: [
- '0'
- ],
+ invitations: ['0'],
});
});
-// a list with ids of classes a teacher is in
+// A list with ids of classes a teacher is in
router.get('/:id/classes', (req, res) => {
res.json({
- classes: [
- '0'
- ],
+ classes: ['0'],
});
});
-
-export default router
\ No newline at end of file
+export default router;
diff --git a/backend/src/services/learningObjects.ts b/backend/src/services/learningObjects.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/backend/src/services/learningPaths.ts b/backend/src/services/learningPaths.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/backend/src/util/apiHelper.ts b/backend/src/util/apiHelper.ts
index 8733a7a4..a7600541 100644
--- a/backend/src/util/apiHelper.ts
+++ b/backend/src/util/apiHelper.ts
@@ -1,6 +1,7 @@
import axios, { AxiosRequestConfig } from 'axios';
+import { getLogger, Logger } from '../logging/initalize.js';
-// !!!! when logger is done -> change
+const logger: Logger = getLogger();
/**
* Utility function to fetch data from an API endpoint with error handling.
@@ -28,19 +29,14 @@ export async function fetchWithLogging(
} catch (error: any) {
if (error.response) {
if (error.response.status === 404) {
- console.error(
- `❌ ERROR: ${description} not found (404) at "${url}".`
- );
+ logger.debug(`❌ ERROR: ${description} not found (404) at "${url}".`);
} else {
- console.error(
+ logger.debug(
`❌ ERROR: Failed to fetch ${description}. Status: ${error.response.status} - ${error.response.statusText} (URL: "${url}")`
);
}
} else {
- console.error(
- `❌ ERROR: Network or unexpected error when fetching ${description}:`,
- error.message
- );
+ logger.debug(`❌ ERROR: Network or unexpected error when fetching ${description}:`, error.message);
}
return null;
}
diff --git a/backend/src/util/envvars.ts b/backend/src/util/envvars.ts
index c6258a30..eed6dce7 100644
--- a/backend/src/util/envvars.ts
+++ b/backend/src/util/envvars.ts
@@ -1,5 +1,9 @@
const PREFIX = 'DWENGO_';
const DB_PREFIX = PREFIX + 'DB_';
+const IDP_PREFIX = PREFIX + 'AUTH_';
+const STUDENT_IDP_PREFIX = IDP_PREFIX + 'STUDENT_';
+const TEACHER_IDP_PREFIX = IDP_PREFIX + 'TEACHER_';
+const CORS_PREFIX = PREFIX + 'CORS_';
type EnvVar = { key: string; required?: boolean; defaultValue?: any };
@@ -14,6 +18,15 @@ export const EnvVars: { [key: string]: EnvVar } = {
LearningContentRepoApiBaseUrl: { key: PREFIX + "LEARNING_CONTENT_REPO_API_BASE_URL", defaultValue: "https://dwengo.org/backend/api"},
FallbackLanguage: { key: PREFIX + "FALLBACK_LANGUAGE", defaultValue: "nl" },
UserContentPrefix: { key: DB_PREFIX + 'USER_CONTENT_PREFIX', defaultValue: "u_" },
+ IdpStudentUrl: { key: STUDENT_IDP_PREFIX + 'URL', required: true },
+ IdpStudentClientId: { key: STUDENT_IDP_PREFIX + 'CLIENT_ID', required: true },
+ IdpStudentJwksEndpoint: { key: STUDENT_IDP_PREFIX + 'JWKS_ENDPOINT', required: true },
+ IdpTeacherUrl: { key: TEACHER_IDP_PREFIX + 'URL', required: true },
+ IdpTeacherClientId: { key: TEACHER_IDP_PREFIX + 'CLIENT_ID', required: true },
+ IdpTeacherJwksEndpoint: { key: TEACHER_IDP_PREFIX + 'JWKS_ENDPOINT', required: true },
+ IdpAudience: { key: IDP_PREFIX + 'AUDIENCE', defaultValue: 'account' },
+ CorsAllowedOrigins: { key: CORS_PREFIX + 'ALLOWED_ORIGINS', defaultValue: '' },
+ CorsAllowedHeaders: { key: CORS_PREFIX + 'ALLOWED_HEADERS', defaultValue: 'Authorization,Content-Type' },
} as const;
/**
@@ -39,9 +52,7 @@ export function getNumericEnvVar(envVar: EnvVar): number {
const valueString = getEnvVar(envVar);
const value = parseInt(valueString);
if (isNaN(value)) {
- throw new Error(
- `Invalid value for environment variable ${envVar.key}: ${valueString}. Expected a number.`
- );
+ throw new Error(`Invalid value for environment variable ${envVar.key}: ${valueString}. Expected a number.`);
} else {
return value;
}
diff --git a/backend/src/util/translationHelper.ts b/backend/src/util/translationHelper.ts
index f4443531..d0a83b02 100644
--- a/backend/src/util/translationHelper.ts
+++ b/backend/src/util/translationHelper.ts
@@ -1,7 +1,10 @@
import fs from 'fs';
import path from 'path';
import yaml from 'js-yaml';
-import {FALLBACK_LANG} from "../../config";
+import { FALLBACK_LANG } from '../config.js';
+import { getLogger, Logger } from '../logging/initalize.js';
+
+const logger: Logger = getLogger();
export function loadTranslations(language: string): T {
try {
@@ -9,10 +12,7 @@ export function loadTranslations(language: string): T {
const yamlFile = fs.readFileSync(filePath, 'utf8');
return yaml.load(yamlFile) as T;
} catch (error) {
- console.error(
- `Cannot load translation for ${language}, fallen back to dutch`
- );
- console.error(error);
+ logger.warn(`Cannot load translation for ${language}, fallen back to dutch`, error);
const fallbackPath = path.join(process.cwd(), '_i18n', `${FALLBACK_LANG}.yml`);
return yaml.load(fs.readFileSync(fallbackPath, 'utf8')) as T;
}
diff --git a/backend/tests/data/users.test.ts b/backend/tests/data/users.test.ts
index c7cc875d..87149050 100644
--- a/backend/tests/data/users.test.ts
+++ b/backend/tests/data/users.test.ts
@@ -1,13 +1,13 @@
-import {setupTestApp} from "../setup-tests.js"
-import {Student} from "../../src/entities/users/student.entity.js";
-import {describe, it, expect, beforeAll} from "vitest";
-import {StudentRepository} from "../../src/data/users/student-repository.js";
-import {getStudentRepository} from "../../src/data/repositories.js";
+import { setupTestApp } from '../setup-tests.js';
+import { Student } from '../../src/entities/users/student.entity.js';
+import { describe, it, expect, beforeAll } from 'vitest';
+import { StudentRepository } from '../../src/data/users/student-repository.js';
+import { getStudentRepository } from '../../src/data/repositories.js';
-const username = "teststudent";
-const firstName = "John";
-const lastName = "Doe";
-describe("StudentRepository", () => {
+const username = 'teststudent';
+const firstName = 'John';
+const lastName = 'Doe';
+describe('StudentRepository', () => {
let studentRepository: StudentRepository;
beforeAll(async () => {
@@ -15,19 +15,19 @@ describe("StudentRepository", () => {
studentRepository = getStudentRepository();
});
- it("should return the queried student after he was added", async () => {
+ it('should return the queried student after he was added', async () => {
await studentRepository.insert(new Student(username, firstName, lastName));
- let retrievedStudent = await studentRepository.findByUsername(username);
+ const retrievedStudent = await studentRepository.findByUsername(username);
expect(retrievedStudent).toBeTruthy();
expect(retrievedStudent?.firstName).toBe(firstName);
expect(retrievedStudent?.lastName).toBe(lastName);
});
- it("should no longer return the queried student after he was removed again", async () => {
+ it('should no longer return the queried student after he was removed again', async () => {
await studentRepository.deleteByUsername(username);
- let retrievedStudent = await studentRepository.findByUsername(username);
+ const retrievedStudent = await studentRepository.findByUsername(username);
expect(retrievedStudent).toBeNull();
});
});
diff --git a/backend/tests/example.test.ts b/backend/tests/example.test.ts
index 7030a84b..d0a1c3c8 100644
--- a/backend/tests/example.test.ts
+++ b/backend/tests/example.test.ts
@@ -1,9 +1,9 @@
-import { describe, it, expect } from "vitest";
+import { describe, it, expect } from 'vitest';
-describe("Sample test", () => {
- it("should sum to 2", () => {
+describe('Sample test', () => {
+ it('should sum to 2', () => {
const expected = 2;
const result = 1 + 1;
expect(result).equals(expected);
});
-})
+});
diff --git a/backend/tests/setup-tests.ts b/backend/tests/setup-tests.ts
index 6738ad56..6c9d23f6 100644
--- a/backend/tests/setup-tests.ts
+++ b/backend/tests/setup-tests.ts
@@ -1,7 +1,7 @@
-import {initORM} from "../src/orm.js";
-import dotenv from "dotenv";
+import { initORM } from '../src/orm.js';
+import dotenv from 'dotenv';
export async function setupTestApp() {
- dotenv.config({path: ".env.test"});
+ dotenv.config({ path: '.env.test' });
await initORM(true);
}
diff --git a/backend/tsconfig.json b/backend/tsconfig.json
index 6cdb459b..86267d25 100644
--- a/backend/tsconfig.json
+++ b/backend/tsconfig.json
@@ -1,8 +1,6 @@
{
"extends": "../tsconfig.json",
- "include": [
- "src/**/*.ts"
- ],
+ "include": ["src/**/*.ts"],
"compilerOptions": {
"rootDir": "./src",
"outDir": "./dist"
diff --git a/backend/vitest.config.ts b/backend/vitest.config.ts
index 7601a84b..302015fb 100644
--- a/backend/vitest.config.ts
+++ b/backend/vitest.config.ts
@@ -3,6 +3,6 @@ import { defineConfig } from 'vitest/config';
export default defineConfig({
test: {
environment: 'node',
- globals: true
- }
+ globals: true,
+ },
});
diff --git a/config/loki/config.yml b/config/loki/config.yml
new file mode 100644
index 00000000..b84377bd
--- /dev/null
+++ b/config/loki/config.yml
@@ -0,0 +1,29 @@
+# This is a complete configuration to deploy Loki backed by the filesystem.
+# The index will be shipped to the storage via tsdb-shipper.
+
+auth_enabled: false
+
+server:
+ http_listen_port: 3102
+
+common:
+ ring:
+ instance_addr: 127.0.0.1
+ kvstore:
+ store: inmemory
+ replication_factor: 1
+ path_prefix: /tmp/loki
+
+schema_config:
+ configs:
+ - from: 2020-05-15
+ store: tsdb
+ object_store: filesystem
+ schema: v13
+ index:
+ prefix: index_
+ period: 24h
+
+storage_config:
+ filesystem:
+ directory: /tmp/loki/chunks
diff --git a/docker-compose.yml b/docker-compose.yml
index c5230d7c..4ef03dfb 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,14 +1,59 @@
services:
- db:
- image: postgres:latest
- environment:
- POSTGRES_USER: postgres
- POSTGRES_PASSWORD: postgres
- POSTGRES_DB: postgres
- ports:
- - "5431:5432"
- volumes:
- - postgres_data:/var/lib/postgresql/data
+ db:
+ image: postgres:latest
+ environment:
+ POSTGRES_USER: postgres
+ POSTGRES_PASSWORD: postgres
+ POSTGRES_DB: postgres
+ ports:
+ - '5431:5432'
+ volumes:
+ - dwengo_postgres_data:/var/lib/postgresql/data
+
+ logging:
+ image: grafana/loki:latest
+ ports:
+ - '3102:3102'
+ - '9095:9095'
+ volumes:
+ - ./config/loki/config.yml:/etc/loki/config.yaml
+ - dwengo_loki_data:/loki
+ command: -config.file=/etc/loki/config.yaml
+ restart: unless-stopped
+
+ dashboards:
+ image: grafana/grafana:latest
+ ports:
+ - '3100:3000'
+ volumes:
+ - dwengo_grafana_data:/var/lib/grafana
+ restart: unless-stopped
+
+ idp: # Based on: https://medium.com/@fingervinicius/easy-running-keycloak-with-docker-compose-b0d7a4ee2358
+ image: quay.io/keycloak/keycloak:latest
+ volumes:
+ - ./idp:/opt/keycloak/data/import
+ environment:
+ KC_HOSTNAME: localhost
+ KC_HOSTNAME_PORT: 7080
+ KC_HOSTNAME_STRICT_BACKCHANNEL: 'true'
+ KC_BOOTSTRAP_ADMIN_USERNAME: admin
+ KC_BOOTSTRAP_ADMIN_PASSWORD: admin
+ KC_HEALTH_ENABLED: 'true'
+ KC_LOG_LEVEL: info
+ healthcheck:
+ test: ['CMD', 'curl', '-f', 'http://localhost:7080/health/ready']
+ interval: 15s
+ timeout: 2s
+ retries: 15
+ command: ['start-dev', '--http-port', '7080', '--https-port', '7443', '--import-realm']
+ ports:
+ - '7080:7080'
+ - '7443:7443'
+ depends_on:
+ - db
volumes:
- postgres_data:
+ dwengo_postgres_data:
+ dwengo_loki_data:
+ dwengo_grafana_data:
diff --git a/docs/architecture/schema.png b/docs/architecture/schema.png
index 616d896c..9e4b00ce 100644
Binary files a/docs/architecture/schema.png and b/docs/architecture/schema.png differ
diff --git a/docs/architecture/schema.py b/docs/architecture/schema.py
index 87a59f9a..7aa4cefd 100644
--- a/docs/architecture/schema.py
+++ b/docs/architecture/schema.py
@@ -1,30 +1,49 @@
-from diagrams import Cluster, Diagram
+from diagrams import Cluster, Diagram, Edge
from diagrams.custom import Custom
from diagrams.onprem.certificates import LetsEncrypt
-from diagrams.onprem.container import Docker
from diagrams.onprem.database import PostgreSQL
from diagrams.onprem.logging import Loki
from diagrams.onprem.monitoring import Grafana
from diagrams.onprem.network import Nginx
+from diagrams.programming.flowchart import InputOutput
from diagrams.programming.framework import Vue
from diagrams.programming.language import Nodejs
-from diagrams.programming.flowchart import InputOutput
with Diagram("Dwengo-1 architectuur", filename="docs/architecture/schema", show=False):
- reverse_proxy = Nginx("reverse proxy")
- reverse_proxy >> LetsEncrypt("SSL")
+ ingress = Nginx("Reverse Proxy")
+ certificates = LetsEncrypt("SSL")
- with Cluster("Docker"):
- Docker()
-
- frontend = Vue("/")
- backend = Nodejs("/api")
- reverse_proxy >> frontend
- frontend >> backend >> InputOutput("MikroORM") >> PostgreSQL()
-
- backend >> Loki("logging") >> Grafana("monitoring")
-
- with Cluster("Dwengo"):
+ with Cluster("Dwengo VZW"):
dwengo = Custom("Dwengo", "../../assets/img/dwengo-groen-zwart.png")
- backend >> dwengo
+ with Cluster("Dwengo-1"):
+ frontend = Vue("/")
+ backend = Nodejs("/api")
+ identity_provider = Custom("IDP", "../../assets/img/keycloak.png")
+
+ database = PostgreSQL("Database")
+ orm = InputOutput("MikroORM")
+ orm >> Edge(label="map") << database
+
+ with Cluster("Observability"):
+ logging = Loki("Logging")
+ logging << Edge(color="firebrick", style="dashed") << Grafana("Monitoring")
+
+ dependencies = [
+ dwengo,
+ logging,
+ orm
+ ]
+
+ backend >> dependencies
+
+ service = [
+ frontend,
+ backend,
+ identity_provider,
+ certificates
+ ]
+
+ ingress \
+ >> Edge(color="darkgreen") \
+ << service
diff --git a/eslint.config.ts b/eslint.config.ts
index 7d657c67..6a59a583 100644
--- a/eslint.config.ts
+++ b/eslint.config.ts
@@ -16,7 +16,8 @@ export default [
prettierConfig,
includeIgnoreFile(gitignorePath),
{
- ignores: ['**/dist/**', '**/.node_modules/**', '**/coverage/**'],
+ ignores: ['**/dist/**', '**/.node_modules/**', '**/coverage/**', '**/.github/**'],
+ files: ['**/*.ts', '**/*.cts', '**.*.mts', '**/*.ts'],
},
{
languageOptions: {
@@ -37,8 +38,9 @@ export default [
'no-unreachable-loop': 'warn',
'no-use-before-define': 'error',
'no-useless-assignment': 'error',
+ 'no-unused-vars': 'error',
- 'arrow-body-style': ['warn', 'always'],
+ 'arrow-body-style': ['warn', 'as-needed'],
'block-scoped-var': 'warn',
camelcase: 'warn',
'capitalized-comments': 'warn',
diff --git a/frontend/e2e/vue.spec.ts b/frontend/e2e/vue.spec.ts
index 9471698e..fd4797b7 100644
--- a/frontend/e2e/vue.spec.ts
+++ b/frontend/e2e/vue.spec.ts
@@ -1,8 +1,8 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from "@playwright/test";
// See here how to get started:
// https://playwright.dev/docs/intro
-test('visits the app root url', async ({ page }) => {
- await page.goto('/');
- await expect(page.locator('h1')).toHaveText('You did it!');
+test("visits the app root url", async ({ page }) => {
+ await page.goto("/");
+ await expect(page.locator("h1")).toHaveText("You did it!");
});
diff --git a/frontend/eslint.config.ts b/frontend/eslint.config.ts
index 216bb5c1..e9359af7 100644
--- a/frontend/eslint.config.ts
+++ b/frontend/eslint.config.ts
@@ -1,12 +1,9 @@
-import pluginVue from 'eslint-plugin-vue';
-import {
- defineConfigWithVueTs,
- vueTsConfigs,
-} from '@vue/eslint-config-typescript';
-import pluginVitest from '@vitest/eslint-plugin';
-import pluginPlaywright from 'eslint-plugin-playwright';
-import skipFormatting from '@vue/eslint-config-prettier/skip-formatting';
-import rootConfig from '../eslint.config';
+import pluginVue from "eslint-plugin-vue";
+import { defineConfigWithVueTs, vueTsConfigs } from "@vue/eslint-config-typescript";
+import pluginVitest from "@vitest/eslint-plugin";
+import pluginPlaywright from "eslint-plugin-playwright";
+import skipFormatting from "@vue/eslint-config-prettier/skip-formatting";
+import rootConfig from "../eslint.config";
// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
// Import { configureVueProject } from '@vue/eslint-config-typescript'
@@ -15,31 +12,31 @@ import rootConfig from '../eslint.config';
const vueConfig = defineConfigWithVueTs(
{
- name: 'app/files-to-lint',
- files: ['**/*.{ts,mts,tsx,vue}'],
+ name: "app/files-to-lint",
+ files: ["**/*.{ts,mts,tsx,vue}"],
+ rules: {
+ "no-useless-assignment": "off", // Depend on `no-unused-vars` to catch this
+ },
},
{
- name: 'app/files-to-ignore',
- ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+ name: "app/files-to-ignore",
+ ignores: ["**/dist/**", "**/dist-ssr/**", "**/coverage/**"],
},
- pluginVue.configs['flat/essential'],
+ pluginVue.configs["flat/essential"],
vueTsConfigs.recommended,
{
...pluginVitest.configs.recommended,
- files: ['src/**/__tests__/*'],
+ files: ["src/**/__tests__/*"],
},
{
- ...pluginPlaywright.configs['flat/recommended'],
- files: ['e2e/**/*.{test,spec}.{js,ts,jsx,tsx}'],
+ ...pluginPlaywright.configs["flat/recommended"],
+ files: ["e2e/**/*.{test,spec}.{js,ts,jsx,tsx}"],
},
- skipFormatting
+ skipFormatting,
);
-export default [
- ...rootConfig,
- ...vueConfig
-]
+export default [...rootConfig, ...vueConfig];
diff --git a/frontend/index.html b/frontend/index.html
index a678cb53..3c1f2f07 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -2,12 +2,21 @@
-
-
+
+
Vite App
-
+
diff --git a/frontend/package.json b/frontend/package.json
index 2c2c2612..b056c9f3 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -18,7 +18,9 @@
"dependencies": {
"vue": "^3.5.13",
"vue-router": "^4.5.0",
- "vuetify": "^3.7.12"
+ "vuetify": "^3.7.12",
+ "oidc-client-ts": "^3.1.0",
+ "axios": "^1.8.2"
},
"devDependencies": {
"@playwright/test": "^1.50.1",
diff --git a/frontend/playwright.config.ts b/frontend/playwright.config.ts
index a6cfb499..06d60d89 100644
--- a/frontend/playwright.config.ts
+++ b/frontend/playwright.config.ts
@@ -1,5 +1,5 @@
-import process from 'node:process';
-import { defineConfig, devices } from '@playwright/test';
+import process from "node:process";
+import { defineConfig, devices } from "@playwright/test";
/**
* Read environment variables from file.
@@ -11,7 +11,7 @@ import { defineConfig, devices } from '@playwright/test';
* See https://playwright.dev/docs/test-configuration.
*/
export default defineConfig({
- testDir: './e2e',
+ testDir: "./e2e",
/* Maximum time one test can run for. */
timeout: 30 * 1000,
expect: {
@@ -28,18 +28,16 @@ export default defineConfig({
/* Opt out of parallel tests on CI. */
workers: process.env.CI ? 1 : undefined,
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
- reporter: 'html',
+ reporter: "html",
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
use: {
/* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
actionTimeout: 0,
/* Base URL to use in actions like `await page.goto('/')`. */
- baseURL: process.env.CI
- ? 'http://localhost:4173'
- : 'http://localhost:5173',
+ baseURL: process.env.CI ? "http://localhost:4173" : "http://localhost:5173",
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
- trace: 'on-first-retry',
+ trace: "on-first-retry",
/* Only on CI systems run the tests headless */
headless: Boolean(process.env.CI),
@@ -48,21 +46,21 @@ export default defineConfig({
/* Configure projects for major browsers */
projects: [
{
- name: 'chromium',
+ name: "chromium",
use: {
- ...devices['Desktop Chrome'],
+ ...devices["Desktop Chrome"],
},
},
{
- name: 'firefox',
+ name: "firefox",
use: {
- ...devices['Desktop Firefox'],
+ ...devices["Desktop Firefox"],
},
},
{
- name: 'webkit',
+ name: "webkit",
use: {
- ...devices['Desktop Safari'],
+ ...devices["Desktop Safari"],
},
},
@@ -105,7 +103,7 @@ export default defineConfig({
* Use the preview server on CI for more realistic testing.
* Playwright will re-use the local server if there is already a dev-server running.
*/
- command: process.env.CI ? 'npm run preview' : 'npm run dev',
+ command: process.env.CI ? "npm run preview" : "npm run dev",
port: process.env.CI ? 4173 : 5173,
reuseExistingServer: !process.env.CI,
},
diff --git a/frontend/prettier.config.js b/frontend/prettier.config.js
index 00145504..4bc9699b 100644
--- a/frontend/prettier.config.js
+++ b/frontend/prettier.config.js
@@ -2,10 +2,10 @@
* @type {import("prettier").Options}
*/
-const rootConfig = import ('../prettier.config.js');
+const rootConfig = import("../prettier.config.js");
export default {
...rootConfig,
vueIndentScriptAndStyle: true,
- singleAttributePerLine: true
+ singleAttributePerLine: true,
};
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 7db110de..d355c43d 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,10 +1,10 @@
-
+
-
+
diff --git a/frontend/src/components/BrowseThemes.vue b/frontend/src/components/BrowseThemes.vue
index 5191a920..9575da5f 100644
--- a/frontend/src/components/BrowseThemes.vue
+++ b/frontend/src/components/BrowseThemes.vue
@@ -1,11 +1,9 @@
-
+
diff --git a/frontend/src/components/LearningPath.vue b/frontend/src/components/LearningPath.vue
index 4aaf6ef8..1a35a59f 100644
--- a/frontend/src/components/LearningPath.vue
+++ b/frontend/src/components/LearningPath.vue
@@ -1,11 +1,7 @@
-
+
-
+
diff --git a/frontend/src/components/errors/NotFound.vue b/frontend/src/components/errors/NotFound.vue
index 7a45fea2..99afde41 100644
--- a/frontend/src/components/errors/NotFound.vue
+++ b/frontend/src/components/errors/NotFound.vue
@@ -1,11 +1,7 @@
-
+
404 - Page Not Found
-
+
diff --git a/frontend/src/config.ts b/frontend/src/config.ts
new file mode 100644
index 00000000..9feb71b3
--- /dev/null
+++ b/frontend/src/config.ts
@@ -0,0 +1,5 @@
+export const apiConfig = {
+ baseUrl: window.location.hostname == "localhost" ? "http://localhost:3000" : window.location.origin,
+};
+
+export const loginRoute = "/login";
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 8ce0fe3f..079c39ef 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -1,4 +1,4 @@
-import {createRouter, createWebHistory} from "vue-router";
+import { createRouter, createWebHistory } from "vue-router";
import MenuBar from "@/components/MenuBar.vue";
import StudentHomepage from "@/views/StudentHomepage.vue";
import StudentAssignments from "@/views/assignments/StudentAssignments.vue";
@@ -15,6 +15,7 @@ import NotFound from "@/components/errors/NotFound.vue";
import CreateClass from "@/views/classes/CreateClass.vue";
import CreateAssignment from "@/views/assignments/CreateAssignment.vue";
import CreateDiscussion from "@/views/discussions/CreateDiscussion.vue";
+import CallbackPage from "@/views/CallbackPage.vue";
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
@@ -22,12 +23,16 @@ const router = createRouter({
{
path: "/",
name: "home",
- component: () => {return import("../views/HomePage.vue")},
+ component: () => import("../views/HomePage.vue"),
},
{
path: "/login",
name: "LoginPage",
- component: () => {return import("../views/LoginPage.vue")}
+ component: () => import("../views/LoginPage.vue"),
+ },
+ {
+ path: "/callback",
+ component: CallbackPage,
},
{
path: "/student/:id",
@@ -36,24 +41,24 @@ const router = createRouter({
{
path: "home",
name: "StudentHomePage",
- component: StudentHomepage
+ component: StudentHomepage,
},
{
path: "assignment",
name: "StudentAssignments",
- component: StudentAssignments
+ component: StudentAssignments,
},
{
path: "class",
name: "StudentClasses",
- component: StudentClasses
+ component: StudentClasses,
},
{
path: "discussion",
name: "StudentDiscussions",
- component: StudentDiscussions
+ component: StudentDiscussions,
},
- ]
+ ],
},
{
@@ -63,56 +68,54 @@ const router = createRouter({
{
path: "home",
name: "TeacherHomepage",
- component: TeacherHomepage
+ component: TeacherHomepage,
},
{
path: "assignment",
name: "TeacherAssignments",
- component: TeacherAssignments
+ component: TeacherAssignments,
},
{
path: "class",
name: "TeacherClasses",
- component: TeacherClasses
+ component: TeacherClasses,
},
{
path: "discussion",
name: "TeacherDiscussions",
- component: TeacherDiscussions
+ component: TeacherDiscussions,
},
- ]
+ ],
},
{
path: "/assignment/create",
name: "CreateAssigment",
- component: CreateAssignment
-
+ component: CreateAssignment,
},
{
path: "/assignment/:id",
name: "SingleAssigment",
- component: SingleAssignment
-
+ component: SingleAssignment,
},
{
path: "/class/create",
name: "CreateClass",
- component: CreateClass
+ component: CreateClass,
},
{
path: "/class/:id",
name: "SingleClass",
- component: SingleClass
+ component: SingleClass,
},
{
path: "/discussion/create",
name: "CreateDiscussion",
- component: CreateDiscussion
+ component: CreateDiscussion,
},
{
path: "/discussion/:id",
name: "SingleDiscussion",
- component: SingleDiscussion
+ component: SingleDiscussion,
},
{
path: "/:catchAll(.*)",
diff --git a/frontend/src/services/api-client.ts b/frontend/src/services/api-client.ts
new file mode 100644
index 00000000..21134762
--- /dev/null
+++ b/frontend/src/services/api-client.ts
@@ -0,0 +1,10 @@
+import axios from "axios";
+import { apiConfig } from "@/config.ts";
+
+const apiClient = axios.create({
+ baseURL: apiConfig.baseUrl,
+ headers: {
+ "Content-Type": "application/json",
+ },
+});
+export default apiClient;
diff --git a/frontend/src/services/auth/auth-config-loader.ts b/frontend/src/services/auth/auth-config-loader.ts
new file mode 100644
index 00000000..ce8a33ca
--- /dev/null
+++ b/frontend/src/services/auth/auth-config-loader.ts
@@ -0,0 +1,27 @@
+import apiClient from "@/services/api-client.ts";
+import type { FrontendAuthConfig } from "@/services/auth/auth.d.ts";
+
+/**
+ * Fetch the authentication configuration from the backend.
+ */
+export async function loadAuthConfig() {
+ const authConfig = (await apiClient.get("auth/config")).data;
+ return {
+ student: {
+ authority: authConfig.student.authority,
+ client_id: authConfig.student.clientId,
+ redirect_uri: window.location.origin + "/callback",
+ response_type: authConfig.student.responseType,
+ scope: authConfig.student.scope,
+ post_logout_redirect_uri: window.location.origin,
+ },
+ teacher: {
+ authority: authConfig.teacher.authority,
+ client_id: authConfig.teacher.clientId,
+ redirect_uri: window.location.origin + "/callback",
+ response_type: authConfig.teacher.responseType,
+ scope: authConfig.teacher.scope,
+ post_logout_redirect_uri: window.location.origin,
+ },
+ };
+}
diff --git a/frontend/src/services/auth/auth-service.ts b/frontend/src/services/auth/auth-service.ts
new file mode 100644
index 00000000..61032170
--- /dev/null
+++ b/frontend/src/services/auth/auth-service.ts
@@ -0,0 +1,134 @@
+/**
+ * Service for all authentication- and authorization-related tasks.
+ */
+
+import { computed, reactive } from "vue";
+import type { AuthState, Role, UserManagersForRoles } from "@/services/auth/auth.d.ts";
+import { User, UserManager } from "oidc-client-ts";
+import { loadAuthConfig } from "@/services/auth/auth-config-loader.ts";
+import authStorage from "./auth-storage.ts";
+import { loginRoute } from "@/config.ts";
+import apiClient from "@/services/api-client.ts";
+import router from "@/router";
+import type { AxiosError } from "axios";
+
+const authConfig = await loadAuthConfig();
+
+const userManagers: UserManagersForRoles = {
+ student: new UserManager(authConfig.student),
+ teacher: new UserManager(authConfig.teacher),
+};
+
+/**
+ * Load the information about who is currently logged in from the IDP.
+ */
+async function loadUser(): Promise {
+ const activeRole = authStorage.getActiveRole();
+ if (!activeRole) {
+ return null;
+ }
+ const user = await userManagers[activeRole].getUser();
+ authState.user = user;
+ authState.accessToken = user?.access_token || null;
+ authState.activeRole = activeRole || null;
+ return user;
+}
+
+/**
+ * Information about the current authentication state.
+ */
+const authState = reactive({
+ user: null,
+ accessToken: null,
+ activeRole: authStorage.getActiveRole() || null,
+});
+
+const isLoggedIn = computed(() => authState.user !== null);
+
+/**
+ * Redirect the user to the login page where he/she can choose whether to log in as a student or teacher.
+ */
+async function initiateLogin() {
+ await router.push(loginRoute);
+}
+
+/**
+ * Redirect the user to the IDP for the given role so that he can log in there.
+ * Only call this function when the user is not logged in yet!
+ */
+async function loginAs(role: Role): Promise {
+ // Storing it in local storage so that it won't be lost when redirecting outside of the app.
+ authStorage.setActiveRole(role);
+ await userManagers[role].signinRedirect();
+}
+
+/**
+ * To be called when the user is redirected to the callback-endpoint by the IDP after a successful login.
+ */
+async function handleLoginCallback(): Promise {
+ const activeRole = authStorage.getActiveRole();
+ if (!activeRole) {
+ throw new Error("Login callback received, but the user is not logging in!");
+ }
+ authState.user = (await userManagers[activeRole].signinCallback()) || null;
+}
+
+/**
+ * Refresh an expired authorization token.
+ */
+async function renewToken() {
+ const activeRole = authStorage.getActiveRole();
+ if (!activeRole) {
+ console.log("Can't renew the token: Not logged in!");
+ await initiateLogin();
+ return;
+ }
+ try {
+ return await userManagers[activeRole].signinSilent();
+ } catch (error) {
+ console.log("Can't renew the token:");
+ console.log(error);
+ await initiateLogin();
+ }
+}
+
+/**
+ * End the session of the current user.
+ */
+async function logout(): Promise {
+ const activeRole = authStorage.getActiveRole();
+ if (activeRole) {
+ await userManagers[activeRole].signoutRedirect();
+ authStorage.deleteActiveRole();
+ }
+}
+
+// Registering interceptor to add the authorization header to each request when the user is logged in.
+apiClient.interceptors.request.use(
+ async (reqConfig) => {
+ const token = authState?.user?.access_token;
+ if (token) {
+ reqConfig.headers.Authorization = `Bearer ${token}`;
+ }
+ return reqConfig;
+ },
+ (error) => Promise.reject(error),
+);
+
+// Registering interceptor to refresh the token when a request failed because it was expired.
+apiClient.interceptors.response.use(
+ (response) => response,
+ async (error: AxiosError<{ message?: string }>) => {
+ if (error.response?.status === 401) {
+ if (error.response!.data.message === "token_expired") {
+ console.log("Access token expired, trying to refresh...");
+ await renewToken();
+ return apiClient(error.config!); // Retry the request
+ } // Apparently, the user got a 401 because he was not logged in yet at all. Redirect him to login.
+ await initiateLogin();
+ }
+ return Promise.reject(error);
+ },
+);
+
+export default { authState, isLoggedIn, initiateLogin, loadUser, handleLoginCallback, loginAs, logout };
diff --git a/frontend/src/services/auth/auth-storage.ts b/frontend/src/services/auth/auth-storage.ts
new file mode 100644
index 00000000..0f5eb43d
--- /dev/null
+++ b/frontend/src/services/auth/auth-storage.ts
@@ -0,0 +1,26 @@
+import type { Role } from "@/services/auth/auth.d.ts";
+
+export default {
+ /**
+ * Get the role the user is currently logged in as from the local persistent storage.
+ */
+ getActiveRole(): Role | undefined {
+ return localStorage.getItem("activeRole") as Role | undefined;
+ },
+
+ /**
+ * Set the role the user is currently logged in as from the local persistent storage.
+ * This should happen when the user logs in with another account.
+ */
+ setActiveRole(role: Role) {
+ localStorage.setItem("activeRole", role);
+ },
+
+ /**
+ * Remove the saved current role from the local persistent storage.
+ * This should happen when the user is logged out.
+ */
+ deleteActiveRole() {
+ localStorage.removeItem("activeRole");
+ },
+};
diff --git a/frontend/src/services/auth/auth.d.ts b/frontend/src/services/auth/auth.d.ts
new file mode 100644
index 00000000..8b01e408
--- /dev/null
+++ b/frontend/src/services/auth/auth.d.ts
@@ -0,0 +1,22 @@
+import { type User, UserManager } from "oidc-client-ts";
+
+export type AuthState = {
+ user: User | null;
+ accessToken: string | null;
+ activeRole: Role | null;
+};
+
+export type FrontendAuthConfig = {
+ student: FrontendIdpConfig;
+ teacher: FrontendIdpConfig;
+};
+
+export type FrontendIdpConfig = {
+ authority: string;
+ clientId: string;
+ scope: string;
+ responseType: string;
+};
+
+export type Role = "student" | "teacher";
+export type UserManagersForRoles = { student: UserManager; teacher: UserManager };
diff --git a/frontend/src/utils/base64ToImage.ts b/frontend/src/utils/base64ToImage.ts
index 9ec9ac34..a5540ce5 100644
--- a/frontend/src/utils/base64ToImage.ts
+++ b/frontend/src/utils/base64ToImage.ts
@@ -14,7 +14,5 @@
*
*/
export function convertBase64ToImageSrc(base64String: string): string {
- return base64String.startsWith("data:image")
- ? base64String
- : `data:image/png;base64,${base64String}`;
+ return base64String.startsWith("data:image") ? base64String : `data:image/png;base64,${base64String}`;
}
diff --git a/frontend/src/views/CallbackPage.vue b/frontend/src/views/CallbackPage.vue
new file mode 100644
index 00000000..306dfe10
--- /dev/null
+++ b/frontend/src/views/CallbackPage.vue
@@ -0,0 +1,22 @@
+
+
+
+
Logging you in...
+
+
+
diff --git a/frontend/src/views/HomePage.vue b/frontend/src/views/HomePage.vue
index 677f16f0..e9d53770 100644
--- a/frontend/src/views/HomePage.vue
+++ b/frontend/src/views/HomePage.vue
@@ -1,12 +1,28 @@
- Welcome to the dwengo homepage
+
+ Welcome to the dwengo homepage
+
+
Hello {{ auth.authState.user?.profile.name }}!
+
+ Your access token for the backend is: {{ auth.authState.user?.access_token }}
+
+
+
+ Send test request
+
Response from the test request: {{ testResponse }}