mtiplab03 - 2017 - 2018 - pdf - r2.pdfkreiranje android aplikacije započinje se pozivom create new...

10
dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2- Podložno izmeni - Nerecenzirani materijal 1 MOBILNE TEHNOLOGIJE I PROGRAMIRANJE MTIPLAB03 Vežba 3 – Android Studio, Android Emulator, Prva Android Aplikacija UVOD U okviru ove vežbe preuzeće se i konfigurisati razvojno okruženje Android Studio, zatim će biti konfigurisan Android Emulator na kojem će se izvršavati Android aplikacija, i biće formirana prva Android aplikacija, koja će u narednim vežbama biti dorađivana. ANDROID STUDIO Razvojno okruženje Android Studio (aktuelna verzija u trenutku pisana ove vežbe je 3.0.1) može se preuzeti sa sledeće adrese https://developer.android.com/studio/index.html Instalacija je poprilično jednostavna i svodi se na praćenje koraka koje nudi čarobnjak (Install Wizard). Nakon instalacije spomenutog okruženja potrebno je proveriti da li su elementi koje spomenuto razvojno okruženje zahteva ažurni, a navedeno inicijalizuje spomenuto razvojno okruženje prilikom pokretanja istog zahvaljujući automatskom updater-u. Slika broj 1. Android Studio Logo Nakon instalacije spomenutog razvojnog okruženja potrebno je preuzeti odgovarajuće Android SDK (Software Development Kit)-ove i formirati AVD (Android Virtual Device) Emulator kako bi se Android aplikacija formirala i posle izvršavala na odgovarajućem emulatoru. Da bi se pristupilo spomenutim opcijama potrebno je iz Tools padajućeg menija izabrati stavku Android.

Upload: others

Post on 07-Aug-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: MTIPLab03 - 2017 - 2018 - PDF - R2.pdfKreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan na slici broj 9. Potrebno je uneti naziv aplikacije

dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2-

Podložno izmeni - Nerecenzirani materijal

1

MOBILNE TEHNOLOGIJE I PROGRAMIRANJE –

MTIPLAB03

Vežba 3 – Android Studio, Android Emulator, Prva Android Aplikacija

UVOD

U okviru ove vežbe preuzeće se i konfigurisati razvojno okruženje Android Studio, zatim će biti

konfigurisan Android Emulator na kojem će se izvršavati Android aplikacija, i biće formirana prva

Android aplikacija, koja će u narednim vežbama biti dorađivana.

ANDROID STUDIO

Razvojno okruženje Android Studio (aktuelna verzija u trenutku pisana ove vežbe je 3.0.1) može

se preuzeti sa sledeće adrese https://developer.android.com/studio/index.html Instalacija je

poprilično jednostavna i svodi se na praćenje koraka koje nudi čarobnjak (Install Wizard). Nakon

instalacije spomenutog okruženja potrebno je proveriti da li su elementi koje spomenuto

razvojno okruženje zahteva ažurni, a navedeno inicijalizuje spomenuto razvojno okruženje

prilikom pokretanja istog zahvaljujući automatskom updater-u.

Slika broj 1. Android Studio Logo

Nakon instalacije spomenutog razvojnog okruženja potrebno je preuzeti odgovarajuće Android

SDK (Software Development Kit)-ove i formirati AVD (Android Virtual Device) Emulator kako bi

se Android aplikacija formirala i posle izvršavala na odgovarajućem emulatoru. Da bi se

pristupilo spomenutim opcijama potrebno je iz Tools padajućeg menija izabrati stavku Android.

Page 2: MTIPLab03 - 2017 - 2018 - PDF - R2.pdfKreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan na slici broj 9. Potrebno je uneti naziv aplikacije

dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2-

Podložno izmeni - Nerecenzirani materijal

2

Stavka Android nudi razne opcije i iste su prikazane na slici broj 1. Najbitnije stavke navedenog

menija su Android Device Monitor, AVD Manager i SDK Manager.

Slika broj 1. Android meni Tools sekcije Android Studio razvojnog okruženja

Slika broj 2. Android SDK Manager dijalog

Izborom stavke Android SDK prikazuje se lista dostupnih i instaliranih Android SDK-ova sa

njihovim imenima i oznakama nivoa API (Application Programing Interface)-a. U sklopu ove

vežbe bitno je instalirati Android 6.0 (Marshmallow) API Level 23 i Android 4.0 (Ice Cream

Sandwitch). Pogledati sliku broj 2. Aplikacija koja će se formirati će koristiti Android 4.0 i

