CERCUL METODIC

AL PROFESORILOR
DE INFORMATICĂ
App Inventor –
programarea
Colegiul Național
“Costache Negri”
aplicațiilor
pentru Android

25 noiembrie 2017
Prof. Daniela Stratulat
 2

Ce este App Inventor?

 AppInventor a fost inițial dezvoltat de Google labs.
 Este un mediu de programare vizual (block language) folosit
pentru a crea aplicații mobile pentru telefoanele sau tabletele
care rulează Android.
 Aplicațiile se construiesc direct din web browser apoi ne putem
conecta la aplicații prin intermediul unui telefon sau a unui
emulator.
 Datele sunt păstrate pe serverul App Inventor.
 În prezent este menținut și oferit gratuit de către cei de
la Massachusetts Institute of Technology. Proiectul MIT
App Inventor caută să realizeze așa numita
“democratizare a dezvoltării de software”, în special
pentru tineri, pentru a-i transforma din consumatori de
tehnologie, în creatori de tehnologie.
 În loc să scriem linii de cod vom proiecta în mod vizual
modul în care va arăta aplicația și vom folosi blocuri ce au
asociate evenimente și acțiuni sau funcții, pe care le vom
îmbina, ca pe niște piese de puzzle, pentru a putea
sfecifica ce trebuie sa realizeze aplicația.
 3

De ce App Inventor în
gimnaziu și liceu?
 Este un instrument util pentru predarea/ învățarea
conceptelor fundamentale din programare.
 Pregătește învățarea pentru Java, Python, Javascript.
 Ilustrează conceptul de Active Learning – învățarea
activă, prin creare de aplicații.
 Ajută elevii să-și dezvolte abilitățile de programare și
de gândire computațională.
 Elevii vor fi stimulați să gândească, să învețe prin joc,
să-și proiecteze și să-și ruleze propriile aplicații.
 Încurajează creativitatea și rezolvarea de probleme
STEM (Science, Technology, Engineering and
Mathematics).
 4

Ce aplicații putem crea cu

App Inventor?
 Jocuri
 Software educațional
 Aplicații tip Make Quizz / Take Quizz
 Aplicații informaționale cu datele generate de
utilizatori
 Aplicații personale
 Aplicații care folosesc senzorii telefonului
 Aplicații care se conectează la rețele de
socializare
 Aplicații de orientare în spațiu prin accses la
senzorul pentru locație prin GPS
 Aplicații de citit sms-urile primite cu voce sau de
răspuns automat la sms
 Aplicații ce pot controla roboți LEGO Mindstorms
 5
Setup Requirements
 6
System Requirements
 7
Primii pași
 http://appinventor.mit.edu
Create apps!

 Ne logăm cu ajutorul
unui cont de gmail
 Start Project
 8

 Instalăm pe telefon, din Google Play,

aplicația MIT AI2 Companion
 9
Modul Designer
 10
Modul Blocks
 11

Cum funcționează App Inventor?

 Aplicațiile se dezvoltă fără a scrie linii de cod.
 Proiectarea interfeței cu utilizatorul se realizează în
mod Designer iar modul în care aplicația se
comportă, programarea acesteia, se realizează în
modul Blocks.
 Componentele aplicației au asociate blocuri care se
îmbină cu drag and drop asemenea unor piese de
puzzle.
 Comportamentul aplicației este dat de blocurile
denumite event handlers, acestea specifică modul în
care aplicația răspunde la fiecare eveniment în
parte.
 12

Arhitectura unei aplicații

Event – în “event-based programming”, derularea programului depinde

de apariția unor evenimente (ex. valori înregistrate de senzori, acțiuni
ale utilizatorului, click de mouse, apăsarea unei taste, evenimente legate
de timp, mesaje primite de la alte programe)
Event handlers – sunt funcții ce pot fi executate (apelate) ca răspuns la
un eveniment (ex. componenta Button are asociat event handler .Click)
Behaviors – definesc modul în care aplicația trebuie să răspundă la
evenimente interne, inițiate de utilizator (button click), sau externe
(primirea unui SMS pe telefon)
13

• App Inventor
Designer, aici
selectăm
componentele
aplicației
noastre.

• App Inventor
Blocks Editor,
aici îmbinăm
blocurile care
specifică cum se
vor comporta
componentele.
 14

• Aplicația va apare pe
telefon pas cu pas, pe
măsură ce îi adăugăm
componente, astfel putem
testa aplicația pe măsură
ce o construim, conectând
telefonul cu ajutorul MIT
AI2 Companion.

• Când terminăm putem

salva aplicația în format
.apk (Android Package
File) obținând astfel o
aplicație de sine
stătătoare ce o putem
distribui prietenilor
pentru a fi instalată.
Aplicația poate fi
publicată în Google Play.
 15
• Dacă nu avem
un dispozitiv
cu Android,
sau dorim să
arătăm
elevilor în
timp real cum
se dezvoltă și
rulează
aplicația,
putem folosi
un emulator,
un software
care rulează
pe calculator,
arată și se
comportă ca
un telefon.
 16

Java vs AppInventor
 Java Code  AppInventor

public class HelloWorldApp

{
public static void main(String[] args)
{
System.out.println("Hello World!");
}
}
 17

Tutorial aplicație HelloPurr

18
19
20
 21

App Inventor - materiale suport și

tutoriale
 Site oficial MIT App Inventor
http://appinventor.mit.edu/
 Teaching with App Inventor (tutoriale)
http://appinventor.mit.edu/explore/teach.html
 Resurse, materiale suport
http://explore.appinventor.mit.edu/resources
 App Inventor Book, on-line
http://www.appinventor.org/book
 Documentație
http://appinventor.mit.edu/explore/library