Invatare Atomica

Scratch - Programare Secventiala

Progres lectie:
0%
🎯

Obiectivul lectiei

Vrei sa creezi un joc, dar programarea pare sperieuasa - linii de cod pline de paranteze, virgule, puncte si virgule. Un caracter gresit si nimic nu functioneaza! Nici macar nu stii de unde sa incepi...

Dupa aceasta lectie vei putea:

  • Sa definesti ce este Scratch
  • Sa identifici interfata Scratch
  • Sa demonstrezi categorii de blocuri si culorile lor
  • Sa definesti ce este progRAMarea secventiala
  • Sa folosesti tau progRAM in Scratch

Incearca singur!

🚀 Provocarea ta: Fa pisica sa deseneze un patrat!

Inainte sa inveti teoria, hai sa incerci ceva practic! Vei face pisica din Scratch sa deseneze un patrat pe ecran folosind doar 4 blocuri simple.

  1. 1
    Deschide un browser (Chrome, Firefox, Edge) si mergi la adresa scratch.mit.edu
  2. 2
    Apasa butonul "Create" (sau "Creeaza") din coltul stanga-sus
  3. 3
    In paleta din stanga, cauta categoria Motion (Miscare) - blocurile albastre
  4. 4
    Trage blocul "move 10 steps" (mergi 10 pasi) in zona centrala de cod. Schimba numarul 10 cu 100
  5. 5
    Trage blocul "turn 15 degrees" (roteste-te 15 grade) si conecteaza-l sub primul bloc. Schimba 15 cu 90
  6. 6
    Repeta aceste 2 blocuri inca de 3 ori (in total vei avea 8 blocuri: 4 x "mergi 100 pasi" si 4 x "roteste-te 90 grade", alternand)
  7. 7
    Din categoria Events (Evenimente - galben), trage blocul "when green flag clicked" (cand se da click pe steagul verde) si pune-l deasupra intregii stive de blocuri
  8. 8
    Apasa steagul verde deasupra Scenei (Stage) si urmareste ce face pisica!
Blocuri necesare (in ordine): 1. 🟨 when green flag clicked 2. 🟦 move 100 steps 3. 🟦 turn 90 degrees 4. 🟦 move 100 steps 5. 🟦 turn 90 degrees 6. 🟦 move 100 steps 7. 🟦 turn 90 degrees 8. 🟦 move 100 steps 9. 🟦 turn 90 degrees
🌐 Deschide Scratch Online →
💡 Indiciu 1: Nu gasesc blocurile

Uita-te in partea stanga a ecranului. Acolo sunt categorii colorate: Motion (albastru), Looks (violet), Sound (roz), Events (galben), etc. Click pe fiecare categorie si vei vedea blocurile disponibile. Motion contine blocurile de miscare, iar Events contine steagul verde.

💡 Indiciu 2: Blocurile nu se conecteaza

Blocurile se conecteaza doar daca le tragi foarte aproape unul de celalalt. Vei vedea o linie alba cand sunt destul de aproape. Asigura-te ca blocul "when green flag clicked" este cel mai de sus!

💡 Indiciu 3: Pisica nu face nimic

Asigura-te ca ai apasat steagul VERDE (nu cel rosu!). Steagul verde este butonul de START, cel rosu este STOP. Daca pisica a iesit din ecran, apasa steagul rosu si apoi trage pisica inapoi in centru cu mouse-ul.

🌟 BONUS

Ai reusit patratul? Incearca sa faci un triunghi! Indiciu: un triunghi are 3 laturi, si fiecare unghi este de 120 grade (nu 90). Schimba numerele din blocuri!

1

1. Ce este Scratch?

🧩

Ce este Scratch?

Scratch este un limbaj de programare vizuala (block-based programming) creat de Massachusetts Institute of Technology (MIT) special pentru incepatori.

In loc sa scrii cod text (ca in Python, Java sau C++), in Scratch folosesti blocuri colorate pe care le tragi cu mouse-ul si le conectezi ca piesele de puzzle. Fiecare bloc reprezinta o instructiune (comanda) pe care computerul o executa.

