PERANCANGAN APLIKASI BERBASIS -...

138
PERANCANGAN APLIKASI INFORMASI RUMAH SAKIT WILAYAH DKI JAKARTA BERBASIS MOBILE TECHNOLOGY Angga Saputra 106091002907 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UIN SYARIF HIDAYATULLAH JAKARTA 2011 M / 1432 H

Transcript of PERANCANGAN APLIKASI BERBASIS -...

Page 1: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

PERANCANGAN APLIKASI

INFORMASI RUMAH SAKIT WILAYAH DKI JAKARTA

BERBASIS MOBILE TECHNOLOGY

Angga Saputra

106091002907

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UIN SYARIF HIDAYATULLAH

JAKARTA

2011 M / 1432 H

Page 2: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

ii

PERANCANGAN APLIKASI

INFORMASI RUMAH SAKIT WILAYAH DKI JAKARTA

BERBASIS MOBILE TECHNOLOGY

Skripsi

Sebagai Salah Satu Syarat Untuk Memperoleh Gelar

Sarjana Komputer

Fakultas Sains dan Teknologi

Universitas Islam Negeri (UIN) Syarif Hidayatullah Jakarta

Oleh

Angga Saputra

106091002907

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UIN SYARIF HIDAYATULLAH

JAKARTA

2011 M / 1432 H

Page 3: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

iii

PERANCANGAN APLIKASI

INFORMASI RUMAH SAKIT WILAYAH DKI JAKARTA

BERBASIS MOBILE TECHNOLOGY

Skripsi

Diajukan Kepada Fakultas Sains dan Teknologi

Universitas Islam Negeri Syarif Hidayatullah Jakarta

Untuk Memenuhi Syarat-Syarat Meraih Gelar Sarjana Komputer

Oleh

Angga Saputra

106091002907

Menyetujui,

Pembimbing I Pembimbing II

Dr. Eko Syamsuddin Hasrito, M.Eng Ir. Bakri La katjong, MT., M.Kom

NIP. 19691025 1988 12 1 001 NIP. 470 035 764

Mengetahui,

Ketua Program Studi Teknik Informatika

Yusuf Durrachman, M.Sc, MIT

NIP. 19710522 2006 04 1 002

Page 4: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

iv

PENGESAHAN UJIAN

Skripsi yang berjudul “Perancangan Aplikasi Informasi Rumah Sakit Wilayah

DKI Jakarta Berbasis Mobile Technology”. Telah diuji dan dinyatakan lulus

dalam sidang munaqosyah Fakultas Sains dan Teknologi Universitas Islam Negeri

Syarif Hidayatullah Jakarta pada tanggal 1 April 2011. Skripsi ini telah diterima

sebagai salah satu syarat untuk memperoleh gelar sarjana strata satu (S1) program

studi Teknik Informatika.

Jakarta, April 2011

Menyetujui,

Penguji I Penguji II

Viva Arifin, MMSi Ria Hari Gusmita, M.Kom

NIP. 19730810 2006 04 2 001 NIP. 19820817 2009 12 2 002

Pembimbing I Pembimbing II

Dr. Eko Syamsuddin Hasrito, M.Eng Ir. Bakri La katjong, MT., M.Kom

NIP. 19691025 1988 12 1 001 NIP. 470 035 764

Mengetahui,

Dekan Fakultas Sains dan Teknologi Ketua Prodi Teknik Informatika

UIN Syarif Hidayatullah Jakarta

DR. Syopiansyah Jaya Putra, M.Sis Yusuf Durrachman, M.Sc, MIT

NIP. 19680117 2001 12 1 001 NIP. 19710522 2006 04 1 002

Page 5: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

v

PERNYATAAN

DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENAR-

BENAR HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN

SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI

ATAU LEMBAGA MANAPUN

Jakarta, April 2011

Angga Saputra

106091002907

Page 6: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

vi

ABSTRAK

Angga Saputra – 106091002907, Perancangan Aplikasi Informasi Rumah SakitWilayah DKI Jakarta Berbasis Mobile Technology, dibimbing oleh Bapak Dr.Eko Syamsuddin Hasrito, M.Eng dan Bapak Ir. Bakri La katjong, MT.,M.Kom.

Kemajuan teknologi sekarang ini banyak membawa dampak yang positif dalammembantu masyarakat, terlebih dalam memberikan suatu informasi penting yangdapat membantu permasalahan masyarakat. Dalam keadaan yang darurat sepertiingin mencari suatu lokasi rumah sakit yang dekat dengan tempat tinggal seringkali kita tidak mengetahui lokasi rumah sakit tersebut. Terlebih dalam wilayah IbuKota Jakarta yang padat dengan penduduk dan struktur bangunannya. Pada saatini penyampaian informasi mengenai rumah sakit sangat terbatas, terlebihinformasi yang ada masih sulit dicari dan data rumah sakit yang dimaksud belumtentu data yang benar. Permasalahan seperti itulah yang menjadi acuan dalammembuat aplikasi yang mampu memberikan informasi mengenai rumah sakit danmemberikan peta letak rumah sakit tersebut agar para pengguna yang mencariinformasi rumah sakit itu lebih jelas. Selain itu aplikasi yang dibuat dapatdigunakan secara mudah, kapanpun dan dimanapun, karena aplikasi yang dibuatberbasis mobile. Dalam penelitian ini metode yang digunakan adalah “MetodePengembangan Aplikasi Multimedia. Pada akhirnya, aplikasi ini dapatmemberikan kemudahan dalam memberikan informasi yang diperlukan mengenairumah sakit. Aplikasi ini dapat pula dikembangan nantinya misalnya denganmenambahkan konten yang dapat memungkinkan pengguna dalam mencariinformasi tentang jadwal dokter dalam aplikasi tersebut.

Kata Kunci : Peta digital, rumah sakit, mobile phone.Jumlah Halaman : V Bab + xviii Halaman + 106 Halaman + 66 Gambar + 18Tabel + Daftar Pustaka + Lampiran.Jumlah Daftar Pustaka : 17 Sumber (Tahun 2002 – Tahun 2010)

Page 7: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

vii

KATA PENGANTAR

Puji syukur kepada Allah SWT yang telah memberikan nikmat

kesehatan dan panjang umur kepada penulis, karena penulis dapat menyelesaikan

penyusunan penulisan laporan skripsi ini yang berjudul “Perancangan Aplikasi

Informasi Rumah Sakit Wilayah DKI Jakarta Berbasis Mobile Technology”

Penulis juga telah berusaha sebaik-baiknya dalam menyusun laporan

ini. Penulis juga menyadari bahwa skripsi ini tidak dapat terselesaikan dengan

baik tanpa bantuan dari berbagai pihak. Untuk itu penulis ingin mengucapkan

terima kasih yang sebesar-besarnya atas semua arahan, bimbingan, maupun

bantuan dalam menyelesaikan laporan skripsi ini. Penulis mengucapkan terima

kasih kepada:

1. Bapak DR. Syopiansyah Jaya Putra, M. Sis selaku Dekan Fakultas Sains dan

Teknologi UIN Syarif Hidayatulah Jakarta.

2. Bapak Yusuf Durrachman, M.Sc , MIT selaku Ketua Program Studi Teknik

Informatika dan Ibu Viva Arifin, M.MSi selaku Sekretaris Program Studi

Teknik Informatika.

3. Bapak DR. Eko Syamsuddin Hasrito, M.Eng selaku Dosen Pembimbing I,

dan Bapak Ir. Bakri La Katjong selaku Dosen Pembimbing II yang telah

memberikan arahan serta masukan dalam menyelesaikan skripsi ini.

4. Seluruh Dosen Teknik Informatika yang tidak dapat penulis sebutkan satu

persatu yang telah memberikan ilmu selama penulis menyelesaikan studi.

Page 8: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

viii

5. Seluruh Staff Jurusan TI/SI dan staff Akademik FST yang telah membantu

penulis dalam masa perkuliahan.

6. Kedua Orang Tua dan adikku yang tidak henti-hentinya memberikan

dukungan, motivasi, dukungan dan doa kepada penulis sampai sekarang ini.

7. Teman-teman Teknik Informatika angkatan 2006, terutama Kartika Ika Sari

Puteri, Dimas Sony Dewantara, Luluk Mitasari, Dyah Astari Widyaningsih

dan Kosasih yang selalu memberikan banyak dukungan serta doa kepada

penulis.

8. Kepada semua pihak yang yang tidak dapat disebutkan satu-persatu terima

kasih atas bantuan serta semangat motivasi yang diberikan.

Penulis juga menyadari masih banyaknya kekurangan dalam pembuatan

laporan ini, maka dari itu, penulis mengucapkan maaf yang sebesar-besarnya jika

dalam proses pembuatan laporan skripsi ini ada hal-hal yang kurang berkenaan.

Penulis juga mengharapkan saran serta kritik dari semua pihak agar laporan ini

bisa menjadi lebih baik lagi.

Akhir kata, penulis berharap agar pembuatan laporan skripsi ini berguna

bari penulis maupun bagi pembacanya. Amin.

Jakarta, April 2011

Angga Saputra

Page 9: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

ix

DAFTAR ISI

Halaman

Halaman Sampul ........................................................................................... i

Halaman Judul ............................................................................................. ii

Lembar Pengesahan Pembimbing ................................................................ iii

Lembar Pengesahan Ujian ........................................................................... iv

Lembar Pernyataan ...................................................................................... v

Abstraksi .................................................................................................... vi

Kata Pengantar ........................................................................................... vii

Daftar Isi ..................................................................................................... ix

Daftar Gambar .......................................................................................... xiv

Daftar Tabel ............................................................................................. xvii

Daftar Lampiran ..................................................................................... xviii

BAB I PENDAHULUAN ....................................................................... 1

1.1 Latar Belakang ........................................................................ 1

1.2 Perumusan Masalah ................................................................. 2

1.3 Batasan Masalah ...................................................................... 2

1.4 Tujuan dan Manfaat Penelitian ................................................. 2

1.4.1 Tujuan Penelitian ......................................................... 3

1.4.2 Manfaat Penelitian ....................................................... 3

1.4.2.1 Bagi Peneliti .................................................. 3

1.4.2.2 Bagi Masyarakat ............................................ 3

Page 10: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

x

1.4.2.3 Bagi Universitas ............................................ 3

1.5 Metodologi Penelitian .............................................................. 4

1.5.1 Pengumpulan Data ....................................................... 4

1.5.2 Pengembangan Aplikasi Multimedia ............................ 4

1.6 Sistematika Penulisan .............................................................. 5

BAB II LANDASAN TEORI ................................................................. 7

2.1 Perancangan ............................................................................ 7

2.2 Aplikasi .................................................................................. 8

2.3 Informasi ................................................................................ 8

2.4 Gambaran Umum Rumah Sakit ............................................... 9

2.4.1 Pengertian Rumah Sakit ............................................... 9

2.4.2 Jenis-Jenis Rumah Sakit ............................................... 9

2.4.2.1 Menurut Jenis .............................................. 10

2.4.2.2 Menurut Pengelola ....................................... 11

2.4.3 Daftar Rumah Sakit Wilayah DKI Tahun 2010 .......... 12

2.4.3.1 Wilayah Kota Administrasi Jakarta Selatan... 12

2.4.3.2 Wilayah Kota Administrasi Jakarta Pusat ..... 13

2.4.3.3 Wilayah Kota Administrasi Jakarta Barat ..... 14

2.4.3.4 Wilayah Kota Administrasi Jakarta Utara .... 15

2.4.3.5 Wilayah Kota Administrasi Jakarta Timur ... 16

2.5 Peta ....................................................................................... 17

2.5.1 Pengertian Peta ......................................................... 17

2.5.2 Elemen Peta .............................................................. 18

Page 11: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

xi

2.6 Mobile Technology ............................................................... 21

2.7 Konsep Dasar Multimedia ..................................................... 21

2.7.1 Objek-Objek Multimedia .......................................... 22

2.8 Model Perancangan Sistem ................................................... 24

2.8.1 Storyboard ................................................................. 24

2.8.2 Struktur Navigasi ....................................................... 25

2.8.3 Flowchart .................................................................. 28

2.8.4 State Transition Diagram (STD) ................................ 30

2.9 Perangkat Lunak Dalam Perancangan Sistem ........................ 31

2.9.1 Adobe Photoshop CS 3 .............................................. 31

2.9.2 Macromedia Fireworks 8 ........................................... 36

2.9.3 Flash Lite ................................................................... 38

2.9.3.1 Baris Menu (Menu Bar) ............................... 39

2.9.3.2 Kanvas (Stage) ............................................ 39

2.9.3.3 Baris Waktu (Time Line) .............................. 40

2.9.3.4 Panel Properties ........................................... 41

2.9.3.5 Tombol Gambar .......................................... 42

2.10 Studi Literatur Sejenis ............................................................ 43

2.11 Pengembangan Aplikasi Multimedia ...................................... 44

3.2.1 Mendefinisikan Masalah ............................................ 45

3.2.2 Merancang Konsep .................................................... 46

3.2.3 Merancang Isi ............................................................ 46

3.2.4 Merancang Naskah .................................................... 46

Page 12: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

xii

3.2.5 Merancang Grafik ...................................................... 46

3.2.6 Memproduksi Sistem ................................................. 47

3.2.7 Mengetes Sistem ........................................................ 47

3.2.8 Menggunakan Sistem ................................................. 47

3.2.9 Memelihara Sistem .................................................... 47

BAB III METODOLOGI PENELITIAN ............................................ 48

3.1 Pengumpulan Data ................................................................. 48

3.1.1 Observasi ................................................................... 48

3.1.2 Kuisioner ................................................................... 48

3.1.3 Studi Kepustakaan ..................................................... 49

3.1.4 Studi Literatur ............................................................ 49

BAB IV HASIL DAN PEMBAHASAN ............................................... 50

4.1 Mendefinisikan Masalah ........................................................ 50

4.2 Merancang Konsep ................................................................ 53

4.3 Merancang Isi ........................................................................ 54

4.4 Merancang Naskah ................................................................ 55

4.4.1 Storyboard .................................................................. 56

4.4.2 Struktur Navigasi Menu............................................... 67

4.4.3 Flowchart ................................................................... 68

4.4.4 State Transition Diagram (STD) ................................. 75

4.5 Merancang Grafik .................................................................. 80

4.5.1 Rancangan Gambar ..................................................... 80

4.5.2 Rancangan Tombol ..................................................... 83

Page 13: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

xiii

4.6 Produksi Sistem ..................................................................... 85

4.6.1 Pembuatan Aplikasi .................................................... 85

4.6.1.1 Layar Utama .................................................. 89

4.6.1.2 Layar Menu Utama ........................................ 90

4.6.1.3 Layar Menu Utama Sekilas RS ...................... 91

4.6.1.4 Layar Menu Utama Informasi RS .................. 92

4.6.1.5 Layar Menu Daftar Kecamatan ...................... 93

4.6.1.6 Layar Menu Daftar RS .................................. 94

4.6.1.7 Layar Menu Penjelasan RS ............................ 95

4.6.1.8 Layar Menu Peta Wilayah Kecamatan ........... 96

4.6.1.9 Layar Menu Peta Letak RS ............................ 97

4.6.1.10 Layar Menu Utama Kontak ............................ 98

4.6.1.11 Layar Menu Utama Bantuan .......................... 99

4.7 Pengetesan Sistem ............................................................... 100

4.7.1 Tes Sistem Mandiri.................................................... 100

4.7.2 Hasil Wawancara Dengan Dinas Kesehatan ............... 100

4.7.3 Tes Sistem Dengan User............................................ 101

4.7.4 Spesifikasi Perangkat Menjalankan Aplikasi ............. 102

4.8 Penggunaan Sistem .............................................................. 103

4.9 Memelihara Sistem .............................................................. 103

BAB V PENUTUP ............................................................................. 105

5.1 Kesimpulan .......................................................................... 105

5.2 Saran ................................................................................... 106

Page 14: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

xiv

DAFTAR GAMBAR

Halaman

Gambar 2.1 Struktur Navigasi Linear ...................................................... 25

Gambar 2.2 Struktur Navigasi Menu ....................................................... 26

Gambar 2.3 Struktur Navigasi Hierarki ................................................... 26

Gambar 2.4 Struktur Navigasi Jaringan .................................................. 27

Gambar 2.5 Struktur Navigasi Kombinasi ............................................... 28

Gambar 2.6 Area Kerja Adobe Photoshop CS3 ....................................... 32

Gambar 2.7 Area Kerja Macromedia Fireworks 8 ................................... 37

Gambar 2.8 Jendela Utama Adobe Flash Lite .......................................... 39

Gambar 2.9 Baris Menu Adobe Flash Lite .............................................. 39

Gambar 2.10 Kanvas (Stage) ..................................................................... 40

Gambar 2.11 Baris Waktu (Time Line) ...................................................... 41

Gambar 2.12 Panel Properties ................................................................... 41

