Mobile Programming
Normalisa, M.K M.Kom om
MATERI UTS •
•
•
•
•
•
•
Pengenalan Widget Alert & Toast Activity Listie! Tabie! Tabie! "etImage
UAS •
•
•
•
•
•
•
Ma# & "P$ Noti%asi Pre'erence Net!or $M$ & Tele#on $(Lite )#load A#liasi
MATERI UTS •
•
•
•
•
•
•
Pengenalan Widget Alert & Toast Activity Listie! Tabie! Tabie! "etImage
UAS •
•
•
•
•
•
•
Ma# & "P$ Noti%asi Pre'erence Net!or $M$ & Tele#on $(Lite )#load A#liasi
PEN"ENALAN
Memb*at Pro+ect ar* Langkah: •
•
Kli Toolbars Ne! yang berada diba!a Tab ile Pili- /t-er
Tampilan:
Langkah: •
•
•
Pili- Android, Lal* #iliAndroid A##lication Pro+ect Kli Ne0t
Tampilan:
Langkah: Ketian Nama A#liasi 1 Widget2de 3 Pili- *ild $4K Pili- +*ga Minim*m Re5*ired $4K Lal* li Ne0t
•
•
•
•
Tampilan:
Pilih Next
Pilih Next Lagi
Klik Finish
Tampilan Design
Memb*at A4 1Em*lator3 Pilih New Pilih Toolbar New AVD (Dibawah Tab Naigate!
Ketikkan Nama ("m#lator! Pilih Target men$a%i &'& sikan Si)e (misal: *+&! Klik ,reate AVD
Pilih Nama AVD -ang kita b#at Lal# klik Start.
Klik La#n/h
Proses
0asil %ari "m#lator
Pilih Pro$e/t -ang ta%i %ib#at Pilih 1#n As Pilih An%roi% Appli/ation
0asil setelah %i 1UN
WI4"ET
Pilih An%roi% Appli/ation Langkah: •
*at Pro+ect ar*
2eri nama pro$e/tn-a 3i%get
Langkah: Ne0t Ne0t Ne0t inis•
•
•
•
Langkah:
Tampilan: Kli Te0t 67ello !orld89 7a#*s
•
•
Langkah: Pili- PlainTe0t 1abc3 *tton •
•
Tampilan:
Men*lis $o*rce :ode Langkah: •
•
•
•
Kli anan #ada Pro+ect Pili- $R: Pilicom.*n#am.!idget 4o*ble :lic MainActivity.+ava
Tampilan
R)N Langkah: •
•
•
Kli anan Pro+ect Pili- R*n As Pili- Android A##lication
Tampilan:
7A$IL Tampilan:
Ketia di li tombol b*tton maa aan
ALERT & T/A$T Memberita-*an adanya #emberita-*an dan adanya #roses ber+alan
Langkah: •
•
•
*at #ro+ect ar* erinama ; Noti%asi Ne0t -ingga inis-
Tampilan:
Langkah: Kli anan 67ello World9, -a#*s *at desaian se#erti disam#ing •
•
Tampilan:
Keterangan; •
•
•
•
•
Noti%asi, +*d*l noti%asi dan isi noti%asi b*at dengan Te0tie! Isiannya dib*at dengan Te0tields; abc Edit I4 masing
•
•
•
•
R*n=b*at em*lator Kli /#en t-e A4 toolbar Kli start 1+ia s*daada3 >ia bel*m; < li ne! < etian nama, target & isi si?e < #ili- A4, start, la*nc-
•
T*lisan $o*rce :ode
•
$im#an lal* R)N
•
•
•
•
Isian isian noti%asi Kli tombol Tam#ilan Kli @a 1#ada #ertanyaan3 Maa aan meng-asilan
A:TIIT@ Menam#ilan 'orm dalam B #ro+ect
Langkah: •
•
*at Pro+ect ar* eri nama; Activity
Langkah: •
Ne0t, -ingga;
#sername Pili- Te0tie! lal* edit Te0t dan edit I4 •
passwor% Pili- Te0tie! *nt* Pass!ord dan password *nt* isian •
•
•
•
Pili- c-eco0 editTe0t dengan sim#an editI4 dengan sim#an:-eco0
Tampilan: /K
•
Langkah: •
•
•
•
•
•
Tamba-an *tton dari 'rom !idget Kli anan *tton, edit Te0t, ganti dengan Login Kli anan lagi, #ili- edit I4, ganti dengan login*tton Tamba-an *tton dari 'rom !idget Kli anan *tton, edit Te0t, ganti dengan :ancel Kli anan lagi, #ili- edit I4, ganti dengan cancel*tton
Tampilan:
Memb*at activity bar* *nt* desain e Langkah: •
•
Kli anan #ro+ect Activity Ne!, /t-erC.
Tampilan
Langkah: Pili- Android Activity Ne0t •
•
Tampilan:
Langkah: Isian Activity inis•
•
Tampilan:
Langkah: *at Te0tie! #ertama lal* editTe0t dengan $elamat 4atang *at Te0tie! ed*a lal* editI4 dengan *sernameEditie! *at *tton, editTe0t dengan Log*t dan editI4 dengan logo*t*tton •
•
•
Tampilan:
LI$TIEW Memb*at men* berdasaran list
Langkah: •
•
•
•
•
*at #ro+ect bar* eri nama Listvie! 4esain dengan listvie! Pili- Listie! dari :om#osite Lal* sim#an
Tampilan:
Langkah: *at activity bar* dengan tam#ilan $im#an erian so*rce code R)N •
•
•
•
Tampilan:
TAIEW Tam#ilan men* dengan TA
Langkah: •
•
•
•
*at #ro+ect; Tabie! *at D orm orm Pertama; )nt* Activity *at Tabie! dengan memili- :om#osite
Tampilan:
Langkah: Tab Pertama •
Tampilan:
Langkah: Tab Ked*a •
Tampilan:
"ET IMA"E Menam#ilan "ambar
Langkah: •
•
*at Pro+ect; image ry
Tampilan:
Langkah: Pili- imageie! *at tombol; Ambil "ambar & Tam#ilan "aleri •
•
Tampilan:
Langkah: PiliAndroidMani'est.0ml •
Langkah: Kli Tab Permissions •
Tampilan:
Langkah: Kli Add Pili- )ses Permission /K •
•
•
Tampilan:
Langkah: Piliandroid.#ermission. :AMERA •
Tampilan:
Langkah: •
•
•
Isian so*rce codenya Lal* save $etela- di R*n, maa -asilnyaC
Tampilan:
MAP$ Menam#ilan Peta
Langkah: •
•
*a :ommand Prom#t Lal* etian; .android
Tampilan:
Langkah: lo, M4; AC •
Tampilan:
Langkah: *a bro!ser Pastean M4 dari commad #rom#t tadi •
•
Tampilan: I*tala- #roses selan+*tnya •
Langkah: *at Pro+ect ar* eri nama Ma# *at tam#ilan se#erti disam#ing •
•
•
Tampilan:
Langkah: Kli anan Pro+ect Pili- ne!, ot-er •
•
Tampilan:
Langkah: Pili- Activity •
Tampilan:
Langkah: Isian nama inis•
•
Tampilan:
Langkah: Kli anan #ro+ect Pili- #ro#erties Pili- android :-eclist "oogle APIs /K •
•
•
•
•
Tampilan:
Langkah: R*ba- Mani'est •
Tampilan:
Langkah: R*ba- so*rce code $ave R*n •
•
•
"P$
Langkah: •
•
*at #ro+ect bar*; "P$ *atla- tam#ilan se#erti
Tampilan:
Langkah: Isian so*rce codenya R*ba- Mani'est $ave R*n •
•
•
•
PREEREN:E Mer*ba- tam#ilan dengan $etting
Langkah: •
•
Pro+ect bar*; Pre'erenceMen* 4engan design se#erti
Tampilan:
Langkah: *at Activity bar*, dengan nama activityFsetting 4engan design •
•
Tampilan:
Do#ble klik string'xml
•
Isian so*rce code ini
Do#ble klik a/tiit-4main'xml
sikan:
Do#ble klik a/tiit-4setting'xml
Ketikkan:
Langkah: Lenga#i so*rce codenya $ave R*n •
•
•
Tampilan:
NETW/RK Menyim#an data #ada net!or
Langkah: •
•
Pro+ect bar*, Net!orA##lication 4engan design
Tampilan:
Langkah: Kli anan #ro+ect, ne!, ot-er Pili- Android GML ile Ne0t •
•
•
Tampilan
Langkah: Isian ile; c*stomFlistFD inis•
•
Tampilan:
Langkah: *at design se#erti •
Tampilan:
Langkah: *at GML ile se#erti langa- di atas dengan nama c*stomFlistFH 4engan design •
•
Tampilan:
Langkah: 4o!nload %le sim#le & gson •
Langkah: Ketian se#erti ini •
Langkah: Kli Ne!, *ild Pat-, :on%g*re *ild Pat•
Langkah: Pili- Libraries, Add E0ternal >ARs •
Langkah: Pili- /rder and E0#ort :-eclist my+son & sim#le 0ml /K •
•
•
Langkah: •
•
•
*at class bar* 4engan li anan #ro+ect Pili- class
Tampilan:
Langkah: Isian nama Pacage 4an Nama class inis*at class lagi •
•
•
•
Langkah: Isian so*rce code $es*aian mani'est $ave R*n •
•
•
•
Tampilan:
$M$ Memb*at a#liasi $M$
Langkah: •
•
*at #ro+ect bar*, $M$ 4engan design
Tampilan:
Langkah: *at class bar*, dengan li anan #ro+ect, #ili- class eri nama $msReceiver inis•
•
•
Tampilan:
Langkah: Isian so*rce code $es*aian mani'est $ave R*n •
•
•
•
Tampilan:
$(L Lite A#liasi 4atabase Android
Langkah: •
•
*at #ro+ect bar*, $(LLite 4engan design
Tampilan:
Langkah: *at activity bar*, dengan nama Add$5lLiteActivity 4engan design •
•
Tampilan:
Langkah: *at class bar* dengan cara; li anan #ro+ect, ne!, class eri nama 4ata7el#er Isian so*rce codenya •
•
•
Tampilan:
Langkah: Lenga#i so*rce code $ave R*n •
•
•
Tampilan:
T)"A$ •
•
)AT MINIMAL J PR/>E:T Email e normaF-alimymail.com
