Project Movies

Voorkennis van een aantal van de volgende technieken

• OOP, MVC, databases, queries, API, git
• Frontend-framework, backend-framework
• Kennis van projectmatig werken en/of Scrum

Dit ga je leren

• Verschillende fontend- en/of backendtechnieken en combineren in één applicatie
• Optimaal gebruikmaken van frameworks

Opdracht

• Tijdens deze opdracht ga je een responsive applicatie maken waarmee informatie van films kan worden getoond op een mobiele telefoon, tablet of computer.
• De applicatie maakt gebruik van een API
• Je kunt kiezen of je start met de frontend van de applicatie of met de backend. Je kunt ook beide maken als je genoeg tijd hebt.
• Start met het maken van een "least viable product". Dit is het product met een minimale functionaliteit, maar het werkt wel!!

Design frontend

• Maak gebruik van onderstaand wireframe.
• Het is een wireframe. De verhoudingen kloppen en de elementen die worden afgebeeld moet je gebruiken zoals aangegeven.
• Je kunt zelf bepalen welke kleuren en lettertypen je gebruikt, denk daarbij wel om leesbaarheid en gebruiksvriendelijkheid.
• Gebruik afbeeldingen ipv de grijze vlakjes.

Techniek frontend

• Maak gebruik van de bijgeleverde json-files om de pagina's op te bouwen.
• Maak gebruik van fetch of axios om de informatie te laden.
• Gebruik vanilla javascript, Vue of een ander framework om de pagina's op te bouwen.

Backend

• De bijgeleverde json-files dienen als voorbeeld voor de output van de api-server.
• Het ERD geeft weer hoe de database is opgebouwd en welke relaties er zijn.
• Gebruik het bijgeleverde sql-bestand om de database te importeren
• Kies zelf een programmeertaal en framework waarin je de server gaat bouwen.

Eerder klaar?

• Probeer de afbeeldingen van een bestaande api-server (TMDB) te downloaden.
• Gebruik een link om een trailer af te spelen.
• Andere suggesties zijn welkom!

Uitvoering

• Je werkt zelfstandig aan de opdracht. Je mag wel overleggen, maar je maakt je code zelf.
• Sla iedere werkende versie van je applicatie op in git/github.
• Je mag gebruik maken van internet en chatGPT
• Je kiest zelf welk framework/techniek je gaat gebruiken

Opleveren

Komende lessen ga je je werk laten zien en geef je uitleg over de werking ervan.