Gambar 2.13 Tombol Gambar ................................................................... 42

Gambar 2.14 Siklus Pengembangan Aplikasi Multimedia ........................ 44

Gambar 2.15 Rincian Siklus Pengembangan Aplikasi Multimedia ........... 45

Gambar 4.1 Storyboard Layar Utama....................................................... 56

Gambar 4.2 Storyboard Layar Menu Utama ............................................ 57

Gambar 4.3 Storyboard Layar Menu Utama Sekilas RS .......................... 58

Gambar 4.4 Storyboard Layar Menu Utama Informasi RS ...................... 59

Gambar 4.5 Storyboard Layar Menu Daftar Kecamatan........................... 60

Page 15: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

xv

Gambar 4.6 Storyboard Layar Menu Daftar RS ....................................... 61

Gambar 4.7 Storyboard Layar Menu Penjelasan RS ................................ 62

Gambar 4.8 Storyboard Layar Menu Peta Wilayah Kecamatan ............... 63

Gambar 4.9 Storyboard Layar Menu Peta Letak RS ................................ 64

Gambar 4.10 Storyboard Layar Menu Utama Kontak................................. 65

Gambar 4.11 Storyboard Layar Menu Utama Bantuan .............................. 66

Gambar 4.12 Struktur Navigasi ................................................................. 67

Gambar 4.13 Flowchart Tampilan Utama ................................................. 68

Gambar 4.14 Flowchart Tampilan Menu Utama ....................................... 69

Gambar 4.15 Flowchart Tampilan Sekilas RS ........................................... 70

Gambar 4.16 Flowchart Tampilan Informasi RS ....................................... 71

Gambar 4.17 Flowchart Tampilan Kontak ................................................ 72

Gambar 4.18 Flowchart Tampilan Bantuan ............................................... 73

Gambar 4.19 Flowchart Tampilan Cari RS ............................................... 74

Gambar 4.20 Rancangan Struktur Menu Utama ........................................ 75

Gambar 4.21 Rancangan Struktur Menu Utama Sekilas RS ....................... 76

Gambar 4.22 Rancangan Struktur Menu Utama Informasi RS ................... 76

Gambar 4.23 Rancangan Struktur Menu Informasi RS .............................. 77

Gambar 4.24 Rancangan Struktur Menu Utama Kontak ............................. 78

Gambar 4.25 Rancangan Struktur Menu Utama Bantuan ........................... 78

Gambar 4.26 Rancangan Struktur Menu Cari RS ...................................... 79

Gambar 4.27 Membuat File Baru Pada Adobe Photoshop CS 3 ................ 80

Gambar 4.28 Mengubah Layer Image ....................................................... 81

Page 16: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

xvi

Gambar 4.29 Hasil Rancangan Gambar ..................................................... 82

Gambar 4.30 Menyimpan File Pada Adobe Photoshop CS 3 ..................... 82

Gambar 4.31 Mengatur Canvas Size Macromedia Fireworks 8 .................. 83

Gambar 4.32 Pengaturan Properties .......................................................... 84

Gambar 4.33 Memberi Efek Drop Shadow ................................................ 84

Gambar 4.34 Menyimpan File Pada Macromedia Fireworks 8 .................. 85

Gambar 4.35 List Library .......................................................................... 86

Gambar 4.36 Baris Timeline Pada Adobe Flash Lite .................................. 86

Gambar 4.37 Memberi Action Script ......................................................... 87

Gambar 4.38 Export Movie ....................................................................... 88

Gambar 4.39 Tampilan Layar Utama ........................................................ 89

Gambar 4.40 Tampilan Layar Menu Utama .............................................. 90

Gambar 4.41 Tampilan Layar Menu Utama Sekilas Rumah Sakit ............. 91

Gambar 4.42 Tampilan Menu Utama Informasi Rumah Sakit ................... 92

Gambar 4.43 Tampilan Layar Menu Daftar Kecamatan ............................. 93

Gambar 4.44 Tampilan Layar Menu Daftar Rumah Sakit .......................... 94

Gambar 4.45 Tampilan Layar Menu Penjelasan Rumah Sakit ................... 95

Gambar 4.46 Tampilan Layar Menu Peta Wilayah Kecamatan .................. 96

Gambar 4.47 Tampilan Layar Menu Peta Letak Rumah Sakit ................... 97

Gambar 4.48 Tampilan Layar Menu Utama Kontak .................................. 98

Gambar 4.49 Tampilan Layar Menu Utama Bantuan ................................. 99

Gambar 4.50 Handphone Nokia N81 ...................................................... 100

Page 17: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

xvii

DAFTAR TABEL

Halaman

Tabel 2.1 Daftar Rumah Sakit Umum Jakarta Selatan .............................. 12

Tabel 2.2 Daftar Rumah Sakit Khusus Jakarta Selatan ............................. 13

Tabel 2.3 Daftar Rumah Sakit Umum Jakarta Pusat ................................. 13

Tabel 2.4 Daftar Rumah Sakit Khusus Jakarta Pusat ................................ 14

Tabel 2.5 Daftar Rumah Sakit Umum Jakarta Barat ................................. 14

Tabel 2.6 Daftar Rumah Sakit Khusus Jakarta Barat ................................ 15

Tabel 2.7 Daftar Rumah Sakit Umum Jakarta Utara ................................. 15

Tabel 2.8 Daftar Rumah Sakit Khusus Jakarta Utara ................................ 16

Tabel 2.9 Daftar Rumah Sakit Umum Jakarta Timur ................................ 16

Tabel 2.10 Daftar Rumah Sakit Khusus Jakarta Timur ............................... 17

Tabel 2.11 Simbol – simbol Flowchart ...................................................... 29

Tabel 2.12 Studi Literatur Sejenis .............................................................. 43

Tabel 4.1 Tabel Hasil Kuisioner ............................................................... 51

Tabel 4.2 Spesifikasi Handphone Nokia N81 .......................................... 102

Tabel L4.1 Data Hasil Kuisioner I ..........................................................L4-4

Tabel L4.2 Persentase Data Hasil Kuisioner I .........................................L4-4

Tabel L5.1 Data Hasil Kuisioner II ........................................................L5-4

Tabel L5.2 Persentase Data Hasil Kuisioner II ........................................L5-4

Page 18: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

xviii

DAFTAR LAMPIRAN

Halaman

Lampiran 1. Surat Permohonan Penelitian ............................................... L1 - 1

Lampiran 2. SK Dosen Pembimbing ....................................................... L2 - 1

Lampiran 3. Surat Izin Penelitian ............................................................ L3 - 1

Lampiran 4. Kuisioner Sebelum Penelitian dan Hasilnya ....................... L4 - 1

Lampiran 5. Kuisioner Sesudah Penelitian dan Hasilnya ......................... L5 - 1

Lampiran 6. Daftar Rumah Sakit Provinsi DKI Jakarta 2010 ................... L6 - 1

Lampiran 7. Listing Program .................................................................. L7 - 1

Page 19: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

ABSTRAK

Angga Saputra – 106091002907, Perancangan Aplikasi Informasi Rumah SakitWilayah DKI Jakarta Berbasis Mobile Technology, dibimbing oleh Bapak Dr.Eko Syamsuddin Hasrito, M.Eng dan Bapak Ir. Bakri La katjong, MT.,M.Kom.

Kemajuan teknologi sekarang ini banyak membawa dampak yang positif dalammembantu masyarakat, terlebih dalam memberikan suatu informasi penting yangdapat membantu permasalahan masyarakat. Dalam keadaan yang darurat sepertiingin mencari suatu lokasi rumah sakit yang dekat dengan tempat tinggal seringkali kita tidak mengetahui lokasi rumah sakit tersebut. Terlebih dalam wilayah IbuKota Jakarta yang padat dengan penduduk dan struktur bangunannya. Pada saatini penyampaian informasi mengenai rumah sakit sangat terbatas, terlebihinformasi yang ada masih sulit dicari dan data rumah sakit yang dimaksud belumtentu data yang benar. Permasalahan seperti itulah yang menjadi acuan dalammembuat aplikasi yang mampu memberikan informasi mengenai rumah sakit danmemberikan peta letak rumah sakit tersebut agar para pengguna yang mencariinformasi rumah sakit itu lebih jelas. Selain itu aplikasi yang dibuat dapatdigunakan secara mudah, kapanpun dan dimanapun, karena aplikasi yang dibuatberbasis mobile. Dalam penelitian ini metode yang digunakan adalah “MetodePengembangan Aplikasi Multimedia. Pada akhirnya, aplikasi ini dapatmemberikan kemudahan dalam memberikan informasi yang diperlukan mengenairumah sakit. Aplikasi ini dapat pula dikembangan nantinya misalnya denganmenambahkan konten yang dapat memungkinkan pengguna dalam mencariinformasi tentang jadwal dokter dalam aplikasi tersebut.

Kata Kunci : Peta digital, rumah sakit, mobile phone.Jumlah Halaman : V Bab + xviii Halaman + 106 Halaman + 66 Gambar + 18Tabel + Daftar Pustaka + Lampiran.Jumlah Daftar Pustaka : 17 Sumber (Tahun 2002 – Tahun 2010)

Page 20: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

DAFTAR ISI

Halaman

Halaman Sampul ........................................................................................... i

Halaman Judul ............................................................................................. ii

Lembar Pengesahan Pembimbing ................................................................ iii

Lembar Pengesahan Ujian ........................................................................... iv

Lembar Pernyataan ...................................................................................... v

Abstraksi .................................................................................................... vi

Kata Pengantar ........................................................................................... vii

Daftar Isi ..................................................................................................... ix

Daftar Gambar .......................................................................................... xiv

Daftar Tabel ............................................................................................. xvii

Daftar Lampiran ..................................................................................... xviii

BAB I PENDAHULUAN ....................................................................... 1

1.1 Latar Belakang ........................................................................ 1

1.2 Perumusan Masalah ................................................................. 2

1.3 Batasan Masalah ...................................................................... 2

1.4 Tujuan dan Manfaat Penelitian ................................................. 2

1.4.1 Tujuan Penelitian ......................................................... 3

1.4.2 Manfaat Penelitian ....................................................... 3

1.4.2.1 Bagi Peneliti .................................................. 3

1.4.2.2 Bagi Masyarakat ............................................ 3

Page 21: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

1.4.2.3 Bagi Universitas ............................................ 3

1.5 Metodologi Penelitian .............................................................. 4

1.5.1 Pengumpulan Data ....................................................... 4

1.5.2 Pengembangan Aplikasi Multimedia ............................ 4

1.6 Sistematika Penulisan .............................................................. 5

BAB II LANDASAN TEORI ................................................................. 7

2.1 Perancangan ............................................................................ 7

2.2 Aplikasi .................................................................................. 8

2.3 Informasi ................................................................................ 8

2.4 Gambaran Umum Rumah Sakit ............................................... 9

2.4.1 Pengertian Rumah Sakit ............................................... 9

2.4.2 Jenis-Jenis Rumah Sakit ............................................... 9

2.4.2.1 Menurut Jenis .............................................. 10

2.4.2.2 Menurut Pengelola ....................................... 11

2.4.3 Daftar Rumah Sakit Wilayah DKI Tahun 2010 .......... 12

2.4.3.1 Wilayah Kota Administrasi Jakarta Selatan... 12

2.4.3.2 Wilayah Kota Administrasi Jakarta Pusat ..... 13

2.4.3.3 Wilayah Kota Administrasi Jakarta Barat ..... 14

2.4.3.4 Wilayah Kota Administrasi Jakarta Utara .... 15

2.4.3.5 Wilayah Kota Administrasi Jakarta Timur ... 16

2.5 Peta ....................................................................................... 17

2.5.1 Pengertian Peta ......................................................... 17

2.5.2 Elemen Peta .............................................................. 18

Page 22: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

2.6 Mobile Technology ............................................................... 21

2.7 Konsep Dasar Multimedia ..................................................... 21

2.7.1 Objek-Objek Multimedia .......................................... 22

2.8 Model Perancangan Sistem ................................................... 24

2.8.1 Storyboard ................................................................. 24

2.8.2 Struktur Navigasi ....................................................... 25

2.8.3 Flowchart .................................................................. 28

2.8.4 State Transition Diagram (STD) ................................ 30

2.9 Perangkat Lunak Dalam Perancangan Sistem ........................ 31

2.9.1 Adobe Photoshop CS 3 .............................................. 31

2.9.2 Macromedia Fireworks 8 ........................................... 36

2.9.3 Flash Lite ................................................................... 38

2.9.3.1 Baris Menu (Menu Bar) ............................... 39

2.9.3.2 Kanvas (Stage) ............................................ 39

2.9.3.3 Baris Waktu (Time Line) .............................. 40

2.9.3.4 Panel Properties ........................................... 41

2.9.3.5 Tombol Gambar .......................................... 42

2.10 Studi Literatur Sejenis ............................................................ 43

2.11 Pengembangan Aplikasi Multimedia ...................................... 44

3.2.1 Mendefinisikan Masalah ............................................ 45

3.2.2 Merancang Konsep .................................................... 46

3.2.3 Merancang Isi ............................................................ 46

3.2.4 Merancang Naskah .................................................... 46

Page 23: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

3.2.5 Merancang Grafik ...................................................... 46

3.2.6 Memproduksi Sistem ................................................. 47

3.2.7 Mengetes Sistem ........................................................ 47

3.2.8 Menggunakan Sistem ................................................. 47

3.2.9 Memelihara Sistem .................................................... 47

BAB III METODOLOGI PENELITIAN ............................................ 48

3.1 Pengumpulan Data ................................................................. 48

3.1.1 Observasi ................................................................... 48

3.1.2 Kuisioner ................................................................... 48

3.1.3 Studi Kepustakaan ..................................................... 49

3.1.4 Studi Literatur ............................................................ 49

BAB IV HASIL DAN PEMBAHASAN ............................................... 50

4.1 Mendefinisikan Masalah ........................................................ 50

4.2 Merancang Konsep ................................................................ 53

4.3 Merancang Isi ........................................................................ 54

4.4 Merancang Naskah ................................................................ 55

4.4.1 Storyboard .................................................................. 56

4.4.2 Struktur Navigasi Menu............................................... 67

4.4.3 Flowchart ................................................................... 68

4.4.4 State Transition Diagram (STD) ................................. 75

4.5 Merancang Grafik .................................................................. 80

4.5.1 Rancangan Gambar ..................................................... 80

4.5.2 Rancangan Tombol ..................................................... 83

Page 24: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

4.6 Produksi Sistem ..................................................................... 85

4.6.1 Pembuatan Aplikasi .................................................... 85

4.6.1.1 Layar Utama .................................................. 89

4.6.1.2 Layar Menu Utama ........................................ 90

4.6.1.3 Layar Menu Utama Sekilas RS ...................... 91

4.6.1.4 Layar Menu Utama Informasi RS .................. 92

4.6.1.5 Layar Menu Daftar Kecamatan ...................... 93

4.6.1.6 Layar Menu Daftar RS .................................. 94

4.6.1.7 Layar Menu Penjelasan RS ............................ 95

4.6.1.8 Layar Menu Peta Wilayah Kecamatan ........... 96

4.6.1.9 Layar Menu Peta Letak RS ............................ 97

4.6.1.10 Layar Menu Utama Kontak ............................ 98

4.6.1.11 Layar Menu Utama Bantuan .......................... 99

4.7 Pengetesan Sistem ............................................................... 100

4.7.1 Tes Sistem Mandiri.................................................... 100

4.7.2 Hasil Wawancara Dengan Dinas Kesehatan ............... 100

4.7.3 Tes Sistem Dengan User............................................ 101

4.7.4 Spesifikasi Perangkat Menjalankan Aplikasi ............. 102

4.8 Penggunaan Sistem .............................................................. 103

4.9 Memelihara Sistem .............................................................. 103

BAB V PENUTUP ............................................................................. 105

5.1 Kesimpulan .......................................................................... 105

5.2 Saran ................................................................................... 106

Page 25: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

DAFTAR GAMBAR

Halaman

Gambar 2.1 Struktur Navigasi Linear ...................................................... 25

Gambar 2.2 Struktur Navigasi Menu ....................................................... 26

Gambar 2.3 Struktur Navigasi Hierarki ................................................... 26

Gambar 2.4 Struktur Navigasi Jaringan .................................................. 27

Gambar 2.5 Struktur Navigasi Kombinasi ............................................... 28

Gambar 2.6 Area Kerja Adobe Photoshop CS3 ....................................... 32

Gambar 2.7 Area Kerja Macromedia Fireworks 8 ................................... 37

Gambar 2.8 Jendela Utama Adobe Flash Lite .......................................... 39

Gambar 2.9 Baris Menu Adobe Flash Lite .............................................. 39

Gambar 2.10 Kanvas (Stage) ..................................................................... 40

Gambar 2.11 Baris Waktu (Time Line) ...................................................... 41

Gambar 2.12 Panel Properties ................................................................... 41

