Mediul de programare grafică Blockly

Pentru scrierea algoritmilor folosind blocuri grafice avem la dispoziție mai multe
medii grafice: Alice,Scratch, Blockly, App Inventor etc.
Blockly este un mediu de programare dezvoltat de Google și oferit open-source,
astfel încât oricine poate să îl folosească și să îl modifice. Varianta prezentată aici este cea
din manualul digital. Pe Internet vei putea găsi și alte variante cu funcționalități foarte
asemănătoare.
Pentru a fi utilizat local Blockly se poate descărca de pe pagina
https://developers.google.com/blockly/guides/get-started/web iar apoi poate fi inserat într-
o pagină web.
Pentru a accesa mediul grafic vom folosi o resursă externă şi anume www.pbinfo.ro

după care vom da click pe link-ul .

Va apărea o pagină web cu următorul conţinut:

Modul de lucru este destul de simplu, se aleg blocuri din grupurile de mai sus, apoi
se mută pe suprafaţa de lucru. De regulă o „instrucţiune” este formată din mai multe
blocuri lipite între ele. Eliminarea unui bloc se face prin tragerea lui către coşul de gunoi

sau apăsând tasta Delete. După completarea programului vom folosi butonul
pentru a vedea rezultatele.
 Grupuri de blocuri din Blockly

Bloc Rol
Defineşte o nouă variabilă. Trebuie
folosit în cazul în care dorim să
utilizăm variabile.
După ce am definit variabile putem
atribui valori variabilei definite sau să
citim de la tastatură.
Modifică valoarea variabilei cu
valoarea precizată (a←a+1).
Blocul reprezintă o valoarea variabilei
şi poate fi adăugat unde este necesar.
Se poate uşor selecta altă variabilă, să o
redenumim sau chiar să o eliminăm.

Exemplu: Citirea de la tastatură a unei variabile, mărirea cu 5 şi afişarea acesteia

Bloc Rol
Afişează mesajul cuprins
între ghilimele şi citeşte
de la tastatură un text.
Afişează mesajul cuprins
între ghilimele şi citeşte
de la tastatură un număr.
Afişează o valoare
furnizată de un alt bloc pe
care trebuie să-l adăugăm.
Exemplu: Citim de la tastatură un text pe care apoi îl afişăm:
Bloc Rol
Blocul returnează implicit valoarea 0 sau o altă
valoare precizată.
Blocul returnează câteva valori speciale cum ar
fi π, e, radical din 2, radical din ½ etc.

Returnează rezultatul unei expresii cu doi

operanzi şi unul din operatorii aritmetici +. -, *,
÷ (împărţire) sau ^ (ridicare la putere) pe care îl
putem selecta.

Restul împărţirii a două numere.

Exemplu: Interschibăm valoarea a două variabile folosind secvenţa

a ←a+b
b ←a-b
a ←a-b
Bloc Rol

Returnează „true” dacă condiţia este

îndeplinită şi „false” în caz contrar.

Exemplu: Citim a şi b şi afişăm dacă a>b.

Bloc Rol
Returnează valorile „true” sau „false” în
funcţie de selecţie.

Returnează valoarea de adevăr a

expresiei (şi / sau).

Returnează negaţia unei expresii logice.

Bloc Rol
Dacă condiţia este adevărată atunci se
execută instrucţiunile.

Dacă condiţia este adevărată atunci se

execută primul set de instrucţiuni, altfel
se execută al doilea set de instrucţiuni.
Bloc Rol
Repetă setul de instrucţiuni de un număr
cunoscute de ori.

Repetă setul de instrucţiuni cât timp

condiţia este adevărată . (Permite şi
alegerea opţiunii „repetă până când”).

Repetă setul de instrucţiuni cât timp

variabila indice este mai mică decât
valoarea finală. La fiecare execuţie
variabila indice se va modifica cu pasul
precizat.

Bloc Rol

Returnează valoarea funcţiei precizate

asupra parametrului precizat.

Returnează valoarea funcţiei

trigonometrice precizate. Parametrii sunt
precizaţi in grade.

Verifică dacă un număr este par, impar,

prim, întreg, pozitiv sau negativ.
Returnează valoarea true în cazul
îndeplinirii condiţiei.
Bloc Rol
Bloc pentru precizarea unui text.

Uneşte două sau mai multe texte si/sau

variabile cu texte.
Exemplu final:Citim de la tastatură 3 numere naturale a,b,c. Să afişăm daca a este
număr par, dacă toate sunt ordonate crescător (a<b şi b<c) şi valoarea maximă a
celor 3 numere.
Anexa 1
Mediul de programare grafică Blockly
Fișă de lucru

