Upload
others
View
6
Download
0
Embed Size (px)
Citation preview
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