Tugas Praktikum 1-6

DIBUAT OLEH : Nama Nim #$%as : : : Wahyu Nurfian 1 !1 !""6 &I 1 A

&E#OLAH TIN''I (ANA)E(EN IN*O+(ATI#A DAN #O(PUTE+ &T(I# A(I#O( PU+WO#E+TO )L! LET! )END! POL &U(A+TO WATU(A& PU+WO#E+TO "1,

Praktikum 1

1!-ara ($m.uat Pr/0$1t An2r/i2 ($nggunakan E1%i3s$ 2an ($ngganti Warna Ba1kgr/un2 Pa2a Emu%at/r
A. Jalankan eclipse, lalu menuju ke File lalu New kemudian pilih Project.

1.

Pilih Android Project, lalu tekan Next .

2.

Isikan nama project yan di in inkan dan di mana kita in in menyimpan project terse!ut, lalu tekan Next .

".

#emudian pilih !uild, setelah itu tekan Next

#alau koson , !erarti kita perlu menam!ahkan terle!ih dahulu. $aranya% 1. &uka menu 'indow Android ()# *ana er

2.

Pilih paket dan !uild tar et yan in in kita unakan

".

+erima lisensi yan di!erikan

,.

&ersa!arlah menun u proses download dan install paket. (etelah itu, restart enclipse dan !uild tar et yan anda pilih tadi, akan tersedia untuk di unakan.

,.

Isikan !e!erapa in-o yan di!utuhkan. )iantaranya% Application Name% Nama project yan anda in inkan Packa e Name% Akan di unakan oleh android market, se!a ai uni.ue identi-ier dari aplikasi anda

$reate Acti/ity% 0an sun !uat satu acti/ity utama 1yan akan lan sun dijalan saat aplikasi di!uka di de/ice2

*inimum ()#% tar et plat-orm palin kecil yan akan disupport aplikasi anda

(etelah semua itu diisi, selanjutnya tekan Finish

2 Ini adalah isi dari acti/ity yan di!uatkan oleh eclipse, kalau anda memilih untuk mem!uat acti/ity utama, di !a ian se!elumnya.

)an ini adalah de-inisi layout yan menyertai acti/ity di atas. Ju a otomatis di!uatkan, !ila kita memilih untuk mem!uat acti/ity utama.

" , 3

Inilah hasil tampilan aplikasi, setelah dijalankan di emulator.

4 5 6

7 18

&. $A9A *:N;;AN+I &A$#;9<=N) PA)A :*=0A+<9 1.&uat Project !aru, dan!erilah nama pada project terse!ut.

2. setelah itu tekan saja Next

3.setelah itu kita pilih warna untuk Background dan Foreground Colournya serta gambar untuk Project kita lalu tekan Next

!."emudian selanjutnya kita pilih yang Fullscreen #cti$ity jangan memilih yang Blank %ocument kemudian tekan Next

&.'etelah itu kita berinama pada kolom #cti$ity name dan (yaout Name setelah itu kita tekan Finish

).setelah itu kita tentukan ukuran yang kita inginkan setelah itu tekan *k

+.'erelah itu kita buka pada #ndroid ,irtual %e$ice -anager .#%"/.

0.'etelah itu kita tekan 'tart untuk memulai menjalankan 1mulator yang sudah ada.

2.akan tampak hasil seperti gambar di bawah ini.

34.%an inilah hasil akhir yang akan tampak pada #ndroid kita.

Praktikum

!P$m.uatan -h$1kB/4 2an Lay/ut Untuk A3%ikasi An2r/i2 2i E1%i3s$

1!-h$1kB/4
(e!elum kita melakukan acti/itas pen codin an kita harus menentukan desainnya dulu !ukan, maka dari itu ini desain check!ox sederhana nya m!a>ma? !ro

=ntuk mem!uat seperti tampilan diatas kita unakan *enu Larg$ dan -h$1k./4 )en an cara kita klik di 0ar e > $heck!ox lalu kita pindah1tarik ke lem!ar kerja yan telah disediakan2 0alu setelah kita mem!uat seperti tampilan di lem!ar kerja diatas. Jan an lupa kita atur id dan textnya seperti am!ar di!awah ini 1se!a ai contoh 2 den an cara klik kanan diworsheet1lem!ar kerja2 lali pilih edit I) 1untuk men anti>men atur I)nya2 atau klik kanan pilih edit +ext1untuk men anti textnya2

