scratch bevezető foglalkozásscratch bevezető foglalkozás a repülés illúziója 46 készíts...

Scratch bevezető foglalkozás

Scratch bevezető foglalkozás

a program fogalmának bevezetése

a Scratch fejlesztőkörnyezet bemutatása

a Scratch lehetőségeinek bemutatása példákon keresztül

gyakorlás a példák módosításával

Scratch bevezető foglalkozás

Mi a program?

• utasítások sorozata

• valamilyen feladat megoldására

• amit egy számítógép hajt végre

2

Scratch bevezető foglalkozás

Programozás

• programok készítése1. feladat megértése

2. tervezés

3. kódolás

4. tesztelés

5. hibák javítása

6. továbbfejlesztés

3

A programozás során a feladat megoldását a gép által egyértelműen végrehajtható, apró lépésekre kell bontani!

Scratch bevezető foglalkozás

Utazó robot

4

Utasítások:Utazz ... megállót!Szállj át a(z) ... vonalra!Fordulj a(z) ... irányába!Megérkeztél.

Készíts programot!

A fenti utasítások segítségével írj programot melynek végrehajtásával egy robot el tud jutni Acquincumból az Operához!

Scratch bevezető foglalkozás

5

Program (Acquincumból Operába):Fordulj a Batthyány tér irányába!Utazz 7 megállót!Szállj át a piros vonalra!Fordulj az Őrs vezér tér irányába!Utazz 2 megállót!Szállj át a sárga vonalra!Fordulj az Mexikói út irányába!Utazz 2 megállót!Megérkeztél.

Scratch bevezető foglalkozás

6

Program (Acquincumból Operába):Fordulj a Batthyány tér irányába!Utazz 7 megállót!Szállj át a piros vonalra!Fordulj az Őrs vezér tér irányába!Utazz 2 megállót!Szállj át a sárga vonalra!Fordulj az Mexikói út irányába!Utazz 2 megállót!Megérkeztél.

Scratch bevezető foglalkozás

7

Program (Acquincumból Operába):Fordulj a Batthyány tér irányába!Utazz 7 megállót!Szállj át a piros vonalra!Fordulj az Őrs vezér tér irányába!Utazz 2 megállót!Szállj át a sárga vonalra!Fordulj az Mexikói út irányába!Utazz 2 megállót!Megérkeztél.

Scratch bevezető foglalkozás

8

Program (Acquincumból Operába):Fordulj a Batthyány tér irányába!Utazz 7 megállót!Szállj át a piros vonalra!Fordulj az Őrs vezér tér irányába!Utazz 2 megállót!Szállj át a sárga vonalra!Fordulj az Mexikói út irányába!Utazz 2 megállót!Megérkeztél.

Scratch bevezető foglalkozás

9

Program (Acquincumból Operába):Fordulj a Batthyány tér irányába!Utazz 7 megállót!Szállj át a piros vonalra!Fordulj az Őrs vezér tér irányába!Utazz 2 megállót!Szállj át a sárga vonalra!Fordulj az Mexikói út irányába!Utazz 2 megállót!Megérkeztél.

Scratch bevezető foglalkozás

10

Program (Acquincumból Operába):Fordulj a Batthyány tér irányába!Utazz 7 megállót!Szállj át a piros vonalra!Fordulj az Őrs vezér tér irányába!Utazz 2 megállót!Szállj át a sárga vonalra!Fordulj az Mexikói út irányába!Utazz 2 megállót!Megérkeztél.

Scratch bevezető foglalkozás

11

Program (Acquincumból Operába):Fordulj a Batthyány tér irányába!Utazz 7 megállót!Szállj át a piros vonalra!Fordulj az Őrs vezér tér irányába!Utazz 2 megállót!Szállj át a sárga vonalra!Fordulj az Mexikói út irányába!Utazz 2 megállót!Megérkeztél.

Scratch bevezető foglalkozás

12

Program (Acquincumból Operába):Fordulj a Batthyány tér irányába!Utazz 7 megállót!Szállj át a piros vonalra!Fordulj az Őrs vezér tér irányába!Utazz 2 megállót!Szállj át a sárga vonalra!Fordulj az Mexikói út irányába!Utazz 2 megállót!Megérkeztél.

Scratch bevezető foglalkozás

13

