BAB IV. HASIL DAN PEMBAHASAN 4. BAB IV Pada bab ini penulis menjelaskan mengenai tahapan-tahapan dalam konstruksi dan pengujian

BAB IV

HASIL DAN PEMBAHASAN 4.

BAB IV Pada bab ini penulis menjelaskan mengenai tahapan-tahapan dalam

konstruksi dan pengujian

4.1 Kontruksi Dalam tahap ini penulis menggunakan appinventor dengan pengaksesan program secara online yang dapat diakses di halaman web : http://appinventor.mit.edu. secara umum spesifikasi komputer dan software yang dibutuhkan dalam aplikasi ini dapat dilihat pada tabel 4.1 Tabel 4. 1 Kebutuhan Aplikasi

No

Nama

Keterangan

1

PC/Laptop

Minimal Requirement Pentium 3

2

Web Browser

Mozila Firefox dengan minimal versi 3.6, Apple safari versi 5 ke atas, Google Chrome untuk versi 4 keatas

3

Sistem Operasi

Unix, windows, penulis menggunakan windows 7

4

Java

JDK 6.0

5

Account Email Gmail

Untuk

Akses

online

ke

site

appinventor.mit.edu 6

Akses Internet

Appinventor sama halnya dengan bahasa pemrograman visual lainnya seperti visual basic, delphi dalam bentuk interface dengan adanya button, edit, label, listbox, datetimepicker dan seterusnya. Namun untuk pengkodean appinventor tidak melakukan penulisan kode program, namun diwakili oleh

70

http://digilib.mercubuana.ac.id/

sebuah block prosedure, jadi penulis menyusunnya kedalam sebuah logika. Dalam tahap komponen yang dibutuhkan Tabel 4. 2 Komponen

No

Nama Komponen

Keterangan

1

Button

Tombol button yang digunakan umumnya untuk submit

2

Listpicker

Digunakan untuk list/daftar kata yang sudah disusun

3

Table

Untuk menyusun komponen yang digunakan seperti

Arrangement

dalam sebuah tabel

Horisontal

Menyusun komponen yang digunakan kedalam bentuk

Arrangeent

horisontal

Vertical

Menyusun komponen yang digunakan kedalam bentuk

Arrangement

vertical

Activity Starter

Komponen yang digunakan untuk memanggil aplikasi

4 5 6

lain seperti google map, youtube, camera 7

Label

Komponen untuk memberikan label dengan tipe string

8

TinyDB

Komponen database dari appinventor untuk database lokal yang hanya tersimpan di perangkat android

9

Notifier

Komponen untuk pesan seperti message box

10

Location Sensor

Komponen untuk mendapatkan posisi lokasi kita berada

11

Image

Komponen untuk menambahkan gambar ke aplikasi

12

Clocktimer

Komponen yang digunakan untuk membuat waktu dengan jarak yang ditentukan

13

Screen

Komponen yang digunakan untuk membuat sebuah form atau layar baru

71


Layout dari appinventor pada gambar . sebelah kiri adalah komponen, tengah form, dan sebelah kanan properti dari komponen tersebut

Gambar 4. 1 Layout

Gambar 4. 2 Block

Pada gambar tab block adalah kode program dalam bentuk blok menggunaan event atau prosedure yang telah disediakan. Contoh ketika home di klik maka

72


akan muncul event dari button home seperti saat clik, Gotfocus, LongClick dan lain lain

Gambar 4. 3 Event

Contoh komponen appinventor yang dapat dilihat pada gambar. Untuk penjelasan komponen sudah ada pada tabel 4.2 namun komponen yang penulis gunakan.

73


Gambar 4. 4 Daftar Komponen

4.1.2 Penjelasan Beberapa Kode Dalam bagian ini akan dijelaskan beberapa kode yang digunakan dalam pembuatan aplikasi, untuk pemanggilan screen lain misalkan dari menu utama ke form list. Sebelumnya dalam appinventor ini terdapat 9 screen/ form sesuai

74


dengan menu aplikasi yaitu: Screen Catatagenda, menuutama, screen1, Listpuskesmas, Perhitungan, tambahpuskesmas, online, about dan tips. 

Form Menutuama Digunakan untuk menampilkan halaman utama dan link ke form lain

Gambar 4. 5 Open Another Screen

Contoh button saat klik, ketika button bernama puskesmas diklik maka akan memanggil screen listpuskesmas. 

Form Listpuskesmas Merupakan form dengan daftar puskesmas yang sudah ditetapkan, menggunakan listpicker untuk menampilkan data berupa string. Beberapa skrip:

Dalam gambar terdapat listpicker bernama liststatikip dengan prosedure before picking, artinya sebelum di tekan maka listpicker menampilkan pilihan dengan make list data-data puskesmas yang sudah ditentukan

75


Gambar 4. 6 Script List Puskesmas

Selanjutnya setelah user memilih atau di prosedure Afterpicking, maka listpicker akan menentukan berdasarkan pilihan dan memanggil komponen activity starter yang akan memanggil google map berdasarkan peta dari alamat yang ditentukan. 

Form tambahpuskesmas Merupakan form untuk tambah alamat puskesmas berdasarkan inputan dari user

76


Gambar 4. 7 Script Input

Dalam kode tersebut button dengan nama bsubmit saat klik, akan periksa apakah textbox kosong jika tidak masuk ke prosedure tambah alamat, dan textbox kembali dikosong, appinventor dapat membuat fungsi ataupun variabel.

Gambar 4. 8 Script Tambah Alamat