Gambar 2.13 Tombol Gambar ................................................................... 42

Gambar 2.14 Siklus Pengembangan Aplikasi Multimedia ........................ 44

Gambar 2.15 Rincian Siklus Pengembangan Aplikasi Multimedia ........... 45

Gambar 4.1 Storyboard Layar Utama....................................................... 56

Gambar 4.2 Storyboard Layar Menu Utama ............................................ 57

Gambar 4.3 Storyboard Layar Menu Utama Sekilas RS .......................... 58

Gambar 4.4 Storyboard Layar Menu Utama Informasi RS ...................... 59

Gambar 4.5 Storyboard Layar Menu Daftar Kecamatan........................... 60

Page 26: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

Gambar 4.6 Storyboard Layar Menu Daftar RS ....................................... 61

Gambar 4.7 Storyboard Layar Menu Penjelasan RS ................................ 62

Gambar 4.8 Storyboard Layar Menu Peta Wilayah Kecamatan ............... 63

Gambar 4.9 Storyboard Layar Menu Peta Letak RS ................................ 64

Gambar 4.10 Storyboard Layar Menu Utama Kontak................................. 65

Gambar 4.11 Storyboard Layar Menu Utama Bantuan .............................. 66

Gambar 4.12 Struktur Navigasi ................................................................. 67

Gambar 4.13 Flowchart Tampilan Utama ................................................. 68

Gambar 4.14 Flowchart Tampilan Menu Utama ....................................... 69

Gambar 4.15 Flowchart Tampilan Sekilas RS ........................................... 70

Gambar 4.16 Flowchart Tampilan Informasi RS ....................................... 71

Gambar 4.17 Flowchart Tampilan Kontak ................................................ 72

Gambar 4.18 Flowchart Tampilan Bantuan ............................................... 73

Gambar 4.19 Flowchart Tampilan Cari RS ............................................... 74

Gambar 4.20 Rancangan Struktur Menu Utama ........................................ 75

Gambar 4.21 Rancangan Struktur Menu Utama Sekilas RS ....................... 76

Gambar 4.22 Rancangan Struktur Menu Utama Informasi RS ................... 76

Gambar 4.23 Rancangan Struktur Menu Informasi RS .............................. 77

Gambar 4.24 Rancangan Struktur Menu Utama Kontak ............................. 78

Gambar 4.25 Rancangan Struktur Menu Utama Bantuan ........................... 78

Gambar 4.26 Rancangan Struktur Menu Cari RS ...................................... 79

Gambar 4.27 Membuat File Baru Pada Adobe Photoshop CS 3 ................ 80

Gambar 4.28 Mengubah Layer Image ....................................................... 81

Page 27: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

Gambar 4.29 Hasil Rancangan Gambar ..................................................... 82

Gambar 4.30 Menyimpan File Pada Adobe Photoshop CS 3 ..................... 82

Gambar 4.31 Mengatur Canvas Size Macromedia Fireworks 8 .................. 83

Gambar 4.32 Pengaturan Properties .......................................................... 84

Gambar 4.33 Memberi Efek Drop Shadow ................................................ 84

Gambar 4.34 Menyimpan File Pada Macromedia Fireworks 8 .................. 85

Gambar 4.35 List Library .......................................................................... 86

Gambar 4.36 Baris Timeline Pada Adobe Flash Lite .................................. 86

Gambar 4.37 Memberi Action Script ......................................................... 87

Gambar 4.38 Export Movie ....................................................................... 88

Gambar 4.39 Tampilan Layar Utama ........................................................ 89

Gambar 4.40 Tampilan Layar Menu Utama .............................................. 90

Gambar 4.41 Tampilan Layar Menu Utama Sekilas Rumah Sakit ............. 91

Gambar 4.42 Tampilan Menu Utama Informasi Rumah Sakit ................... 92

Gambar 4.43 Tampilan Layar Menu Daftar Kecamatan ............................. 93

Gambar 4.44 Tampilan Layar Menu Daftar Rumah Sakit .......................... 94

Gambar 4.45 Tampilan Layar Menu Penjelasan Rumah Sakit ................... 95

Gambar 4.46 Tampilan Layar Menu Peta Wilayah Kecamatan .................. 96

Gambar 4.47 Tampilan Layar Menu Peta Letak Rumah Sakit ................... 97

Gambar 4.48 Tampilan Layar Menu Utama Kontak .................................. 98

Gambar 4.49 Tampilan Layar Menu Utama Bantuan ................................. 99

Gambar 4.50 Handphone Nokia N81 ...................................................... 100

Page 28: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

DAFTAR TABEL

Halaman

Tabel 2.1 Daftar Rumah Sakit Umum Jakarta Selatan .............................. 12

Tabel 2.2 Daftar Rumah Sakit Khusus Jakarta Selatan ............................. 13

Tabel 2.3 Daftar Rumah Sakit Umum Jakarta Pusat ................................. 13

Tabel 2.4 Daftar Rumah Sakit Khusus Jakarta Pusat ................................ 14

Tabel 2.5 Daftar Rumah Sakit Umum Jakarta Barat ................................. 14

Tabel 2.6 Daftar Rumah Sakit Khusus Jakarta Barat ................................ 15

Tabel 2.7 Daftar Rumah Sakit Umum Jakarta Utara ................................. 15

Tabel 2.8 Daftar Rumah Sakit Khusus Jakarta Utara ................................ 16

Tabel 2.9 Daftar Rumah Sakit Umum Jakarta Timur ................................ 16

Tabel 2.10 Daftar Rumah Sakit Khusus Jakarta Timur ............................... 17

Tabel 2.11 Simbol – simbol Flowchart ...................................................... 29

Tabel 2.12 Studi Literatur Sejenis .............................................................. 43

Tabel 4.1 Tabel Hasil Kuisioner ............................................................... 51

Tabel 4.2 Spesifikasi Handphone Nokia N81 .......................................... 102

Tabel L4.1 Data Hasil Kuisioner I ..........................................................L4-4

Tabel L4.2 Persentase Data Hasil Kuisioner I .........................................L4-4

Tabel L5.1 Data Hasil Kuisioner II ........................................................L5-4

Tabel L5.2 Persentase Data Hasil Kuisioner II ........................................L5-4

Page 29: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Perkembangan dunia teknologi dan informasi yang sangat pesat

dewasa ini sangat dirasakan dalam berbagai aspek kehidupan. Kemajuan

teknologi sekarang ini banyak membawa dampak yang positif dalam

membantu masyarakat, terlebih dalam memberikan suatu informasi penting

yang dapat membantu permasalahan tersebut. Dalam keadaan yang darurat

seperti ingin mencari informasi mengenai Rumah Sakit dan untuk

mengetahui letak Rumah Sakit yang dituju.

Menurut Dinas Kesehatan DKI Jakarta, dengan semakin

bertambahnya penduduk dan struktur bangunan di Ibu Kota membuat

masyarakat lupa dengan letak rumah sakit yang dituju. Untuk itu dibutuhkan

suatu aplikasi yang mampu membantu permasalahan tersebut, yang nantinya

diharapkan agar dapat membantu masyarakat dalam memberikan informasi

mengenai rumah sakit beserta petanya tersebut.

Dari pemikiran tersebut, maka dalam penelitian ini akan membuat

suatu aplikasi yang dapat membantu dalam memberikan informasi rumah

sakit wilayah DKI Jakarta dengan berbagai informasi penting, yang mampu

dapat membantu masyarakat pendatang ke Jakarta.

Page 30: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

2

Adapun judul yang diangkat adalah “Perancangan Aplikasi

Informasi Rumah Sakit Wilayah DKI Jakarta Berbasis Mobile

Technology”

1.2 Perumusan Masalah

Berdasarkan latar belakang tersebut, Pokok permasalahan yang

akan dibahas dalam penelitian ini adalah:

Bagaimana membuat suatu aplikasi yang dapat memberikan informasi

rumah sakit beserta gambar petanya pada perangkat mobile.

1.3 Batasan Masalah

Batasan masalah dalam penelitian ini adalah:

1. Dalam aplikasi ini menampilkan rumah sakit umum dan khusus wilayah

DKI Jakarta yang terdata pada Dinas Kesehatan DKI Jakarta. (Data

Dinas Kesehatan DKI Jakarta Tahun 2010)

2. Aplikasi ini memberikan informasi-informasi penting pada rumah sakit

yaitu: alamat, nomor telepon, nomor fax,peta letak rumah sakit serta

contact person Dinas Kesehatan DKI Jakarta.

3. Peta dalam aplikasi ini bersifat statis, sebatas hanya menampilkan.

4. Aplikasi ini hanya bisa dijalankan oleh telepon selular yang sudah

mendukung aplikasi flashlite 2.0.

1.4 Tujuan dan Manfaat Penelitian

Beberapa tujuan dan manfaat dari pembuatan aplikasi ini adalah

sebagai berikut:

Page 31: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

3

1.4.1 Tujuan Penelitian

Tujuan penulisan skripsi ini adalah membuat suatu aplikasi

yang dapat memberikan informasi-informasi penting mengenai

Rumah Sakit beserta gambar petanya, dan aplikasi ini dapat

dijalankan pada perangkat mobile.

1.4.2 Manfaat Penelitian

1.4.2.1 Bagi Peneliti

1. Mengetahui cara membuat aplikasi informasi rumah

sakit dengan baik.

2. Mengetahui cara penerapan aplikasi beserta petanya

yang dapat dijalankan pada perangkat mobile.

1.4.2.2 Bagi Masyarakat

1. Membantu masyarakat dalam memberikan informasi

penting mengenai Rumah Sakit.

2. Memberikan informasi secara mudah kepada

masyarakat.

1.4.2.3 Bagi Universitas

1. Mengetahui kemampuan mahasiswa dalam menguasai

materi yang diperoleh dibangku kuliah.

2. Mengetahui kemampuan mahasiswa dalam menerapkan

ilmunya dan sebagai bahan evaluasi.

3. Memberikan gambaran tentang kesiapan mahasiswa

dalam menghadapi dunia kerja yang sebenarnya.

Page 32: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

4

1.5 Metodologi Penelitian

1.5.1 Pengumpulan Data

Berikut beberapa proses pengumpulan data yang

dilakukan penulis guna membantu dalam penelitian ini, yaitu:

1. Observasi (Field Research)

2. Kuisioner

3. Studi Kepustakaan (Library Research)

4. Studi Literatur

1.5.2 Pengembangan Aplikasi Multimedia

Metode yang dipakai penulis dalam membuat aplikasi ini

adalah Siklus Hidup Pengembangan Aplikasi Multimedia.

Pengembangan multimedia dilakukan berdasarkan 9 tahap yaitu

mendefinisikan masalah, merancang konsep, merancang isi,

merancang naskah, merancang grafik, memproduksi sistem,

mengetes sistem, menggunakan sistem, dan memelihara sistem.

(Suyanto, 2004:41)

1. Mendefinisikan Masalah

2. Merancang Konsep

3. Merancang Isi

4. Merancang Naskah

5. Merancang Grafik

6. Memproduksi Sistem

7. Mengetes Sistem

Page 33: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

5

8. Menggunakan Sistem

9. Memelihara Sistem

1.6 Sistematika Penulisan

Dalam penelitian ini pembahasan terbagi dalam lima bab yang secara

singkat akan diuraikan sebagai berikut :

BAB I PENDAHULUAN

Dalam bab ini akan menguraikan secara singkat tentang latar

belakang masalah, rumusan masalah, batasan masalah, tujuan dan

manfaat penelitian, metode penelitian yang digunakan, dan

sistematika penelitian yang masing-masing dijelaskan dalam tiap

subbab.

BAB II LANDASAN TEORI

Dalam bab ini akan dibahas mengenai berbagai teori yang

mendasari analisis permasalahan dan berhubungan dengan topik

yang dibahas, serta teori-teori penunjang yang menjadi dasar

penelitian skripsi ini.

BAB III METODOLOGI PENELITIAN

Bab ini membahas mengenai metode penelitian yang digunakan

dalam mengembangkan aplikasi multimedia serta metode

pengumpulan data dan metode perancangan sistem.

Page 34: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

6

BAB IV HASIL DAN PEMBAHASAN

Bab ini akan menguraikan rancangan baru yang diusulkan berupa

perancangan storyboard, flowchart, state transition diagram,

struktur navigasi dan perancangan hasil aplikasi tersebut.

BAB V PENUTUP

Bab ini menguraikan tentang kesimpulan dari hasil penelitian yang

didapat dan juga saran yang dapat digunakan untuk pengembangan

sistem ini kearah yang lebih baik lagi dimasa yang akan datang.

Page 35: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

7

BAB II

LANDASAN TEORI

2.1 Perancangan

Perancangan merupakan langkah pertama di dalam fase

pengembangan rekayasa suatu produk atau sistem. (Prahasta, 2005:248)

Perancangan (desain) adalah pendekatan yang digunakan dalam

bidang rekayasa dan bidang-bidang lainnya yang digunakan untuk

menspesifikasikan bagaimana membuat atau melakukan sesuatu. (Wahid,

2005:217)

Menurut Kamus Besar Bahasa Indonesia Perancangan (desain) biasa

diterjemahkan sebagai seni terapan, arsitektur, dan berbagai pencapaian

kreatif lainnya. Dalam sebuah kalimat, kata “desain” bisa digunakan baik

sebagai kata benda maupun kata kerja. Sebagai kata kerja, “desain”

memiliki arti “proses untuk membuat dan menciptakan objek baru”. Sebagai

kata benda, “desain” digunakan untuk menyebut hasil akhir dari sebuah

proses kreatif, baik itu terwujud sebuah rencana, proposal atau berbentuk

objek nyata.

Page 36: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

8

2.2 Aplikasi

Aplikasi (program) merupakan tugas khusus yang akan dijalankan

oleh enterprise baik secara otomatis maupun semi otomatis. (Prahasta,

2005:195)

Aplikasi adalah suatu program yang siap pakai. Program yang

diciptakan untuk melaksanakan suatu fungsi bagi pengguna atau aplikasi

yang lain. Contoh-contoh aplikasi adalah program proses kata dan web

browser. (Erfan, 2009)

2.3 Informasi

Informasi adalah data yang telah diproses menjadi bentuk yang

memiliki arti bagi penerima dan dapat berupa fakta, suatu nilai yang

bermanfaat. Jadi ada suatu proses transformasi data menjadi suatu

informasi. (Willis, 2009)

Informasi adalah rangkaian yang mempunyai sifat sementara,

tergantung dengan waktu, mampu memberi kejutan atau surprise pada yang

menerimanya. Intensitas dan lamanya kejutan dari informasi, disebut nilai

informasi. Karakteristik dari informasi adalah penerima informasi

mengalami perubahan dari kondisi (state) belum mengetahui menjadi

kondisi (state) mengetahui. (Witarto, 2004:9)

Page 37: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

9

Informasi didefinisikan sebagai data yang telah diproses sedemikian

rupa sehingga meningkatkan pengetahuan seseorang yang menggunakan

data tersebut (Kadir, 2003:31)

2.4 Gambaran Umum Rumah Sakit

Pengumpulan data rumah sakit secara lebih komprehensif sudah

dimulai sejak tahun 1972, dengan ditetapkannya sistem pelaporan rumah

sakit melalui Keputusan Menteri Kesehatan sebagai pengembangan sistem

pelaporan yang ada sebelumnya.

2.4.1 Pengertian Rumah Sakit

Rumah Sakit adalah sarana upaya kesehatan yang menyelenggarakan

kegiatan pelayanan berupa pelayanan rawat jalan, pelayanan rawat

inap, pelayanan rawat darurat yang mencakup pelayanan medis dan

penunjang medis, serta dapat dimanfaatkan untuk pendidikan tenaga

kesehatan dan penelitian. (Departemen kesehatan, 2009:3)

2.4.2 Jenis-Jenis Rumah Sakit

Menurut Departemen Kesehatan (2009:3) Rumah Sakit di Indonesia

dapat dikategorikan menurut jenis maupun pengelolanya.

Page 38: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

10

2.4.2.1 Menurut Jenis

Menurut Jenisnya, rumah sakit dapat dikategorikan sebagai

berikut:

1. Rumah Sakit Umum (RSU)

Yaitu rumah sakit yang memberikan pelayanan

kesehatan semua jenis penyakit dari yang bersifat dasar

sampai dengan sub spesialistik.

2. Rumah Sakit Jiwa (RSJ)

Yaitu rumah sakit khusus yang menyelenggarakan

pelayanan kesehatan jiwa.

3. Rumah Sakit Khusus (RSKh)

Yaitu rumah sakit yang menyelenggarakan pelayanan

kesehatan berdasarkan penyakit atau disiplin ilmu

tertentu.

Rumah Sakit Khusus ini meliputi:

a. Rumah Sakit Kusta (RSK)

b. Rumah Sakit Tuberkulosa Paru (RSTP)

c. Rumah Sakit Mata (RSM)

