[tutorial] Adobe Flex - rad s xml-om

Pozdrav svima!
Evo jedan kratak tutorial koji je namjenjen za pocetnike i za one koje se tako osjecaju.
U ovom tutorialu, "vadimo" sa servera xml datoteku i prikazujemo je na zaslon mobitela.
Prije pocetka, htio bi rjesiti par nejasnoca.(oni koji vec imaju iskustva, mogu preskocit ovih par redova)
Prva stvar je da mnogi pitaju zasto koristim Flex Framework i Flash Builder za izradu aplikacije.
Odgovor je jednostavan: pisanjem jednog koda za 3 platforme: Android, iOS, Blackberry
Sigurno se pitate, zasto je vazno komuniciranje sa serverom i u ovom primjeru xml datotekom?

Kada jednom napisemo kod, koji vadi podatke sa servera, jednostavnije je nadopunit tu datoteku sa servera nego nadodavanje
informacija u aplikaciju.
Primjer: BugDroid aplikacija - vijesti, novosti etc...sve je to spremljeno u jednu datoteku koja je na serveru, a aplikacija samo cita te podatke i korisnik
izmjenje tj nadopunjuje informacije u tu datoteku.

Nego, krenimo:

1. XML File

Ovdje je nasa XML fajl i spremljen je na adresi: http://gm-playground.com/aplikacije.com/first.xml

2.Kreiranje novog projekta

U flash builderu odaberemo, file - new - flex mobile project

Otvara nam se prozor gdje upisujemo naziv projekta(vazno: naziv projekta nije naziv aplikacije, to se kasnije nadodaje)

Klikom na Next, cemo imati vise opcija za podesavanje kao sto su: koje platforme zelimo ciljati, da li radimo s templeovima, koja dopustenja nasa aplikacija treba imati..etc
Kada sve podesimo, klikom na finish, kreirali smo projekt.

3.Spajanje na server u svrhu uzimanje XML fajla

U zaglavlju Flash Buildera, imamo opciju "Connect to Data/Service".
Klikom na to, otvara nam se prozor sa ponuđenim tipovima podataka.
Odaberemo XML i kliknemo next

Pod "XML Source" odaberemo URL i upisemo stranicu na kojoj nam se nalazi xml datoteka i kliknemo "invoke"

Pod "Select node" odaberemo "Redovi", jer u XML datoteci "Redovi"  nam je grupa gdje se nalaze podaci.

4. Return Type

Nakon sto smo dohvatili tu datoteku, trebamo definirati sto ce ispisati ta datoteka.

U zaglavlju Flash Buildera, desnim klikom na getData() odaberemo "Configure Return Type"

U prozoru odaberemo drugu opciju i napisemo ponovo gdje nam se nalazi xml fajl te kliknemo "Next"

Pod "Select Root" odaberemo "Redovi" jer zelimo tu grupu fajla sa "Test" teksutalnim podacima.
Flash Builder je automatski prepoznao kao tekstualnu datoteku te je odmah dodjelio "String"

Klikom na finish smo definirali sto ce se ispisivati.

5.Service Call

Vrlo jednostavno, desnim klikom na  getData() odaberemo "Generate Service Call"
Sluzi da pozove funkciju koja ce to generirati.

6.Stvaranje liste

Klikom na "Design Mode", prebacuje nam se u vizaulno okruzenje.
Pod "Components" odaberemo "List" te drag&drop nacinom prebacimo na ekran nase aplikacije.
Isto tako drag & drop nacinom prebacimo getData() na tu listu i prikazat ce nam se prozor.
U tom prozoru, on ce "zakeljiti" tu funkciju na nasu listu.
Pod "Label Field" cemo odabrati koju grupu teksta zelimo prikazivati i mi cemo odabrati "test"
Klikom na "ok" smo zavrsili.

7.Pokretanje aplikacije

Klikom na "zeleni play gumb" pokrecemo aplikaciju, ali prije ce nas pitati da definiramo kako cemo pokrenut aplikaciju.
Da li preko emulatora na desktopu ili direktno na mobitelu.
Ja sam ovdje odabrao preko dekstopa u emulatoru te sam odabrao da "emulira" htc desire.
Klikom na run pokrece nasu aplikaciju
U emulatoru cemo vidjeti da nasa aplikacija radi i prikazuje XML.

Dodatak:

XML file se nalazi i dalje na serveru-> http://gm-playground.com/aplikacije.com/first.xml
tako da mozete slobodno koristit taj link za vjezbu ili sl.

Unaprijed se ispricavam na gramatickim pogreskama i ovakom osnovnoskolskom pisanju teksta.(izrazavnje mi nije bas najbolje)

U planu mi je jos pisanje tutoriala za rad s XML fajlovim i podgrupama te mjenjanje prozora.(klikom na test1 da se otvori novi prozor s novim informacijama)

Za sve nejasnoce, pitanja, pohvale i primjedbe, stojim na raspolaganju :)