1. Pomii din livadă. Într-o livadă avem meri, peri şi pruni. Numărul merilor este citit de la tastatură, al
perilor este cu 10 mai mult, iar al prunilor suma merilor şi a perilor. Scrieți un algoritm în mediul de
programare Blockly care, citind numărul merilor calculează numărul total de pomi din livadă.
Exemplu: Dacă meri=20, rezultă că peri=30 iar pruni=20+30=50. În total obţinem 20+30+50, adică
100 pomi.
Indicaţii:
- definim 3 variabile meri, peri, pruni

- folosim blocul

şi citim de la tastatură cu blocul

- calculăm peri şi pruni cu blocurile şi

şi
afişăm rezultatul cu blocul

2. Media aritmetică. Scrieți în limbaj mediul de programare Blockly un algoritm care calculează media
aritmetică a trei numere a,b,c şi o afişează.
Exemplu: dacă se citeşte de la tastatură a=22, b=30, c=14, se va afişa rezultatul 22.
Indicaţii:
- Definim patru variabile a,b,c şi media
- Citim de la tastatură cu
- Duplicăm pentru b şi c
- Folosim un bloc de sumă pentru b şi c apoi alt bloc care adună a cu b şi c

- Folosim un bloc cu operatorul ÷ cu operanzi blocul de mai sus şi valoarea 3.

- Ce rezultă atribuim variabilei media

- Folosim pentru a uni textul „Media este” şi variabila media după care utilizăm

.
3. Maximul a două numere. Se citesc de la tastatură două numere. Scrieți un algoritm care să afişeze
numărul maximul celor două valori.
Exemplu: Pentru a=45 şi b=80 se afişează „Maximul este:80”.
Indicaţii:

- Vom folosi blocul pentru a compara a cu b şi pentru afişare.

IS_S1GR2
 Mediul de programare grafică Blockly
Fișă de lucru REZOLVATĂ

1. Pomii din livadă. Într-o livadă avem meri, peri şi pruni. Numărul merilor este citit de la tastatură,
al perilor este cu 10 mai mult, iar al prunilor suma merilor şi a perilor. Scrieți un algoritm în
mediul de programare Blockly care, citind numărul merilor calculează numărul total de pomi din
livadă.
Rezolvare:

2. Media aritmetică. Scrieți în limbaj mediul de programare Blockly un algoritm care calculează
media aritmetică a trei numere a,b,c şi o afişează.
Rezolvare:

3. Maximul a două numere. Se citesc de la tastatură două numere. Scrieți un algoritm care să
afişeze numărul maximul celor două valori.
Rezolvare:
 Mediul de programare grafică Blockly
Fișă de evaluare

1. (3p) La circ La un circ au fost n adulți și cu x mai mulți copii. Câte persoane au fost la circ?
Exemplu: Dacă au fost n=25 adulţi şi 10 copii în plus faţă de adulţi rezultă că numărul copiilor
este 25+10. In total persoanele care sunt la circ va fi 25+35=60.

2. (3p) Media aritmetică. Scrieți în limbaj mediul de programare Blockly un algoritm care
calculează media aritmetică a două numere a şi b după care o afişează.
Exemplu: dacă se citeşte de la tastatură a=20, b=30 se va afişa rezultatul 25.

3. (3p) Descoperă numărul. Fie un număr natural n, el se mărește cu 11, se împarte cu 2, la rezultat
se adaugă 5, apoi se scade 9, iar la final se obține valoarea x. Știind valoarea lui x, află numărul
inițial n.
Exemplu: Se citeşte de la tastatură valoarea lui x=20. Trebuie sa facem operaţiile în sens invers.
20+9 = 29; 29-5=24; 24*2 =48; 48-11=37; Deci n=37

Observaţii
 Se acordă 1 punct din oficiu.

 Timp de lucru 50 minute

BAREM DE EVALUARE (pentru fiecare subiect)

1. Definire variabile 0,5 p
2. Iniţializare variabile 0,5 p
3. Folosirea blocurilor corespunzătoare 0,5p
4. Calculare corect a valorilor intermediare 0,5p
5. Folosire afişare cu mesaj a unui rezultat 0,5p
6. Afişare rezultat corect 0,5p
 Mediul de programare grafică Blockly
Fișă de evaluare REZOLVATĂ

1. La circ La un circ au fost n adulți și cu x mai mulți copii. Câte persoane au fost la circ?

2. Media aritmetică. Scrieți în limbaj mediul de programare Blockly un algoritm care calculează
media aritmetică a două numere a şi b după care o afişează.

3. Descoperă numărul. Fie un număr natural n, el se mărește cu 11, se împarte cu 2, la rezultat se

adaugă 5, apoi se scade 9, iar la final se obține valoarea x. Știind valoare lui x, află numărul inițial
n.