Program (Acquincumból Operába):Fordulj a Batthyány tér irányába!Utazz 7 megállót!Szállj át a piros vonalra!Fordulj az Őrs vezér tér irányába!Utazz 2 megállót!Szállj át a sárga vonalra!Fordulj az Mexikói út irányába!Utazz 2 megállót!Megérkeztél.

Scratch bevezető foglalkozás

14

Program (Acquincumból Operába):Fordulj a Batthyány tér irányába!Utazz 7 megállót!Szállj át a piros vonalra!Fordulj az Őrs vezér tér irányába!Utazz 2 megállót!Szállj át a sárga vonalra!Fordulj az Mexikói út irányába!Utazz 2 megállót!Megérkeztél.

Scratch bevezető foglalkozás

Labirintus

15

Utasítások:Menj előre ... lépést!Fordulj jobbra!Fordulj balra!Megérkeztél.

Készíts programot!

A fenti utasítások segítségével írj programot mely átvezeti a cicát a labirintuson!

Scratch bevezető foglalkozás

Számtan

16

Utasítások:... változó értéke legyen: ... !... változó értéke változzon ennyivel: ... !Ha ... akkor folytasd a ...-dik sortól!Írd ki ... változó értékét!Stop.

Készíts programot!

Ezen utasítások segítségével írj programot, mely kiírja a páros számokat 1-től 100-ig!

Példa:1| X változó értéke legyen: 12 !2| T1 változó értéke legyen: Ez egy egyjegyű szám. !3| T2 változó értéke legyen: Ez egy többjegyű szám. !4| Ha X > 9 akkor folytasd a 7-dik sortól!5| Írd ki T1 változó értékét!6| Stop.7| Írd ki T2 változó értékét!8| Stop.

Hogy működik?

Elemezd ezt a példát úgy, hogylépésenként követed a programfutását!

Scratch bevezető foglalkozás

17

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

Scratch bevezető foglalkozás

18

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

Változók:X = 2

Scratch bevezető foglalkozás

19

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

2

Változók:X = 2

Scratch bevezető foglalkozás

20

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

2

Változók:X = 4

Scratch bevezető foglalkozás

21

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

2

Változók:X = 4

Scratch bevezető foglalkozás

22

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

24

Változók:X = 4

Scratch bevezető foglalkozás

23

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

24

Változók:X = 6

Scratch bevezető foglalkozás

24

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

24

Változók:X = 6

Scratch bevezető foglalkozás

25

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

246

Változók:X = 6

Scratch bevezető foglalkozás

26

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

80828486889092949698100

Változók:X = 100

Scratch bevezető foglalkozás

27

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

80828486889092949698100

Változók:X = 102

Scratch bevezető foglalkozás

28

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

80828486889092949698100

Változók:X = 102

Scratch bevezető foglalkozás

29

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 2-dik sortól!5| Stop.

80828486889092949698100

Változók:X = 102

Scratch bevezető foglalkozás

Programozási nyelvek

• programok írására szolgáló mesterséges nyelvek

– utasításkészlet („szótár”)

– szintaktikai szabályok („nyelvtan”)

• sokféle programozási nyelv létezik

– pl. Scratch, Python, JavaScript, PHP, Java, C, Ada ...

30

Scratch bevezető foglalkozás

Programozási nyelvek

• a programban csak az utasításkészlet utasításai használhatók

• az utasításoknak lehetnek paraméterei

• a programban fontos az utasítások sorrendje

31

Például:Menj előre ... lépést!Fordulj jobbra!Fordulj balra!Megérkeztél.

Scratch bevezető foglalkozás

Programozási hibák

32

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X < 101 akkor folytasd a 3-dik sortól!5| Stop.

Mit ír ki?

Vizsgáld meg ezt a programot! Mit ír ki?

Program:1| X változó értéke legyen: 2 !2| Írd ki X változó értékét!3| X változó értéke változzon ennyivel: 2 !4| Ha X > 0 akkor folytasd a 2-dik sortól!5| Stop.

Mit csinál ez a program?

Vizsgáld meg ezt a programot! Hogyan viselkedik? Mit ír ki?

Scratch bevezető foglalkozás

Scratch

• programozási nyelv

– kiválóan alkalmas a programozás alapjainak elsajátítására

• integrált fejlesztő és futtató környezet

– vizuális

– könnyen használható

– elérhető magyarul is

33

A Scratch on-line is használható egy böngésző segítségével. Próbáld ki!

https://scratch.mit.edu/

Scratch bevezető foglalkozás

A Scratch felülete

34

SZEREPLŐK

