BAB III ANALISA DAN PERANCANGAN. Aplikasi yang menampilkan informasi lokasi dan menggunakan fitur navigasi

(1)

ANALISA DAN PERANCANGAN

3.1 Analisa aplikasi sejenis

Aplikasi yang menampilkan informasi lokasi dan menggunakan fitur navigasi telah banyak beredar. Oleh karena itu, aplikasi yang dibuat akan di bandingkan dengan aplikasi-aplikasi yang sudah ada.

3.1.1 Hospital Near Me

Hospital Near Me adalah salah satu aplikasi yang menampilkan informasi rumah sakit yang ada di sekitar user. Selain manampilkan informasi yang ada di sekitar user, aplikasi ini memilki fitur Distance to dan Get direction. Sehingga user dapat mengetahui jarak dari posisi user sekarang ke rumah sakit yang akan dituju dan user dapat mendapatkan arah kerumah sakit yang dituju. Aplikasi ini juga menambahkan fitur Automated phone dialing. Sehingga user dapat menelpon langsung kerumah sakit yang di inginkan user. Aplikasi Hospital Near Me hanya menampilkan informasi rumah sakit yang ada di US.

Gambar 3.1 Hospital Near Me

(2)

3.1.2 Hospital Directory

Hospital Directory merupakan aplikasi yang menampilkan informasi rumah sakit yang ada di India. Selain menampilkan informasi rumah sakit, aplikasi ini juga memiliki beberapa fitur tambahan lainya seperti :

1. Blood Banks

Blood banks merupakan fitur yang menampilkan tempat penyimpanan darah yang yang ada di India.

2. Diagnostic Centers

Hospital directory juga memiliki fitur yang menampilkan informasi lokasi Diagnostic centers yang ada di India.

3. Nearby

Fitur ini menampilkan informasi lokasi rumah sakit yang ada di sekitar user.

4. Search

Hospital directory juga menyediakan fitur search agar user dapat mencari rumah sakit, blood banks, diagnostic centers dari nama, kota, kategori, alamat dan lain-lain.

Gambar 3.2 Hospital Directory

(3)

3.1.3 Restaurant Finder

Restaurant Finder merupakan aplikasi yang memiliki banyak fitur. Selain menampilakan informasi lokasi restaurant, aplikasi ini juga menampilkan informasi clubs, hotels, ATMs, take aways, taxis, cafes dan gorecry stores. Selain menampilkan informasi lokasi, restaurant finder juga memberikan informasi price level, open or close now dan opening hours. Selain itu aplikasi ini juga menyediakan dial button yang berfungsi untuk menelpon tempat yang kita inginkan. Aplikasi ini juga memiliki sistem sortir seperti sort by distance dan sort by reputation.

Gambar 3.3 Restaurant Finder 3.1.4 Pertamina Mobile

Pertamina mobile merupakan aplikasi yang menampilkan informasi lokasi SPBU yang ada di sekitar user. Selain itu, aplikasi ini juga menampilkan informasi harga BBM (dalam aplikasi ini hanya menampilkan informasi pertamax, pertamax plus dan pertamax dex), informasi berita terbaru (lastest news ), spesial promo dan contact SPBU.

(4)

Gambar 3.4 Pertamina Mobile

3.2 Analisa Kuisioner

Dalam menganalisis pengguna, di lakukan penyebaran kuisioner agar mendapatkan data dari pengguna sehingga aplikasi yang akan di buat memenuhi kebutuhan pengguna. Kuisioner di buat menggunakan Google Drive dan si sebarkan melalui sosial media. Dari penyebaran kuisioner tersebut, didapatkan 87 responden dengan hasil sebagai berikut :

1. Apa jenis kelamin anda ?

Tabel 3.1 Jawaban kuisioner pertanyaan no.1

Responden Persentase

Laki-laki 71 82%

Perempuan 16 18%

(5)

Gambar 3. 5 Diagram pie pertanyaan no.1

2. Berapa usia anda ?

<18 tahun 1 1%

18-25 tahun 62 71%

25-35 tahun 19 22%

36-50 tahun 5 6%

>50 tahun 0 0%

Gambar 3.6 Diagram pie pertanyaan no.2

Dari hasil di atas, dapat di simpulkan bahwa mayoritas responden adalah

(6)

3. Apa pekerjaan anda ?

Mahasiswa 52 60%

Karyawan 21 24%

Pengusaha 8 9%

PNS 3 3%