d. Rumah Sakit Orthopedi (RSO)

Page 39: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

11

e. Rumah Sakit Bersalin (RSB)

f. Rumah Sakit Lainnya (RS Kh Lain), seperti RS

Jantung, RS Ibu dan Anak, RS Bedah, Gigi dan

Mulut, dan sebagainya.

Dalam hal ini jenis Rumah Sakit yang ditegaskan

dalam aplikasi adalah Rumah Sakit menurut jenisnya

yaitu: rumah sakit umum dan rumah sakit khusus.

2.4.2.2 Menurut Pengelola

Menurut Pengelolanya, rumah sakit dapat dikategorikan

sebagai berikut:

1. Rumah Sakit Vertikal (Milik Departemen Kesehatan)

2. Rumah Sakit Pemda Pro (Milik Pemda Provinsi)

3. Rumah Sakit Pemda (Milik Pemda Kab/Kota)

4. Rumah Sakit TNI & Polri (Milik TNI & Polri)

5. Rumah Sakit Dep Lain & BUMN (Milik Dep Lain &

BUMN)

6. Rumah Sakit Swastra (Milik Swasta)

Page 40: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

12

2.4.3 Daftar Rumah Sakit Wilayah DKI Jakarta Tahun 2010

Berdasarkan data dari Dinas Kesehatan DKI Jakarta, jumlah rumah

sakit wilayah DKI Jakarta tahun 2010 berjumlah 148 rumah sakit,

yang terdiri dari 84 rumah sakit umum dan 64 rumah sakit khusus.

Berikut nama rumah sakit berdasarkan wilayah kota administrasi:

2.4.3.1 Wilayah kota administrasi Jakarta Selatan

Tabel 2.1 Daftar Rumah Sakit Umum Jakarta Selatan

No. Nama RS

1 RS. BAN Jakarta Selatan2 RS. Dr. Suyoto3 RS. Setia Mitra4 RS. Fatmawati5 RS. Prikasih6 RS. Ali Sibroh Malisi7 RS. Pusat Pertamina8 RS. Gandaria9 RS. Pondok Indah10 RS. Bhayangkara Selapa Polri11 RS. Jakarta Medical Center12 RS. Rumkital Marinir Cilandak13 RS. Siaga Raya14 RS. Metropolitan Medical Center15 RS. Jakarta16 RS. Medistra17 RS. Agung18 RS. Mayapada19 RS. Tebet20 RS. Tria Dipa

Page 41: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

13

Tabel 2.2. Daftar Rumah Sakit Khusus Jakarta Selatan

No. Nama RS

1 RSJ. Ketergantungan Obat2 RSIA. Aulia3 RSIA. Zahirah4 RSB. Sofa Marwah5 RSIA. Brawijaya6 RSIA. Muhammadiyah Taman Puring7 RSB. Asih8 RSJ. Sanatorium Dharmawangsa9 RSB. Panti Nugeraha10 RS. THT Bedah Ciranjang11 RSB. Kartini12 RSIA. Yadika13 RS. Bedah Asri14 RSB. Duren Tiga15 RSB. Avisena16 RS. Mata Prof. Dr. Isak Salim “Aini”17 RSIA. Budhi Jaya18 RSIA. Kemang19 RSIA. Andhika20 RSIA. Manazeli21 RS. Kanker Siloam22 RS. Gigi dan Mulut Prof.Dr.Moestopo

2.4.3.2 Wilayah kota administrasi Jakarta Pusat

Tabel 2.3. Daftar Rumah Sakit Umum Jakarta Pusat

No. Nama RS

1 RS. Pertamina Jaya2 RS. Islam Jakarta3 RS. Tarakan4 RS. Mitra Kemayoran5 RS. PGI Cikini6 RS. Menteng Mitra Asia7 RS. Abdi Waluyo8 RS. Husada

Page 42: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

14

9 RS. Dr. Cipto Mangunkusumo10 RS. Moh. Ridwan Meuraksa11 RS. Kramat 12812 RS. PK. Sint Carolus13 RS. Moh. Husni Thamrin Int14 RS. AD Gatot Subroto15 RS. AL Dr. Mintohardjo

Tabel 2.4. Daftar Rumah Sakit Khusus Jakarta Pusat

No. Nama RS

1 RSIA. Evasari2 RSB. Budi Kemuliaan3 RS. THT Prof. Nizar4 RSJ. Dharma Sakti5 RS. THT Bedah Panti Raharja6 RSIA. Berkat Ibu7 RSB. YPK Mandiri8 RSIA. Bunda Jakarta9 RS. Bedah Plastik Bina Estetika10 RS. Mata Jakarta Eye Center11 RS. THT dan Bedah Ploklamasi12 RSIA. Tambak13 RS. Gigi dan Mulut FKG UI14 RS. Bedah Sahid Sahirman Memorial15 RS. Kulit Rakhman Nasution16 RS. Bedah Salemba Satu

2.4.3.3 Wilayah kota administrasi Jakarta Barat

Tabel 2.5. Daftar Rumah Sakit Umum Jakarta Barat

No. Nama RS

1 RS. Cengkareng2 RS. Hermina Daan Mogot3 RS. Royal Taruma4 RS. Sumber Waras

Page 43: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

15

5 RS. Siloam Hospital Kebon Jeruk6 RS. Puri Mandiri Kedoya7 RS. Medika Permata Hijau8 RS. Puri Indah9 RS. Patria IKKT10 RS. Pelni Petamburan11 RS. Bhakti Mulia12 RS. Manuela

Tabel 2.6. Daftar Rumah Sakit Khusus Jakarta Barat

No. Nama RS

1 RS. Bedah Cinta Kasih Tzu Chi2 RSJ. Dr. Soeharto Heerdjan3 RS. Kanker Dharmais4 RSIA. Harapan Kita5 RS. Jantung Harapan Kita6 RSIA. Aries7 RSIA. Bina Sehat Mandiri8 RS. Bedah Graha Kedoya9 RS. Gigi dan Mulut FKG Trisakti

2.4.3.4 Wilayah kota administrasi Jakarta Utara

Tabel 2.7. Daftar Rumah Sakit Umum Jakarta Utara

No. Nama RS

1 RS. Islam Jakarta Sukapura2 RS. Gading Pluit3 RS. Mitra Keluarga Kelapa Gading4 RS. Koja5 RS. Mulyasari6 RS. Pelabuhan Jakarta7 RS. Pantai Indah Kapuk8 RS. Atmajaya9 RS. Pluit10 RSUD. Kepulauan Seribu

Page 44: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

16

11 RS. Puri Medika12 RS. Satya Negara13 RS. Royal Progress Internasional14 RS. Port Medical Center15 RS. Sukmul Sisma Medika

Tabel 2.8. Daftar Rumah Sakit Khusus Jakarta Utara

No. Nama RS

1 RSIA. Family2 RS. Infeksi Prof. Sulianti Suroso3 RSIA. Hermina Podomoro

2.4.3.5 Wilayah kota administrasi Jakarta Timur

Tabel 2.9. Daftar Rumah Sakit Umum Jakarta Timur

No. Nama RS

1 RS. Harapan Jayakarta2 RS. Lapas Cipinang3 RS. Harapan Bunda4 RS. Yadika Pondok Bambu5 RS. Islam Jakarta Pondok Kopi6 RS. Tk. IV Cijantung Kesdam Jaya7 RS. Mitra Internasional8 RS. AU Dr. Esnawan Antariksa9 RS. Budhi Asih10 RS. TK III Dik Pusdikkes Kadiklatad11 RS. Polri Pusat Raden Said Sukanto12 RS. FK – UKI Cawang13 RS. Harum Sisma Medika14 RS. Haji Jakarta15 RS. Pasar Rebo16 RS. Pemuda17 RS. Omni Internasional Pulomas18 RS. Kartika Pulomas19 RS. Pulomas

Page 45: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

17

20 RS. Persahabatan21 RS. Mediros22 RS. Dharma Nugraha

Tabel 2.10. Daftar Rumah Sakit Khusus Jakarta Timur

No. Nama RS

1 RSIA. Resti Mulya2 RS. Ketergantungan Obat3 RS. Duren Sawit4 RSIA. Sekar5 RSJ. Islam Jakarta Timur6 RSIA. Bunda Aliyah7 RSIA. Sayyidah8 RSIA. Hermina Jatinegara9 RSIA. Restu10 RS. Orthopaedi dan Traumatologi Jkt11 RS. Bedah Rawamangun12 RS. Bedah Alvernia Agusta13 RSIA. SamMarie14 RS. Jantung Bina Waluya

2.5 Peta

2.5.1 Pengertian Peta

- Peta adalah gambar yang menyatakan bagaimana letak tanah,

gunung, kali, dan sebagainya. Peta adalah representasi dari dunia

maya. Keberadaan dunia nyata akan lebih terinci dengan

menggunakan peta, sehingga dapat dikatakan bahwa peta dapat

memberikan gambaran yang menyeluruh mengenai lingkungan

dan segala sesuatu yang ada di dalamnya. Seluruh objek dapat

Page 46: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

18

ditampilkan dalam sebuah peta, baik objek alamiah maupun

buatan manusia. (Aziz dan Pujiono, 2006:27)

- Peta merupakan suatu representasi konvensional (miniature) dari

unsur-unsur (features) fisik (alamiah dan buatan manusia) dari

sebagian atau keseluruhan permukaan bumi di atas media bidang

datar dengan skala tertentu (Prahasta, 2005:129)

- Peta merupakan panduan untuk memahami bumi tempat kita

tinggal, peta menunjukkan tempat dimana orang hidup, apa yang

mereka kerjakan, bagaimana mereka bepergian, apa yang terjadi

dengan cuaca, bentuk lahan, dan banyak lain. (Arnold, 2003:15)

Jadi pengertian peta yang diterangkan tersebut dipilih cenderung

menurut Prahasta tahun 2005.

2.5.2 Elemen Peta

Menurut Aziz dan Pujiono (2003:28) elemen peta terdiri dari:

1. Data Frame

Data Frame adalah bagian dari sebuah peta yang menampilkan

lapisan-lapisan data (data layer). Bagian ini adalah bagian

terpenting dan merupakan titik pusat dari sebuah dokumen

peta.

Page 47: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

19

2. Legenda

Sebuah legend (Legenda peta) bertugas untuk menjelaskan

seluruh simbol-simbol yang digunakan dalam sebuah peta pada

setiap lapisan datanya. Selain itu, legenda peta juga berfungsi

sebagai kunci. Menggambarkan secara detail berbagai gambar

skema, simbol dan kategori yang terdapat dipeta tersebut.

3. Title / Judul

Sebuah judul peta sangatlah penting karena sebuah judul akan

memberikan gambaran secara singkat mengenai subjek-subjek

yang ada di dalam peta tersebut.

4. North Arrow

Maksud dari pemberian north arrow (Penunjuk arah utara)

adalah sebagai orientasi atau patokan arah mata angin.

Dibanyak peta, arah utara diposisikan pada bagian atas dari

sebuah peta.

5. Scale / Skala

Sebuah skala peta menjelaskan ubungan dari data frame yang

ada dipeta dengan dunia nyata dalam sebuah rasio

perbandingan. Penskalaan dapat dilakukan berdasarkan unit

per unit, atau berdasarkan satu ukuran terhadap ukuran yang

lainnya. Contoh untuk peta skala 1:10.000 (maksudnya adalah

Page 48: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

20

1 cm pada peta itu dalam keadaan sebenarnya adalah 1 x

10.000 cm = 100 m).

6. Citation / Kutipan

Sebuah kutipan pada peta merupakan sebuah metadata dari

peta tersebut. Hal ini merupakan penjelasan mengenai sumber

data yang dipakai dalam peta tersebut, informasi proyeksi serta

peredarannya. Sebagai contoh sebuah kutipan peta yang

menjelaskan sumber serta waktu pembuatannya.

7. Border

Penempatan garis tepi pada sebuah peta akan membantu bagi

para pengguna mengetahui batas tepi dari sebuah peta dengan

jelas. Dengan menggunakan batas tepi, penempatan teks yang

ada dipeta juga akan terlihat lebih rapi.

8. Overview Map

Khususnya pada saat diperbesar dalam sebuah area, akan

membantu para pengguna untuk lebih memahami isi dari area

tersebut secara detail.

Page 49: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

21

9. Graticules

Graticules adalah sebuah garis lintang dan garis bujur yang

berada di atas data peta. Garis lintang dan garis bujur tersebut

dikenal dengan garis latitude dan longtitude.

Dalam hal ini elemen peta yang digunakan adalah Data frame,

title atau judul, kutipan, dan border.

2.6 Mobile Technology

Adalah suatu istilah yang digunakan untuk menggambarkan aplikasi

pada piranti berukuran kecil, portable dan wireless serta mendukung

komunikasi. (Jim, 2009)

2.7 Konsep Dasar Multimedia

Multimedia yaitu suatu pemanfaatan komputer untuk membuat dan

menggabungkan media teks, grafik, audio, gambar bergerak (video dan

animasi) dengan menggabungkan link dan tool yang memungkinkan

pemakai melakukan navigasi, berinteraksi, dan berkomunikasi. Istilah

multimedia dipakai untuk menjelaskan suatu sistem terdiri dari perangkat

keras, perangkat lunak, dan alat-alat lain seperti televisi, monitor, video, dan

sistem piringan optik atau sistem stereo semua ini dimaksudkan untuk

menghasilkan penyajian audio visual. Multimedia pada dasarnya adalah

Page 50: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

22

sebagai teknologi yang mengkombinasikan video, suara, grafik, dan teks

secara interaktif. Multimedia berasal dari kata multi yang berarti banyak dan

media yang berarti sarana, dari pengertian tersebut maka multimedia adalah

banyaknya aplikasi sarana yang digunakan untuk mendukung suatu aplikasi

yang disebut multimedia. Kelebihan multimedia adalah menarik indera dan

menarik minat karena merupakan gabungan antara pandangan, suara, dan

gerakan. (Sidiq, 2010:59)

2.7.1 Objek-Objek Multimedia

1. Gambar

Gambar atau grafik merupakan bagian yang penting dalam

multimedia, sebab sebuah gambar dapat menggambarkan hiburan

maupun kata-kata. Pada umunya sebuah format gambar dapat

direpresentasikan kedalam kedua tipe yaitu vektor dan bitmap.

a. Gambar Vektor

Gambar vektor tidak disimpan kedalam sebuah gambar,

tetapi tersimpan dalam serangkaian instruksi yang digunakan

untuk membuat suatu gambar yang dinamakan algoritma

yang menentukan bentuk kurva, garis, dan berbagai bangun

dalam gambar.

Page 51: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

23

b. Gambar Bitmap

Merupakan rekonsruksi dari gambar asli. Gambar yang

tersimpan sebagai rangkaian pixel (titik-titik) yang memenuhi

bidang titik-titik dilayar komputer.

Gambar yang digunakan pada aplikasi adalah gambar bitmap.

2. Suara (Audio)

Audio adalah suatu komponen penting yang mempunyai peranan

dalam penyampain informasi atau hiburan. Dalam teknologi

multimedia, jika pemakai PC (Personal Computer)

menginginkan keluaran suara yang jernih maka perlu

diperhatikan adalah kualitas soundcard yang terpasang pada PC

tersebut.

3. Teks

Teks merupakan layar utama dari hamper seluruh program. Teks

masih merupakan cara untuk menyebarkan informasi dan

program selalu menyertainya.

4. Animasi

Pemakaian animasi dalam komputer telah dimulai dengan

ditemukannya software komputer yang dapat digunakan dalam

berbagai keperluan seperti melakukan ilustrasi di komputer, serta

Page 52: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

24

membuat perubahan antara gambar yang satu dengan gambar

yang berikutnya sehingga terbentuk suatu gambar yang utuh.

5. Video

Seiiring dengan perkembangan teknologi multimedia maka telah

muncul adanya peralatan PC yang bernama video cammcorder,

video classy, dan video blaster yang ketiganya merupakan

sebuah card yang dipasang ke slot ekspansi di komputer.

Dalam hal ini elemen yang digunakan oleh peneliti adalah

gambar, teks dan animasi yang ada pada aplikasi.

2.8 Model Perancangan Sistem

Pada tahap perancangan sistem ini akan dirancang suatu sistem

dalam suatu bagan yang menunjukkan prosedur – prosedur dari sistem

tersebut. Perancangan sistem yang digunakan adalah:

2.8.1 Storyboard

Storyboard merupakan rangkaian gambar manual yang

dibuat secara keseluruhan sehingga menggambarkan suatu cerita.

(Halas, 1991 dalam Ariesto Hadi Sutopo, 2003). Storyboard

merupakan deskripsi dari setiap scene yang secara jelas

menggambarkan objek multimedia serta pelakunya. Penjelasannya

Page 53: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

25

dapat menggunakan simbol maupun teks. (Luther, 1994 dalam Hadi

Sutopo, 2003).