Pada gambar digunakan fungsi tambah alamat yang akan menambah ke listpicker iplocation dan sebuah variabel global listlocation untuk disimpan pula ke database tinydb, dimana tinydb database lokal di smarphone android. Dan gambar inisialisasi dari variabel listlocation didefinisikan empty list diawal. Dan tag address merupakan tag atau penanda dari setiap data di listlocation.

77


Gambar 4. 9 Script Insisalisasi



Form tips Merupakan screen dari tips untuk gejala sakit gigi, contoh potongan kode dari gambar merupakan insialisasi variabel dengan tipe sting, untuk gejala dan solusi

Gambar 4. 10 Script Tips

78


Gambar 4. 11 Script Solusi Tips

Dan kemudian pada button solusi ketika diclik akan menampilkan solusi dari kondisi sesuai pilihan, dengan memanggil varial masing –masing dari solusi. 

Form Online Yaitu tambah alamat untuk mendeteksi posisi alamat kita saat ini. Dengan asumsi posisi kita adalah tempat puskesmas

Gambar 4. 12 Script check

79


Gambar cara mendapatkan posisi kita dengan menggunaan komponen locationsensor dengan dapatkan data alamat posisi longitude dan latitude. Kemudian kita berpindah tempat kita ingin mengetahui lokasi yang kita simpan dan lokasi terbaru kita. Dibawah ini mengetahui posisi kita yang terbaru namun di posisi ini data tidak disimpan

Gambar 4. 13 Script Posisi

Kita set dan disimpan di label lat dan label log (longitude). Kemudian untuk mencari lokasi posisi terbaru dengan posisi saat kita. Dengan kode seperti pada gambar. Dengan membandingkan posisi latitude dan longitude

Gambar 4. 14 Script cari



Form agenda

Berfungsi untuk menyimpan data kegiatan berupa tanggal kegiatan dan nama kegiatan.

80


Gambar 4. 15 Script Agenda

Dari gambar diinisialiskasikan variabel agenda dan tanda kemudian prosedure simpan agenda menyimpan di listpicker dengan detail simpan jadwal tanggal dan input datepicker, agenda dan textbox dimana textbox merupakan nama kegiatan

4.2 Tahap Pengujian Dalam tahap ini tahap pengujian blackbox, dari aplikasi daan fungsi yang telah disediakan dan diimplementasikan kedalam aplikasi. Aplikasi diawali dengan awal logo setelah itu masuk ke menu utama Pada menu utama desain yang akan dibuat dan diterjemahkan ke aplikasi. Desain yang akan dibuat Dan aplikasinya dibuat dalam skenario pengujian seperti pada tabel :

81


Tabel 4. 3 Pengujian

No

Keterangan

Gambar

1

Penugjian aplikasi

Hasil OK

untuk menjalankan aplikasi

dengan

menu

utama,

dimana

menu

utama link untuk menu lain, tampilan dapat

dijalankan

seperti

pada

gambar. Dari hasil menu ini ok.

2

Menu

Fungsi

tambah

OK

data

puskesmas, dalam menu ini terdapat fungsi tambah data, daftar

puskesmas

yang

dimasukan,

hapus

perseleksi,

hapus semua data dan link ke google map

dari

Tambah

daftar. data

diinput

secara

manual.

Contoh

puskesmas

kebon

82


jeruk jakarta barat. Detail

dari

pengujian dilihat

hasil dapat pada

lampiran

83


3

Pengujian

berat

OK

badan bayi dengan inputan input

umur berat

,

bayi

daan jenis kelamin, detail

gambar

pengujian ada di lampiran

84


4

Pengujian

agenda

kegiatan

dengan

input

tanggal

aktifitas,

nama

kegiatan,

lihat

OK

agenda dan hapus agenda

85


5

Fungsi ini untuk gejala

sakit

OK

gigi

dengan input gejala dan penyebab

tombol dan

solusi, detail ada dilampiran pengujian

86


6

Menu ini pengujian daftar

OK

list

puskesmas terdaftar

yang dan

bersifat

statik

dengan alamat yang sudah dan

ditentukan saat

menuju

diklik alamat

yang tertera

87


88


7

Menu

ini

untuk

OK

menguji form about

8

Menu menguji

ini

untuk

Pada

untuk

ini

menu dicatat

pendeteksian secara

lokasi

otomatis

deteksi

di

meruya kemudian disimpan. Selanjutnya penulis

ke

tempat

lain

sekitar daerah pondok ranji,

dan

melakukan temukan arah

posisi

dan hasilnya

89


telah berhasil. OK

90


4.3 Analisa pengujian Dari hasil semua pengujian dari fungsi yang ada dapat dinyatakan semua berfungsi baik. Adapun hal-hal yang tidak berfungsi yaitu: 

Input Alamat pada menu tambah alamat secara manual, misalkan xyzdg maka hasil di peta tidak ditemukan karena google map tidak menemukan data tersebut



Koneksi Internet Pada lokasi peta akan mempengaruhi waktu tampil di google map

Jika Input data dengan tujuan lain misalkan: 

Input data puskesmas, untuk tambah data secara manual ke alamat lain misalkan universitas mercu buana jakarta barat, maka peta akan tampil ke alamat tersebut



Jika cek data lokasi bukan alamat puskesmas tapi lokasi lain yang kita inginkan maka peta akan merujuk kealamat tersebut



Jika Input menu agenda diinput ke kegiatan lain misalkan rapat koordinator staf maka dapat digunakan juga. Sehingga aplikasi ini dapat diberikan secara dinamis untuk kepentingan lain, tidak hanya informasi puskesmas

91


BAB IV. HASIL DAN PEMBAHASAN 4. BAB IV Pada bab ini penulis menjelaskan mengenai tahapan-tahapan dalam konstruksi dan pengujian

Recommend Documents