Lainya 2 2%

Gambar 3.7 Diagram pie pertanyaan no.3

4. Seberapa pentingkah kesehatan bagi anda ?

Sangat penting 69 79%

Penting 17 20%

Tidak terlalu penting 1 1%

Tidak penting 0 0%

(7)

5. Seberapa seringkah anda menggunakan layanan kesehatan ? (Seperti rumah sakit, apotek dan klinik)

1 kali sebulan 55 64%

2-5 kali sebulan 24 28%

>5 kali sebulan 7 8%

(8)

6. Seberapa banyakah anda mengetahui lokasi layanan kesehatan yang ada di sekitar anda ?

(Seperti rumah sakit, apotek dan klinik)

1-5 51 59%

6-10 32 37%

>10 4 5%

7. Pernahkah anda mengalami kesulitan menemukan layanan kesehatan ? Tabel 3.7 Jawaban kuisioner pertanyaan no.7

Pernah 61 72%

Tidak pernah 24 28%

(9)

8. Apakan anda pengguna smartphone ?

Ya 84 98%

Tidak 2 2%

(10)

9. Sistem operasi apa yang digunakan pada smartphone anda ? Tabel 3.9 Jawaban kuisioner pertanyaan no.9

Android 54 64%

iOS 3 4%

Blackberry 24 29%

Windowsphone 1 1%

Tidak tahu 1 1%

Lainya 1 1%

10. Android versi brapa yang anda gunakan ? (Bagi pengguna android)

2.3 keatas 54 77%

2.3 kebawah 4 6%

(11)

Tidak tahu 12 17%

11. Apakah anda pernah menggunakan layanan kesehatan di smartphone anda ?

Sangat sering 2 2%

Sering 15 18%

Jarang 19 22%

Sangat jarang 23 27%

Tidak pernah 26 31%

(12)

12. Layanan kesehatan seperti apa yang pernah anda gunakan ?

Pada pertanyaan terakhir ini diberikan pertanyaan yang jawabanya menggunakan checkbox sehingga responden dapat memilih jawaban lebih dari satu.

Pencari lokasi 57 44%

Panduan kesehatan 27 21%

Tips kesehata 47 36%

Lainya 0 0%

(13)

Gambar 3. 16 Diagram jawaban pertanyaan no.12

3.3 Hasil Analisa dan Rumusan Masalah

Berdasarkan hasil kuisioner yang telah disebarkan, sebagian besar responden merupakan pengguna smartphone dan 64% dari responden menggunakan sistem operasi android. 79% dari responden menganggap bahwa kesehatan itu sangat penting bagi mereka dan 61% dari responden pernah mengalami kesulitan menemukan lokasi layanan kesehatan. Dari masalah ini, di butuhkan aplikasi yang bisa menampilkan informasi lokasi layanan kesehatan yang ada di sekitar user di saat user membutuhkan layanan kesehatan pada saat itu.

Setelah membandingkan dengan aplikasi sejenis yang sudah beredar dan melihat hasil kuisioner yang telah di sebarkan, didapatkan hasil analisis sebagai berikiut :

Tabel 3.13 Hasil analisis kuisioner dan aplikasi sejenis

Fitur Kuisioner

Aplikasi Sejenis Hospital

Near Me

Hospital Directory

Restaurant Finder

Pertamina Mobile

Aplikasi yang akan dibuat

(14)

Pencari

Lokasi

Petunjuk

arah

Telpon ke lokasi yang di tuju

Tips dan panduan kesehatan

Dari tabel di atas dapat dilihat hampir banyak kesamaan antara aplikasi yang akan di buat dan aplikasi yang sudah beredar. Namun untuk Hospital Near Me hanya menampilkan informasi lokasi rumah sakit yang ada di US dan Hospital Directory hanya menampilkan informasi rumah sakit yang ada di India.

Selain itu di buat skema alur kebutuhan user sesuai dengan hasil kuisioner yang telah di sebarkan. Berikut adalah skema alur kebutuhan user :

(15)

Gambar 3.17 Skema kebutuhan user dan aplikasi sejenis

3.4 Perancangan Solusi

Berdasarkan hasil analisis aplikasi sejenis dan kuisioner, didapatkan solusi perancangan aplikasi yang memiliki fitur-fitur yang dapat membantu user untuk menemukan layanan kesehatan yang ada di sekitar user pada saat user membutuhkan layanan kesehatan. Fitur-fitur yang akan di buat adalah sebagai berikut :