2.8.2 Struktur Navigasi

Terdapat lima cara untuk mendesain aliran aplikasi

multimedia, yaitu menggunakan struktur linear, struktur menu,

hierarki, jaringan, dan kombinasi (hibrid). (Suyanto, 2003:103-108)

1. Struktur Linier

Struktur yang paling sederhana dalam mendesain

aliran aplikasi multimedia adalah struktur linear. Untuk

menampilkan informasi atau isi aplikasi multimedia dengan

mengklik mouse maka muncul layar berikutnya. Lalu dapat

maju (next) atau mundur kembali (back) untuk menampilkan

aplikasi multimedia yang sesuai kebutuhan.

Gambar 2.1 Struktur Navigasi Linear

2. Struktur Menu

Struktur kedua adalah struktur menu, dimana objek

dalam menu dapat diwujudkan dalam garis-garis hypertext,

grafik, audio, video, dan animasi atau kombinasi dari kelima

objek tersebut. Ketika memilih sebuah objek pada menu, maka

Page 54: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

26

objek yang terhubung akan muncul dan tampil pada layar.

Sedangkan untuk memilih menu yang lain cukup mengklik

menu yang di inginkan.

Gambar 2.2 Struktur Navigasi Menu

3. Struktur Hierarki

Struktur hierarki merupakan struktur seperti tangga

atau pohon. Masing-masing objek menyediakan sebuah menu

pilihan yang menonjolkan lebih banyak menu dengan banyak

pilihan. Tidak ada batas ukuran atau jumlah menu dan sub bab

menu yang dapat dimiliki dalam sebuah struktur hierarki.

Gambar 2.3 Struktur Navigasi Hierarki

Page 55: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

27

4. Struktur Jaringan

Bentuk struktur jaringan merupakan desain yang

paling kompleks. Suatu objek dapat terhubung dengan banyak

objek dalam setiap arah pada setiap objek dalam aplikasi.

Khusus untuk aplikasi multimedia yang besar, desain struktur

jaringan memungkinkan untuk melakukan navigasi ke setiap

layar dengan mengklik mouse yang minimum. Dengan

rancangan menggunakan struktur jaringan, memungkinkan

untuk melakukan 3 klik dan apa yang diinginkan dapat tercapai.

Gambar 2.4 Struktur Navigasi Jaringan

5. Struktur Kombinasi

Merupakan perancangan aliran aplikasi multimedia

dengan menggunakan lebih dari satu struktur seperti linear,

menu hierarki, dan jaringan.

Page 56: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

28

Gambar 2.5 Struktur Navigasi Kombinasi

Struktur navigasi yang digunakan oleh peneliti adalah

struktur navigasi menu.

2.8.3 Flowchart

Sistem flowchart menggambarkan tahapan proses dari

suatu sistem, termasuk sistem multimedia. Sedangkan program

flowchart menggambarkan urutan-urutan instruksi dari suatu

program komputer. (Suyanto, 2004:63).

Flowchart dapat memberikan gambaran yang efektif,

jelas, dan ringkas tentang proses yang dilakukan. Teknik penyajian

yang bersifat grafis jelas akan lebih baik dari pada uraian-uraian

yang bersifat teks.

Page 57: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

29

Berikut adalah beberapa simbol yang digunakan dalam

menggambarkan flowchart.

Tabel 2.11 Simbol-simbol flowchart

Nama Simbol Fungsi

Terminator Permulaan atau akhirprogram

Garis Alir (FlowLine)

Arah aliran program

Preparation Proses inisialisasi ataupemberian harga awal

Proses Proses perhitungan atauproses pengolahan data

Input / Output data Proses input atau outputdata, parameter, daninformasi

Predefined proses

(sub program)

Permulaan sub programatau proses menjalankansub program

Decision Perbandingan pernyataan,penyeleksian data yangmemberikan pilihan untuklangkah selanjutnya.

On Page

Connector

Penghubung bagian-bagian flowchart yangberada pada 1 halaman

Off Page

Connector

Penghubung bagian-bagian flowchart yangberada pada halaman yangberbeda.

Document Input berasal daridokumen dalam bentuk

Page 58: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

30

kertas atau output dicetakdikertas

Display Simbol visual display unitatau cathode ray tubesebagai input atau output.

2.8.4 State Transition Diagram (STD)

STD adalah sebuah model tingkah laku yang bertumpu

pada definisi dan seragkaian keadaan suatu sistem dengan

menggambarkan keadaannya serta kejadian yang menyebabkan

sistem mengubah keadaan. STD juga menunjukkan bahwa aksi

(seperti aktivasi proses) diambil sebagai akibat dari suatu kejadian

khusus. Notasi yang digunakan pada state transition diagram adalah

state dan perubahan state. Ada beberapa notasi yang digunakan

dalam state transition diagram, yaitu (Pressman, 2002:373)

a. Keadaan Sistem

Setiap kotak mewakili suatu keadaan dimana sistem mungkin

berada di dalamny. State disimbolkan dengan simbol segi

empat.

Simbol State :

b. Perubahan Sistem

Untuk menghubungakn suatu keadaan dengan keadaan lain,

simbol ini digunakan jika sistem memiliki transisi dalam

Page 59: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

31

perilakunya, maka hanya suatu keadaan dapat berubah menjadi

keadaan tertentu.

Simbol State :

c. Kondisi dan Aksi

Untuk melengkapi STD dibutuhkan dua hal tambahan yaitu

kondisi sebelum keadaan berubah dan aksi dari pemakai untuk

merubah keadaan. Berikut ini adalah sebuah gambaran dari

kondisi dan aksi yang ditampilkan disebelah anak panah yang

menghubungkan dua keadaan.

Kondisi

Aksi

2.9 Perangkat Lunak Dalam Perancangan Sistem

2.9.1 Adobe Photoshop CS 3

A d o b e P h o to sh o p a d a lah p ro g ra m p e n go la h ga m b a r ya n g

p e n ggu n a a n n ya sa n ga t lua s. M u la i d a ri m e m b u a t ga m b a r a n im a si,

m e ra nc a n g h a la m a n web, d e sa in gra f is, p e rs ia p a n p re se n tasi, editing

fo to , a ta u pe m ilih a n fo to . A d o b e P h o to sh o p m e m b ua t ga m b a r

m e nja d i m u d a h d ia k se s ke d a ta file d a n le b ih c ep a t d a la m m e n go la h

fo to .

Keadaan 1

Keadaan 2

Page 60: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

32

Gambar 2.6 Area Kerja Adobe Photoshop CS 3

K e te ra n ga n :

1 . T o o lb ox

T o o lb ox be ris i se m ua tool ya n g d igu n a ka n d a la m A d o b e

P h o tosh o p , a n ta ra la in :

a . M a rq u ee T o o l

T erd iri d a ri re c ta n gu la r, e llip tica l, s in g le ro w , d a n sin g le

c o lo u m m arq u ee to o l y a n g b e rfu n gs i u n tu k m e m b u a t se le k si

p ix e l.

b . M o ve T o o l

B e rfu n gs i un tu k m e n ye lek si a ta u m e n ga k tifka n sua tu o bje k .

Page 61: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

33

c . L a sso T o o l

T erd iri d a ri la sso to o l u n tu k m e n ye le k si o b ye k sec a ra b e ba s,

p o ly go n lasso u n tu k m e m b u a t se le k si de n ga n ca ra m e n gk lik

p a da m a sin g-m a s in g su d u t o b ye k se h in g ga b e rb e n tu k su a tu

se le ks i d a n m a gn e tic la sso to o l ya n g b e rfu ngs i u n tu k

m e m b ua t se le k si b e rda sa rka n k e sa m a a n n ila i w a rna p ix e l.

d . C ro p T o o l

B e rfu n gs i u n tu k m e m o to n g d o k u m e n b erd a sa rk a n a rea ya n g

d ise le k si.

e . B ru sh T o o l

B e rfu n gs i u n tu k m e m bu a t o b ye k d e n ga n m o d e l sa p ua n

k u a s.

f . S lice da n S lice S e lec t T oo l

U n tu k m e m b u a t slice p a da a re a ka n va s te rte n tu , d a n slice

se lec t to o l u n tu k m e n ye le ks i s lice ya n g a d a di k a n va s.

g . P e n c il T o o l

B e rfu n gs i u n tu k m e m b ua t o b ye k d e n ga n ga ris te ga s se p e rti

go re sa n pe n sil.

h . P a tc h T o o l

B e rfu n gs i u n tu k m e m pe rb a ik i a rea ga m b a r b e rd a sa rk a n

Page 62: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

34

sa m p le p ix e l te rte n tu .

i. E ra se r T o o l

B e rfu n gs i u n tu k m e n gh a p us a rea te rte n tu . E ra se r to o l te rd iri

d a ri B ac k gro u n d e rase r to o l d a n m a gic e ra se r to o l.

j . L in e to o l

U n tu k m e m b u a t o b je k p a th be rb e n tu k ga ris lu ru s.

k . G ra d ie n t T o o l

B e rfu n gs i u n tu k m e n gisi a rea p ixe l te rte n tu d e nga n w arn a

gra d ie n t seca ra line a r, rad ia l, de n ga n su d ut te rte n tu .

l. P a in t B u c ke t T o o l

B e rfu n gs i u n tu k m e n gisi a rea te rte n tu d e n ga n w a rna so lid

b e rd a sa rk a n w a rna foreground ya n g se da n g a k tif .

m . B lu r T o o l

U n tu k m e n ga b u rk a n are a p ix e l te rte n tu p a da ga m b a r.

n . S h arp e n T o o l

U n tu k m e na ja m ka n area p ix e l te rta n tu p a da ga m b ar.

o . S e lec tio n T o o l

T erd iri d a ri p a th da n d irec t se le c tio n to o l ya n g b erfu n gs i

u n tu k m e n ye le ksi p o in -po in pa da sua tu ob ye k p a th .

p . T yp e T o o l

T yp e be rfu n gs i u n tu k m en u lis te k s.

q . P e n T o o l

U n tu k m e n gga m b a r o b y ek pa th .

Page 63: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

35

r. E llip sT o o l

U n tu k m e m b u a t o b ye k p a th d e n ga n be n tu k e llip s a ta u b u la t.

s . R e c ta n gle T o o l

U n tu k m e m b u a t o b ye k p a th b e rbe n tu k se g i em p a t.

t. R o u n d e d R ec ta n gle T o o l

U n tu k m e m b u a t o b ye k p a th b e rbe n tu k se g i e m p a t d e n ga n

su d u t m e m b u la t.

u . C u sto m S h ap e T o o l

U n tu k m e m b u a t o b ye k p a th de n ga n b e n tu k ya n g te la h

d ite n tu ka n da la m p re se t ya n g a d a .

v . H a n d T o o l

U n tu k m e n gge ra k -ge ra k k a n area ka n va s.

w . Z o o m T o o l

U n tu k m e n ga tu r b esa r k ec il tam p ila n ya n g se d a n g d ik e rja k a n .

x . C o lo r T o o l

B e rfu n gs i u n tu k m e n e n tu k a n w a rna foreground (la ta r

d e pa n ) da n background ( la ta r be la k a n g).

y . Ju m p to Im a ge R ea d y

B e rp in d a h pe n ge d ita n k e im a ge rea d y.

2 . K a n va s

K a n va s a d a la h te m p a t u n tu k m e m b ua t da n m e n ge d it (m e n d e sa in )

ga m b a r a ta u fo to .

Page 64: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

36

3 . P a lle te W ell

P a lle te W e ll be ris i k u m p u la n p a lle te -p a lle te ya n g d isu su n seca ra

b e ru ru ta n u n tu k m e m u da h k a n da la m m e n ga k ses p a lle te ya n g

b ersa n gk u ta n .

4 . P a lle te

P a lle te a da lah se ju m la h k u m p u la n d ari layer-layer ya n g se d a n g

a k tif , ya n g b e rgu n a da la m p e n ge rjaa n su a tu o bje k .

5 . M e n u B a r

M e n u B a r a da la h k u m p u la n da ri b e rba ga i m e n u ya n g te rsu su n

d a n be ris i m e n u -m e n u se p e rti m e n u file, image, layer, select.

6 . O p tio n B a r

O p tio n B a r a da la h K u m p u la n da ri b e rb a ga i m e nu p ilih a n ya n g

se d a n g a k tif .

2.9.2 Macromedia Fireworks 8

Macromedia Fireworks adalah software yang digunakan untuk

membuat aplikasi interface dan prototype website secara cepat.

Juga dapat digunakan dalam mengoptimalkan gambar dalam web

dengan lebih cepat dan akurat maupun digunakan untuk mendesain

tombol-tombol atau button.

Page 65: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

37

Gambar 2.7 Area Kerja Macromedia Fireworks 8

Keterangan:

1. Aplication Bar

Bagian ini berada pada bagian atas jendela program, berisi baris

menu, beberapa tombol aplikasi, dan pop – up menu untuk

megubah tampilan area kerja.

2. Tolbar Main

Baris toolbar ini berisi tombol-tombol perintah yang digunakan

untuk proses utama kerja, diantaranya berisi tombol-tombol

new, open, save, dan beberapa tombol perintah yang lainnya.

Page 66: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

38

3. Panel Tools

Berisi grup tombol untuk melakukan proses pekerjaan dalam

jendela dokumen.

4. Panel

Digunakan untuk mengubah tampilan lembar kerja.

2.9.3 Flash Lite

Flash lite merupakan salah satu software unggulan dalam hal

pembuatan aplikasi-aplikasi berbasis ponsel. Flash Lite telah

terintegrasi di dalam software animasi flash. Flash Lite merupakan

software berteknologi flash yang awal mulanya dibangun oleh

Macromedia Inc pada tahun 2003, kemudian diakuisisi oleh Adobe

System Inc ada tahun 2005 yang ditujukan untuk mengembangkan

aplikasi-aplikasi mobile phone dan perangkat mobile. (Sidiq,

2010:208)

Apabila sudah mengaktifkan secara benar dalam membuka

software flash lite maka jendela utama yang muncul pertama kali

adalah jendela utama lembar kerja flash lite.

Page 67: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

39

Gambar 2.8. Jendela Utama Adobe Flash lite

2.9.3.1 Baris Menu (Menu Bar)

Baris menu adalah komponen yang terdapat pada

lingkungan kerja Adobe Flash Lite yang digunakan untuk

memproses atau perintah yang berkaitan dengan pembuatan

file, kustomisasi movie, serta kustomisasi animasi pada

umumnya.

Gambar 2.9. Baris Menu Adobe Flash Lite

2.9.3.2 Kanvas (Stage)

Kanvas atau stage adalah bidang gambar yang diperuntukan

sebagai wadah penciptaan gambar. Dengan bantuan

Page 68: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

40

perangkat – perangkat gambar yang ada pada tombol

gambar, pemakai dapat menciptakan gambar dengan

melakukan desain pada kanvas.

Gambar 2.10 Kanvas (stage)

2.9.3.3 Baris Waktu (Time Line)

Untuk menciptakan gambar animasi, pemakaian baris waktu

perlu dilibatkan. Baris waktu merupakan komponen utama

selain tombol gambar yang digunakan sebagai pencipta

gambar – gambar animasi. Dengan pengaturan frame yang

dapat dilakukan pada baris waktu, pemakai sudah dapat

menciptakan gambar bergerak atau animasi pada kanvas

Page 69: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

41

Gambar 2.11 Baris Waktu (Time Line)

2.9.3.4 Panel Properties

Panel properties merupakan panel yang berfungsi untuk

mengatur kustomisasi suatu menu atau objek yang sedang

di desain pada kanvas, tergantung dengan kondisi

perancangan yang dilakukan.

Gambar 2.12 Panel Properties

Page 70: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

42

2.9.3.5 Tombol Gambar

Tombol gambar merupakan komponen utama yang terdapat

pada adobe flash lite yang berperan untuk membuat dan

memanipulasi objek gambar. Dengan bantuan – bantuan

perangkat gambar yang terdapat dalam jendelanya, pemakai

dapat menciptakan berbagai bentuk gambar yang diinginkan

untuk dibuat sebagai gambar statis maupun gambar

bergerak atau animasi.

Gambar 2.13 Tombol Gambar

Page 71: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

43

2.10 Studi Literatur Sejenis

Beberapa contoh penelitian yang pernah ada dan berkaitan erat dengan

penelitian yang sedang penulis lakukan yaitu:

Tabel 2.12 Studi Karya Tulis

Nama Penulis Judul Karya

Tulis

Kelebihan (+) Kekurangan (-)

APRI DIANTONO

(ITS SURABAYA)

Sistem Informasi

Rumah Sakit

Umum Daerah

Blambangan

Menggunakan JSP

Aplikasi inimempunyai data

rawat jalanpasien daninformasi

pelayanan rumahsakit.

Aplikasi inisebatas untukrumah sakitumum pada

daerahBlambangan saja.

BUDI RAYA

JULIANTO