0alu kita !uka mainacti/ity.ja/a

#etikan codin nya di mainacti/ity.ja/a 1seperti am!ar di!awah ini2 a ar pro ram yan kita !uat !isa dijalankan,

Ini lanjutan screensotan codin di atas

Atau ka%/ kurang 0$%as ini 1/2ing %$ngka3nya

packa e com.example.check!oxsi12a@

import android.os.&undle@ import android.app.Acti/ity@ import android./iew.*enu@ import android./iew.Aiew@ import android.wid et.$heck&ox@ import android.wid et.+oast@

pu!lic class *ainActi/ity extends Acti/ity B pri/ate $heck&ox c!1, c!2, c!"@ C</erride protected /oid on$reate1&undle sa/edInstance(tate2 B super.on$reate1sa/edInstance(tate2@

set$ontentAiew19.layout.acti/ityDmain2@

c!1 E 1$heck&ox2 -indAiew&yId19.id.c!nas or2@ c!1.set<n$lick0istener1new Aiew.<n$lick0istener12 B

C</erride pu!lic /oid on$lick1Aiew ar 82 B >> +<)< AutoF enerated method stu! i- 1c!1.is$hecked122 B +ampilPesan1GNjenen an *ilihe (e a ;oren G2@ Helse B +ampilPesan1GNjenen an <ra sida milih (e a ;oren G2@ H H H2@

c!2 E 1$heck&ox2 -indAiew&yId19.id.c!pi??a2@ c!2.set<n$lick0istener 1new Aiew.<n$lick0istener12 B

C</erride pu!lic /oid on$lick1Aiew ar 82 B >> +<)< AutoF enerated method stu! i- 1c!2.is$hecked122 B +ampilPesan1GNjenen an *ilihe Pi??aG2@ Helse B +ampilPesan1GNjenen an <ra sida milih Pi??aG2@ H H H2@

c!" E 1$heck&ox2 -indAiew&yId19.id.c!air2@ c!".set<n$lick0istener1new Aiew.<n$lick0istener12 B

C</erride pu!lic /oid on$lick1Aiew ar 82 B >> +<)< AutoF enerated method stu! i- 1c!".is$hecked122 B +ampilPesan1GNjenen an *ilihe &anyuG2@ Helse B +ampilPesan1GNjenen an <ra sida milih &anyuG2@ H H H2@

