Workshop Programmeren
Transcript of Workshop Programmeren
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 1/46
Workshop Programmeren
PageWorkshop Programmeren
Introductie
Wie ben ik?
Wat gaan we doen?
Stap voor stap een spel maken (in een professionele programmeertaal)
Iedere stap word uitgelegd.Je zal wat dingen kunnen spelen met de code.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 2/46
Workshop Programmeren
PageWorkshop Programmeren
Het doel van deze workshop ...
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 3/46
Workshop Programmeren
PageWorkshop Programmeren
... is om een duidelijker beeld van programmeren te krijgen
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 4/46
Workshop Programmeren
PageWorkshop Programmeren
De 1e programmeurs
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 5/46
Workshop Programmeren
PageWorkshop Programmeren
De 1e computerprogramma's
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 6/46
Workshop Programmeren
PageWorkshop Programmeren
De 1e computers
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 7/46
Workshop Programmeren
PageWorkshop Programmeren
De 1e computerbug
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 8/46
Workshop Programmeren
PageWorkshop Programmeren
Tegenwoordig: Programmeren word steeds belangrijker
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 9/46
Workshop Programmeren
PageWorkshop Programmeren
De taal die wij gaan gebruiken
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 10/46
Workshop Programmeren
Page Workshop Programmeren
Start Greenfoot
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 11/46
Workshop Programmeren
Page Workshop Programmeren
Maak een nieuw scenario
Klik in het menu "File" op "New"
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 12/46
Workshop Programmeren
Page Workshop Programmeren
Het nieuwe scenario
Wat zien we hier?
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 13/46
Workshop Programmeren
Page Workshop Programmeren
Maak de wereld
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 14/46
Workshop Programmeren
Page Workshop Programmeren
Geef wereld een naam en achtergrond
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 15/46
Workshop Programmeren
Page Workshop Programmeren
Klasse toegevoegd
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 16/46
Workshop Programmeren
Page Workshop Programmeren
Maak een acteur
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 17/46
Workshop Programmeren
Page Workshop Programmeren
Geef acteur een naam en afbeelding
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 18/46
Workshop Programmeren
Page Workshop Programmeren
Compileren
Merk op dat de klassen gestreept zijn. Dit betekent dat ze veranderd zijn. Compileer ze om deveranderingen door te voeren.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 19/46
Workshop Programmeren
Page Workshop Programmeren
Menselijk leesbare code ...
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 20/46
Workshop Programmeren
Page Workshop Programmeren
... omgezet in machine taal
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 21/46
Workshop Programmeren
Page Workshop Programmeren
Na het compileren
Nu zijn de veranderingen doorgevoerd.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 22/46
Workshop Programmeren
Page Workshop Programmeren
Plaats een krab ...
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 23/46
Workshop Programmeren
Page Workshop Programmeren
... op de wereld
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 24/46
Workshop Programmeren
Page Workshop Programmeren
Kijk wat er gebeurt als je op run drukt
Wat gebeurt er als je op run drukt?
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 25/46
Workshop Programmeren
Page Workshop Programmeren
Bekijk de broncode
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 26/46
Workshop Programmeren
Page Workshop Programmeren
De act functie
Dit is de Java code voor de Crab. Je hoeft niet alle te begrijpen, het belangrijkste hier is de codetussen de krulhaakjes. Op dit moment is het alleen nog een commentaarregel en gebeurt er dushelemaal niks.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 27/46
Workshop Programmeren
Page Workshop Programmeren
Laat de Crab bewegen
Het is belangrijk dat je tot op de puntkomma overneemt wat hier staat.Een hoofdletter M zal niet werken. Het weglaten van de puntkomma zal ook niet werken.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 28/46
Workshop Programmeren
Page Workshop Programmeren
Compileer de Crab
• Je kan op pause drukken en de krab weer terugzetten zodat hij weer naar recht beweegt.• Plaats een aantal krabben in de wereld en kijk wat er gebeurt.• Probeer een ander cijfer uit in move()
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 29/46
Workshop Programmeren
Page Workshop Programmeren
Eerste keer runnen
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 30/46
Workshop Programmeren
Page Workshop Programmeren
Verander de Crab van richting
Kijk ook eens wat er gebeurt als je de cijfers groter of kleiner maakt
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 31/46
Workshop Programmeren
Page Workshop Programmeren
Bestuur de Crab met het toetsenbord
• Plaats meerdere Crabs. Je bestuurd ze allemaal tegelijk.• Wat gebeurt er als je beide knoppen indrukt? Waarom zou dat zo zijn?
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 32/46
Workshop Programmeren
Page Workshop Programmeren
Maak eten voor de Crab
De zeester bevat nog geen code en zal dus stil zitten en makkelijk door onze krab opgegetenkunnen worden.Dat laten we voorlopig even zo.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 33/46
Workshop Programmeren
Page Workshop Programmeren
Code voor om de Crab te laten eten
Nu schrijven we de code voor de krab om de zeester op te kunnen eten.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 34/46
Workshop Programmeren
Page Workshop Programmeren
Probeer het eten van de Crab uit.
Compileer de code en laat de krab alle zeesterren opeten.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 35/46
Workshop Programmeren
Page Workshop Programmeren
Maak zelf functies
Voordat we verder gaan, ruimen we onze code op.We maken nieuwe functies die geen resultaat geven en geen input nodig hebben (net als deAct functie) dus we maken hem op dezelfde manier als de act() functie.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 36/46
Workshop Programmeren
Page Workshop Programmeren
Maak een vijand
Onze Crab heeft een vijand nodig om het spelletje spannend te maken.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 37/46
Workshop Programmeren
Page Workshop Programmeren
Tip: Save the World
Zo hoef je niet iedere keer alle acteurs op het veld te plaatsen.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 38/46
Workshop Programmeren
Page Workshop Programmeren
Maak de slang gevaarlijk
Wat kan je doen om de slang gevaarlijk te maken?
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 39/46
Workshop Programmeren
Page Workshop Programmeren
Tip: Kopieer eat() van Crab ...
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 40/46
Workshop Programmeren
Page Workshop Programmeren
... en vervang Starfish voor Crab
De code was eerst bedoeld voor de krab om zeester te eten. Vervang Starfish dus voor Crab.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 41/46
Workshop Programmeren
Page Workshop Programmeren
Laat de slang bewegen
Bij het runnen, zul je zien dat de slang nu wel beweegt, maar slecht 1 kant op gaat.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 42/46
Workshop Programmeren
Page Workshop Programmeren
Laat de slang wat onvoorspelbaar bewegen
Nu beweegt hij onvoorspelbaar, maar is hij nog steeds niet gevaarlijk.
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 43/46
Workshop Programmeren
Page Workshop Programmeren
Voorkom dat de slang rondjes draait
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 44/46
Workshop Programmeren
Page Workshop Programmeren
Zorg dat de slang ook naar links kan draaien
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 45/46
Workshop Programmeren
Page Workshop Programmeren
Zorg dat de slang niet bij de rand blijft
5/11/2018 Workshop Programmeren - slidepdf.com
http://slidepdf.com/reader/full/workshop-programmeren 46/46
Workshop Programmeren
Page Workshop Programmeren
Ideeen voor uitbreiding van het spel
• Laat de zeesterren ook langzaam bewegen
• Maak een nieuwe krab als je op een toets drukt
• Maak een nieuwe krab op het moment dat de krab een zeester opeet