Eindopdracht

Interactieve website

• 🎨 Ontwerp en ontwikkel een interactieve en visueel aantrekkelijke website
• 🏥 Thema: "Gezondheid"
• 🖌️ HTML/CSS voor een dynamische gebruikerservaring
• 💻 JavaScript voor interactiviteit

Voorbeelden

• 📕 Dagboek-app voor patiënten met een medische aandoening
• 🎬 Interactieve promopagina voor een documentaire die gelinkt is aan "Gezondheid"
• ...

 👨‍🎨 Wees creatief 👨‍🎨

Requirements

📋 Minimale Vereisten (Basisniveau)

• ✅ Correcte toepassing HTML, CSS en JavaScript
• 📱 Responsief design (desktop en mobiel)
• 🔄 Minstens 10 interactieve elementen 
  met JavaScript
• 🎭 CSS-animaties en/of transitions
• 📊 Gestructureerde en overzichtelijke code
• 🎯 Geavanceerd design in Figma (visuele stijl en UX)
• 🌐 Online publicatie via GitHub Pages of Netlify

🚀Excelleren

• ⭐ 📚 Gebruik een JavaScript library of framework (GSAP, Three.js, Anime.js, P5.js)
• ⭐ ✨ Geavanceerde interactiviteit (parallax, geanimeerde scroll-secties)
• ⭐ 💫 Origineel concept en sterke storytelling

📁 Folderstructuur

+ Hou je aan de geziene code conventies.

Planning

🗓️ Planning

• 📌 Lesweek 5: 🧩 Conceptontwikkeling
• 📌 Lesweek 6: 🛠️ Implementatie
• 📌 Lesweek 7: 🔧 Optimalisatie en publicatie
• 📌 Lesweek 8: 🎭 Individuele presentatie

➡️ Je start dus deze week!

Beoordeling

🏆 Criteria (60% eindscore)

• 📈 Mondelinge verdediging (33% van je opdracht)
• 🎨 Design en visuele impact
• 🔄 Interactiviteit
• 📊 Codekwaliteit en structuur
• 💡 Creativiteit en originaliteit 
• 👥 Gebruiksvriendelijkheid

📝 Daarnaast: toetsen + weekopdrachten (40% eindscore)

📦 Eindproduct

• 🌐 (Online) website
• 📝 Documentatie in readme.md
• 🎨 Visual design in Figma
• 🗣️ Mondelinge presentatie

📥 Indienen

• 🔗 Public share link naar Figma file in readme.md
• 🗂️ .zip op Canvas:
  dvg1-x_voornaam-familienaam_eindopdracht.zip

Deadline: zondag 29 maart 2026 23h59.

Presentatie

⏱️ Format & Timing

Week van 30 maart - 3 april

• 👨‍🎓 Elke student krijgt max. 15 minuten:
  • ​5 min. presentatie (wees bondig!)
  • 10 min. vragen
• ⏱️ Uurrooster wordt via Canvas 
  gecommuniceerd in de week voordien

📋 Presentatie Checklist

• 💡 Concept & ontwerp: Wat is je thema en waarom heb je dit gekozen?
•  🎬 Korte demo: Toon je webpagina en de belangrijkste interacties
• ⚙️ Interactiviteit: Welke JavaScript-technieken heb je gebruikt?
• 🤓 Code: Leg belangrijke delencode uit en beantwoord vragen

AI

🤖 AI & originaliteit

• 🧠 AI-tools alleen voor uitleg en debugging
• ⛔ Direct genereren van code is niet toegestaan

🤖 AI & originaliteit

• 📋 In readme.md vermelden:
  • 🔍 Welke AI-tools gebruikt
  • 🛠️ Hoe ze hebben geholpen
• 👨‍⚖️ Docent stelt vragen over je code,
  dus wees voorbereid!