PROGRAMTERÜLET

HÁT

TER

EK

JÁTÉKTÉR

UTASÍTÁS-KÉSZLET

(BLOKKOK)

Scratch bevezető foglalkozás

Játéktér

35

program indítása program megállítása

váltás teljesképernyőre

háttér

szereplő(ha egérrel megragadod,

akkor mozgathatod)

Scratch bevezető foglalkozás

Hátterek és szereplők

36

új szereplő hozzáadásának módjai

új háttér hozzáadásának módjai

aktuális háttér (ha rákattintasz,szerkesztheted)

kiválasztott szereplő (szerkesztheted és programozhatod)

Scratch bevezető foglalkozás

Kutyi-mutyi színre lép

37

Adj hozzá egy új szereplőt a programhoz!

Tölts be egy kutyát az előre elkészített szereplőket tartalmazó könyvtárból! Nevezd el Kutyi-mutyinak! Változtasd meg a forgási stílusát!

Állíts be másik hátteret!

Tölts be egy új hátteret az előre elkészített háttereket tartalmazó könyvtárból!

Scratch bevezető foglalkozás

38

2x

Scratch bevezető foglalkozás

39

Scratch bevezető foglalkozás

Szereplők méretének állítása

40

Scratch bevezető foglalkozás

Szereplők programozása

41

kiválasztottszereplő

utasítástípusok

utasításkészlet

(blokkok)

szereplőprogramja

Ragadd meg,és húzd át!

Illeszd összea blokkokat!

Scratch bevezető foglalkozás

42

Mit csinál ez a program!

Vizsgáld meg ezt a programot!Szerinted mit csinál? Hogyan mozog Kutyi-mutyi?Mikor fog ugatni?

Módosítsd a programot!

Másold le ezt a programot, majd módosítsd a következőképpen:

Kutyi-mutyi mozogjongyorsabban! Kutyi-mutyi akkor ugasson,ha egérrel rákattintunk!

Scratch bevezető foglalkozás

Színek és utasítás típusok

43

Scratch bevezető foglalkozás

Paraméteres utasítások

44

Ha ide kattintasz,akkor át tudod írni.

... de át is írhatod.

Emlékszel erre?

Menj előre ... lépést!

Scratch bevezető foglalkozás

Cica-mica és kutyi-mutyi

45

Mit csinálnak ezek a programok!

Másold le az alábbi programokat és figyeld meg a működésüket! Vizsgáld meg a programokat és próbáld megérteni őket!

Scratch bevezető foglalkozás

A repülés illúziója

46

Készíts programot!

Készíts olyan programot, amiben Cica-mica repül a város felett! Töltsd be a repülő cica jelmezt és az épületek (Buildings) jelmezt! Mozgasd az épületek jelmezt folyamatosan a képernyő egyik szélétől a másikig, miközben Cica-mica egy helyben áll! Úgy fog látszani, mintha Cica-mica repülne. Cica-mica legyen mozgatható függőleges irányban a LE és a FEL gombokkal!

Scratch bevezető foglalkozás

A repülés illúziója

47

Scratch bevezető foglalkozás

Cica kaland

48

Kísérletezz!

Töltsd le a Cica-kaland játékot és indítsd el!Játssz vele egy kicsit, majd vizsgáld meg a programját!Módosítsd kedved szerint!

Scratch bevezető foglalkozás

További példák kísérletezéshez

49

Kísérletezz!

Nyisd meg a https://scratch.mit.edu/starter_projects/ oldalt egy böngészőben!Nézegesd meg az itt található példa alkalmazásokat, és kísérletezz velük! Próbáld ki őket, majd vizsgáld meg és módossítsd a programjaikat!

Scratch bevezető foglalkozás

Összefoglalás

• a program fogalma

• programozási nyelvek

• a Scratch mint nyelv és fejlesztő környezet

• a Scratch lehetőségei

– szereplők, hátterek betöltése, módosítása

– szereplők programozása (mozgatás, érzékelés, hangok, ...)

50

Scratch bevezető foglalkozás

További anyagok

• on-line:– http://scratch.inf.elte.hu/

– https://scratch.mit.edu/

– https://studio.code.org/

• könyv:– Carol Vorderman,

Programozás gyerekeknek –A bináris kódtól a játékkészítésig

51

Scratch bevezető foglalkozás

Készítette:Buttyán Levente

Levente.Buttyan@gmail.comCoderDojo Szentendre

2017

52