Workshop Programmeren

Post on 12-Jul-2015

83 views 0 download

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