U prethodnih desetak (i još malo više) nastavaka serijala o Android programiranju pokazali smo dosta toga što vam može pomoći kod razvoja vlastitih aplikacija – počevši od instalacije svih potrebnih alata na vlastito računalo pa sve do razvoja standardnih dijelova složenijih aplikacija. U međuvremenu se uređaji bazirani na Androidu (telefoni, ali i „tabletići“ te drugi mobilni uređaji) sve bolje prodaju širom svijeta, tako da razvoj aplikacija za ovu platformu sigurno neće biti uzaludan napor.

Iako ćemo se u slijedećih nekoliko nastavaka serijala pozabaviti s još nekoliko naprednijih programerskih tehnika, ovaj put ćemo se malo detaljnije osvrnuti na alernativni (čitaj bitno jednostavniji) način za razvoj aplikacija, također nastao u radionicama istog proizvođača. Na kraju krajeva među čitateljima časopisa sigurno ima onih s vrlo dobrim idejama za razvoj novih aplikacija, ali im se korištenje Google SDK alata ipak čini malo prekompliciranim. Srećom, Googleovi inženjeri intenzivno rade na nešto drugačijem pristupu čitavoj stvari, pa ćemo vas u današnjem nastavku upoznati s njihovim najnovim uradkom za tu namjenu.

App Inventor for Android je naziv za alat namijenjen malo manje spretnim programerima dizajniranim tako da omogućava vizualno orijentirani razvoj različitih Android aplikacija izravno u pregledniku. Zbog toga je pisanje programskog koda gotovo u potpunosti izbačeno iz alata te zamijenjeno nečim genijalno preglednim. Ako ste ipak zainteresirani za programiranje, onda vam ovaj alat zapravo i ne treba, jer već imate dobro poznati Android SDK.

Iako u trenutku pisanja teksta (prema tvrdnjama iz samog Googlea) alat još uvijek ne podržava sve što je zamišljeno (još uvijek se nalazi u beta fazi razvoja) već sada se pomoću njega mogu napraviti zanimljive i korisne aplikacije. Googleovi inženjeri naglašavaju kako se trenutni problemi prije svega odnose na područja instalacije upravljačkih uređaja, prijenosa dijelova razvojnog alata Java na računalo te distribuciju same aplikacije na odredišni mobilni uređaj, odnosno postavljanje različitih postavki korištenja aplikacije na tom uređaju. Zato se u trenutnoj fazi razvoja alata od zainteresiranih korisnika traži da pripreme što detaljnije povratne informacije o korištenju alata, kako bi se što prije prevladali svi uočeni problemi.

Priprema računala za razvoj: Mogu se koristiti različite kombinacije operativnih sustava i preglednika.

Razvoj vlastitih aplikacija u alatu App Inventor for Android započinje pripremom vlastitog računala za takav zadatak. Za razliku od Microsofta ili Applea poznatih po ograničavaju razvoja na vlastiti hardver i/ili softver, Googleov razvojni tim kontinuirano podržava sve najpopularnije platforme (Windows, Mac i Linux). Zato nije ni čudo da se Android polako, ali sigurno, probija prema samom vrhu popularnosti na području mobilnih platformi. Nastavak teksta, te prije svega prateće slike) podrazumijevaju razvoj vlastitih aplikacija u Google Chrome pregledniku na Windows računalu, ali iz prije navedenih razloga ne bi trebali imati previše problema ni u razvoju aplikacija na nekoj drugoj konfiguraciji.

Prvi korak u pripremi računala je preuzimanje odgovarajućeg programa za upravljanje pripremom razvojne konfiguracije. Ovaj program može se slobodno preuzeti usmjeravanjem preglednika na web adresu http://appinventor.googlelabs.com/learn/setup/setupwindows.html

Nakon preuzimanja instalacijskog programa treba ga instalirati na računalo te podesiti parametre ciljnog mobilnog uređaja. U trenutnoj fazi razvoja alata podržano je izravno svega nekoliko uređaja poput T-Mobile G1 ili T-Mobile myTouch, dok se za ostalo „očvrsje“ treba pomučiti malo više te napraviti manja ili veća podešavanja na samom telefonu. Budući da je ovaj postupak ovisan o samom telefonu, kao takav prelazi okvire napisanog teksta. Sve potrebne informacije možete pronaći slijedeći odgovarajuće linkove na prije navedenoj web adresi.

Početak rada na aplikaciji: Započinje stvaranjem projekta – u ovom slučaju HelloPurr.

Izrada prve aplikacije

U nastavku teksta opisat ćemo izradu prve aplikacije prema Googlevoj pratećoj dokumentaciji. Za razliku od uobičajenog Hello World primjera koji samo prikazuje dvije riječi na zaslonu, Googleov početni primjer odmah koristi i audio/video podatke, to jest prikazuje sliku te reproducira zvuk. Zato kao početni korak u izradi aplikacije treba skinuti jednu sliku u .png formatu, odnosno jednu zvučnu datoteku u .mp3 formatu. Umjesto onih koje nudi Google za testiranje razvojnog alata, možete upotrijebiti svoje vlastite, ali za sada ćemo se držati priložene „kuharice“.

