Getting Flappy with it

Large Language models (LLM's)
Onderzoeken
1 / 26
volgende
Slide 1: Tekstslide
Applicatie- en mediaontwikkelaarMBOStudiejaar 2

In deze les zitten 26 slides, met interactieve quizzen, tekstslides en 1 video.

time-iconLesduur is: 90 min

Onderdelen in deze les

Large Language models (LLM's)
Onderzoeken

Slide 1 - Tekstslide

Kennismakingsronde
  • Welke LLM's gaan we onderzoeken
    > Chatgpt 5.2 (https://chatgpt.com/)
    > Gemini 3 (https://gemini.google.com/) (Denken model)
    > Claude (https://claude.ai/new) (Sonnet 4.5 model)
    > Deepseek (https://chat.deepseek.com/) (Diep denken)
  • Vul het scoreformulier in met jouw bevindingen
Welke LLM kan het beste programmeren?

Slide 2 - Tekstslide

Kennismakingsronde
Maar wat gaan we dan onderzoeken?
                              12:15-13:00

Slide 3 - Tekstslide

Kennismakingsronde
  • Begin in elke LLM met exact dezelfde Prompt:
    "Genereer python code voor het namaken van het flappy bird spel. Probeer dit spel zoveel mogelijk te laten lijken op het originele flappy bird spel. Geef mij duidelijke instructies hoe ik de code in visual studio kan uitvoeren. Stel mij additionele vragen wanneer mijn prompt onduidelijk is."
Maar wat gaan we dan onderzoeken?
                              12:15-13:00

Slide 4 - Tekstslide

Kennismakingsronde
  1. Je mag een buddy kiezen om mee samen te werken (hoeft niet)
  2. Zoek op google naar de verschillende AI taalmodellen (maak een account aan indien nodig)
  3. Voer de eerste prompt in (gedeeld op discord)
  4.  Probeer de gegenereerde code uit te voeren in discord. Blijf doorvragen aan de AI, tot het werkt. 
  5. Noteer je bevindingen op het Scoreformulier
Instructie:
                              12:15-13:00

Slide 5 - Tekstslide

Welke LLM is de (programeer)koning?

Slide 6 - Poll

Kennismakingsronde
Bespreking 13:00 - 13:15

Slide 7 - Tekstslide

Kennismakingsronde
  • Wat zijn de meest opvallende bevindingen? 
  • Wat is de toekomst van AI?
  • Let's play + beloning
Bespreking 13:00 - 13:15

Slide 8 - Tekstslide

Kennismakingsronde
  • We kiezen 1 spel. De hoogst scorende speler mag eerder weg. 

Let's fly 13:15-13:30

Slide 9 - Tekstslide

Kennismakingsronde
       Problemen
  • Bestanden overschrijven zonder terug te kunnen
  • Moeite met samenwerken aan hetzelfde project
  • Niet kunnen zien wie welke wijzigingen heeft gemaakt
    Oplossingen met GIT
  • Opslaan van verschillende versies van je code (commits).
  • Samenwerken met anderen zonder conflicten
  • Het herstellen van eerdere versies van je project
  • Overzicht hebben van wie wat heeft gedaan en wanneer
Versiebeheer - software - GIT

Slide 10 - Tekstslide

Kennismakingsronde
Solo werken
Experimenteren zonder je project te breken

Samenwerken
Werken in een team zonder elkaar in de weg te zitten

Back-up
Het verlies van code voorkomen door regelmatig te committen en te pushen naar een remote repository (bijv. GitHub)
GIT in de praktijk

Slide 11 - Tekstslide

Kennismakingsronde
  • GIT is een standaard in de software-industrie.
  • Vaardigheden in GIT zijn vereist voor bijna elke professionele ontwikkelingspositie.
  • Efficiënt kunnen samenwerken met anderen via tools als GitHub of GitLab.
GIT voor je verdere loopbaan

Slide 12 - Tekstslide

Kennismakingsronde
Wat het doet:
Hiermee maak je een nieuwe Git repository aan in een map. Het vertelt Git dat je in deze map versiebeheer wilt gebruiken.
Voorbeeld:
Je hebt een nieuwe map met projectbestanden en wil beginnen met versiebeheer. Met git init maak je die map klaar voor Git.
Eenvoudig gezegd:
"Ik ga deze map gebruiken voor versiebeheer, houd alles vanaf nu bij."
GIT basis commando's - git init

Slide 13 - Tekstslide

Kennismakingsronde
Wat het doet:
Hiermee vertel je Git welke bestanden je wilt volgen en opslaan in de volgende "versie" (commit). Je moet dit doen voordat je een commit maakt.
Voorbeeld:
Je hebt een bestand 'index.html' aangepast en je wilt dat Git deze wijziging onthoudt. Met git add index.html geef je aan dat dit bestand toegevoegd moet worden aan de volgende versie.
Eenvoudig gezegd:
"Dit bestand is klaar om te worden opgeslagen in de volgende versie."
GIT basis commando's - git add

Slide 14 - Tekstslide

Kennismakingsronde
Wat het doet:
Hiermee sla je een nieuwe versie van je project op in Git. Het onthoudt de wijzigingen die je met git add hebt geselecteerd. Je kunt ook een bericht toevoegen om te beschrijven wat je hebt veranderd.
Voorbeeld:
Na het toevoegen van wijzigingen met git add, gebruik je git commit -m "Beschrijving van wat er veranderd is" om een nieuwe versie op te slaan.
Eenvoudig gezegd:
"Dit bestand is klaar om te worden opgeslagen in de volgende versie."
GIT basis commando's - git commit

Slide 15 - Tekstslide

Kennismakingsronde
Wat het doet:
Met git push stuur je je lokale commits (de versies van je project die je lokaal hebt opgeslagen) naar een remote repository, bijvoorbeeld op GitHub of GitLab. Dit maakt je werk toegankelijk voor anderen of als back-up.
Voorbeeld:
Nadat je lokaal wijzigingen hebt gemaakt en gecommit, wil je die naar een externe server sturen zodat je teamgenoten ze ook kunnen zien. Met git push origin main stuur je je commits naar de 'main' branch van de 'origin' repository (bijvoorbeeld op GitHub).
Eenvoudig gezegd:
"Stuur mijn opgeslagen versies naar de online repository, zodat ik of anderen er vanaf een andere plek bij kunnen."
GIT basis commando's - git push

Slide 16 - Tekstslide

Kennismakingsronde
Kijk en luister goed naar de uitleg. Na afloop krijg je een korte quiz over de onderwerpen.
In de video's komen veel termen voor die je nog niet kent, een van die termen is misschien

snapshot:
Een snapshot in GIT is als een foto van je project op een bepaald moment. Het bewaart alles zoals het is, zodat je later altijd terug kunt naar die versie als iets misgaat.
Video over de basis van GIT

Slide 17 - Tekstslide

Slide 18 - Video

Wat is een belangrijk voordeel van GIT volgens de video?
A
Het opslaan van bestanden in de cloud
B
Het bijhouden van veranderingen in code
C
Het verbeteren van de snelheid van een computer
D
Het automatisch oplossen van alle bugs

Slide 19 - Quizvraag

Welke van de volgende acties beschrijft een "commit" volgens de video?
A
Het verwijderen van bestanden uit de repository
B
Het kopiëren van bestanden naar een back-up
C
Het opslaan van een specifieke versie van de code met een beschrijving
D
Het sluiten van een project

Slide 20 - Quizvraag

Waarom is samenwerken makkelijker met GIT, zoals uitgelegd in de video?
A
Omdat iedereen in realtime dezelfde code kan bewerken
B
Omdat GIT automatisch alle conflicten oplost
C
Omdat meerdere mensen tegelijkertijd kunnen werken zonder elkaars werk te overschrijven
D
Omdat GIT alleen lokaal werkt op één computer

Slide 21 - Quizvraag

Een techniek voor versiebeheer en samenwerken aan code.
Een website waarop je Git-repository’s kunt delen.
Een map die onder controle staat van Git.
Het vastleggen van je wijzigingen.
Commit
Git
Repository
GitHub

Slide 22 - Sleepvraag

Kennismakingsronde
       Opdracht 1: Add, Commit & Push
  • Ga naar de opdracht GIT Beginner 5. Pushing all the right buttons
  • Maak een nieuw .txt bestand aan in de map (local repo)
  • Maak een wijzigingen in hallo.txt bestand
  • Check Git Status (welke wijzigingen ziet git?)
  • git add alleen de wijzigingen in hallo.txt
  • git commit (met een eigen geschreven message)
  • git push
Workshop opdracht - software - GIT

Slide 23 - Tekstslide

Kennismakingsronde
       Opdracht 2: Add all, Commit no message & Push
  • Maak een wijziging in het nieuwe .txt bestand
  • Maak ook een wijzigingen in hallo.txt bestand
  • Check Git Status (welke wijzigingen ziet git?)
  • git add alle wijzigingen (gebruik -a)
  • git commit (zonder message, wat gebeurt er?)
  • git push
Workshop opdracht - software - GIT

Slide 24 - Tekstslide

Kennismakingsronde
       Opdracht 3: Back to the future
  • Ga terug in de tijd!
  • Git log (zie je geschiedenis)
  • Git checkout "commit hash"
  • Git push
  • Verklaar wat er is gebeurd door in Bitlab te kijken naar de commits
Workshop opdracht - software - GIT

Slide 25 - Tekstslide

Ik begrijp waarvoor we GIT gebruiken in Nexed
😒🙁😐🙂😃

Slide 26 - Poll