• Tidak ada hasil yang ditemukan

3. KEPIK POLONG Gejala Serangan :

4.2 IMPLEMENTASI SISTEM

Aplikasi SISKARDEL DROID merupakan aplikasi mobile yang mempunyai beberapa tampilan. Pada setiap tampilan dirancang sesuai dengan kebutuhan user. Sehingga dapat memudahkan user dalam menjalankan aplikasi ini. Berikut adalah tampilan dan penjelasan kode – kode program pada apliaksi SISKARDEL DROID.

4.2.1 Menu Utama

Pada menu utama user akan melihat tampilan pilihan beberapa menu, diantaranya yaitu menu , Rambu Perintah, Rambu Larangan, Rambu Petunjuk, Tes Kemampuan, Tentang Program, Setting Program, Keluar Program. Berikut adalah tampilan dari menu utama :

Gambar 4.1 Menu Utama

Menu pada halaman utama dirancang sederhana, user tinggal mengarahkan jari ke menu tombol.di menu utama terdapat 4 button yaitu :

1. .Button Diagnosa berfungsi untuk masuk ke halaman Diagnosa 2. Button Petunjuk berfungsi untuk menampilkan halaman petunjuk

pemakaian program .

3. Button Credit untuk menampilkan data tentang kedelai. 4. Button keluar berfungsi untuk keluar dari aplikasi. Berikut potongan kode program home.java

super(" Menu Ut ama") ;/ / unt uk memanggi l const r uct or par ent .

t hi s. set Layout (new

Bor der Layout ( ) ) ;

Cont ai ner dua=new Cont ai ner (new

BoxLayout ( BoxLayout .Y_AXI S) ) ;

t hi s. addComponent ( Bor der Layout .CENTER, d ua) ;

di agnosa=new But t on(" Di agnosa") ; pet unj uk=new But t on(" Pet unj uk") ; cr edi t=new But t on(" Cr edi t ") ; kel uar=new But t on(" Kel uar ") ;

4.2.2 Menu Diagnosa

Jika user memilih menu Diagnos aplikasi SISKARDEL DROID akan menampilkan data-data untuk mendiagnosa tanaman kedelai ,tampilan data diagnosa ditampilan dengan text area dan ada 2 button dibawah yaitu button , button selanjutnya untuk menampilkan data result hasil diagnosa dan button kembali untuk kembali ke menu utama . Tampilan diagnosa jika button selanjutnya di tekan (touch) makan akan ke halaman diagnosa . Berikut tampilan halaman Diagnosa pada SISKARDEL DROID:

Gambar 4.2 Halaman Diagnosa

di agnosa. addAct i onLi st ener (t hi s) ;

pet unj uk. addAct i onLi st ener (t hi s) ; cr edi t. addAct i onLi st ener (t hi s) ; kel uar. addAct i onLi st ener (t hi s) ;

dua. addComponent (di agnosa) ; dua. addComponent (pet unj uk) ; dua. addComponent (cr edi t) ; dua. addComponent (kel uar) ;

dua. get St yl e( ) . set Mar gi n( 100, 10, 50, 50) ; dua. get St yl e( ) . set BgTr anspar ency( 0x00) ;