Razvojni alat pokrećete postavljanjem preglednika na adresu http://appinventor.googlelabs.com. Da bi se moglo prijeći na razvoj same aplikacije potrebno je da korisnik ima odgovarajući google email korisnički račun. Ako ga još nemate, ovo je prilika da ga stvorite. Kad obavite tu formalnost, pojavljuje se stranica namijenjena pripremi novih aplikacija, odnosno administriranju postojećih. Budući da pripremate svoj prvi projekt, izaberite opciju New na vrhu stranice te upišite naziv aplikacije HelloPur.

Razvojna okolina: Vrlo je jednostavna i namijenjena korisnicima koji nisu profesionalni programeri.

Kao rezultat izvođenja prethodne operacije pojavljuje se glavna stranica razvojnog alata namijenjena izradi aplikacije (vidi prateće slike uz tekst). Sve izgleda vrlo jednostavno, ali je sasvim dovoljno za korisnike kojima je namijenjena – neprofesionalnim programerima s dobrim idejama za vlastite aplikacije.

U lijevom dijelu stranice nalaze se različite grupe kontrola namijenjene iskorištavanju brojnih mogućnosti Android sustava. Tijekom razvoja prve aplikacije bit će nam potrebne svega dvije kontrole: Button i Label. Jednostavnom operacijom povlačenja postavite in na središnji dio stranice namijenjen simuliranju zaslona mobilnog uređaja. Kontrole postavite jednu ispod druge, a onda je preostalo da im izmijenite nekoliko svojstva, kako bi dobili izgled sučelja prikazan na jednoj od pratećih slika uz tekst. Kontroli Button potrebno je obrisati početni tekst prikazan na kontroli (svojstvo Text) te učitati prije spomenutu sliku kitty.png  (svojstvo Image). Kontroli Label potrebno je postaviti boju pozadine na plavu (svojstvo BackgroundColor), povećati veličinu pisma na 30 (svojstvo FontSize), te upisati novi tekst „Pet the Kitty“. Svojstvo koje se koristi za zadnju operaciju već znate s prve kontrole. Sve to se izvodi u prozoru Properties na desnoj strani osnovne stranice.

Postavljanje prve kontrole: Izvodi se običnim povlačenjem kontrole na centralni dio koji predstavlja zaslon mobilnog uređaja.

Na ovom stupnju razvoja aplikacije u nju je dodana slika, ali još uvijek ne i zvučni zapis. Zato je potrebno u aplikaciju povući još jednu kontrolu (Sound iz grupe Media), a onda pomoću gumba na dnu stranice dodati prije spomenutu mp3 datoteku (meow.mp3). Ovim potezom sučelje je u potpunosti dovršeno s dizajnerske strane, ali je za kompletiranje aplikacije potrebno napraviti još nešto. Da bi se tijekom izvođenja aplikacije pritiskom na sliku umiljate mačkice izazvalo njezino glasanje, to jest reprodukcija mpr datoteke, potrebno je ipak „napisati mali program“. Prethodnu tvrdnju smo stavili u znake navoda, jer je za razliku od drugih vizualno orijentiranih sučelja, koja u konačnici ipak zahtijevaju prilično znanje programiranja, Google ovdje stvarno napravio korak naprijed.

Na vrhu osnovne stranice potrebno je kliknuti na opciju Open the Block Eidtor, a ako ste to napravili prvi put, pričekati određeno vrijema kako bi se na vaše računalo instalirala dodatna komponenta za „pisanje programskog koda“. Evo ponovno navodnika, a konačno i objašnjenja  zašto. Kad se otvori popis svih dostupnih događaja, oni su prikazati u obliku svojevrsne slagalice. Potrebni događaj u kontekstu nekog dijela aplikacije potrebno je jednostavno „spariti“ s pravom operacijom, što se izvodi običnom operacijom povlačenja. U konkretnom slučaju potrebno je događaj Button1.Click povezati s operacijom Sound1.Play i to je to. Koliko to efektno izgleda možete provjeriti na priloženoj slici ili isprobati sami. Bravo Google!

Prozor Properties: Koristi se za izmjenu različitih svojstava označene kontrole.

Preostalo je još samo da isprobate aplikaciju na stvarnom hardverskom uređaju tijekom instalacije povezanim s razvojnim alatom, ili na odgovarajućem softverskom emulatoru. Na kraju je pomoću operacije Package for Phone moguće napraviti i distribucijski oblik aplikacije.

Priznajte da nije bilo komplicirano, iako nismo baš detaljno opisivali način promjene svojstava. Ipak bi ovaj tekst trebali pratiti čitatelji s bar početnim poznavanjem programiranja, tako da ne bi trebao biti problem izvesti tako elementarne operacije u dizajnu aplikacije.

Pomoću alata App Inventor for Android (iako je još uvijek u fazi beta verzije) mogu se napraviti znatno složenije aplikacije u što se možete uvjeriti i sami nakon malo vježbe.

Piše: Nenad Crnko

Dodavanje programskog koda: Zaista se izvodi na vizualno efektan način.

Izvođenje programa: Osim na samom uređaju, moguće je i u odgovarajućem emulatoru.