H pu!lic /oid +ampilPesan1(trin isipesan2 B +oast.make+ext1 et&ase$ontext12, isipesan, +oast.0:N;+ID(I<9+2.show12@ H

C</erride pu!lic !oolean on$reate<ptions*enu1*enu menu2 B >> In-late the menu@ this adds items to the action !ar i- it is present. et*enuIn-later12.in-late19.menu.main, menu2@ return true@ > H

Dan s$t$%ah s$%$sai kita kasih 1/2ing yang s$3$rti 2iatas .aru kita 0a%ankan5 3i%ih 2$.ug atau 2i +UN A&! Namun kita harus sa6$ 2u%u s$mua 1/2ingnya ATAU -T+L &.

Hasil ScreenShot jalankan.

Tampilan

pada

emulator

stelah

di

tampilan program ketika sebelum dijalankan .menu utama/ 5 1.kita memilih makanan 1contoh % nasi oren 2

>

2. kita tidak jadi memilih nasi oren 1kalau kita tidak jadi memilih makanan atau minuman kita klik 2 kali di check!ok yan kita jadi pilih tadi2

>

%an sama ketika kita memilih minuman kita pilih dengan cara yang sama seperti diatas kalau jadi kita pilih 5 centang dichekboknya .klik 3 kali/ kalau g jadi kita klik 2 kali

! P$m.uatan List7i$8 A3%i1ati/n 2$ngan E1%i3s$

0istAiew adalah da-tar data yan !erisi itemFitem yan !isa di(croll. #ita akan mem!uat lis/iew ini melalui metode atau cara men extend 0istActi/ity. )an tampilan yan akan dihasilkan adalah seperti !erikut %

Baik%ah5 s$karang kita akan m$mu%ainya!

1. 0an kah Pertama &ukalah Aplikasi :clipse 2. (elanjutnya &uat Project &aru seperti !iasa ". #emudian Pada Acti/ity main yan pertama kita lakukan adalah menam!ahkan 0istAiew pada layout. Pilih $omposite pada Palette lalu )ra 0istAiew terse!ut. (eperti pada am!ar !erikut ini%

,. &erikutnya )ou!le $lick 0istAiew yan kita )ra tadi.tuliskan kodin !erikut ini dan jan an lupa untuk disa/e jika sudah selesai menuliskannya.

#eteran an% android%idEJCKid>text/iew1J !erarti kita idEtext/iew1 pada elemen text/iew.

3. (etelah itu $odin yan terakhir, menam!ahkan !e!erapa method%

). 9unin Project terse!ut dan lihat hasilnyaLLLL #eteran an % ArrayAdapter adalah class yan di unakan untuk men elola array dari itemFitem yan akan diletakkan dalam listiew. +his asalah o!jek dari acti/ity. Android.9.layout.simpleDlistDitemD1 adalah -ile layout yan mende-inisikan layout untuk setiap data yan ditampilkan,dimana simple list adalah -ile xml !awaan dari android.

Praktikum ,

,!($m.uat #a%ku%at/r &$2$rhana

Seperti biasa buka Android mainXML kalian.

Pilih next> isi form sesuai seperti ini..

Pilih finish> maka akan muncul nama folder pertama

Pilih main, main disini berfungsi dalam pengaturan tata letak atau bahasa kerennya layout.. ! sudah kan,,,""

!emudian pilih tab main.xml yang ada di paling ba#ah $secara default akan membuka yg graphical layout

Paste source code berikut ke halaman main.xml %trl&A > %trl& ' (sourcecode language)*css*+ ,"xml -ersion)1.0 encoding)utf-8"> ,LinearLayout xmlns.android)http://schemas.android.com/apk/res/android android.orientation)vertical android.layout/#idth)fill_parent android.layout/height)fill_parent android.#eightSum)1> ,0ext'ie# android.layout/#idth)wrap_content android.textSi1e)15pt android.layout/gra-ity)center android.text) !" #"!$%& android.layout/height)wrap_content> ,20ext'ie#> ,0ext'ie# android.layout/#idth)wrap_content android.textAppearance)'android:attr/te(t!ppearance"ar)e android.layout/height)wrap_content android.text)*asukkan+!n)ka+,ertama

android.text%olor)-00aa00 android.id)./id/te(t0iew1 android.layout/gra-ity)center> ,20ext'ie#> ,3dit0ext android.id)./id/edit$e(t1 android.layout/height)wrap_content android.input0ype)num1er android.layout/#idth)102dp android.layout/gra-ity)center> ,re4uest5ocus>,2re4uest5ocus> ,23dit0ext> ,0ext'ie# android.layout/#idth)wrap_content android.textAppearance)'android:attr/te(t!ppearance"ar)e android.layout/height)wrap_content android.text)*asukkan+!n)ka+kedua android.text%olor)-00aa00 android.id)./id/te(t0iew1 android.layout/gra-ity)center> ,20ext'ie#> ,3dit0ext android.id)./id/edit$e(t3 android.layout/height)wrap_content android.input0ype)num1er android.layout/#idth)105dp android.layout/gra-ity)center>,23dit0ext> ,LinearLayout android.layout/#idth)match_parent android.id)./id/linear"a4out1 android.layout/height)wrap_content android.orientation)vertical> ,LinearLayout

android.layout/#idth)match_parent android.id)./id/linear"a4out3 android.orientation)vertical android.layout/height)wrap_content> ,0able6o# android.layout/gra-ity)center android.layout/height)wrap_content android.id)./id/ta1le&ow1 android.layout/#idth)wrap_content> ,7utton android.layout/gra-ity)center android.id)./id/1utton1 android.text)+++/+++ android.layout/#idth)wrap_content android.layout/height)wrap_content> ,27utton> ,7utton android.layout/gra-ity)center android.id)./id/1utton3 android.text)+++-+++ android.layout/height)match_parent android.layout/#idth)match_parent> ,27utton> ,7utton android.layout/gra-ity)center android.id)./id/1utton5 android.text)+++/+++ android.layout/#idth)wrap_content android.layout/height)wrap_content> ,27utton> ,7utton android.layout/gra-ity)center android.id)./id/1utton6

android.text)+++7+++ android.layout/#idth)wrap_content android.layout/height)wrap_content> ,27utton> ,20able6o#> ,2LinearLayout> ,2LinearLayout> ,0ext'ie# android.layout/#idth)wrap_content android.textAppearance)'android:attr/te(t!ppearance"ar)e android.layout/height)wrap_content android.text)8asil android.id)./id/te(t0iew3 android.layout/gra-ity)center> ,20ext'ie#> ,3dit0ext android.id)./id/edit$e(t5 android.layout/height)wrap_content android.input0ype)te(t android.layout/gra-ity)center android.layout/#idth)103dp> ,23dit0ext>

