Lecție 1+2 - Mobile Games&Apps – septembrie 2018 prof.

Cristina Sichim

MIT (Google) App Inventor

 Un limbaj de programare vizuală inițiat

de Google și preluat de MIT din 2012
 Conceput pentru utilizatorii obişnuiţi,
fără cunoştinţe speciale de programare
 Permite crearea unor aplicații pentru
sistemul de operare Android
 Gândit ca unealtă în programarea
educațională

Crearea aplicației și specificarea

comportamentului său prin configurarea de
blocuri

Dezvoltă aplicaţii pentru telefoanele cu

Android, folosind:

 un browser web
 un telefon conectat la Internet sau
emulatorul propriu

Aplicaţiile sunt construite astfel:

 în App Inventor Designer, sunt selectate componentele care vor alcătui aplicația
 în App Inventor Blocks Editor, blocurile din program sunt asamblate pentru a specifica modul
în care componentele trebuie să se comporte. Se pot asambla programele vizual, montând
piesele împreună, ca piesele unui puzzle.

Aplicația apare pe telefon pas-cu-pas, pe măsură ce piesele sunt adăugate în ea, aşa că poate fi
testată în timp ce este construită

Înainte ca App Inventor să fie folosit, este necesară instalarea pachetului App Inventor pentru
sistemul de operare folosit (http://ai2.appinventor.mit.edu)

Sunt absolut necesare o conexiune la Internet și un cont Gmail .

Detalii se găsesc la http://appinventor.mit.edu/explore/getstarted.html

Pentru cei care dispun de un dispozitiv mobil cu conexiune la Internet, nu este necesară preinstalarea
vreunui software.

Pentru programarea de pe un calculator trebuie instalat un emulator: pachetul

software App Inventor Setup

Se va instala aplicația aiStarter, care va permite comunicarea dintre emulator și cloud.

Pagină 1 din 3
Lecție 1+2 - Mobile Games&Apps – septembrie 2018 prof. Cristina Sichim

Aplicația 1. Ne jucăm cu animăluțul preferat!

Componentele App Inventor sunt situate Componentele au

în partea stângă a ferestrei Designer sub proprietăți care pot fi
paleta de titlu. Componentele sunt ajustate pentru a
elementele de bază pe care le utilizați modifica modul în care
pentru a crea aplicații pe telefonul componenta apare sau
Android. Sunt ca ingredientele dintr-o se comportă în cadrul
rețetă. aplicației.

Pasul 1a. Din panoul User Interface, adăugați un buton.

Pasul 1b. Pentru a face butonul să aibă o imagine a unui animăluț, în panoul Proprietăți, sub Image,
faceți click pe textul "None ..." și faceți click pe "Upload New ...". O fereastră va apărea pentru a vă
permite să alegeți fișierul imagine. Faceți click pe "Răsfoiți" și apoi navigați și alegeți fișierul ce
conține imaginea animăluțului.
Pasul 2. Schimbați proprietatea textului butonului: Ștergeți "Text pentru butonul1", lăsând butonul
proprietății textului butonului gol, astfel încât să nu existe scris pe fața animăluțului.
Pasul 3. Din paleta User Interface, trageți și adăugați o etichetă în Vizualizator, sub imaginea
animăluțului și scrieți textul ,,Atinge animăluțul!”
Pasul 4. Din zona Media, trageți o componentă de
sunet și plasați-o în Vizualizator și asociați sunetul
dorit.

Dacă atingem animăluțul, atunci el va scoate sunetul pe care l-am ales!

Pagină 2 din 3
Lecție 1+2 - Mobile Games&Apps – septembrie 2018 prof. Cristina Sichim

Programarea cu Editorul blocurilor

Până acum ați aranjat ecranul și componentele aplicației în Designer, care se află într-o fereastră de
browser web. Pentru a începe programarea comportamentului aplicației, trebuie să accesați Editorul
blocurilor. Faceți click pe butonul Blocks pentru a accesa Editorul blocurilor.

Pasul 1. În partea stângă a Editorului

blocurilor, faceți clic pe sertarul
Buton1 pentru al deschide. Trageți și
lăsați blocul Button1.Click în zona de
lucru (zona deschisă din partea
dreaptă).
Pasul 2. Faceți clic pe sertarul
Sound1 și trageți blocul Sound1.Play
și conectați-l la secțiunea "Do" a
blocului Button1.Click atunci când
faceți clic. Blocurile se conectează
împreună ca piesele de puzzle și
puteți auzi un sunet când faceți click
pe ele.

Puteți vedea aplicația pe emulator sau o puteți

prelua pe telefon ( trebuie să aveți un cititor de cod
de bare instalat pe android)

Pagină 3 din 3