Scratch este gratuit si functioneaza direct in browser la adresa scratch.mit.edu. Nu trebuie sa instalezi nimic! Poti crea jocuri, animatii, povesti interactive, simulari si chiar aplicatii educationale.

💭 Analogie din viata ta

Scratch este ca LEGO: ai piese (blocuri) de diferite culori si forme, le conectezi cum vrei tu si construiesti ceva unic. Diferenta este ca in loc de o constructie fizica, tu creezi programe care ruleaza pe calculator!

ℹ️ De ce se numeste "Scratch"?

Numele vine de la tehnica DJ-ilor de a "scratcha" discurile de vinil pentru a mixa muzica. Similar, in Scratch tu "amesteci" si combini blocuri pentru a crea ceva nou!

2

2. Interfata Scratch

🖥️

Interfata Scratch

Interfata Scratch este organizata in 4 zone principale care iti permit sa creezi si sa vezi rezultatul programelor tale.
🗺️ Hartă interfata Scratch
1. Scena (Stage)
Zona din dreapta-sus unde vezi rezultatul programului. Aici personajul (sprite) executa actiunile. Marimea standard: 480x360 pixeli.
2. Paleta de blocuri
Zona din stanga cu toate blocurile disponibile, organizate pe categorii colorate (Motion, Looks, Sound, Events, Control, Sensing, Operators, Variables).
3. Zona de scripturi (Code Area)
Zona din centru unde tragi blocurile din paleta si le conectezi pentru a crea programe. Aici construiesti scripturile (secventele de instructiuni).
4. Lista de Sprite-uri
Zona de jos cu toate personajele din proiect. Implicit ai o pisica portocalie numita "Scratch Cat". Poti adauga mai multe sprite-uri sau crea propriile tale.
🐱
Aici sprite-ul (pisica) executa actiunile tale!
💭 Analogie din viata ta

Gandeste-te la Scratch ca la un teatru:
Scena = locul unde actorii joaca (publicul vede aici)
Sprite-urile = actorii care au roluri
Blocurile = replicile si actiunile din scenariu
Zona de scripturi = scenariul scris de tine (regizorul)

💡 TIP

Pentru a vedea Scena mai mare, apasa butonul Full Screen (ecran complet) din coltul din dreapta-sus al Scenei. Perfect pentru prezentari!

3

3. Categorii de blocuri si culorile lor

🎨

Categorii de blocuri si culorile lor

Blocurile in Scratch sunt organizate pe categorii colorate. Fiecare culoare reprezinta un tip diferit de actiune sau functionalitate.

Sistemul de culori te ajuta sa gasesti rapid ce ai nevoie. Vrei sa misti un sprite? Cauta blocurile albastre. Vrei sa schimbi cum arata? Cauta blocurile violet.

🌈 Ghid culori Scratch
Motion (Miscare) - Albastru

Controleaza pozitia si miscarea sprite-ului pe scena. Exemple: mergi X pasi, roteste-te, mergi la pozitia X/Y, glideaza la pozitie.

Looks (Aspect) - Violet

Schimba aspectul vizual al sprite-ului. Exemple: spune ceva (dialog bubble), schimba costumul, ascunde/arata sprite-ul, schimba marimea sau efectele vizuale.

Sound (Sunet) - Roz

Controleaza sunetele din proiect. Exemple: reda un sunet, opreste toate sunetele, schimba volumul, reda note muzicale.

Events (Evenimente) - Galben

Defineste cand incepe executia unui script. Exemple: cand se da click pe steagul verde, cand se apasa o tasta, cand sprite-ul este click-uit.

Control - Portocaliu

Controleaza fluxul programului (ordinea executiei). Exemple: asteapta X secunde, repeta de X ori, daca... atunci..., for ever (la infinit).

Sensing (Senzori) - Albastru deschis

Detecteaza informatii despre sprite, mouse, tastatura sau alte sprite-uri. Exemple: atinge marginea?, distanta pana la mouse, tasta apasata?, coordonate mouse.

Operators (Operatori) - Verde

Efectueaza calcule matematice si operatii logice. Exemple: adunare, scadere, numar random, compara numere (mai mare, mai mic, egal).

Variables (Variabile) - Portocaliu inchis