izvršavaće se na emulatoru (System Image sa x86 platforme) koji poseduje Android 6.0.

Page 3: MTIPLab03 - 2017 - 2018 - PDF - R2.pdfKreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan na slici broj 9. Potrebno je uneti naziv aplikacije

dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2-

Podložno izmeni - Nerecenzirani materijal

3

Slika broj 3. Android Virtual Device Manager

Slika broj 4. Virtual Device Condifuration (Select Hardware)

Page 4: MTIPLab03 - 2017 - 2018 - PDF - R2.pdfKreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan na slici broj 9. Potrebno je uneti naziv aplikacije

dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2-

Podložno izmeni - Nerecenzirani materijal

4

Slika broj 5. Virtual Device Configuration (System Image)

Slika broj 6. Virtual Device Configuration (Verify Configuration)

Na slici broj 3 prikazan je dijalog Android Virtual Device Manager. Klikom na taster Create

Virtual Device... prikazuje se dijalog Virtual Device Configuration koji je prikazan na slici broj

4. Na slici broj 4 bira se vrsta uređaja koja će se emulirati. U ovom slučaju to je telefon (Phone)

koji odgovara hardverskoj specifikaciji modela Nexus 5. Zatim se klikom na taster Next prelazi na

Page 5: MTIPLab03 - 2017 - 2018 - PDF - R2.pdfKreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan na slici broj 9. Potrebno je uneti naziv aplikacije

dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2-

Podložno izmeni - Nerecenzirani materijal

5

dijalog koji je prikazan na slici broj 5 gde se za System Image sa taba x86 Images bira

Marshmallow (Android 6.0). Klikom na taster Next prelazi se na dijalog Verify Configuration

koji je prikazan na slici broj 6. Putem navedenog dijaloga imenuje se formirani AVD emulator.

Dakle, u kontekstu ove vežbe, u polje AVD Name unosi se MTIP Android 6.0 a zatim se aktivira

taster Finish. Klikom na taster Finish prikazuje se dijalog Android Virtual Devices Manager

koji sada u listi virtualnih uređaja poseduje konfigurisani emulator. Navedeno je prikazano na

slici broj 7. Klikom na Run taster (zelena strelica usmerena na desno) spomenuti emulator se

pokreće i emulira spomenuti telefon sa Android 6.0 operativnim sistemom. Navedeni emulator

će se koristiti za izvršavanje Android aplikacije MTIP Studenti koja će biti formirana. Spomenuti

emulator prikazan je na slici broj 8 i da se videti da izgleda kao telefon sa Android operativnim

sistemom. Interakcija sa navedenim emulatorom je poprilično jednostavna i kursor miša se

koristi kao prst za interakciju sa touch screen-om.

Slika broj 7. Kreiran AVD

Page 6: MTIPLab03 - 2017 - 2018 - PDF - R2.pdfKreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan na slici broj 9. Potrebno je uneti naziv aplikacije

dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2-

Podložno izmeni - Nerecenzirani materijal

6

Slika broj 8. Pokrenut AVD MTIP Android 6.0

KREIRANJE ANDROID APLIKACIJE

Kreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan

na slici broj 9. Potrebno je uneti naziv aplikacije (u ovom slučaju MTIPStudenti), domen

kompanije koji se koristi za formiranje naziva paketa aplikacije (u ovom slučaju tfzr.rs) i zatim

kliknuti na taster Next. Klikom na taster Next prelazi se na dijalog Target Android Devices koji

je prikazan na slici broj 10. Uloga ovog dijaloga jeste da se odabere SDK u kojem će se pisati

Android aplikacija. U ovom slučaju, biće izabrana Android 4.0 SDK (Ice Cream Sandwitch). Klikom

na taster Next prelazi se na dijalog Add an Activity to Mobile putem koje se definiše tip glavne

aktivnosti (forme) Android aplikacije. Spomenuti dijalog je prikazan na slici broj 11 i izabran je

Navigation Drawer Activity. Izgled navedene aktivnosti koristi se u velikom broju aplikacija

zbog svoje preglednosti, intuitivnog dizajna i pristupa stavkama menija koje aplikacija treba da

ponudi korisniku. Klikom na taster Next prelazi se na dijalog Configure Activity koji je prikazan

na slici broj 12 i putem navedenog dijaloga se definiše naziv aktivnosti tj. Java klase u kojoj će se

nalaziti programska logika kompletne aktivnosti kao i naziv rasporeda komponenti (Layout

Name) tj. grafičkog interfejsa koji će se koristiti prilikom formiranja interfejsa navedene