(UNV.GUNADARMA)

Aplikasi Peta

Persebaran Rumah

Sakit Di Kota

Bekasi

Menggunakan

Macromedia Flash

5.0

Dalam aplikasi

ini terdapat peta

yang dapat

memperjelas

aplikasi tersebut.

Aplikasi ini tidak

memberikan

penjelas

mengenai rumah

sakit, tetapi

hanya persebaran

rumah sakit saja.

CORINA

SEFLIVANA SATIGI

(AMIKOM YOGYA)

Peta Digital

Rumah Sakit

Umum Bethesda

Lempuyangwangi

Berbasis

Multimedia

Dapat

memberikan

penjelasan

mengenai rumah

sakit melalui Peta

Hanya

memberikan

informasi secara

umum mengenai

rumah sakit

tersebut.

Page 72: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

44

2.11 Pengembangan Aplikasi Multimedia

Metode yang dipakai penulis dalam membuat aplikasi ini adalah Siklus

Hidup Pengembangan Aplikasi Multimedia. Pengembangan multimedia

dilakukan berdasarkan 9 tahap yaitu mendefinisikan masalah, merancang

konsep, merancang isi, merancang naskah, merancang grafik,

memproduksi sistem, mengetes sistem, menggunakan sistem, dan

memelihara sistem. (Suyanto, 2004:41)

Gambar 2.14 Siklus Pengembangan Aplikasi Multimedia

Rincian tahap pengembangan aplikasi tersebut akan dijelaskan

sebagai berikut:

Page 73: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

45

Gambar 2.15 Rincian Siklus Pengembangan Aplikasi Multimedia

2.11.1 Mendefiniskan Masalah

Pada tahap analisis sistem peneliti menganalisis bagaimana membuat

aplikasi informasi rumah sakit beserta petanya yang dapat dijalankan

pada perangkat mobile. Dengan adanya aplikasi informasi rumah

sakit ini diharapkan dapat membantu masyarakat dalam mencari

informasi apa saja yang diperlukan mengenai rumah sakit.

Mendefinisikan Masalah

Merancang Konsep

Merancang Isi

Merancang Naskah

Merancang Grafik

Memproduksi Sistem

Mengetes Sistem

Menggunakan Sistem

Memelihara Sistem

Page 74: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

46

2.11.2 Merancang Konsep

Dalam merancang konsep penelti membuat konsep aplikasi yaitu:

judul aplikasi, audiens, bentuk aplikasi, rancangan pembuatan

gambar dan animasi.

2.11.3 Merancang Isi

Peneliti membuat bahan-bahan yang diperlukan dalam aplikasi

berupa teks, gambar rumah sakit dan petanya, serta animasi tombol

yang akan dibuat dalam aplikasi.

2.11.4 Merancang Naskah

Dalam merancan naskah peneliti merancang 4 buah rancangan yaitu

storyboard, struktur navigasi, flowchart, dan state transition

diagram.

2.11.5 Merancang Grafik

Dalam merancang grafik harus memilih grafik yang sesuai dengan

aplikasi yang dibuat. Merancang grafik meliputi, merancang grafik

dua atau tiga dimensi, persiapan audio dan video, dan merancang

alur animasi. Merancang grafik disesuaikan dengan data yang

diperlukan mengenai aplikasi tersebut.

Page 75: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

47

2.11.6 Memproduksi Sistem

Pada pemrosesan produksi sistem merupakan tahap dimana seluruh

objek yang digunakan dalam pembuatan aplikasi digabungkan.

Pembuatan aplikasi ini berdasarkan dari rancangan naskah yang

dibuat diantaranya rancangan storyboard.

2.11.7 Pengetesan Sistem

Pengetesan merupakan langkah-langkah setelah aplikasi selesai

dibuat. Fungsi dari pengetesan ini adalah untuk memastikan bahwa

hasil pembuatan aplikasi sesuai dengan keinginan pengguna dengan

baik.

2.11.8 Menggunakan Sistem

Implementasi aplikasi informasi rumah sakit ini dipahami sebagai

sebuah proses yang akan menentukan apakah aplikasi tersebut

mampu beroperasi dengan baik serta mengetahui apakah pengguna

nantinya dapat mengoperasikannya dengan baik.

2.11.9 Memelihara Sistem

Setelah sistem digunakan, maka sistem akan dievaluasi oleh

pengguna dan pembuat aplikasi, dengan tujuan untuk menentukan

apakah aplikasi yang telah dibuat itu telah sesuai dengan tujuan awal

dan diputuskan untuk dapat direvisi atau modifikasi.

Page 76: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

48

BAB III

METODOLOGI PENELITIAN

3.1 Pengumpulan Data

Dalam rangka menyusun skripsi ini, penulis memerlukan data-data

atau informasi yang relatif lengkap sebagai bahan yang dapat mendukung

kebenaran materi uraian pembahasan. Oleh karena itu, sebelum menyusun

skripsi ini penulis terlebih dahulu melakukan riset atau penelitian untuk

mendapatkan data-data atau materi yang diperlukan. Metode pengumpulan

data yang diperlukan adalah sebagai berikut:

3.1.1 Observasi

Dalam hal ini peneliti mengumpulkan data dan informasi

yang dibutuhkan dengan mencari informasi ke Dinas Kesehatan DKI

Jakarta untuk mendapatkan informasi yang akurat mengenai

informasi rumah sakit. Informasi yang didapatkan tersebut adalah

Daftar Rumah Sakit Wilayah DKI Jakarta Tahun 2010 dan gambar

peta wilayah persebaran rumah sakit tersebut.

3.1.2 Kuisioner

Penulis menyebarkan kuisioner pada kalangan pelajar

sebanyak 8 responden, mahasiswa sebanyak 15 responden, dan

Page 77: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

49

masyarakat umum sebanyak 27 responden yang berisi mengenai

pertanyaan-pertanyaan tentang penelitian. Dalam hal ini penulis

menyebar kuisioner sebanyak 50 lembar, karena akan banyak

kendala yang yang dihadapi jika penulis mengambil seluruh sampel.

Kuisioner berisi pertanyaan yang secara logis berhubungan dengan

masalah penelitian. Setiap pertanyaan ditentukan berdasarkan

manfaat penelitian yang merupakan indikator dari tujuan penelitian.

3.1.3 Studi Kepustakaan

Studi pustaka sangat mendukung dalam penyusunan

penelitian atau skripsi ini, karena dalam hal ini penulis mencari

bahan-bahan yang diperlukan dengan mempelajari buku-buku

referensi sejumlah 13 buku, browsing di internet sejumlah 4 ataupun

hasil penelitian yang berkaitan sebagai bahan penunjang yang dapat

dijadikan sebagai landasan teori skripsi ini.

3.1.4 Studi Literatur

Dalam studi literatur ini, penulis melakukan perbandingan

dengan pengembangan aplikasi mobile sejenis. Perbandingan ini

dilakukan dengan tujuan menjadi acuan dalam membuat aplikasi dan

menjadi pelengkap dari studi-studi literatur sebelumnya.

Page 78: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

50

Page 79: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

50

BAB IV

HASIL DAN PEMBAHASAN

4.1 Mendefinisikan Masalah

Kurangnya media informasi mengenai rumah sakit banyak

menyebabkan masyarakat kurang jelas dalam mendapatkan informasi

mengenai rumah sakit secara mudah. Informasi rumah sakit yang diperlukan

masyarakat mengenai alamat rumah sakit, nomor telepon, serta lokasi

dimana rumah sakit itu berada sangat diperlukan masyarakat dengan mudah

dan akurat.

Untuk mendapatkan gambaran permasalahan yang sebenarnya,

penulis menyebarkan kuisioner kepada 50 responden secara acak kepada

beberapa kalangan masyarakat, mulai dari pelajar, mahasiswa, ibu rumah

tangga, dan beberapa kalangan masyarakat lainnya. Kuisioner ini bertujuan

untuk mengetahui apakah masyarakat membutuhkan aplikasi informasi

rumah sakit atau tidak. Berikut ini adalah pertanyaan dan hasil kuisioner

tahap pertama:

Page 80: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

51

Tabel 4.1 Tabel Hasil Kuisioner

1. Pertanyaan mengenai telepon selular.

Pertanyaan:

Apakah anda memiliki dan menggunakan handphone

(HP)?

Persentase (%)

a. Ya

b. Tidak

100%

0%

2. Sumber informasi responden mengenai rumah sakit.

Pertanyaan:

Dari manakah anda mengetahui alamat, nomor telepon

rumah sakit?

Persentase (%)

a. Internet

b. Papan Informasi

c. Lainnya

12%

82%

6%

3. Kesulitan mendapatkan Informasi.

Pertanyaan:

Pernahkah anda merasa kesulitan dalam mengetahui

informasi rumah sakit?

Persentase (%)

Page 81: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

52

a. Pernah

b. Tidak Pernah

96%

4%

4. Informasi apa yang diperlukan.

Pertanyaan:

Informasi apa saja yang diperlukan mengenai rumah

sakit?

Persentase (%)

a. Alamat RS

b. No. Telp dan Fax

c. Lainnya (Jadwal Dokter)

88%

10%

2%

5. Perlu atau tidaknya informasi rumah sakit pada telepon selular.

Pertanyaan:

Menurut anda, perlukah informasi rumah sakit pada

handphone?

Persentase (%)

a. Perlu

b. Tidak Perlu

96%

4%

6. Tanggapan mengenai informasi rumah sakit pada telepon selular.

Pertanyaan:

Bagaimana menurut anda, jika didalam handphone anda

Persentase (%)

Page 82: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

53

terdapat aplikasi informasi rumah sakit?

a. Biasa Saja

b. Bagus

c. Sangat Bagus

2%

78%

20%

Dari kesimpulan kuisioner tersebut bahwa masyarakat

membutuhkan aplikasi yang dapat membantu dalam memberikan

informasi mengenai rumah sakit.

Solusi yang diajukan penulis adalah sebagai berikut:

1. Membuat aplikasi yang efektif dengan tujuan dapat membantu

masyarakat dalam mencari informasi yang berguna mengenai rumah

sakit.

2. Membuat aplikasi yang mampu digunakan pada perangkat mobile agar

mudah dalam penggunaannya.

4.2 Merancang Konsep

Aplikasi informasi rumah sakit wilayah DKI Jakarta ini, berbentuk

aplikasi yang di instal pada perangkat mobile yang nantinya akan digunakan

sebagai media penyampaian informasi.

Page 83: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

54

Deskripsi konsep aplikasi ini adalah sebagai berikut:

Judul :Perancangan Aplikasi Informasi Rumah Sakit

Wilayah DKI Jakarta Berbasis Mobile Technology

Audiens :Umum, aplikasi dibuat untuk digunakan oleh

masyarakat.

Bentuk Aplikasi :Sebagai Media informasi.

Gambar :Menggunakan file berformat JPEG dan PNG.

Animasi :Animasi Tombol dibuat sendiri oleh penulis.

Interaktif :Menggunakan link berupa tombol yang

memungkinkan user untuk menuju halaman yang

diinginkan,

4.3 Merancang Isi

Bahan-bahan yang diperlukan dalam pembuatan aplikasi ini, baik

berupa file-file gambar, teks, dan animasi tombol yang digunakan diperoleh

dari berbagai sumber, namun sebagian besar elemen tersebut banyak yang

dibuat sendiri menggunakan software.

Sebagian file gambar diperoleh dari internet dan dinas kesehatan

berupa .jpeg dan .png. Gambar background aplikasi dan sebagian gambar

gedung rumah sakit penulis buat sendiri. Gambar peta diperoleh dari

Page 84: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

55

software Jakarta Jabotabek version 2.0. Kemudian semua gambar tersebut

diolah dengan menggunakan software Adobe Photoshop CS3.

File teks berupa penjelasan tentang informasi rumah sakit yang

disajikan didalam aplikasi penulis peroleh dari Dinas Kesehatan DKI

Jakarta. Hal ini dilakukan agar agar isi penyampaian materi yang

disampaikan benar-benar jelas dan dapat dipertanggungjawabkan

kebenarannya.

File animasi tombol yang digunakan dalam aplikasi, penulis buat

sendiri menggunakan software Adobe Photoshop CS3 dalam bentuk .jpeg.

Pembuatan tombol ini bertujuan agar dalam pembuatan aplikasi terlihat

lebih menarik.

4.4 Merancang Naskah

Pada perancangan naskah dilakukan urutan elemen secara rinci. Pada

pembuatan aplikasi ini, penulis merancang 4 buah rancangan diantaranya

rancangan storyboard, struktur navigasi, flowchart, dan rancangan State

Transition Diagram (STD).

Page 85: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

56

4.4.1 Storyboard

Rancangan storyboard yang digunakan dalam membuat

aplikasi ini ada 11 rancangan yang terdiri dari, storyboard layar

utama, menu utama, sekilas rumah sakit, informasi rumah sakit,

daftar kecamatan, daftar rumah sakit, penjelasan rumah sakit, peta

wilayah kecamatan, peta letak rumah sakit, kontak dan bantuan.

Storyboard Layar Utama

Modul : Masuk

Image : Logo Depkes

Background : Peta Jakarta

Navigasi

Masuk : Menuju halaman menu utama

Gambar 4.1 Storyboard Layar Utama

Keterangan:

a. Judul atau nama aplikasi dalam bentuk teks untuk memperjelas

bahwa informasi yang ada pada aplikasi tersebut berisi informasi

rumah sakit.

b. Logo Departemen Kesehatan dalam bentuk image.

c. Button masuk digunakan untuk menuju halaman menu utama.

JUDUL APLIKASI

LOGO

DEPKES

MASUKKK

Page 86: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

57

Storyboard Layar Menu Utama

Modul : Menu Utama

Image : -

Background : Peta Jakarta

Navigasi

Sekilas RS : Menuju Halaman Profil RS

Info RS : Menuju halaman Informasi

Kontak : Menuju halaman Kontak

Bantuan : Menuju halaman Bantuan

Cari RS : Untuk Mencari RS

Gambar 4.2 Storyboard Layar Menu Utama

Keterangan:

a. Sekilas Rumah Sakit dalam bentuk button yang berisi informasi

sekilas rumah sakit.

b. Informasi Rumah Sakit dalam bentuk button yang berisi

mengenai informasi rumah sakit pada tiap wilayah administrasi.

c. Kontak dalam bentuk button yang berisi informasi pembuat

aplikasi dan informasi Dinas Kesehatan DKI Jakarta.

d. Bantuan dalam bentuk button yang berisi penjelasan mengenai

penggunaan aplikasi tersebut.

ASEKILAS

RS

KONTAK BANTUAN

INFO

RS

CARI RS

Page 87: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

58

Storyboard Layar Menu Utama Sekilas RS

Modul : Profil RS

Image : -

Background : Peta Jakarta

Navigasi

Kembali : Menuju halaman Sebelumnya

Keluar : Keluar dari aplikasi

Gambar 4.3 Storyboard Layar Menu Utama Sekilas RS

Keterangan:

a. Penjelasan sekilas rumah sakit pada aplikasi dalam bentuk teks

dan dengan adanya scrool bar untuk mempermudah user dalam

membaca penjelasan sekilas rumah sakit tersebut.

b. Menu kembali dan keluar pada aplikasi dalam bentuk teks agar

user tidak mengalami kesulitan apabila ingin kembali dan keluar

aplikasi.

SEKILAS RS

KEMBALI KELUAR

PENJELASAN

SEKILAS RS

Page 88: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

59

Storyboard Layar Menu Utama Informasi RS

Modul : Informasi RS

Background : Peta Jakarta

Navigasi

Jaksel : Menuju halaman RS Jaksel

Jakut : Menuju halaman RS Jakut

Jakbar : Menuju halaman RS Jakbar

Jaktim : Menuju halaman RS Jaktim

Jakpus : Menuju halaman RS Jakpus

Kembali : Menuju halaman Sebelumnya

Keluar : Keluar dari aplikasi

Gambar 4.4 Storyboard Layar Menu Utama Informasi RS

Keterangan:

a. Informasi tiap wilayah kota administrasi dalam bentuk button

agar user mudah dalam mencari informasi rumah sakit yang ada

pada tiap kota administrasi tersebut.

INFORMASI RS

KEMBALI KELUAR

JAK - SELATAN

JAK - UTARA

JAK - BARAT

JAK - TIMUR

JAK - PUSAT

Page 89: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

60

Storyboard Layar Menu Daftar Kecamatan

Modul : Pilihan RS

Background : Peta Jakarta

Navigasi

Kecamatan : Menuju halaman Kecamatan

yang dimaksud.

Kembali : Menuju halaman Sebelumnya

Keluar : Keluar dari aplikasi

Gambar 4.5 Storyboard Layar Menu Daftar Kecamatan

Keterangan:

a. Informasi rumah sakit berdasarkan kecamatan dibuat dalam

bentuk button agar user lebih mengetahui lokasi pasti rumah

sakit tersebut.