,2LinearLayout> (2sourcecode+

!emudian buka PertamaActi-ity.8a-a 9i sini kamu akan menuliskan source code utama..kalau yang mai tadi hanya masalah layout sa8a.. kalau di PertamaActi-ity.8a-a ini 4m menuliskan fungsi: dari layout yang telah kita buat tadi..

!lik dua kali kemudian akan muncul halaman berikut.

!emudian tulis source code berikut . (sourcecode language)*css*+ package pertama.pkg;

import android.app.Acti-ity; import android.os.7undle; import android.-ie#.'ie#; import android.-ie#.'ie#. n%lickListener; import android.#idget.7utton; import android.#idget.3dit0ext;

public class PertamaActi-ity extends Acti-ity implements 3dit0ext t=,t:,t>; double bil=,bil:,hasil; 7utton b=,b:,b>,b?;

n%lickListener<

public void on%reate$7undle sa-ed@nstanceStateA < super.on%reate$sa-ed@nstanceStateA; set%ontent'ie#$6.layout.mainA;

t=)$3dit0extAfind'ie#7y@d$6.id.edit$e(t1A; t:)$3dit0extAfind'ie#7y@d$6.id.edit$e(t3A; t>)$3dit0extAfind'ie#7y@d$6.id.edit$e(t5A; b= ) $7uttonAfind'ie#7y@d$6.id.1utton1A; b: ) $7uttonAfind'ie#7y@d$6.id.1utton3A; b> ) $7uttonAfind'ie#7y@d$6.id.1utton5A; b? ) $7uttonAfind'ie#7y@d$6.id.1utton6A;

b=.set n%lickListener$thisA; b:.set n%lickListener$thisA; b>.set n%lickListener$thisA; b?.set n%lickListener$thisA; B

public void on%lick$'ie# -A < switch $-.get@d$AA < case 6.id.1utton1. bil=)9ouble.parse9ou1le$t=.get0ext$A.toString$AA; bil:)9ouble.parse9ou1le$t:.get0ext$A.toString$AA; t>.set0ext$9ouble.to:trin)$bil=&bil:AA; break; case 6.id.1utton3. bil=)9ouble.parse9ou1le$t=.get0ext$A.toString$AA; bil:)9ouble.parse9ou1le$t:.get0ext$A.toString$AA; t>.set0ext$9ouble.to:trin)$bil=Cbil:AA; break; case 6.id.1utton5. bil=)9ouble.parse9ou1le$t=.get0ext$A.toString$AA;

bil:)9ouble.parse9ou1le$t:.get0ext$A.toString$AA; t>.set0ext$9ouble.to:trin)$bil=2bil:AA; break; case 6.id.1utton6. bil=)9ouble.parse9ou1le$t=.get0ext$A.toString$AA; bil:)9ouble.parse9ou1le$t:.get0ext$A.toString$AA; t>.set0ext$9ouble.to:trin)$bil=Dbil:AA; break;