aktivnosti.

Klikom na taster Finish, razvojno okruženje Android Studio na osnovu odabranih podešavanja

formira kompletan Android projekat pod nazivom MTIPStudenti u odgovarajućem direktorijumu,

Page 7: MTIPLab03 - 2017 - 2018 - PDF - R2.pdfKreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan na slici broj 9. Potrebno je uneti naziv aplikacije

dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2-

Podložno izmeni - Nerecenzirani materijal

7

generiše odgovarajuće resurse koje su definisane odabranim šablonom izabrane glavne

aktivnosti, i sve to konfiguriše sledeći definicije Gradle projekta.

Slika broj 9. Kreiranje Android projekta (Create Android Project)

Slika broj 10. Izbor SDK aplikacije (Target Android Devices)

Page 8: MTIPLab03 - 2017 - 2018 - PDF - R2.pdfKreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan na slici broj 9. Potrebno je uneti naziv aplikacije

dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2-

Podložno izmeni - Nerecenzirani materijal

8

Slika broj 11. Izbor vrste prve (glavne) aktivnosti Android aplikacije

Slika broj 12. Konfigurisanje glavne aktivnosti Android aplikacije

Page 9: MTIPLab03 - 2017 - 2018 - PDF - R2.pdfKreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan na slici broj 9. Potrebno je uneti naziv aplikacije

dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2-

Podložno izmeni - Nerecenzirani materijal

9

Slika broj 12. Izgled Android studio razvojnog okruženja i odabranog šablona za MTIP Studenti

android aplikaciju

Na slici broj 12 je prikazan izgled Android Studio razvojnog okruženja nakon formiranja i

učitavanja formiranog projekta. Sa desne strane prikazana je uređena struktura android projekta

gde se vidi da se aplikacija (app) sastoji iz sledećih celina: manifests (manifest tj. definicija

Android aplikacije), java (Java kod Android aplikacije), res (resursi Android aplikacije koji se dele

na: drawable – elementi koji trebaju da se izcrtaju, najčešće slike, layout - xml fajlovi putem kojih

se definiše izgled Android aktivnosti i drugih vizuelnih elemenata Android aplikacije, menu –

xml fajlovi putem kojih je moguće definisati menije Android aplikacije, mipmap – za resurse

(ikonice) koje se prikazuju samo na homescreen-u Android uređaja, values – xml fajlovi putem

kojih se definišu razvne vrednosti koje se mogu koristiti unutar Android aplikacije kao što su

nazivi labela, definicije boja, stilova i dr. Pri dnu projekta nalazi se celina koja nosi naziv Gradle

Scripts u kojem se nalaze podešavanja Gradle projekta. Sa leve strane prikazan je izgled glavne

aktivnosti MTIP Studenti Android aplikacije. Komponente se mogu dodavati jednostavnim

prevlačenjem istih iz Palette prozora na aktivnost u Design modu, a moguće je i definisati izgled

aktivnosti ili nekog fragmenta kroz Text mod aktivnosti gde se prilikom takvog definisanja

direktno menja xml fajl i kucaju se definicije određenih komponenti.

Klikom na taster Run (zelena strelica usmerena na desno) pokreće se dijalog Select Deployment

Target putem kojeg se bira Android uređaj na kojem će se pokrenuti aplikacija koja se trenutno

razvija. Pogledati sliku broj 13. Ukoliko programer koji razvija Android aplikaciju poseduje fizički

uređaj, isti ga može povezati putem USB porta i testirati aplikaciju koju razvija direktno na

fizičkom uređaju. U suprotnom, tu su emulatori koji se u suštini pokreću kao virtuelne mašine i

oponašaju fizički uređaj kako bi se pokrenula i izvršavala Android aplikacija koja se razvija. Na

slici broj 14 prikazana je do sada formirana Android aplikacija MTIP Studenti koja će se dalje

korigovati i razvijati u narednim vežbama.

Page 10: MTIPLab03 - 2017 - 2018 - PDF - R2.pdfKreiranje Android aplikacije započinje se pozivom Create New Project dijaloga koji je prikazan na slici broj 9. Potrebno je uneti naziv aplikacije

dr Predrag Pecev – Mobilne tehnologije i programiranje – Vežbe 2017 – 2018 – R2-

Podložno izmeni - Nerecenzirani materijal

10

Slika broj 13. Izbor AVD uređaja na kojem će se pokretati MTIP Studenti android aplikacija

Slika broj 14. Aplikacija MTIP Studenti koja se izvršava na AVD uređaju MTIP Android 6.0