Stocheaza si gestioneaza date (numere, text). Exemple: creeaza variabila "scor", seteaza scor la 0, mareste scorul cu 1, afiseaza variabila pe scena.

⚠️ ATENTIE

Nu toate blocurile se pot conecta intre ele! Scratch foloseste forme diferite pentru a arata ce blocuri se potrivesc. Blocurile cu "capat rotunjit" sus (ca Events) pot fi doar la inceputul unui script.

4

4. Ce este programarea secventiala?

📜

Ce este programarea secventiala?

Programarea secventiala (sau algoritmul secvential) inseamna ca instructiunile se executa una dupa alta, in ordinea in care sunt scrise, de sus in jos.

Aceasta este cea mai simpla forma de programare. Computerul citeste fiecare bloc, il executa, apoi trece la urmatorul. Nu sare peste blocuri, nu le executa in ordine aleatoare - doar de sus in jos, ca atunci cand citesti un text.

when green flag clicked say "Hello!" for 2 seconds move 100 steps say "I moved!" for 2 seconds

In exemplul de mai sus, ordinea exacta este:
1️⃣ Se apasa steagul verde (EVENT - porneste programul)
2️⃣ Pisica spune "Hello!" timp de 2 secunde
3️⃣ Pisica se misca 100 de pasi
4️⃣ Pisica spune "I moved!" timp de 2 secunde

💭 Analogie din viata ta

Programarea secventiala este ca reteta de bucatarie:
1. Pune apa la fiert
2. Adauga paste in apa
3. Asteapta 10 minute
4. Scurge apa
5. Serveste

Daca faci pasii in alta ordine (de exemplu, scurgi apa inainte sa fierbi pastele), rezultatul va fi gresit! La fel si in Scratch - ordinea conteaza!

💡 TIP PRO

Daca vrei sa vezi executia pas cu pas, poti da click direct pe fiecare bloc (fara sa apesi steagul verde). Blocul respectiv se va executa imediat! Util pentru testare si depanare (debugging).

5

5. Primul tau program in Scratch

🚀

Primul tau program in Scratch

Fiecare program Scratch incepe cu un bloc de eveniment (Event block) care defineste cand sa ruleze scriptul.

Cel mai folosit bloc de start este:

when green flag clicked

Acest bloc galben spune: "Cand utilizatorul apasa steagul verde de deasupra Scenei, executa toate blocurile conectate sub mine."

Hai sa cream un program simplu care face pisica sa se deplaseze si sa salute:

when green flag clicked say "Buna! Sunt in Scratch!" for 2 seconds move 50 steps turn 90 degrees move 50 steps say "Am terminat!" for 2 seconds

Ce se intampla pas cu pas:
1️⃣ Utilizatorul apasa steagul verde → programul porneste
2️⃣ Pisica afiseaza un balon cu textul "Buna! Sunt in Scratch!" timp de 2 secunde
3️⃣ Pisica se misca 50 de pasi in directia in care este orientata
4️⃣ Pisica se roteste cu 90 de grade (ia un unghi drept)
5️⃣ Pisica se misca inca 50 de pasi in noua directie
6️⃣ Pisica afiseaza "Am terminat!" timp de 2 secunde

ℹ️ Steagul verde vs Butonul STOP

Steagul VERDE 🟢 = START (porneste toate scripturile care au blocul "when green flag clicked")
Butonul STOP 🔴 (octogon rosu) = opreste executia tuturor scripturilor
• Daca programul tau ruleaza la infinit sau vrei sa il opresti, apasa butonul STOP!

GRESEALA FRECVENTA

Multi incepatori uita sa puna blocul "when green flag clicked" la inceput! Fara acest bloc, cand apesi steagul verde, nimic nu se va intampla. Blocurile trebuie conectate la un eveniment pentru a fi executate automat.

6

6. Cum salvezi proiectul

💾

Cum salvezi proiectul

Proiectele Scratch se salveaza automat daca ai cont si esti logat, sau poti descarca proiectul pe calculator in format .sb3.

Optiunea 1: Salvare online (RECOMANDAT)
1. Creeaza-ti cont gratuit pe scratch.mit.edu (apasa "Join Scratch")
2. Logheaza-te cu contul tau
3. Cand creezi un proiect, acesta se salveaza automat in contul tau la fiecare cateva secunde
4. Poti accesa proiectul de pe orice calculator, doar trebuie sa te loghezi