1. Fitur yang menampilkan listview dari rumah sakit, apotek dan klinik Setelah user masuk ke tampilan home dan menyentuh (tap) salah satu icon, user akan berpindah ke layar berikutnya yang berisi listview dari

(16)

listview tersebut, akan di tampilkan detail yang berisi nama, alamat dan nomor telpon. Serta ditambahkan button get direction.

2. Fitur yang menampilkan lokasi rumah sakit, apotek dan klinik

Untuk membantu dan mempermudah user menemukan layanan kesehatan yang ada di sekitarnya, pada aplikasi ini akan di buat fitur yang menampilkan informasi lokasi dari rumah sakit, apotek atau klinik yang ada di sekitar user dengan radius tertentu.

3. Fitur automated phone dialing

Ketika user melihat detail dari rumah sakit, apotek atau klinik, di tampilkan juga nomor telpon dari rumah sakit, apotek atau klinik tersebut. Dan ketika user menyentuh icon telpon yang ada, maka secara otomatis melakukan panggilan ker rumah sakit, apotek atau klinik yang di tuju.

4. Fitur yang menampilkan tips kesehatan

Selain menampilkan informasi lokasi rumah sakit, apotek dan klinik, aplikasi ini juga menambahkan fitur tips kesehatan. Yang isinya merupakan tips-tips mengenai kesehatan dan juga pencegahan pertama pada kecelakaan.

5. Fitur get direction

Untuk mempermuda user mencapai ke lokasi yang di inginkan, aplikasi ini memiliki fitur get direction yang akan menampilkan arah dari posisi user ke lokasi yang di inginkan.

(17)

3.4.1 Flowchart

Gambar 3.18 Flowchart Penjelasan Flowchart :

1. Mulai

2. Masuk Kehalaman Utama/ tampilan Home 3. Jika user memilih rumah sakit

4. Menampilkan list rumah sakit, diambil dari database 5. Menampilkan detail rumah sakit

6. Apakah user ingin memilih “sekitar saya”, jika “yes” akan menampilkan rumah sakit sekitar user. Jika tidak tetap di halaman list rumah sakit.

7. Apakah user ingin mendapatkan petunjuk arah rumah sakit

8. Jika “yes”, akan menampilkan petunjuk arah ke rumah sakit. Jika “No” tetap di halaman “sekitar saya”.

9. Jika user memilih klinik

(18)

11. Menampilkan detail rumah klinik

12. Apakah user ingin memilih “sekitar saya”, jika “yes” akan menampilkan rumah sakit sekitar user. Jika tidak tetap di halaman list klinik.

13. Apakah user ingin mendapatkan petunjuk arah klinik

14. Jika “yes”, akan menampilkan petunjuk arah ke klinik. Jika “No” tetap di halaman “sekitar saya”.

15. Jika user memilih apotek

16. Menampilkan list apotek, diambil dari database 17. Menampilkan detail aptotek

18. Apakah user ingin memilih “sekitar saya”, jika “yes” akan menampilkan rumah sakit sekitar user. Jika tidak tetap di halaman list apotek.

19. Apakah user ingin mendapatkan petunjuk arah apotek

20. Jika “yes”, akan menampilkan petunjuk arah ke apotek. Jika “No” tetap di halaman “sekitar saya”.

21. Jika user memilih tips kesehatan

22. Menampilkan tips kesehatan, di ambil dari database

23. Jika user memilih exit, program akan selesai. Jika tidak, tetap di halaman utama.

3.4.2 Use Case Diagram

User yang berperan untuk menggunakan aplikasi ini. Seperti halnya memilih layanan kesehatan, melihat lokasi layanan yang ada di sekitar user, melihat list dari layanan kesehatan, melihat petunjuk arah ke lokasi layanan kesehatan, menelpon layanan kesehatan yang di tuju dan membaca tips-tips kesehatan.

(19)

Gambar 3.19 Use Case Diagram

3.4.3 Use Case Description

Use Case Description menjelaskan secara detail interaksi antara pelaku dengan sistem. Sepertihalnya use case description user terhadap aplikasi dan use case description admin terhadap mengolah database. Berikut ini merupakan use case description user dan admin :

Tabel 3.14 Use Case Description memilih layanan kesehatan

Use Case Memilih layanan

Actor User

Description Memilih layanan kesehatan pada tampilan home

(20)

Pre Condition Tampilan halaman utama (Home)

Flow of Events Memilih salah satu icon layanan kesehatan

