Scratch bevezető foglalkozásScratch 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!

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


Mi a program?

• utasítások sorozata

• valamilyen feladat megoldására

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

2


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!


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!


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.


6



7



8



9



10



11



12



13



14



Labirintus

15

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


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


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.


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!


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.


18


Változók:X = 2


19


2

Változók:X = 2


20


2

Változók:X = 4


21


2

Változók:X = 4


22


24

Változók:X = 4


23


24

Változók:X = 6


24


24

Változók:X = 6


25


246

Változók:X = 6


26


80828486889092949698100

Változók:X = 100


27


80828486889092949698100

Változók:X = 102


28


80828486889092949698100

Változók:X = 102


29


80828486889092949698100

Változók:X = 102


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


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.


Programozási hibák

32


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

• 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/


A Scratch felülete

34

SZEREPLŐK

PROGRAMTERÜLET

HÁT

TER

EK

JÁTÉKTÉR

UTASÍTÁS-KÉSZLET

(BLOKKOK)


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)


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)


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!


38

2x


39


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

40


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!


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!


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

43


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!


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!


A repülés illúziója

46


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!


A repülés illúziója

47


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!


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!


Ö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


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


Készítette:Buttyán Levente

[email protected] Szentendre

2017

52

Documents

Scratch bevezető foglalkozásScratch 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!