B B B (2sourcecode+

0unggu sampai emulator android terbukaE.

Praktikum 9

9!P$m.uatan +a2i/ Butt/n 3a2a E1%i3s$

+a2i/ .utt/n dapat di unakan untuk mem!uat suatu pilihan. Praktikum sekaran akan memper unakan user inter-ace !erupa radio !utton. +ampilan output yan akan di!uat pada praktikum " ini tampak pada am!ar ".1 !erikut.

;am!ar ".1 Pen

unaan 9adio &utton

;am!ar ".1 menunjukkan radio !utton yan mem!erikan !e!erapa pilihan meliputi hori?ontal, /ertikal, kanan, kiri, ten ah. Praktikum " ini meliputi lan kahFlan kah se!a ai !erikut % 1.&uatlah project android !aru dan !eri nama 9adio&utton#u 2.+ahap !erikutnya mendesain tampilan antar muka pen una > user inter-ace. (ilahkan ketikkan perintah !erikut ini pada !a ian layout F Macti/ityDmain.xml

".Fun si tiap radio !utton di!uat pada !a ian src FM mainacti/ity.ja/a

. &uatkan source code seperti tampak pada am!ar ".2 !erikut ini%

;am!ar ".2 Pem!erian Fun si pada 9adio&utton

(ilahkan diperhatikan untuk penulisan source code yan disediakan. ,.*enjalankan aplikasi radio !utton yan di!uat pada emulator 3.+u as +am!ahkan perintah untuk men -un sikan tom!ol pen atur settin rata ten ah, kanan, kiri.

Hasi% &1r$$n&h//t
Ini adalah coddin seperti yan dicontohkan diatas. Ini untuk menam!ahkan -un si rata ten ah, kanan, dan ju a kiri.

Ini adalah coddin untuk Acti/ityDmain.xml sehin dan kiri dapat di-un sikan.

a rata ten ah, kanan,

Hasi% &1r$$n&h/t Tam3i%an 3a2a $mu%at/r st$%ah 2i 0a%ankan!

1.+ampilan Aertical 10e-t2

2. +ampilan Aertical 1$enter2

".+ampilan Aertical 19i ht2

Praktikum :

:!P$m.uatan Lay/ut (anag$r Pa2a E1%i3s$

(eperti !iasa &uat lem!ar !aru seperti di !awah ini

#emudian Isikan listin kode !erikut ini.

6Butto n android7id8"@+id/button1" android7layout9width8"100dp" android7layout9height8"75dp" android7text8"View 1" 5: 6Button

android7id8"@+id/button2" android7layout9width8"100dp" android7layout9height8"75dp" android7text8"View 2" android7layout9below8"@+id/button1 " 5: 6Button android7id8"@+id/button3" android7layout9width8"200dp" android7layout9height8"150dp" android7text8"View 3" android7layout9to;ight*<8"@+id/button1" 5: 6Button android7id8"@+id/button4" android7layout9width8"400dp" android7layout9height8"75dp" android7text8"View 4" android7layout9below8"@+id/button2 " 5: 6Button android7id8"@+id/button5" android7layout9width8"200dp" android7layout9height8"150dp" android7text8"View 5" android7layout9below8"@+id/button4 " 5: 6Button android7id8"@+id/button6" android7layout9width8"100dp" android7layout9height8"75dp" android7text8"View 6" android7layout9below8"@+id/button4" android7layout9to;ight*<8"@+id/button5" 5: 6Button android7id8"@+id/button7" android7layout9width8"100dp" android7layout9height8"75dp" android7text8"View 7" android7layout9below8"@+id/button6" android7layout9to;ight*<8"@+id/button5" 5:

(etelah itu tin al sa/e dan klik menu 'indows dan pilih Android Airtual )e/ice *ana er, klik New untuk mem!uat /irtual android lalu isi AA) Name sesuai kein ian kita, pilih )e/ice,+ar et, $P= dan pilih si?e misal 188*&,lalu klik ok

#emudian klik (tart lalu muncul 0aunch <ptions jika in in mem!uat layar tampilan sesuai kein ian sendiri !eri tanda ceklist pada (cale display to real si?e dan jika sudah klik 0aunch

"emudian 1mulator akan tampak

#emudian kita jalankan pro ram yan kita !uat den an klik kanan pada nama project yan kita !uat yan !erada di packa e explorer, pilih 9un As lalu pilih Android Aplication

&$%$sai

ViewS