Post Condition List view dari layanan kesehatan

Tabel 3.15 Use Case Description melihat lokasi layanan kesehatan

Use Case Melihat lokasi layanan kesehatan

Actor User

Description Melihat lokasi layanan kesehatan yang di pilih user

Pre Condition List view layanan kesehatan

Flow of Events Memilih salah satu alamat layanan kesehatan

Post Condition Peta lokasi dari layanan kesehatan

Tabel 3.16 Use Case Description Get direction

Use Case Get Direction

(21)

Actor User

Description Mendapatkan petunjuk arah ke lokasi layanan kesehatan

Post Condition Arah ke lokasi layanan kesehatan

Tabel 3.17 Use Case Description Telpon lokasi layanan kesehatan

Use Case Telpon lokasi layanan kesehatan

Actor User

Description Menelpon layanan kesehatan yang di inginkan atau dituju

Post Condition Telpon ke lokasi layanan kesehatan

(22)

Tabel 3.18 Use Case Description membaca tips kesehatan

Use Case Membaca tips kesehatan

Actor User

Description Membaca tips kesehatan

Pre Condition Tampilan halaman utama (Home)

Flow of Events Memilih icon tips di halaman home

Post Condition List view tips-tips kesehatan

3.4.4 Class Diagram

(23)

3.4.5 Sequence Diagram

Gambar 3.21 Sequence Diagram User memilih layanan kesehatan

(24)

Gambar 3.23 Sequence Diagram User melihat peta lokasi layanan kesehatan

Gambar 3.24 Sequence Diagram User menelpon layanan kesehatan

(25)

Gambar 3.25 Sequence Diagram User membaca tips kesehatan 3.4.6 Activity Diagram

A. Activity Diagram user membuka aplikasi

Gambar 3.26 Activity Diagram User membuka aplikasi

(26)

Tabel 3.19 User Activity & System Response membuka aplikasi

User System Response

1. Membuka aplikasi 2. Menampilkan halaman utama

B. Activity Diagram User memilih layanan kesehatan

Gambar 3.27 Activity Diagram User memilih layanan kesehatan

Tabel 3.20 User Action & System Response memilih layanan kesehatan

1. Membuka aplikasi 2. Menampilkan halman utama

3. Memilih layanan kesehatan 4. Menampilkan listview layanan kesehatan

(27)

Gambar 3.28 Activiy Diagram User memilih rumah sakit

Tabel 3.21 User Activity & System Response memilih rumah sakit

3. Memilih rumah sakit 4. Menampilkan listview rumah sakit

(28)

Gambar 3.29 Activity Diagram User memilih klinik

Tabel 3.22 User Activity & System Response memilih klinik

1. Membuka aplikasi 2. Menampilkan menu utama 3. Memilih klinik 4. Menampilkan listview

klinik

(29)

Gambar 3.30 Activity Diagram User memilih apotek

Tabel 3.23 User Activity & System Response memilih apotek

3. Memilih apotek 4. Menampilkan listview apotek

(30)

Gambar 3.31 Activity Diagram User memilih tips kesehatan

Tabel 3.24 User Activity & System Response memilih tips kesehatan

3. Memilih tips kesehatan 4. Menampilkan tips kesehatan

C. Activity Diagram User melihat peta lokasi layanan kesehatan

(31)

Gambar 3.32 Activity Diagram User melihat peta lokasi rumah sakit

Tabel 3.25 User Activity & System Response peta lokasi rumah sakit

3. Memilih rumah sakit 4. Menampilkan listview rumhasakit

5. Melihat peta rumah 6. Menampilkan peta

(32)

Gambar 3.33 Activity Diagram User melihat peta lokasi klinik

Tabel 3.26 User Activity & System Response peta lokasi klinik

3. Memilih klinik 4. Menampilkan listview klinik

(33)

5. Melihat peta lokasi klinik

6. Menampilkan peta lokasi klinik

Gambar 3.34 Activity Diagram User melihat peta lokasi apotek

Tabel 3.27 User Activity & System Response peta loakasi apotek

3. Memilih apotek 4. Menampilkan listview apotek

(34)

5. Melihat peta lokasi apotek

6. Menampilkan peta lokasi apotek

3.5 Perancangan Database

Tabel 3.28 Identifikasi tipe entitas

Nama Entitas Aliases Description Occurence

Rumah sakit Rumah sakit Fitur pencarian lokasi rumah sakit