t r y{

I mage i =I mage. cr eat eI mage(" home. j pg") ;

t hi s. get St yl e( ) . set BgTr anspar ency( 0xFF) ;

Untuk mendiagnosa pilih beberapa pertanyaan yang sedang anda alami kemudian Touch selanjutnya ,setelah Touch selanjutnya anda akan melihat hasil dari diagnosa

Gambar 4.3 tampilan Result

Pada halama result adalah hasil dari diagnosa yang telah di pilih pada halaman diagnosa tadi ,di halam result ada 3 button yaitu 2 button rinci dan 1 button kembali , berikut kode program nya sebagai berikut :

1. Pototongan Kode program Result.java

publ i c cl ass Resul t ext ends For m i mpl ement s

Act i onLi st ener { But t on kembal i;

publ i c Resul t ( ) {

super(" Resul t ") ;/ / unt uk memanggi l const r uct or par ent .

t hi s. set Layout (new

BoxLayout ( BoxLayout .Y_AXI S) ) ;

i nt l ebar _hasi l =(i nt) ( SKMi dl et .WI DTH* 0. 5) ;

i nt

l ebar _per sen=(i nt) ( SKMi dl et .WI DTH* 0. 2) ;

i nt l ebar _r i nci =SKMi dl et .WI DTH -l ebar _hasi -l - -l ebar _per sen;

i nt t i nggi =30;

Di mensi on hsl =new Di mensi on( l ebar _hasi l , t i nggi ) ;

Di mensi on pr s=new

Di mensi on( l ebar _per sen, t i nggi ) ;

Di mensi on r c=new Di mensi on( l ebar _r i nci , t i nggi ) ;

Setelah diagnosa kemudian masuk ke halaman result maka di halam result ada button rinci dimana button itu berfungsi untuk menampilkan rincian data seperti pada gambar berikut :

Gambar 4.4 tampilan Result 4.2.3 Menu Petunjuk

Jika user memilih menu petunjuk maka aplikasi SISKARDEL DROID akan menampilkan petunjuk pemakaian Berikut halaman petunjuk:

Halaman petunjuk akan menampilkan text image dengan 1 button dimana pada halam tersebut berisi cara pemakaian program, seperti tampak pada gambar diatas. Untuk kode program nya sebagai berikut :

1. Potongan kode program petunjuk.java (proses menu perintah)

pr i vat e But t on kembal i;

publ i c Pet unj uk( ) {

super(" Pet unj uk") ;/ / unt uk memanggi l const r uct or par ent .

t hi s. set Layout (new Bor der Layout ( ) ) ;

Cont ai ner t wo=new Cont ai ner (new

Bor der Layout ( ) ) ;

t wo. set Pr ef er r edSi ze(new

Di mensi on( SKMi dl et .WI DTH, SKMi dl et .HEI GHT- 100) ) ; Cont ai ner i t = new Cont ai ner (new

BoxLayout ( BoxLayout .X_AXI S) ) ;

i t . set Pr ef er r edSi ze(new

Di mensi on( SKMi dl et .WI DTH, 40) ) ;

kembal i=new But t on(" kembal i ") ; i t . addComponent (kembal i) ;

kembal i. addAct i onLi st ener (t hi s) ;

t hi s. addComponent ( Bor der Layout .CENTER, t wo) ;

t hi s. addComponent ( Bor der Layout .SOUTH, i t ) ;

St r i ng dat a_pet unj uk=" PETUNJUK PEMAKAI AN\ n" +

" 1. Di menu ut ama t er dapat 4 buah t ombol t ombol

Di agnosa, Pet unj uk, Cr edi t , Kel uar \ n\ n" +

" 2. Si l ahkan Cl i ck t ombol Di agnosa unt uk mendi agnosa per masal ah t anaman Kedel ai anda\ n\ n" +

" 3. Si l akan Cent ang pada CheckBox [ ] Pada hal aman Di agnosa unt uk mendi agnosa masal ah yang t er j adi pada t anaman kedel ai anda \ n\ n"

+

" 4. Cl i ck t ombol

Sel anj ut nya unt uk menget ahui hasi l dar i per masal ah t anaman kedel ai anda yang sudah t er di agnosa \ n\ n " +

" 5. Cl i ck t ombol Kembal i j i ka anda i ngi n mengul ang di agnosa \ n\ n " +

" 6. Cl i ck t ombol

Sel anj ut nya j i ka anda i ngi n menget ahui pr osent ase seber apa besar t anaman anda t er kena penyaki t , hama

Pada potongan kode program petunjuk.java tombol kembali akan di eksekusi saat pada saat di tekan dan akan menjalankan perintah menampilkan halaman utama ,untuk kata-kata petunjuk di masukan ke dalam text box.

4.2.4 Menu Credit

Pada halaman menu credit berisi informasi tentang fungsi aplikasi. Berikut tampilan halaman Credit :

Gambar 4.6 Halaman Credit Untuk kode program nya sebagai berikut : 1. Potongan Kode program Credit.java

pr i vat e But t on kembal i;

publ i c Cr edi t ( ) {

super(" Cr edi t ") ;/ / unt uk memanggi l const r uct or par ent .

t hi s. set Layout (new

Bor der Layout ( ) ) ;

Cont ai ner t wo=new Cont ai ner (new

Bor der Layout ( ) ) ;

Halaman Credit mengunakan text area yang bisa di scrol dan 1 button dengan setlayout borderlayout.

4.2.5 Menu Keluar

Menu keluar adalah menu untuk keluar dari aplikasi. Berikut tampilan Menu keluar :

Gambar 4.7 Menu Keluar

BoxLayout ( BoxLayout .X_AXI S) ) ; t wo. set Pr ef er r edSi ze(new

Di mensi on( SKMi dl et .WI DTH, SKMi dl et .HEI GHT- 100) ) ; t i . set Pr ef er r edSi ze(new

Di mensi on( SKMi dl et .WI DTH, 40) ) ;

St r i ng dat a_cr edi t =" Tent ang Pr ogr am\ n\ n" +

" Pr ogr am i ni di buat unt uk membant u par a pet ani kedel ai dan mahasi swa per t ani an yang sedang bel aj ar t ent ang t anaman kedel ai \ n\ n" +

" pr ogr am i ni di j al ankan pada Smar t Phone Andr oi d 2. 3 Gi nger Br ead\ n\ n" +

" Kedel ai adal ah t anaman pol ong-pol ongan yang menj adi bahan dasar banyak makanan semi sal : kecap, t ahu, t empe . Kedel ai j uga sumber pr ot ei n nabat i dan mi nyak nabat i \ n\ n" +

" I ndonesi a sendi r i j uga penghasi l kedel ai banyak masal ah yang ser i ng t i mbul di t anaman kedel ai semi sal penyaki t dan hama, ser t a penanaman t anaman kedel ai har us sesuai dengan kondi si t anah yang mengandung beber apa unsur har a , par a pet ani kedel ai di I ndonesi a umumnya hanya memper ol eh i nf or masi t ent ang hama penyaki t ser t a unsur har a dar i pengal am t ur un t emur un dar i nenek moyangnya, sehi ngga kadang kur ang ef esi en unt uk menangani masal ah t er sebut dengan adanya SI SKARDEL DROI D i ni par a pet ani dan mahasi swa yang sedang menel i t i t ent ang kedel ai bi sa t er bant u menyel esai kan masal ah t er sebut \ n\ n " +

BAB V

Dokumen terkait