INFORMASI RS

Berdasarkan Kecamatan

KEMBALI KELUAR

BACKEXIT

Kecamatan

Kecamatan

Kecamatan

Kecamatan

Page 90: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

61

Storyboard Layar Menu Daftar RS

Modul : Daftar RS

Background : Peta Jakarta

Navigasi

Pilihan RS : Menuju halaman RS dipilih.

Kembali : Menuju halaman Sebelumnya

Keluar : Keluar dari aplikasi

Gambar 4.6 Storyboard Layar Menu Daftar RS

Keterangan:

a. Informasi pada tiap rumah sakit dibuat dalam bentuk button

dengan teks dan dikelompokkan berdasarkan tiap rumah sakit

agar user lebih jelas dalam memilih rumah sakit yang dicari.

RS Jakarta Selatan

Kecamatan Setiabudi

KEMBALI KELUAR

Rumah Sakit . B

Rumah Sakit . A

Rumah Sakit . C

Rumah Sakit . D

Page 91: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

62

Storyboard Layar Menu Penjelasan RS

Modul : Penjelasan RS

Image : Gambar RS yang dipilih

Background : Peta Jakarta

Navigasi

Lihat Peta : Menuju halaman Peta RS.

Kembali : Menuju halaman Sebelumnya

Keluar : Keluar dari aplikasi

Gambar 4.7 Storyboard Layar Menu Penjelasan RS

Keterangan:

a. Gambar rumah sakit dalam bentuk image untuk memperjelas

informasi rumah sakit.

b. Penjelasan rumah sakit dalam bentuk teks agar user lebih jelas

dalam melihat informasi rumah sakit tersebut.

c. Lihat Peta dibuat dalam bentuk button agar user lebih mudah

dalam melihat peta rumah sakit.

RUMAH SAKIT A

KEMBALI KELUAR

PENJELASAN

Rumah Sakit . A

Gambar RS

Lihat Peta

Page 92: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

63

Storyboard Layar Menu Peta Wilayah Kecamatan

Modul : Lihat Peta

Image : Gambar RS yang dipilih

Background : Peta Jakarta

Navigasi

Zoom : Menuju Halaman Letak RS

Kembali : Menuju halaman Sebelumnya

Keluar : Keluar dari aplikasi

Gambar 4.8 Storyboard Layar Menu Peta Wilayah Kecamatan

Keterangan:

a. Peta wilayah kecamatan dalam bentuk image.

b. Zoom pada aplikasi dalam bentuk button untuk mempermudah

user dalam melihat peta letak rumah sakit.

Peta Administrasi

KEMBALI KELUAR

PETA

WILAYAH

KECAMATAN

ZOOM

Page 93: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

64

Storyboard Layar Menu Letak RS

Modul : Lihat Peta

Image : Gambar RS yang dipilih

Background : Peta Jakarta

Navigasi

Kembali : Menuju halaman Sebelumnya

Keluar : Keluar dari aplikasi

Gambar 4.9 Storyboard Layar Menu Peta Letak RS

Keterangan:

a. Peta letak rumah sakit dibuat dalam bentuk image agar user lebih

jelas dalam melihat peta letak rumah sakit tersebut.

KEMBALI KELUAR

PETA LETAK

RUMAH SAKIT A

Page 94: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

65

Storyboard Layar Menu Utama Kontak

Modul : Kontak

Image : Foto Penulis

Background : Peta Jakarta

Navigasi

Kembali : Menuju halaman Sebelumnya

Keluar : Keluar dari aplikasi

Gambar 4.10 Storyboard Layar Menu Utama Kontak

Keterangan:

a. Informasi kontak dibaut dalam bentuk teks untuk mempermudah

dalam penyampaian informasi tersebut.

KONTAK

KEMBALI KELUAR

INFORMASI

Page 95: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

66

Storyboard Layar Menu Utama Bantuan

Modul : Bantuan

Image : Keypad Handphone

Background : Peta Jakarta

Navigasi

Kembali : Menuju halaman Sebelumnya

Keluar : Keluar dari aplikasi

Gambar 4.11 Storyboard Layar Menu Utama Bantuan

Keterangan:

a. Image handphone dalam aplikasi mempermudah user dalam

melihat panduan penggunaan aplikasi.

b. Penjelasan aplikasi dalam bentuk teks untuk mempermudah

dalam penyampaian informasi bantuan tersebut.

BANTUAN

KEMBALI KELUAR

IMAGE

HP

PENJELASAN

APLIKASI

Page 96: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

67

4.4.2 Struktur Navigasi Menu

Gambar 4.12 Struktur Navigasi

Dari struktur navigasi di atas menjelaskan bahwa tampilan awal dari

aplikasi ini adalah halaman pembuka atau utama. Pada halaman pembuka

tersebut terdapat tombol menu utama. Pada halaman menu utama terdapat 5

buah tombol diantaranya, Sekilas RS, Informasi RS, Kontak, Bantuan, dan

Cari RS. Kemudian pada tombol informasi RS, terdapat 5 pilihan tombol

Page 97: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

68

yang masing-masing akan terhubung ke halaman yang di inginkan jika

dipilih.

4.4.3 Flowchart

Dalam membuat aplikasi ini, penulis merancang 7

flowchart yang digunakan, yaitu flowchart utama, flowchart menu

utama, flowchart menu utama sekilas RS, flowchart menu utama

Informasi RS, flowchart menu utama kontak, flowchart menu utama

bantuan, dan flowchart menu Cari RS.

Keterangan:

A : Halaman Menu Utama

Gambar 4.13 Flowchart tampilan Utama

Mulai

Tampilkan Layar Utama

Halaman Selanjutnya

Menu Utama

Keluar

A

Page 98: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

69

Flowchart pada gambar 4.13 menjelaskan bahwa aplikasi

ini dimulai dengan tampilan pembuka atau utama yang mengawali

program ini, lalu dalam tampilan pembuka tersebut ada suatu proses

yaitu memilih halaman selanjutnya, jika pengguna memilih menu

utama maka langsung terhubung ke halaman menu utama.

Gambar 4.14 Flowchart tampilan Menu Utama

Keterangan:

A : Halaman Menu Utama

B : Halaman Menu Utama Sekilas RS

C : Halaman Menu Utama Informasi RS

D : Halaman Menu Utama Kontak

E : Halaman Menu Utama Bantuan

F : Halaman Menu Utama Cari RS

Page 99: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

70

Flowchart pada gambar 4.14 menjelaskan bahwa dalam

halaman menu utama berisi 4 proses menuju halaman selanjutnya,

jika pengguna memilih “ya” maka akan terhubung ke menu yang di

inginkan, dan jika “tidak” pengguna bisa memilih menu lainnya atau

keluar dari aplikasi tersebut.

Ya

Tidak

Gambar 4.15 Flowchart tampilan Sekilas RS

Flowchart pada gambar 4.15 menjelaskan bahwa dalam

halaman profil RS terdapat 2 proses yaitu menuju ke menu utama

atau keluar dari aplikasi, jika pengguna memilih “ya” maka akan

terhubung ke halaman menu utama, dan jika “tidak” pengguna akan

keluar dari aplikasi.

Tampilkan Layar Sekilas RS

Menu

Utama

Keluar

A

B

Page 100: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

71

Tidak Ya

Tidak Ya

Tidak Ya

Tidak Ya

Tidak Ya

Tidak

Gambar 4.16 Flowchart tampilan Informasi RS

Keluar

Menu

RS Jakpus

Tampilkan Layar RS Jaksel

Tampilkan Layar RS Jakut

Tampilkan Layar RS Jakbar

Tampilkan Layar RS Jaktim

Tampilkan Layar RS Jakpus

Tampilkan Layar Informasi RS

Pilih Menu

Menu

RS Jakut

Menu

RS Jaksel

Menu

RS Jakbar

Menu

RS Jaktim

C

Page 101: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

72

Flowchart pada gambar 4.16 menjelaskan bahwa dalam

halaman informasi RS terdapat 5 proses untuk memilih halaman

yang di inginkan, jika pengguna memilih “ya” maka akan terhubung

dengan halaman yang di maksud, dan jika “tidak” pengguna akan

keluar dari aplikasi.

Ya

Tidak

Gambar 4.17 Flowchart tampilan Kontak

Flowchart pada gambar 4.17 menjelaskan bahwa dalam

halaman kontak terdapat 2 proses yaitu menuju ke menu utama atau

keluar dari aplikasi, jika pengguna memilih “ya” maka akan

terhubung ke halaman menu utama, dan jika “tidak” pengguna akan

keluar dari aplikasi.

Tampilkan Layar Kontak

Menu

Utama

Keluar

A

D

Page 102: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

73

Ya

Tidak

Gambar 4.18 Flowchart tampilan Bantuan

Flowchart pada gambar 4.18 menjelaskan bahwa dalam

halaman bantuan terdapat 2 proses yaitu menuju ke menu utama atau

keluar dari aplikasi, jika pengguna memilih “ya” maka akan

terhubung ke halaman menu utama, dan jika “tidak” pengguna akan

keluar dari aplikasi.

Tampilkan Layar Bantuan

Menu

Utama

Keluar

A

E

Page 103: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

74

Gambar 4.19 Flowchart tampilan Cari RS

Flowchart pada gambar 4.19 menjelaskan bahwa dalam

halaman Cari RS terdapat 2 proses yaitu menuju ke menu utama atau

keluar dari aplikasi, jika pengguna memilih “ya” maka akan

terhubung ke halaman menu utama, dan jika “tidak” pengguna akan

keluar dari aplikasi.

Page 104: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

75

4.4.4 State Transition Diagram (STD)

Dalam pembuatan aplikasi ini, penulis membuat 6 rancangan

State Transition Diagram (STD) yaitu rancangan struktur menu

utama, rancangan menu utama sekilas RS, rancangan menu utama

informasi RS, rancangan menu informasi RS, rancangan menu utama

kontak, rancangan menu utama bantuan.

1. Rancangan Struktur Menu Utama

Klik tombol “Masuk”

Menanpilkan form menu utama

Klik Menu “ Sekilas RS Klik Menu “ Kontak” Klik Menu “Cari RS”

Menanpilkan Sekilas RS Menanpilkan Kontak Mencari Rumah Sakit

Klik Menu “ Informasi RS” Klik Menu “Bantuan”

Menanpilkan Informasi RS Menanpilkan Bantuan

Gambar 4.20 Rancangan struktur Menu Utama

Utama

Menu Utama

Bantuan

Kontak

Informasi RS

Sekilas RS Cari RS

Page 105: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

76

2. Rancangan Struktur Menu Utama Sekilas RS

Klik tombol “Masuk”

Menampilkan form menu utama

Klik tombol “Sekilas RS”

Menampilkan form Sekilas RS

Gambar 4.21 Rancangan struktur Menu Utama Profil RS

3. Rancangan Struktur Menu Utama Informasi RS

Klik tombol “Masuk

Menampilkan form Menu Utama

Klik tombol “Informasi RS

Menampilkan form Informasi RS

Gambar 4.22 Rancangan struktur Menu Utama Informasi RS

Utama

Menu Utama

Sekilas RS

Utama

Menu Utama

Informasi RS

Page 106: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

77

4. Rancangan Menu Informasi RS

Klik tombol “Masuk”

Menampilkan form Menu Utama

Klik tombol “Informasi RS”

Menampilkan form Menu Utama Informasi RS

Klik “Jakarta Selatan” Klik “Jakarta Barat” Klik “Jakarta Pusat”

Tampil form RS Jaksel Tampil form RS Jakbar Tampil form RS Jakpus

Klik “Jakarta Utara” Klik “Jakarta Timur”

Tampil form RS Jakut Tampil form RS Jaktim

Gambar 4.23 Rancangan struktur Menu Informasi RS

Utama

Menu Utama

Jakarta Selatan

Informasi RS

Jakarta Utara

Jakarta Barat

Jakarta Timur

Jakarta Pusat

Page 107: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

78

5. Rancangan Struktur Menu Utama Kontak

Klik tombol “Masuk”

Menampilkan form Menu Utama

Klik tombol “Kontak”

Menampilkan form Kontak

Gambar 4.24 Rancangan struktur Menu Utama Kontak

6. Rancangan Struktur Menu Utama Bantuan

Klik tombol “Masuk”

Menampilkan form Menu Utama

Klik tombol “Bantuan”

Menampilkan form Bantuan

Gambar 4.25 Rancangan struktur Menu Utama Bantuan

Utama

Menu Utama

Kontak

Utama

Menu Utama

Bantuan

Page 108: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

79

7. Rancangan Struktur Menu Cari RS

Klik tombol “Masuk”

Menampilkan form Menu Utama

Klik tombol “Cari RS”

Menampilkan form Cari RS

Gambar 4.26 Rancangan struktur Menu Cari RS

Utama

Menu Utama

Cari RS

Page 109: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

80

4.5 Merancang Grafik

Dalam merancang grafik, penulis mambuat rancangan terpisah dengan

menggunakan software yang berbeda, rancangan tersebut terdiri dari rancangan

gambar dan rancangan tombol.

4.5.1 Rancangan Gambar

Dalam membuat background dan merancang gambar yang

diperlukan dalam membuat aplikasi ini, penulis menggunakan software

Adobe Photoshop CS 3. Software ini baik digunakan untuk pengolahan

gambar atau image. Hal pertama yang dilakukan untuk memulai rancangan

adalah membuka file baru dengan cara memilih tombol file pada toolbar

kemudian pilih new, atur width, height, dan resolution yang dipakai

nantinya, kemudian ok.

Gambar 4.27. Membuat file baru pada Adobe Photoshop CS3

Page 110: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

81

Kemudian buka file gambar yang digunakan untuk background yaitu

gambar logo Dinas Kesehatan. Setelah gambar logo Dinas Kesehatan sudah

ada pada kolom layer, ubah gambar tersebut menjadi layer.

Gambar 4.28 Mengubah Layer Image

Kemudian tarik gambar logo tersebut ke layer file baru yang buat

untuk menjadi background. Atur colour balance dan curve pada gambar

logo tersebut hingga menjadi transparan dari gambar awalnya.

Page 111: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

82

Gambar 4.29 Hasil Rancangan Gambar

Setelah rancangan background selesai dibuat simpan dengan

menekan tombol file – save pada toolbar, kemudian atur dengan format

penyimpanan adalah .jpeg dengan quality 12, lalu ok.

Gambar 4.30 Menyimpan File Pada Adobe Photoshop CS 3

Page 112: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

83

4.5.2 Rancangan Tombol

Pembuatan animasi button atau tombol dalam membuat aplikasi ini

menggunakan software Macromedia Firework 8. Animasi tombol ini dibuat

dengan tujuan agar tampilan aplikasi terlihat lebih menarik dan untuk

mempermudah user dalam menggunakan aplikasi nantinya karena dengan

animasi link yang berbeda. Pertama atur kanvas size yang diperlukan untuk

membuat aplikasi.

Gambar 4.31 Mengatur Canvas Size Macromedia Fireworks 8

Kemudian pilih background biru pada layar. Kemudian ketikan teks

dengan besar size 17, dengan font arial unicode MS pada kolom properties.

(Lihat Gambar 4.32)

Page 113: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

84

Gambar 4.32 Pengaturan Properties

Kemudia Klik Layar button atau tombol yang dituju pada kolom

layer, kemudian Pilih filter – shadow and glow – drow shadow dengan

pilihan distance sebesar 7 dan colour black atau hitam. (Gambar 4.33)

Gambar 4.33 Hasil Rancangan Tombol

Setelah pembuatan tombol selesai, langkah berikutnya adalah

dengan mengimpannya dengan formaf .jpeg ,caranya dengan memilih file

pada toolbar kemudian pilih export dengan format “image only”. (Gambar

4.34)

Page 114: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

85

Gambar 4.34 Menympan File Pada Macromedia Fireworks 8

4.6 Produksi Sistem

Pada pemrosesan produksi sistem merupakan tahap dimana seluruh

objek yang digunakan dalam pembuatan aplikasi digabungkan. Pembuatan

aplikasi ini berdasarkan dari rancangan naskah yang dibuat diantaranya

rancangan storyboard, rancangan flowchart, rancangan struktur navigasi,

dan rancangan state transition Diagram (STD).

4.6.1 Pembuatan Aplikasi

Dalam membuat aplikasi ini, seluruh bahan yang diperlukan dalam

membuat aplikasi digabungkan dalam software Adobe Flash CS 4

Professional Flash Lite. Pilihan yang dipilih dalam membuat aplikasi ini

adalah flashlite (mobile) dengan pilihan flash lite 2.0. Untuk memasukkan

Page 115: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

86

image yang telah dibuat pilih file – import – import to library pada toolbar.

Image yang telah dipilih akan berada pada list library. (Gambar 4.35)

Gambar 4.35 List Library

Buatlah masing-masing layer pada kolom timeline dengan nama

yang berbeda, kemudian masukkan gambar, button dan komponen lainnya