Pencarian lokasi rumah sakti

Klinik Klinik Fitur pencarian

lokasi klinik

Pencarian lokasi klinik

Apotek Apotek Fitur pencarian

lokasi apotek

Pencarian lokasi apotek

Tips kesehatan Tips kesehatan Fitur tips kesehatan

Membaca tips kesehatan

Detail Detail Detail dari

layanan kesehatan

Berisi alamat, nomor telpon, latitude dan longitude

Tabel 3.29 Identifikasi tipe relational

Entitas Multiplicity Relasi Entitas Multipliscity Rumah sakit 1...* Memiliki Detail layanan 1...1

(35)

Apotek 1...* Memiliki Detail layanan 1...1 Tips kesehatan 1...* Memiliki Detail laynan 1...1

Gambar 3.35 Diagram ER konseptual

Gambar 3.36 ERD

(36)

Tabel 3.30 Identifikasi tipe atribut

Nama entitas

Atribute Deskripsi Data type Null Multi value Rumah sakit RumahSakitID Jenis layanan

kesehatan

Varchar(20) No No

Klinik KlinikID Jenis layanan kesehatan

Varchar(20) No No

Apotek ApotekID Jenis layanan kesehatan

Varchar(20) No No

Tips Kesehatan

TipsID Tips-tips kesehatan

Varchar (20)

No no

Detail Layanan Kesehatan

DetailID Detail dari rumah sakit, klinik, apotek dan tips kesehatan

Varchar(20) No no

Nama Nama dari

rumah sakit, apotek,klinik dan judul tips

Varchar(20) No no

Alamat Alamat dari rumah sakit, apotek dan klinik

Varchar(20) No No

(37)

Nomor telpon Nomor telpon dari rumah sakit, apotek dan klinik

Integer No no

Latitude Koordinat lintang pada peta

Varchar(20) No No

Longitude Koordinat bujur pada peta

Varchar(20) No No

3.6 Perancangan Layar

3.6.1 Tampilan Aplikasi Android

a. Tampilan utama aplikasi

Pada halaman utama di tampilkan empat icon yaitu rumah sakit, klinik, apotek dan tips kesehatan.

(38)

b. Tampilan Rumah sakit

Pada halaman rumah sakit, di tampilkan dua tab yaitu tab listview rumah sakit dan tab rumah sakit sekitar user.

Gambar 3.38 Tampilan Listview Rumah sakit

Gambar 3.46 merupakan tampilan dari list rumah sakit. Dengan mengklik salah satu dari rumah sakit, user akan mendapatkan detail dari rumah sakit tersebut. Seperti alamat, nomor telpon dan posisi dari rumah sakit tersebut. User juga dapat melakukan panggilan dengan mengklik icon telpon yang ada di detail tersebut.

(39)

Gambar 3.39 Tampilan Detail dari Rumah sakit

Ketika user mengklik salah satu rumah sakit, akan di tampilkan informasi dari rumah sakit tersebut. Pada halaman ini, user dapat melihat posisi dari rumah sakit di map. User juga mendapatkan petunjuk arah ke rumah sakit tersebut dengan menekan button “Petunjuk arah”. Selain itu user juga dapat menelpon langsung rumah sakit tersebut dengan menekan icon telpon.

(40)

Dengan mengklik tab “Sekitar Saya”, akan di tampilkan map dari posisi user dan icon rumah sakit yang menujukan keberadaan rumah sakit yang ada di sekitar user. User juga mendapatkan informasi nama rumah sakit, nomor telpon dan jarak rumah sakit dengan mengklik icon dari salah satu rumah sakit tersebut.

c. Tampilan Klinik

Tidak jauh berbeda rumah sakit, pada tampilan klinik terdapat dua tab yaitu daftar klinik dan tab “Sekitar Saya”.

Gambar 3.41 Tampilan Listview Klinik

(41)

Gambar 3.42 Tampilan Detail Klinik

Gambar 3.43 Tampilan Klinik Sekitar User

d. Tampilan Apotek

(42)

Gambar 3.44 Tampilan Listview Apotek

Gambar 3.45 Tampilan Apotek Detail

(43)

Gambar 3.46 Tampilan Apotek Sekitar User

e. Tampilan Tips Kesehatan

Tips kesehatan merupakan fitur yang memberikan informasi kepada user mengenai tips-tips kesehatan dan panduan kesehatan. Berikut ini merupakan gambar tampilan dari listview tips-tips kesehatan.