Optiunea 2: Salvare pe calculator (fara cont)
1. Click pe meniul FileSave to your computer
2. Proiectul se descarca ca fisier .sb3 (Scratch 3.0 project)
3. Pentru a-l deschide mai tarziu: File → Load from your computer si alege fisierul .sb3

💡 TIP

Da un nume proiectului tau! Click pe textul "Untitled" (Fara titlu) de deasupra Scenei si scrie un nume sugestiv, de exemplu: "Primul meu patrat" sau "Animatie pisica". Astfel il vei gasi mai usor mai tarziu!

⚠️ IMPORTANT

Daca NU esti logat si inchizi tab-ul browserului, proiectul tau se va pierde! Asigura-te ca il salvezi pe calculator INAINTE sa inchizi pagina, sau creeaza-ti cont pentru salvare automata.

Exercitii practice

Exercitiul 1 (Nivel minim) - Primele blocuri Scratch

Cerinta: Deschide Scratch (scratch.mit.edu) si rezolva:

  1. Trage blocul 'cand se da click pe steag' si adauga 'mergi 100 de pasi'. Apasa steagul verde. Ce face pisica? Descrie miscarea.
  2. Adauga dupa miscare blocul 'spune Hello! timp de 2 secunde'. Ce se intampla acum cand apesi steagul? In ce ordine se executa blocurile?
  3. Ce inseamna 'programare secventiala'? De ce conteaza ordinea blocurilor? Inverseaza cele 2 blocuri si descrie ce se schimba.

Exercitiul 2 (Nivel standard) - Secvente mai complexe

Cerinta: Creeaza programe secventiale in Scratch:

  1. Creeaza un program in care pisica: merge 100 pasi, se roteste 90 grade, merge inca 100 pasi, se roteste 90 grade. Ce forma traseaza pe ecran? Adauga blocul 'stilou jos' ca sa vezi traseul.
  2. Fă pisica sa se prezinte: sa spuna 'Buna!', sa astepte 1 secunda, sa spuna 'Ma numesc Scratch', sa astepte, sa spuna 'Hai sa invatam impreuna!'. Cate blocuri ai folosit in total?
  3. Ce se intampla daca pui de 2 ori acelasi bloc 'mergi 100 pasi'? Dar de 5 ori? Testeaza si descrie rezultatul.

Exercitiul 3 (Nivel performanta) - Proiect secvential

Cerinta: Creeaza un proiect mai ambitios:

  1. Creeaza o animatie in care pisica se plimba pe scena: merge la dreapta, se opreste, merge in sus, se opreste, merge la stanga. Foloseste blocurile 'mergi', 'asteapta' si 'orienteaza-te spre'.
  2. Adauga un fundal si inca un personaj (sprite). Fă ca ambele personaje sa se miste pe rand, ca intr-un dialog. Cate scripturi ai creat in total?
  3. Creeaza o poveste scurta animata cu 3 scene: personajul intra, spune ceva, se misca, alt personaj raspunde. Foloseste cel putin 10 blocuri secventiale.

Ce ai invatat astazi

  • ✓Scratcheste un limbaj de programare vizuala cu blocuri colorate, creat de MIT, gratuit si accesibil in browser
  • ✓Interfata Scratchare 4 zone: Scena (unde vezi rezultatul), Paleta de blocuri, Zona de scripturi (unde construiesti codul), Lista de sprite-uri
  • ✓Categoriile de blocurisunt colorate: Motion (albastru - miscare), Looks (violet - aspect), Events (galben - evenimente), Control (portocaliu - flux), etc.
  • ✓Programarea secventialainseamna ca blocurile se executa unul dupa altul, in ordine, de sus in jos - ca intr-o reteta de bucatarie
  • ✓Steagul verdeporneste programul (blocul when green flag clicked), iar butonul STOP opreste executia
  • ✓Potisalva proiecteonline (cu cont) sau le poti descarca pe calculator ca fisiere .sb3

Urmatoarea lectie

Continua cu lectia urmatoare pentru a aprofunda cunostintele.

Continua →