Drugi dan dvodnevne radionice - izrada aplikacije "Magic 8 Ball". Kod se može naći na: https://github.com/jelenakrmar/android-radionica

1. Razvoj Android aplikacija
Radionica 2 - “Hands on”
Jelena Krmar,
Byteout Software

2. Pitanja u vezi
prethodne radionice?
Kako je prošao domaći?
? ? ?

3. Povezivanje sa telefonom (USB debugging)
● Prvo, potrebno je prikazati Opcije za programere, koje su obično skrivene
○ Razlikuje se malo od uređaja do uređaja
○ U podešavanjima, O telefonu, treba pronaći Build number (može se desiti
da je prevedeno na različite načine) i tapnuti to određen broj puta
○ Najbolje je pronaći uputstva na Internetu za konkretan model telefona
○ https://www.digitaltrends.com/mobile/how-to-get-developer-options-on-an
droid/
● Zatim, u Opcijama za programere, treba uključiti opciju USB debugging, ili
kako je često prevode Pronalaženje grešaka putem USB-a

4. Današnji zadatak
Magic 8-ball

5. Magična kugla… tj kvadrat...
1. Objašnjenje: font 18sp, udaljeno od svih ivica 32dp
2. Odgovor: dimenzije 180 x 180 dp, centriran,
font 24sp, bold
3. Dugme “prikaži odgovor”: visina 40 dp
a. Odgovori se nasumicno smenjuju na klik:
"Ne", "Nikad", "Definitivno", "Da", "Verovatno",
"Možda", "Nemam pojma"
b. Odabrati proizvoljnu boju dugmeta,
ali da bude jasno vidljiv tekst
c. Udaljenost od kvadrata 24dp
4. Treba da radi dobro na svim rezolucijama, i nije
moguće rotirati ekran

6. Bacimo se na posao!

7. Položaj komponenti na ekranu - Layouts
Mreža = GridView Tabela = ListView ConstraintLayout

8. Šta smo sve uradili
Da sumiramo...

9. ✓ Napravili novi projekat
✓ Dodali praznu aktivnost
✓ Dodali smo potrebne komponente na ekran: ConstraintLayout, TextView i Button
○ Sredili smo njihove međusobne položaje
○ Videli neke načine pozicioniranja elemenata koji mogu da se koriste u
aplikaciji
○ Naučili kako radi ConstraintLayout
https://developer.android.com/training/constraint-layout/index.html
✓ Uklonili ActionBar (styles.xml)
○ <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
✓ Primenili trik da promenimo boju Status bara (colors.xml)
○ <color name="colorPrimaryDark">#000000</color>
Initial setup, vizuelni prikaz i stilovi...

10. ✓ Namestili da se sadržaj ekrana ne rotira (AndroidManifest.xml)
○ Unutar taga <activity> ubacili android:screenOrientation="portrait"
✓ Promenili ikonicu aplikacije
○ Generisali različite veličine koristeći Android Asset Studio:
https://romannurik.github.io/AndroidAssetStudio/index.html
○ I ubacili u folder res / mipmap
✓ Promenili tekst koji se pojavljuje ispod ikonice (strings.xml)
○ <string name="app_name">Odabrani tekst</string>
✓ Videli čemu služi strings.xml
○ (da bi se kod bolje organizovao ;) )
Razna podešavanja aplikacije

11. Povezivanje sa kodom
✓ Upoznali se malko sa sintaksom - i XML-om i Javom
✓ Videli šta je R i čemu služi
○ Nešto kao “globalni objekat” koji čuva informacije o resursima
(stvarima definisanim u XML-u)
○ R.layout.naziv_layouta pronalazi XML fajl unutar Java koda
○ R.id.naziv_komponente pronalazi komponentu koju smo “dovukli” na ekran po
ID-u koji smo joj dali
✓ Naučili kako se menjaju atributi komponenata kroz kod (npr. setText)
✓ Videli smo kako možemo podesiti dugme (Button) da reaguje na klik

12. Pitanja?
? ? ?

13. Zaključci
● Ne morate razumeti baš svaku liniju koda da biste nešto uspeli da napravite ;)
● Isprobavajte različite tehnologije
○ Mislite da native Android development nije za vas?
○ Probajte sa hibridnim pristupom, nikad se ne zna, možda vam se svidi
○ Stalno izlazi nešto novo, sve bolje i zanimljivije
● Nemojte odustajati zbog trenutnih poteškoća sa hardverom
○ Uvek se može pozajmiti, testirati kod nekog drugog
○ Ni samo gledanje video tutorijala bez kodiranja nije toliko loše :)
○ Makar da vam pokaže šta sve postoji
● Povežite se, radite zajedno na idejama koje vas inpirišu

14. ● Da bismo nastavili da učimo, važno je da smislimo zadatak koji nas motiviše
● Ideja za unapređenja trenutne aplikacije
○ Kako da bude okrugla kugla? Ima više načina, svaki ima neku začkoljicu…
● Ja sam napravila aplikaciju, “Gde sledeće optutovati?” Sa spiskom destinacija
na koje mi se ide
○ Ideja za to: staviti da pozadina bude neka vesela turistička slika
○ Da bi se to uradilo moraju se napraviti slike i proučiti rezolucije.
● Još neke varijacije na temu:
○ Gde izaći veceras? Šta obući danas? Šta kupiti za rođendan? ….
● Vaše ideje?
Domaći

15. Kontakt i resursi
● Kontakt, za bilo kakva pitanja: jelenakrmar@gmail.com
● Prezentacije: https://www.slideshare.net/JelenaKrmar/presentations
● Iskomentarisan kod: https://github.com/jelenakrmar/android-radionica
● Moguća rešenja za probleme pri instalaciji:
https://tinyurl.com/as-instalacija-problemi
● Kako napraviti APK - instalaciju koju možete da šaljete ljudima:
https://developer.android.com/studio/build/building-cmdline.html#DebugMode
● Besplatan video kurs Androida:
https://www.udemy.com/become-an-android-developer-from-scratch
● Dokumentacija: https://developer.android.com/index.html

16. To je to!
Hvala na pažnji!