BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Masalah Perkembangan aplikasi saat ini begitu pesat khususnya di bidang mobile yang di tanamkan pada smartphone dari berbagai operating system. Dan kita dapat membangun aplikasi untuk beberapa platform dengan hanya menggunakan satu aplikasi yaitu eclipse, dengan eclipse kita dapat membangun satu aplikasi dan dapat mendukung berbagai multi platform OS (operating system)
pada
smartphone. Banyak hal yang penting di dalam kehidupan ini salah satunya yaitu kesehatan. Kesehatan harusnya menjadi prioritas dari setiap individu mengingat begitu pentingnya peranan kesehatan. Banyak masyarakat kurang memperdulikan kesehatan bahkan tidak mngetahui rumash sakit terdekat dari tempat mereka tinggal, informasi mengenai rumah sakit dekat mereka tinggal seperti nomor UGD ketika kita membutuhkannya. Hal – hal kecil seperti itu mempunyai peranan yang cukup penting ketika. Agar masyarakat dapat mendapatkan informasi tentang rumah sakit terdekat dari tempat dia berada maka, pada penulisan ini dibuat aplikasi pencari data rumah sakit berbasis Android. Aplikasi ini dibuat untuk memudahkan masyarakat mengetahui lokasi rumah sakit terdekat dengan lokasi pengguna. Aplikasi ini, dibuat dengan menggunakan Eclipse serta bahasa pemograman Java dengan operating system(OS) Android.
3.2 PERANCANGAN APLIKASI Pada tahap perancangan aplikasi berdasarkan analisa, penulis membuat aplikasi mobile dengan mengedepankan unsure pengguna friendly dimana pengguna dapat dengan mudah menggunakan aplikasi yang akan di rancang. Penulisakan mengunakan bahasa pemrograman java serta menggunakan table
32
33
yang di integrasikan dengan aplikasi. Penulis akan membuat permodelan diagram Use Case untuk menunjukan fungsional suatu system dan permodelan diagram Activity untuk mengurutkan aktivitas dalam suatu proses serta permodelan diagram Sequence untuk menggambarkan interaksi antar objek di dalam dan di sekitar sistem. Permodelan ini dibuat agar aplikasi ini dapat mudah dipahami.
3.3 UML Perancangan sistem yang digunakan dalam “Pembuatan Aplikasi Data RumahSakit” adalah dengan UML (Unified Modeling Language). UML adalah bahasa standar yang digunakan untuk menjelaskan proses analisis dan desain berorientasi objek. UML yang pertama digambarkan adalah Use Case Diagram. Use Case Diagram (UCD) menjelaskan apa yang dilakukan oleh sistem yang akan dibangun dan siapa yang akan berinteraksi dengan sistem. Sekumpulan use case menggambarkan sebuah system dalam syarat-syarat pada apa yang dilakukan pengguna pada system
3.3.1 USE CASE DIAGRAM Komponen utama Use Case Modeling ini adalah Actor dan Use case itu sendiri. Use case pada system ditunjuk pada gambar dibawah ini:
Gambar 3.1 Use case Diagram
34 Penjelasan diagram use case aplikasi data ruma sakit dapat dilihat sebagai berikut : Tabel 3.1 Pengguna menggunakan menu pencarian RS Nama use case
:
CARI RS
Aktor
Pengguna :
Deskripsi
:
Pada aplikasi data rumah sakit, pengguna dapat memilih menu cari rs untuk mecari informasi rumah sakit mana yang di inginkan
Tabel 3.2 Pengguna Melihat informasi RS Nama use case
:
Melihat informasi RS
Aktor
Pengguna :
Deskripsi
:
Pada aplikasi data rumah sakit, dapat muncul informasi tentang rumah sakit setelah pengguna melakukan pencarian rumah sakit
Tabel 3.3 Pengguna melakukan maping ke RS yg diingikan Nama use case
:
GET MAPS
Aktor
Pengguna :
Deskripsi
:
Pada aplikasi data rumah sakit, pengguna dapat langsung melihat peta untuk di pandu menuju rumah sakit yang di tuju.
35
Tabel 3.4 Pengguna Melihat Informasi Kesehatan Nama use case
:
Melihat Informasi Kesehatan
Aktor
Pengguna :
Deskripsi
:
Pada aplikasi data rumah sakit, pengguna dapat informasi seputar kesehatan yang dapat menjadi bahan referensi bagi dirinya.
Tabel 3.5Pengguna mencari RS terdekat Nama use case
:
RS terdekat
Aktor
Pengguna :
Deskripsi
:
Pada aplikasi data rumah sakit, pengguna dapat langsung langsung mencari RS mana yang terdekat dari tempat penguna berada tanpa harus melakukan pencarian RS
Tabel 3.6 Pengguna Melihat pilihan RS terdekat Nama use case
:
Muncul RS terdekat
Aktor
Pengguna :
Deskripsi
:
Pada aplikasi data rumah sakit, setelah memilih menu rs terdekat akan
muncul
beberepa
opsi
rs
terdekat dr poisisi pengguna
36 Tabel 3.7 Pengguna Melihat about us Nama use case
:
About us
Aktor
Pengguna :
Deskripsi
:
Pada aplikasi data rumah sakit, pengguna dapat melihat informasi penulis guna memberi saran dan masukan untuk pengembangan aplikasi pada tahap selanjutnya
3.3.2 Activity Diagram Diagram Activity adalah diagram yang menggambarkan sebuah skema aktifitas yang terjadi pada pengujian aplikasi tersebut. Pada Diagram Activity Data Rumah Sakit ini pengguna/pengguna dapat langsung menggunakan aplikasi tersebut. Dengan kata lain, pengguna dapat langsung mencari rumah sakit yang diinginkan. Berikut Diagram Activitypada menu cariRS :
Gambar 3.2Diagram ActivityCari RS
37
Gambar di atas menjelaskan aktivitas yang dilakukan ketika seseorang pengguna (pengguna) pada halaman Aplikasi. Aktivitas yang dilakukan adalah membuka aplikasi kemudian membuka halaman utama, setelah itu memilih button carirs kemudian muncul halaman cari rs setelah itu pengguna dapat memasukan nama rumah sakit yang ingin dicari setalah itu akan muncul informasi terkait dan pengguna dapat langsung menggunakan peta untuk mengarahkan pengguna kelokasi rumah sakit Berikut Diagram Activitypada menu RSterdekat:
Gambar 3.3Diagram ActivityRS Terdekat Gambar diatas Menjelaskan aktivitas yang dilakukan ketika seseorang pengguna (pengguna) pada halaman Aplikasi, disini pengguna memilih button RS Terdekat setelah memilih button tersebut maka aplikasi akan menampilkan lokasi rumah sakit yang paling dekat dari pengguna berada
38 Berikut Diagram Activitypada menu Artikel:
Gambar 3.4 Diagram ActivityArtikel Gambar diatas menjelaskan aktivitas yang dilakukan ketika seseorang pengguna (pengguna) pada halaman Aplikasi, disini pengguna memilih button artikel setelah pengguna memilih button artikel maka akan muncul halaman yang menampilkan pilihan artikel disini pengguna tinggal memilih artikel yamg ingin di baca
39
Berikut Diagram Activitypada menu About:
Gambar 3.5Diagram Activity About Gambar diatas menjelaskan aktivitas yang dilakukan ketika seseorang pengguna (pengguna) pada halamanAplikasi, disini pengguna memilih button about setelah pengguna memilih button about maka akan muncul halaman informasi penulis serta informasi aplikasi
3.3.3 Sequence Diagram Diagram Sequence adalah diagram yang menggambarkan interaksi antara pengguna dan sistem. Dari use case yang sudah dijelaskan diatas maka penulis dapat pula menggambarkan diagram sequence. Berikut diagram sequence Pada menu cari RS :
40
Gambar 3.6 Diagram Sequence Cari RS Diagram Sequence ini menggambarkan skenario yang dilakukan antara pengguna dan system pada saat pengguna menggunakan fungsi Cari RS. pengguna yang telah masuk kedalam aplikasi dapat memilih Cari RS untuk mencari informasi RS yang inginkan.
41
Berikut diagram sequence Pada menu RS Terdekat :
Gambar 3.7Diagram Sequence RS Terdekat Diagram Sequence ini menggambarkan skenario yang dilakukan antara pengguna dan system pada saat pengguna menggunakan fungsi RS terdekat. pengguna yang telah masuk kedalam aplikasi dapat memilih RS terdekat untuk melihat lokasi RS terdekat dari tempat pengguna berada.
42 Berikut diagram sequence Pada menu Artikel :
Gambar 3.8 Diagram Sequence Artikel Diagram Sequence ini menggambarkan skenario yang dilakukan antara pengguna dan system pada saat pengguna menggunakan fungsi Artikel. pengguna yang telah masuk kedalam aplikasi dapat memilih artikel untuk melihat kumpulan artikel yang termuat didalam aplikasi.
43
Berikut diagram sequence Pada menu About :
Gambar 3.9Diagram Sequence About Diagram Sequence ini menggambarkan skenario yang dilakukan antara pengguna dan system pada saat pengguna menggunakan fungsiAbout. pengguna yang telah masuk kedalam aplikasi dapat memilih About untuk melihat informasi seputar penulis dan aplikasi.
44 3.4 Perancangan Tabel Tujuan dari perancangan table ini adalah untuk memenuhi informasi yang berisikan kebutuhan–kebutuhan pengguna secara khusus dan aplikasi–aplikasinya, memudahkan penulis dalam melakukan update meliputi data yang disajikan kedalam aplikasi
3.4.1 Analisa Tabel berdasarkan dengan konsep aplikasi yang dibuat makan penulis melakukan analisa mengenai tabel yang akan di gunakan dilihat dari kebutuhan aplikasi akan data maka dibuatlah 2 buah tabel yaitu tabel atrikel dan tabel rumah sakit di dalem tabel artikel berfungsi untuk melakukan update berkala terhadap artikel yag di buat pada aplikasi dengan koneksi database, kemudian tabel rumah sakit yang berisi informasi rumah sakit serta koordinat letak rumah sakit untuk membantu aplikasi dalam melakukan rooting peta Berikut merupakan struktur tabel yang digunakan di dalam aplikasi ini : 1. Tabel Artikel Tabel ini digunakan untuk menyimpan artikel yang di muat ke dalam aplikasi terdiri dari judul dan isi tabel ini berguna untuk melakukan update artike pada aplikasi secara berkala Tabel 3.8 Tabel Artikel Nama Field
Panjang
Tipe Data
Judul
-
Text
Isi
-
Text
Berikut penjelan nama field pada table Artikel : Judul adalah judul artikel yang dibuat untuk di muat ke dalam aplikasi Isi adalah isi dari artikel yang dibuat untuk di muat ke dalam aplikasi
45
2. Tabel Rumah Sakit
Tabel ini digunakan untuk menyimpan data content yang terdiri dari koders, latitude, longitude, namars, alamat, notlp, jambesuk. Nama tabel
: rumahsakit
Primary key
: koders
Tabel 3.9 Tabel Rumah Sakit Nama Field
Panjang
Tipe Data
koders
5
Varchar2
latitute
10
Varchar2
longitude
10
Varchar2
namars
30
Varchar2
alamat
70
Varchar2
notlp
15
Varchar2
jambesuk
10
Varchar2
Berikut penjelan nama field pada table rumah sakit : •
Koders adalah kode yang digunakan untuk ciri dari setiap rumah sakit atau sering kita sebut sebagai primary key
•
Latitude adalah garis lintang yang di dapat dari titik point dimana rumah sakit berada
•
Longitude adalah garis bujur yang di dapat dari titik point dimana rumah sakit berada
•
Namars adalah nama rumah sakit yang didata oleh penulis
•
Alamat adalah alama rumah sakit yang didata oleh penulis
•
Notlp adalah nomor telepon dari rumah sakit yang didata oleh penulis
46 •
Jambesuk adalah jam kunjungan / besuk pada rumah sakit yang di data oleh penulis
Kedua table tersebut tidak mempunyai primary key yang saling berhubungan karena tidak ada hubungan diantara table yang dibuat, kedua table tersebut berdiri sendiri dengan fungi yang tidak berhubungan pada setiap tabelnya.
3.5 Perancangan Antar Muka(Pengguna Interface) Rancangan layar dari aplikasi ini dibuat untuk menampilakan informasi dan memudahkan dalam pencarian, juga untuk melakukan perubahan-perubahan yang diperlukan. Ada satu rancangan layar pada aplikasi ini yaitu layar pengguna. Adapun rancangan antarmuka adalah sebagai berikut.
3.5.1 Perancangan Antarmuka halaman Utama Rancangan ini merupakan index atau halaman utama aplikasi. Di halaman ini terdapat 4 tombol yang terhubung pada halaman - halaman yang lain.
Gambar 3.10 Rancangan Halaman Utama Aplikasi
47
3.5.2 Perancangan Antarmuka halaman Cari RS
Rancangan ini merupakan halaman kedua aplikasi. Di halaman ini terdapat tombol-tombol list jenjang pendidikan yang terhubung pada halaman pencarian.
Gambar 3.11 Rancangan Halaman Cari rs
3.5.3 Perancangan Antarmuka halaman informasi RS setelah kita melakukan pencarian pada halaman cari rs maka akan muncul beberapa pilihan rumah sakit yang ingin kita pilih, setelah kita memilih rumah sakit yang kita inginkan maka akan muncul halaman informasi rumah sakit yang kita pilih
48
Gambar 3.12 Rancangan Halaman Informasi RS
3.5.4 Perancangan Antarmuka halaman informasi kesehatan pada antar muka halaman ini akan tersaji bebrapa artiketl tentang dunia kesehatan baik tentang pennyakit atau cara penaggulangannya
Gambar 3.13 Rancangan Halaman Informasi Kesehatan
49
3.5.5 Perancangan Antarmuka halaman RS Terdekat pada antar muka halaman ini akan menampilkan bebrapa pilhan rumah
sakit terdekat dari tempat pengguna menggunakan aplikasi dan pengguna dapat memilih rumah sakit mana yang ingin di tuju dengan memilih pin rumah sakit lalu memilih “ Directions to here”
Gambar 3.14 Rancangan Halaman RS Terdekat
3.5.6 Perancangan Antarmuka halaman About US pada antar muka halaman ini hanya menampilkan informasi seputar pembuat aplikasi beserta kontak person agar pengguna dapat memberi masukan pada penulis masalah pengembangan aplikasi lebih lanjut
50
Gambar 3.15 Rancangan Halaman About us 3.6 SKENARIO PENGUJIAN BLACK BOX Tabel 3.10 Skenario Pengujian Menu danFungsi Skenario
Bagian yang
TindakanPeng
Status aplikasi
Hasil
yang
Diuji
ujian
Pengguna
Icon Aplikasi
Menyentuh
Sistem
Sistem
masuk
didalam
icon aplikasi
menampilkan
menampilkan
aplikasi
mobile
pada mobile
halaman
halaman
phone
Utama
halaman
Aplikasi
Utama
diharapkan
Aplikasi Menyentuh
Sistem
Sistem
memilihme
menu button
menampilkan
menampilkan
nu carirs
cari rs
halaman
tampilan
pencarian
pencarian
rumah sakit
rumah sakit
Pengguna
Menu rs
51
Lanjutan Tabel 3.9 Skenario Pengujian Menu danFungsi Pengguna
Isikan pada
mengisi
pilihan search sakit yang ingi
menampilkan
menampilkan
nama
yang tersedia
di cari
rumah sakit
beberapa
kemudian
yang telah di
pilihan rumah
sentuh icon
masukan oleh
sakit yang
kaca pembesar
pengguna
berbuhubung
rumah sakit yang diinginkan
Mengisi rumah Sistem
Sistem
untuk lakukan
an dengan
pencarian
keyword yang dimasukan oleh pengguna
Pengguna
Memilih
Mengklik
System
System
memilih
salah satu
salah satu
menampilkan
menampilkan
rumahsakit
rumah sakit
rumah sakit
halaman Detail
halaman
rumahsakit
Detail
yang diinginkan
rumahsakit
Pengguna
Pilih Menu
Menyentuh
Sistem
Sistem
memilih get
get direction
button get
menampilkan
menampilkan
direction
jalan menuju
jalan menuju
rumah sakit
rumah sakit
dengan map
dengan map
direction
Pengguna
Memilih
Menyentuh
System
System
memilih
gambar
gambar rumah
menampilkan
menampilkan
gambar
rumah
menu utama
halaman
rumah
menu utama
untuk kembali ke menu utama
52 Lanjutan Tabel 3.9 Skenario Pengujian Menu danFungsi Pengguna
PilihMenu
Menyentuh
Sistem
Sistem
memilih
info
button info
menampilkan
menampilkan
info
kesehatan
kesehatan
semua data-
semua data-
data tentang
data tentang
kesehatan
kesehatan
kesehatan
Pengguna
Memilih
Menyentuh
System
System
memilih
gambar
gambar rumah
menampilkan
menampilkan
gambar
rumah
menu utama
halaman
rumah
menu utama
untuk kembali ke menu tama Pengguna
Pilih Menu rs
Menyentuh
Sistem
Sistem
memilih rs
terdekat
button rs
menampilkan
menampilkan
terdekat
beberapa
beberapa
pilihan rumah
pilihan rumah
sakit terdekat
sakit terdekat
terdekat
Pengguna
Memilih
Menyentuh pin System
System
memilih
rumah sakit
rumah sakit
menampilkan
menampilkan
rumah sakit
terdekat
yang terdapat
jalan menuju
jalan menuju
di peta
rumah sakit
rumah sakit
dengan map
dengan map
yang terdekat Pengguna
Memilih
Menyentuh
System
System
memilih
gambar
gambar rumah
menampilkan
menampilkan
gambar
rumah
halaman menu
halaman
utama data list
menu utama
rumah untuk kembali ke menu utama
nama sekolah TK
53
Lanjutan Tabel 3.9 Skenario Pengujian Menu danFungsi Pengguna
Memilih
Menyentuh
memilih
about us
button about us menampilkan
about us
System
System menampilkan
informasi
informasi
tentang about
tentang about
us
us
