De mult am tot vrut sa scriu un articol despre App Inventor. Pana acum nu am primit inca acces la aplicatie de la Google asa ca l-am rugat pe Florin Matinca (lucreaza la Seesmic) sa ma ajute cu mai multe informatii. A iesit un tutorial interesant.Va invit sa il parcurgeti. In luna iulie Google a prezentat App Inventor, o noua unealta pentru dezvoltarea aplicatiilor Android, insa de aceasta data publicul tinta este format din cei care nu detin cunostinte de programare. Pentru a avea acces la aplicatie este necesar sa completati formularul disponibil aici : https://services.google.com/fb/forms/appinventorinterest/ Odata ce ati primit de la Google emailul care va confirma ca accesul in App Inventor v-a fost aprobat, tot ce va ramane este sa urmati urmatoarele instructiuni pentru a putea incepe : http://appinventor.googlelabs.com/learn/gettingstarted.html In urmatorul tutorial ne propunem sa realizam un mini client de Twitter pentru Android. Pentru a realiza aplicatia nu este necesar sa aveti telefonul conectat la computer, insa este recomandat deoarece puteti testa aplicatia in timp ce lucrati la ea.

Pasul 1

Dupa ce ne autentificam in App Inventor iata ecranul cu care suntem intampinati : In centru ferestrei avem Zona de lucru care ne prezinta intr-un mod intuitiv cum va arata interfata aplicatiei noastre. In stanga ferestrei avem Panoul de componente, mai exact locul de unde prin Drag&Drop putem adauga elemente de interfata aplicatiei. Acestea pot fi butoane, textbox-uri sau componente care desi nu apar vizual in aplicatie adauga functionalitati.

Pasul 2

Sa incepem prin a aduga doua label-uri, doua textbox-uri si un buton, precum in imaginea de mai jos. Dupa cum puteti observa, lista de componente a crescut iar pentru fiecare componente avem un panou de proprietati, prin intermediul caruia ii putem modifica proprietatile.

Pasul 3

Inainte de a merge mai departe, vom redenumi fiecare componenta - pentru a le identifica usor ulterior, modificant numele si/sau textul afisat dupa cum urmeaza.

Pasul 4

Acum din panoul de componente sa adaugam o noua componenta, connectorul catre reteaua sociala Twitter. Aceasta nu va aparea in interfata, insa dupa cum veti vedea ulterior ne furnizeaza functii pentru a cere informatii de la Twitter. Apasam Open the Blocks Editor pentru a incepe sa adaugam functionalitate pentru componentele adaugate. Avem doua tipuri de Blocks - specifice mediului de dezvoltare si specifice componentelor adugate in interfata.

Pasul 5

Alegem My Blocks, click pe twConnector si facem Drag & Drop la block-ul twConnector.IsLoggedIn. Acesta va fi activ in momentul in care vom fi autentificati de Twitter.

Pasul 6

Pentru a ne autentifica apelam la block-ul btnLogin.Click, si vom aduga componente pentru a obtine ceva similar cu imaginea de mai jos.

Pasul 7

Dupa cum spuneam mai sus, o parte din block-uri sunt specifice mediului de dezvoltare, dupa se poate vedea mai jos.

Pasul 8

In continuare, vom continua sa adaugam cateva componente. Ne propunem sa avem urmatoarele functionalitati : • sa ne actualizam statusul pe Twitter. • sa vedem tweet-urile trimise de cei pe care ii urmarim. • sa vedem tweet-urile in care suntem mentionati. • sa vedem mesajele directe primite. Imaginea de mai jos contine componentele nou adaugate, toate cu proprietatea Visible debifata. Ne dorim ca acestea sa fie vizibile abia dupa ce ne vom autentifica si vom avea date in aplicatie.

Pasul 9

Revenim in Blocks Editor si adaugam componente precum in imaginea de mai jos. Acestia au fost pasii pentru a obtine functionalitatile enumerate mai sus.

Mai trebuie sa stiti

Dupa cum am spus si la inceput, exista posibilitatea de a dezvolta aplicatia cu telefonul conectat la computer pentru a vedea in timp real rezultatele. Deasemenea puteti ca din mediul de dezvoltare App Inventor sa descarcati direct fisierul .apk pe care il puteti distribui liber. App inventor este inca in beta si exista inca limitari, normale tinand cont ca aplicatiile sunt construite prin adaugare de componente prin Drag&Drop si asamblarea de block-uri. Personal, nu cred ca App Inventor a fost proiectat pentru a dezvolta cu el aplicatii comerciale, insa este ingredientul care poate starni multora entuziasmul si interesul pentru a dezvolta aplicatii Android. articol scris de Florin Matinca pe Twitter @florinmatinca