yang diperlukan ke dalam masng-masing layer tersebut. (Gambar 4.36)

Gambar 4.36 Baris Timeline Pada Adobe Flash Lite

Page 116: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

87

Kemudian beri action script untuk masing-masing layer yang

dibutuhkan dengan cara klik kanan pada layer yang ingin diberi action

script kemudian pilih action, dan ketikkan action script tersebut. Setelah

selesai memberikan action script , kita tinggal mengetesnya tujuannya agar

action script yang dimasukkan tidak mengalami kesalahan atau error.

(Gambar 4.37)

Gambar 4.37 Memberi Action Script

Kemudian test aplikasi yang sudah dimasukkan action script tersebut

dengan cara pilih control pada toolbar dan pilih test movie. Setelah tidak

mengalami kesalahan, aplikasi yang telah dibuat di export terlebih dahulu

sebelum bisa dijalankan kedalam handphone dengan cara pilih file pada

toolbar kemudian pilih export movie dan pilih format .swf. (Gambar 4.38)

Page 117: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

88

Gambar 4.38 Export Movie

Pada proses ini sebagian besar dikerjakan menggunakan software

Adobe Flash CS4 Professional “Adobe Flashlite”. File–file gambar,

background, animasi tombol dan teks yang masih berupa bahan-bahan

mentah dijadikan satu dan digabungkan agar menjadi suatu aplikasi yang

utuh. Berikut adalah tampilan layar aplikasi pada emulator handphone

setelah dijalankan. (Gambar 4.39)

Page 118: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

89

4.6.1.1 Layar Utama

Gambar 4.39 Tampilan Layar Utama

Layar utama dibuat sebagai layar pembuka aplikasi, layar

utama ini dibuat semenarik dan sederhana. Di dalam tampilan utama

ini terdapat tombol “masuk” yang dapat menghubungkan ke dalam

menu utama. (Gambar 4.39)

Page 119: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

90

4.6.1.2 Layar Menu Utama

Gambar 4.40 Tampilan Layar Menu Utama

Layar tampilan menu utama menampilkan 4 menu utama

yang dapat dihubungkan kedalam menu yang dipilih. Dalam menu

utama ini terdapat 4 pilihan menu utama yaitu, menu sekilas rumah

sakit, informasi rumah sakit, kontak, dan bantuan. Dalam menu

utama ini terdapat juga menu “Cari RS” yang dapat mencari

informasi Rumah Sakit dengan cepat. (Gambar 4.40)

Page 120: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

91

4.6.1.3 Layar Menu Utama Sekilas RS

Gambar 4.41 Tampilan Layar Menu Utama Sekilas Rumah Sakit

Dalam menu utama sekilas rumah sakit ini, menampilkan

penjelasan tentang rumah sakit wilayah DKI Jakarta, serta rincian

jumlah rumah sakit yang ada pada tiap kota administrasi. (Gambar

4.41)

Page 121: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

92

4.6.1.4 Layar Menu Utama Informasi RS

Gambar 4.42 Tampilan Layar Menu Utama Informasi Rumah Sakit

Pada layar menu utama informasi rumah sakit ini

menampilkan pilihan wilayah kota administrasi, user akan terhubung

dengan daftar rumah sakit yang akan dipilih berdasarkan kota

administrasinya. (Gambar 4.42)

Page 122: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

93

4.6.1.5 Layar Menu Daftar Kecamatan

Gambar 4.43 Tampilan Layar Menu Daftar Kecamatan

Pada layar menu pilihan rumah sakit ini terdapat pilihan

kecamatan yang dipilih berdasarkan kota administrasinya, dengan

adanya pengelompokan rumah sakit berdasarkan kecamatan user

dapat lebih mudah dalam mencari rumah sakit yang dimaksud.

(Gambar 4.43)

Page 123: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

94

4.6.1.6 Layar Menu Daftar RS

Gambar 4.44 Tampilan Layar Menu Daftar Rumah Sakit

Pada layar daftar rumah sakit ini menampilkan rincian

daftar rumah sakit yang dipilih sebelumnya berdasarkan kota

administrasi dan jenis rumah sakit yang dipilihnya. Setelah itu user

akan terhubung dengan penjelasan rumah sakit yang dipilih.

(Gambar 4.44)

Page 124: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

95

4.6.1.7 Layar Menu Penjelasan RS

Gambar 4.45 Tampilan Layar Menu Penjelasan Rumah Sakit

Layar penjelasan rumah sakit ini menampilkan informasi

penting dalam rumah sakit seperti alamat, nomor telepon, nomor fax.

Selain itu dalam layar penjelasan rumah sakit ini terdapat tombol

“lihat peta” yang nantinya akan terhubung ke dalam peta rumah sakit

yang dimaksud. (Gambar 4.45)

Page 125: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

96

4.6.1.8 Layar Menu Peta Wilayah Kecamatan

Gambar 4.46 Tampilan Menu Peta Wilayah Kecamatan

Layar Peta wilayah kecamatan ini menampilkan peta

wilayah kecamatan yang dipilih user, di dalam layar tampilan ini

terdapat button zoom yang nantinya akan menghubungkan user

kedalam layar peta letak rumah sakit. (Gambar 4.46)

Page 126: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

97

4.6.1.9 Layar Menu Peta Letak RS

Gambar 4.47 Tampilan Menu Peta Letak RS

Layar Penjelasan peta letak RS ini menampilan peta

daerah lokasi rumah sakit yang dituju, dengan adanya peta ini user

dapat lebih jelas dalam mencari lokasi rumah sakit yang dimaksud.

(Gambar 4.47)

Page 127: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

98

4.6.1.10 Layar Menu Utama Kontak

Gambar 4.48 Tampilan Layar Menu Utama Kontak

Layar Penjelasan kontak ini menampilan informasi

mengenai penulis. Hal ini penting, karena untuk mengetahui

pembuat dan dapat menginformasikan jika ada hal – hal apa saja

nantinya yang berkaitan dengan aplikasi tersebut. (Gambar 4.48)

Page 128: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

99

4.6.1.11 Layar Menu Utama Bantuan

Gambar 4.49 Tampilan Layar Menu Utama Bantuan

Layar Bantuan ini menampilkan bagaimana tata cara

penggunaan aplikasi yang dibuat, dengan adanya layar bantuan ini

user atau pengguna dapat lebih memahami cara pemakaiannya.

(Gambar 4.49)

Page 129: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

100

4.7 Pengetesan Sistem

Pengetesan sistem merupakan langkah dimana tahap pembuatan

aplikasi selesai dilakukan. Pengetesan sistem ini diperlukan agar

mendapatkan hasil yang diinginkan dan sesuai dengan perencanaan.

4.7.1 Tes Sistem Mandiri

Tes sistem dilakukan setelah semua aplikasi selesai

dikerjakan, tes aplikasi ini dilakukan oleh dosen pembimbing skripsi,

masyarakat umum dan kepala bidang sumber daya kesehatan Dinas

Kesehatan DKI Jakarta. Hal ini dilakukan dengan tujuan agar

menjadi acuan bahwa aplikasi yang telah selesai dibuat sesuai

dengan perencanaan atau tidak. Pengetesan aplikasi ini

menggunakan tipe handphone Nokia N81 sebagai alat bantu dalam

pengetesan aplikasi ini. Hasil testing dapat dilihat di lampiran.

Gambar 4.50 Handphone Nokia N81

4.7.2 Hasil Wawancara Dengan Dinas Kesehatan

Aplikasi yang telah selesai dikerjakan terlebih dahulu diuji

kepada perwakilan Dinas Kesehatan DKI Jakarta. Dalam hal ini

Page 130: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

101

pengetesan hasil aplkikasi dan wawancara dari hasil aplikasi yang

dibuat. Tujuan melakukan pengetesan dan wawancara adalah untuk

mengetahui apakah aplikasi yang telah dibuat sesuai dengan

kebutuhan untuk mesyarakat nantinya. Pengetesan dan wawancara

ini dilakukan kepada Kepala Bidang Sumber Daya Kesehatan Dinas

Kesehatan DKI Jakarta, Ibu Dr. Prima Siwiningsih Walujuti pada

hari Jum’at 18 Februari 2011 bertempat di kantor Dinas Kesehatan

DKI Jakarta di Jln. Kesehatan No. 10 Gambir Jakarta Pusat. Hasil

Kesimpulan dari pengetesan dan wawancara ini adalah bahwa

aplikasi yang telah dibuat telah sesuai dengan apa yang diharapkan.

Aplikasi yang telah di install dapat dipergunakan dan dapat di

download pada website Dinas Kesehatan DKI Jakarta di

www.dinkes-dki.go.id.

4.7.3 Tes Sistem Dengan User

Setelah aplikasi selesai dibuat dan diuji, pengetesan

selanjutnya adalah dengan mencoba aplikasi tersebut dengan user.

Dalam hal ini penulis melakukan pengetesan langsung kepada para

pengguna. Beberapa elemen masyarakat seperti ibu rumah tangga,

pelajar, mahasiswa, pegawai negeri, dan masyarakat umum lainnya.

Selain itu, tujuan dengan adanya pengetesan langsung ini adalah

untuk mengetahui apakah aplikasi yang telah selesai dibuat telah

sesuai dengan apa yang diinginkan user atau tidak.

Page 131: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

102

4.7.4 Spesifikasi Perangkat Menjalankan Aplikasi

Dalam menjalankan aplikasi ini, penulis menggunakan

tipe handpone Nokia N81. Berikut spesifikasi handphone tersebut:

Tabel 4.2 Spesifikasi Handphone Nokis N81

Fitur Keterangan

Jaringan EGSM 850/900/1800/1900 MHz

Ukuran 102 mm x 50 mm x 17,9 mm

Berat 140 g

Display Active Matrix 2,4 , QVGA main color display (320x 240 pixels), up to 16 million colors.

Battery Nokia Battery (BP – 6 MT) 1050 mAH

Talk Time 3 – 4 hrs

Stand By 17 days

Camera Yes

FM Radio Yes

Wi – Fi Yes

Bluetooth Yes

External Memory Yes

Fitur Lain

Operating System : Symbian OS ver 9.2

Java MIDP 2.0, CLDC 1.1

Flash Lite 2.0

Up to 2 megapixel (1600 x 1200 pixel)

Zoom : Digital Up to 20x

Page 132: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

103

4.8 Penggunaan Sistem

Cara pengoperasian aplikasi ini sangat mudah. Hanya dengan

memasukkan aplikasi yang telah dibuat dan ditransfer kedalam handphone.

Untuk dapat menjalankan aplikasi ini, terlebih dahulu tipe handphone yang

digunakan harus mendukung contains adobe flashlite 2.0 dan adanya

aplikasi flash player di dalam handphone tersebut. Setelah masuk kedalam

aplikasi, halaman pertama yang muncul adalah tampilah halaman utama dan

untuk masuk kedalam tampilan berikutnya cukup mengklik button “masuk”

yang terdapat pada tampilan utama tersebut dan akan terhubung kedalam

halaman menu utama. Setelah user masuk kedalam halaman menu utama,

maka aka nada 4 pilihan menu utama yang tersedia yaitu, menu utama profil

rumah sakit, menu utama informasi rumah sakit, menu utama kontak dan

pilihan menu utama bantuan. User cukup mengklik salah pilihan menu

utama yang tersedia dan akan terhubung kedalam halaman yang dipilihnya.

4.9 Memelihara Sistem

Pemeliharaan sistem diperlukan bila ada penambahan serta

perbaikan pada aplikasi seperti penambahan menu yang diperlukan dan

penambahan jumlah rumah sakit, jadi pengembangan aplikasi ini nantinya

diperlukan jika ada penambahan yang sesuai dengan kebutuhan. Hasil

pengembangan aplikasi diusulkan dapat di download lalu di install dalam

Page 133: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

104

handphone pengguna. Website Dinas Kesehatan DKI Jakarta adalah

http://dinkes-dki.go.id.

Page 134: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

105

BAB V

PENUTUP

Dalam bab terakhir ini, penulis berusaha untuk memberikan kesimpulan

dan saran-saran yang bermanfaat bagi pihak-pihak yang ingin mengembangkan

aplikasi ini. Karena penulis menyadari bahwa aplikasi yang dibuat jauh dari

sempurna serta masih memiliki kekurangan, sehingga harus terus dikembangkan

agar bisa lebih bermanfaat. Dari uraian bab-bab sebelumnya, maka dapat diambil

kesimpulan dan saran-saran dari pembuatan aplikasi ini adalah:

5.1 Kesimpulan

1. Aplikasi ini dapat membantu masyarakat dalam memberikan informasi

rumah sakit yang dimaksud. Karena dalam aplikasi ini terdapat informasi

alamat Rumah Sakit, nomor telepon, nomor fax, serta dapat

menampilkan peta Rumah Sakit.

2. Dengan adanya menu peta dapat menampilkan informasi letak Rumah

Sakit yang dimaksud.

3. Aplikasi yang dibuat berbasis mobile technology yang dapat

memberikan kemudahan dalam mengakses informasi rumah sakit yang

dituju.

Page 135: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

105

5.2 Saran

1. Aplikasi yang dibuat perlu ditambahkan konten tombol pencari atau

search agar lebih memudahkan user.

2. Untuk pengembangan selanjutnya diharapkan agar ada penyampaian

informasi jadwal dokter yang menangani di setiap rumah sakit.

Page 136: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

DAFTAR PUSTAKA

Arnold, Caroline. 2003. Geografi Aktifitas Untuk Menjelajahi, Memetakan dan

Menikmati Duniamu. Bandung: Pakar Raya.

Aziz, M dan Pujiono, Slamet. 2006. Sistem Informasi Geografis Berbasis Desktop

dan Web. Yogyakarta: Gava Media.

Departemen Kesehatan. 2009. Daftar Rumah Sakit di Indonesia. Jakarta:

Direktorat Jenderal Bina Pelayanan Medik.

Erfan, Nurhuda. 2009. Aplikasi. [Online] Tersedia: http:

//f4123n.blogspot.com/2009/01/aplikasi.html. [09 Juni 2010, 20:12 WIB]

Jogiyanto. 2008. Metodologi Penelitian Sistem Informasi. Yogyakarta: Penerbit

Andi.

Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta: Penerbit Andi.

Prahasta, Eddy. 2005. Sistem Informasi Geografis Konsep-Konsep Dasar.

Bandung: Informatika.

Pressman, R.S. 2002. Rekayasa Perangkat Lunak Pendekatan Praktisi.

Yogyakarta: Penerbit Andi.

Sidiq. 2010. Seni Mudah Membangun Aplikasi Ponsel 14 Trik Tersembunyi Flash

Lite. Yogyakarta: Penerbit Andi.

Page 137: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

Sutopo, Ariesto Hadi. 2003. Multimedia Interaktif Dengan Flash. Yogyakarta:

Graha Ilmu.

Suyanto,M. 2004. Analisis dan Desain Aplikasi Multimedia Untuk Pemasaran.

Yogyakarta:Penerbit Andi.

Suyanto, M. 2003. Multimedia Alat Untuk Meningkatkan Keunggulan Bersaing.

Yogyakarta: Penebit Andi.

Wahid, Fathul. 2005. Kamus Istilah Teknologi Informasi. Yogyakarta: Penerbit

Andi.

Willis. 2009. Sebenarnya apa arti dari informasi itu?. [Online] Tersedia:

http://willis.comze.com/pengertian_informasi.html [10 Juni 2010, 18.50

WIB]

Witarto. 2004. Memahami Sistem Informasi Pendekatan Praktis Rekayasa

Informasi Melalui Kasus-Kasus Sistem Informasi di Sekitar Kita.

Bandung: Informatika.

Yayasan Total Sarana. 2007. Edukasi Digital. [Online] Tersedia:

http://total.or.id/info.php?kk=digital [11 Juni 2010, 23.06 WIB]

Zein, Cindtiia. 2009. Pengertian Handphone. [Online] Tersedia:

http://mokletrpl2.com/2009/10/pengertian-hanphone.html [14 Juni 2010,

09.10 WIB]

Page 138: PERANCANGAN APLIKASI BERBASIS - repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/21833/1/ANGGA SAPUTRA-FST.pdf · vi ABSTRAK Angga Saputra – 106091002907,

DAFTAR LAMPIRAN

Halaman

Lampiran 1. Surat Permohonan Penelitian ............................................... L1 - 1

Lampiran 2. SK Dosen Pembimbing ....................................................... L2 - 1

Lampiran 3. Surat Izin Penelitian ............................................................ L3 - 1

Lampiran 4. Kuisioner Sebelum Penelitian dan Hasilnya ....................... L4 - 1

Lampiran 5. Kuisioner Sesudah Penelitian dan Hasilnya ......................... L5 - 1

Lampiran 6. Daftar Rumah Sakit Provinsi DKI Jakarta 2010 ................... L6 - 1

Lampiran 7. Listing Program .................................................................. L7 - 1