RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi...

19
SKRIPSI RANCANG BANGUN APLIKASI KOMUNITAS DONOR DARAH BERBASIS WEB DAN ANDROID YANG DILENGKAPI LAYANAN INFORMASI GEOGRAFIS KADEK YOGI SAPUTRA JURUSAN TEKNIK ELEKTRO DAN KOMPUTER FAKULTAS TEKNIK UNIVERSITAS UDAYANA BUKIT JIMBARAN 2016

Transcript of RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi...

Page 1: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

SKRIPSI

RANCANG BANGUN APLIKASI KOMUNITAS DONOR DARAH BERBASIS

WEB DAN ANDROID YANG DILENGKAPI LAYANAN INFORMASI GEOGRAFIS

KADEK YOGI SAPUTRA

JURUSAN TEKNIK ELEKTRO DAN KOMPUTER FAKULTAS TEKNIK UNIVERSITAS UDAYANA

BUKIT JIMBARAN 2016

Page 2: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

SKRIPSI

RANCANG BANGUN APLIKASI KOMUNITAS DONOR DARAH BERBASIS

WEB DAN ANDROID YANG DILENGKAPI LAYANAN INFORMASI GEOGRAFIS

KADEK YOGI SAPUTRA

1004405105

JURUSAN TEKNIK ELEKTRO DAN KOMPUTER FAKULTAS TEKNIK UNIVERSITAS UDAYANA

BUKIT JIMBARAN 2016

Page 3: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

ii

LEMBAR PERNYATAAN ORISINALITAS

Skripsi ini adalah hasil karya saya sendiri, dan semua sumber baik yang dikutip maupun dirujuk

telah saya nyatakan dengan benar.

Nama : Kadek Yogi Saputra NIM : 1004405105 Tanda Tangan :

Tanggal : 27 Mei 2016

Page 4: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

iii

RANCANG BANGUN

APLIKASI KOMUNITAS DONOR DARAH BERBASIS WEB DAN ANDROID YANG DILENGKAPI

LAYANAN INFORMASI GEOGRAFIS Tugas Akhir Diajukan Sebagai Prasyarat untuk Memperoleh Gelar Sarjana S1 (Strata 1) pada

Jurusan Teknik Elektro Fakultas Teknik Universitas Udayana

KADEK YOGI SAPUTRA 1004405105

JURUSAN TEKNIK ELEKTRO DAN KOMPUTER FAKULTAS TEKNIK UNIVERSITAS UDAYANA

BUKIT JIMBARAN 2016

Page 5: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

iv

Page 6: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

v

UCAPAN TERIMA KASIH

Om Swastiastu puji syukur kehadapan Ida Sang Hyang Widhi Wasa / Tuhan

Yang Maha Esa, karena atas segala Rahmat-Nya, Tugas Akhir yang berjudul

“Rancang Bangun Aplikasi Komunitas Donor Darah Berbasis Web dan Android

yang Dilengkapi Layanan Informasi Geografis” ini dapat diselesaikan dengan

tepat waktu. Tugas Akhir ini disusun dalam rangka memenuhi sebagian

persyaratan dalam rangka menyelesaikan pendidikan sarjana strata satu (S1) pada

Jurusan Teknik Elektro dan Komputer Fakultas Teknik Universitas Udayana.

Dalam penyusunan Tugas Akhir ini, penulis banyak memperoleh petunjuk dan bimbingan dari berbagai pihak. Sehingga pada kesempatan ini perkenankan saya mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Bapak Prof. Ir. Ngakan Putu Gede Suardana, MT., Ph.D selaku Dekan

Fakultas Teknik Universitas Udayana.

2. Bapak Wayan Gede Ariastina, ST., M.Eng.Sc., Ph.D. selaku ketua jurusan Teknik Elektro Fakultas Teknik Universitas Udayana.

3. Bapak I Made Arsa Suyadnya, ST., M.Eng Selaku dosen pembimbing I yang telah banyak memberikan arahan, waktu, semangat serta saran-saran selama penyusunan Tugas Akhir ini.

4. Bapak Dr. Ir. Ida Bagus Alit Swamardika, M.Erg Selaku dosen pembimbing II yang telah banyak memberikan arahan, waktu, semangat serta saran-saran selama penyusunan Tugas Akhir ini.

5. Kedua orang tua serta kakak dan adik, terima kasih atas do’a, dukungan, saran, bantuan dan senyuman semangat yang selalu diberikan selama penyusunan Tugas Akhir ini. Saya sangat bangga dan bahagia memiliki kalian.

6. Rekan - rekan mahasiswa Teknik Elektro Universitas Udayana khususnya angkatan 2010 konsentrasi SKI senantiasa membantu dalam pembuatan skripsi ini semoga persahabatan kita selalu abadi. Salam sukses kawan.

7. Serta semua pihak yang tidak bisa penulis sebutkan satu-persatu atas do’a, bantuan dan saran yang diberikan sehingga laporan ini bisa selesai tepat pada waktunya.

Page 7: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

vi

Penulis menyadari bahwa tugas akhir ini masih jauh dari sempurna. Oleh

karena itu, segala bentuk ide pengembangan, kritik dan saran yang bersifat membangun sangat diharapkan demi kesempurnaan tugas akhir ini.

Akhir kata, penulis mohon maaf kepada semua pihak jika dalam pembuatan tugas akhir ini melakukan kesalahan baik disegaja maupun tidak disengaja. Semoga tugas akhir ini diharapkan dapat bermanfaat dalam pengembangan ilmu sains dan teknologi.

Bukit Jimbaran, Mei 2016

Penulis

Page 8: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

vii

ABSTRAK

Kebutuhan darah yang terus meningkat membuat masyarakat atau pihak pasien kesulitan untuk mendapatkan pendonor darah. Keterbatasan informasi yang dimiliki oleh pihak pasien menjadi salah satu kesulitan untuk mencari relawan yang mau mendonorkan darahnya. Pemanfaatan teknologi informasi dapat menjadi salah satu solusi untuk mengatasi permasalahan tersebut. Hal ini, dapat dilakukan dengan membangun suatu aplikasi komunitas donor darah berbasis web dan mobile sehingga dapat mempermudah penyebaran informasi kebutuhan darah. Pada penelitian ini dilakukan rancang bangun aplikasi komunitas donor darah berbasis web dan mobile Android yang juga dilengkapi dengan layanan informasi geografis. Aplikasi komunitas donor darah yang dibangun merupakan perantara antara pendonor dan penerima donor darah yang penyebaran informasinya memanfaatkan media internet. Aplikasi yang dibangun memiliki beberapa fitur yang dapat memberikan informasi dengan jelas kepada pendonor maupun penerima darah, seperti fitur notification yang terdapat pada aplikasi berbasis mobile (Android) sehingga setiap user dapat mengetahui informasi mengenai kebutuhan darah atau informasi mengenai event donor darah. Aplikasi komunitas donor darah ini juga dilengkapi dengan fitur layanan informasi geografis, sehingga pengguna dapat mengetahui lokasi rumah sakit dan lokasi suatu event donor darah. Pengembangan aplikasi atau perangkat lunak yang telah dilakukan menerapkan model waterfall yang prosesnya didahului dengan analisis kebutuhan sistem, perancangan sistem, pembuatan sistem, hingga pengujian sistem. Adanya aplikasi komunitas donor darah ini, dapat menjadi sebuah wadah komunitas bagi masyarakat khususnya di wilayah Denpasar untuk mencari atau menyebarkan informasi kebutuhan darah. Pemanfaatan platform Android untuk aplikasi mobile dengan fitur notification dapat memberikan informasi secara realtime mengenai informasi kebutuhan darah maupun event donor darah. Selain itu, pihak PMI juga dapat memanfaatkan aplikasi ini untuk mencari calon pendonor guna untuk memenuhi ketersediaan stok darah di PMI Denpasar. Kata Kunci: Komunitas, Donor Darah, Web, Android, Notification, Layanan Informasi Geografis

Page 9: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

viii

ABSTRACT

Blood necessity which is increase continuously caused the community or the patient's difficult to get a blood donation. The limitations of information which are owned become one of the difficulties in getting volunteers of blood donation. The Use of information technology can be one of the solutions to resolve the problems itself. This can be done by building a blood donation community in form of applications and mobile web so it can facilitate the dissemination for the blood donation information.

In this study is applied blood donation community application and mobile webbing based Android which is also equipped with a geographic information services. An application of blood donation community which is build is an intermediary between donors and recipients of blood donation information dissemination utilizing the Internet media. Applications which is build has some features that can provide clear information to the donor and blood recipient, as contained in the notification feature based mobile applications (Android) so that every user can find out the information about the needed for blood or blood donation information regarding the event. Blood donation community application is also equipped with geographic information services, so that users can find out the location of the hospital and the location of a blood donor event. Application development or software that has been done to apply the waterfall model of the process is preceded by the analysis of system requirements, system design, system manufacturing, to system testing.

Their blood donor community applications, it can be a community forum for people, especially in the area of Denpasar to seek or disseminate information blood needed. Utilization of the Android platform for mobile applications with a notification feature to provide realtime information about the information needs of blood and blood donor event. In addition, the PMI can utilize this application to search for potential donors in order to meet the availability of blood stock in the PMI Denpasar. Keywords: community, Blood Donation, Web, Android, Notification, Geographic Information Services

Page 10: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

ix

DAFTAR ISI

Halaman

JUDUL......................................................................................................................i

LEMBAR PERNYATAAN ORISINALITAS.......................................................ii

LEMBAR PERSYARATAN GELAR...................................................................iii

LEMBAR PENGESAHAN....................................................................................iv

UCAPAN TERIMA KASIH ................................................................................ v

ABSTRAK ........................................................................................................ vii

ABSTRACT ..................................................................................................... viii

DAFTAR ISI ...................................................................................................... ix

DAFTAR GAMBAR............................................................................................xiv

DAFTAR TABEL.................................................................................................xiii

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

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

1.2 Rumusan Masalah .................................................................................. 3

1.3 Tujuan Penelitian ................................................................................... 4

1.4 Manfaat Penelitian ................................................................................. 4

1.5 Batasan Masalah .................................................................................... 4

1.6 Sistematika Penulisan ............................................................................ 4

BAB II KAJIAN PUSTAKA .............................................................................. 6

2.1 Tinjauan Mutakhir ................................................................................. 6

2.2 Komunitas ............................................................................................. 8

2.2.1 Definisi Komunitas ......................................................................... 8

2.3 Darah ..................................................................................................... 9

2.3.1 Komponen Darah ............................................................................ 9

2.3.2 Jenis Darah ABO dan Rhesus ........................................................ 10

Page 11: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

x

1. ABO ................................................................................................ 10

2. Rhesus.............................................................................................. 11

2.4 Definisi Donor Darah ........................................................................... 11

2.5 Sistem Informasi .................................................................................. 11

2.5.1 Komponen Sistem Informasi ......................................................... 12

2.6 Siklus Hidup Sistem............................................................................. 13

2.7 Perangkat Pemodelan Sistem ............................................................... 16

2.7.1 Entity Relationship Diagram (ERD) .............................................. 16

2.7.2 Data Flow Diagram (DFD) ........................................................... 16

2.8 Basis Data ............................................................................................ 17

2.8.1 Database ....................................................................................... 17

2.8.2 DBMS .......................................................................................... 19

2.8.3 MySQL ........................................................................................ 20

2.9 Konsep Pemrograman Web dengan PHP.............................................. 22

2.10 JavaScripts ........................................................................................... 22

2.11 XML .................................................................................................... 23

2.12 Android ............................................................................................... 24

2.12.1 Pengertian Android ....................................................................... 24

2.12.2 Java .............................................................................................. 24

2.12.3 Eclipse .......................................................................................... 25

2.12.4 JDK .............................................................................................. 26

2.13 Sistem Informasi Geografis .................................................................. 27

2.13.1 Komponen Sistem Informasi Geografis......................................... 28

2.13.2 Tugas Utama Sistem Informasi Geografis ..................................... 30

2.14 Google Maps API ................................................................................ 31

2.15 Black Box Testing ................................................................................ 33

2.16 Usability Testing .................................................................................. 34

Page 12: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

xi

BAB III METODELOGI PENELITIAN ........................................................... 36

3.1 Lokasi dan Waktu Penelitian ................................................................ 36

3.2 Sumber dan Jenis Data Penelitian ........................................................ 36

3.2.1 Sumber Data ................................................................................. 36

3.2.2 Jenis Data Penelitian ..................................................................... 37

3.3 Alat dan Cara Penelitian ...................................................................... 37

3.3.1 Alat Penelitian .............................................................................. 37

3.3.2 Tahapan Penelitian ....................................................................... 38

3.4 Perancangan Sistem ............................................................................. 40

3.4.1 Gambaran Umum Sistem .............................................................. 40

3.4.2 Analisa Kebutuhan Sistem ............................................................ 41

3.4.3 Data Flow Diagram ...................................................................... 42

1. Perancangan Diagram Konteks ......................................................... 42

2. Diagram Jenjang (Hierarchy Chart) ................................................. 43

3. Data Flow Diagram (DFD) Level 0 .................................................. 44

4. Data Flow Diagram (DFD) Level 1 Manajemen User dan Admin .... 44

5. Data Flow Diagram (DFD) Level 1 Manajemen Kebutuhan Darah... 45

6. Data Flow Diagram (DFD) Level 1 Manajemen Event Donor Darah 46

7. Data Flow Diagram (DFD) Level 1 Manajemen Data Rumah Sakit .. 47

3.4.4 ERD (Entity Relationship Diagram) Sistem .................................. 47

3.4.5 Relasi Antar Tabel ........................................................................ 48

3.4.6 Perancangan Database .................................................................. 49

3.4.7 Perancangan Antarmuka ............................................................... 53

1. Antarmuka aplikasi berbasis web ...................................................... 53

a. Tampilan awal antarmuka aplikasi web (login) ................................. 53

b. Tampilan form profil user................................................................. 54

c. Tampilan form home atau kebutuhan darah (web) ............................. 54

Page 13: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

xii

d. Tampilan Form Event Donor Darah.................................................. 55

2. Antarmuka Aplikasi Berbasis Android ............................................. 56

a. Tampilan Form Login ...................................................................... 56

b. Tampilan Form Home User .............................................................. 56

c. Tampilan Form Profil ....................................................................... 57

d. Tampilan Form Maps ....................................................................... 57

e. Tampilan Form Stok Darah .............................................................. 58

3.5 Metode Pengujian Aplikasi .................................................................. 58

3.6 Jadwal Penelitian ................................................................................. 59

BAB IV HASIL DAN PEMBAHASAN ........................................................... 60

4.1 Hasil .................................................................................................... 60

4.1.1 Tahapan Memperoleh Hasil Aplikasi ............................................ 60

4.2 Pembahasan Aplikasi ........................................................................... 62

4.2.1 Analisis Integrasi Google Maps pada Aplikasi Berbasis Web ........ 62

4.2.2 Analisis Integrasi Google Maps pada Aplikasi Berbasis Android .. 64

4.2.3 Analisis Integrasi Notification pada Aplikasi Berbasis Android..... 67

4.2.4 Pembahasan Halaman Aplikasi Berbasis Web ............................... 70

4.2.4.1 Pembahasan Halaman Login .................................................. 70

4.2.4.2 Pembahasan Halaman Home Admin ...................................... 71

4.2.4.3 Pembahasan Menu Kebutuhan Darah ..................................... 72

4.2.4.4 Pembahasan Menu Acara Donor Darah.................................. 75

4.2.4.5 Pembahasan Menu Data Rumah Sakit .................................... 78

4.2.4.6 Pembahasan Menu Data User ................................................ 81

4.2.4.7 Pembahasan Home Super Admin ........................................... 82

4.2.4.8 Pembahasan Menu Data Admin ............................................. 83

4.2.4.9 Pembahasan Home User ........................................................ 85

4.2.4.10 Pembahasan Menu Kebutuhan Darah User ............................ 85

Page 14: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

xiii

4.2.4.11 Pembahasan Menu Acara Donor Darah User ......................... 90

4.2.4.12 Pembahasan Menu Profil User ............................................... 94

4.2.4.13 Pembahasan Halaman Peta .................................................... 95

4.2.5 Pembahasan Halaman Aplikasi Mobile Android ........................... 96

4.2.5.1 Pembahasan Halaman Login .................................................. 96

4.2.5.2 Pembahasan Halaman Home User ......................................... 98

4.2.5.3 Pembahasan Menu Kebutuhan Darah ..................................... 99

4.2.5.4 Pembahasan Menu Acara Donor Darah................................ 105

4.2.5.5 Pembahasan Manajemen Profil User.................................... 108

4.2.5.6 Pembahasan Halaman Maps ................................................ 109

4.2.5.7 Pembahasan Halaman Pemberitahuan .................................. 110

4.3 Pengujian Menggunakan Metode Black Box ...................................... 111

4.4 Analisa Usability software ................................................................. 114

4.5 Analisa kelebihan dan kelemahan sistem ............................................ 115

BAB V SIMPULAN DAN SARAN ................................................................ 117

5.1 Simpulan ........................................................................................... 117

5.2 Saran ................................................................................................. 118

DAFTAR PUSTAKA ...................................................................................... 119

LAMPIRAN.........................................................................................................120

Page 15: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

xiv

DAFTAR GAMBAR

Halaman

Gambar 2.1 Blok Sistem Informasi yang Berinteraksi .................................... 12

Gambar 2.2 Model Waterfall .......................................................................... 14

Gambar 2.3 Splash Screen Eclipse ................................................................. 25

Gambar 2.4 Lapisan (layer) pada SIG ............................................................ 28

Gambar 2.5 Tampilan Google Maps ............................................................... 31

Gambar 3.1 Diagram Alur Penelitian Sistem .................................................. 39

Gambar 3.2 Gambaran Umum Sistem ............................................................ 40

Gambar 3.3 Diagram Konteks Sistem Informasi Komunitas Donor Darah...... 42

Gambar 3.4 Diagram Jenjang (hierarchy chart) Aplikasi ............................... 43

Gambar 3.5 DFD level 0 Sistem Informasi Komunitas Donor Darah .............. 44

Gambar 3.6 DFD level 1 Manajemen User dan Admin .................................. 45

Gambar 3.7 DFD level 1 Manajemen Kebutuhan Darah ................................. 46

Gambar 3.8 DFD level 1 Proses Manajemen Event Donor Darah ................... 46

Gambar 3.9 DFD Level 1 Proses Manajemen Data Rumah Sakit.................... 47

Gambar 3.10 Entity Relationship Diagram (ERD) Sistem ............................. 48

Gambar 3.11 Diagram Antar Tabel ................................................................ 49

Gambar 3.12 Tampilan Antarmuka Login ...................................................... 54

Gambar 3.13 Tampilan Profil User ................................................................ 54

Gambar 3.14 Form Home atau Kebutuhan Darah ........................................... 55

Gambar 3.15 Tampilan Form Event Donor Darah .......................................... 55

Gambar 3.16 Tampilan Form Login (Android) ............................................... 56

Gambar 3.17 Tampilan Form Home User (Android) ...................................... 56

Gambar 3.18 Tampilan Form Profil (Android) ............................................... 57

Gambar 3.19 Tampilan Form Maps ............................................................... 57

Gambar 3.20 Tampilan Form Stok Darah ....................................................... 58

Gambar 4.1 Tampilan Peta Google Maps pada Web ....................................... 64

Gambar 4.2 Tampilan Peta pada Android ....................................................... 65

Page 16: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

xv

Gambar 4.3 Tampilan Hasil Marker Rumah Sakit dan Acara ......................... 67

Gambar 4.4 Tampilan Pemberitahuan pada Mobile ........................................ 70

Gambar 4.5 Tampilan Login Web ................................................................... 71

Gambar 4.6 Tampilan saat Salah Memasukkan Username dan Password ....... 71

Gambar 4.7 Tampilan Login Berhasil ............................................................. 71

Gambar 4.8 Tampilan Home Admin ............................................................... 72

Gambar 4.9 Tampilan Manajemen Kebutuhan Darah ..................................... 72

Gambar 4.10 Tampilan Input Kebutuhan Darah ............................................. 73

Gambar 4.11 Tampilan List Data Kebutuhan Darah ....................................... 74

Gambar 4.12 Tampilan Form Edit .................................................................. 74

Gambar 4.13 Tampilan Hapus Data ............................................................... 75

Gambar 4.14 Tampilan List Acara Donor Darah ............................................ 76

Gambar 4.15 Tampilan Form Tambah Acara ................................................ 76

Gambar 4.16 Tampilan List Data Acara ......................................................... 77

Gambar 4.17 Tampilan Form Edit Acara ....................................................... 77

Gambar 4.18 Tampilan Hapus Data Acara ..................................................... 78

Gambar 4.19 Tampilan Manajemen Data Rumah Sakit .................................. 79

Gambar 4.20 Tampilan Tambah Data Rumah Sakit ........................................ 79

Gambar 4.21 Tampilan List Data Rumah Sakit............................................... 80

Gambar 4.22 Tampilan Edit Data Rumah Sakit .............................................. 80

Gambar 4.23 Tampilan Hapus Data Rumah Sakit........................................... 81

Gambar 4.24 Tampilan List User ................................................................... 82

Gambar 4.25 Tampilan Hapus Data User ....................................................... 82

Gambar 4.26 Tampilan Home Super Admin ................................................... 83

Gambar 4.27 Tampilan List Data Admin ........................................................ 83

Gambar 4.28 Tampilan Tambah Data Admin ................................................. 84

Gambar 4.29 Tampilan Hapus Data Admin .................................................... 84

Gambar 4.30 Tampilan Home User ................................................................ 85

Gambar 4.31 Tampilan Manajemen Kebutuhan Darah ................................... 85

Gambar 4.32 Tampilan Tambah Kebutuhan Darah ......................................... 86

Gambar 4.33 Tampilan Hasil Tambah Kebutuhan Darah ................................ 87

Page 17: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

xvi

Gambar 4.34 Tampilan Tombol Selesai Aktif ................................................ 87

Gambar 4.35 Tampilan Edit Kebutuhan Darah ............................................... 88

Gambar 4.36 Tampilan List User yang Bersedia ............................................ 89

Gambar 4.37 Tampilan Informasi Profil User yang bersedia .......................... 89

Gambar 4.38 Tampilan Filtering dengan Kata Selesai .................................... 90

Gambar 4.39 Tampilan Menu Acara Donor Darah ......................................... 91

Gambar 4.40 Tampilan Form Tambah Data Acara Donor Darah .................... 91

Gambar 4.41 Tampilan Tombol Peta .............................................................. 92

Gambar 4.42 Tampilan Jika Mengklik Tombol Hadir .................................... 92

Gambar 4.43 Tampilan List User yang Hadir ................................................. 93

Gambar 4.44 Tampilan Tombol Peta (Lokasi Acara) ...................................... 93

Gambar 4.45 Tampilan Memilih Foto Profil................................................... 94

Gambar 4.46 Tampilan Setelah Memilih Foto Profil ...................................... 94

Gambar 4.47 Tampilan Halaman Peta ............................................................ 95

Gambar 4.48 Tampilan Login Aplikasi Mobile Android ................................. 97

Gambar 4.49 Tampilan saat Salah Memasukkan Username dan Password ..... 97

Gambar 4.50 Tampilan Login Berhasil ........................................................... 98

Gambar 4.51 Tampilan Home User (Menu) ................................................... 98

Gambar 4.52 Tampilan Menu Kebutuhan Darah ............................................ 99

Gambar 4.53 Tampilan Tambah Data Kebutuhan Darah .............................. 100

Gambar 4.54 Tampilan Setelah Berhasil Tambah Kebutuhan Darah ............. 100

Gambar 4.55 Tampilan Setelah Tombol Selesai Aktif .................................. 101

Gambar 4.56 Tampilan Form Edit Kebutuhan Darah ................................... 102

Gambar 4.57 Tampilan Input Komentar ....................................................... 102

Gambar 4.58 Tampilan List User yang Bersedia .......................................... 103

Gambar 4.59 Tampilan Detail Profil yang Bersedia...................................... 104

Gambar 4.60 Tampilan Filtering dengan Kata Selesai .................................. 104

Gambar 4.61 Tampilan Menu Acara ............................................................ 105

Gambar 4.62 Tampilan Form Tambah Data Acara ....................................... 106

Gambar 4.63 Tampilan Jika Klik Tombol Hadir ........................................... 107

Gambar 4.64 Tampilan List User yang Hadir ............................................... 107

Page 18: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

xvii

Gambar 4.65 Tampilan Lokasi Acara Donor Darah ...................................... 108

Gambar 4.66 Tampilan Memilih Foto Profil................................................. 108

Gambar 4.67 Tampilan Upload Foto Profil Berhasil .................................... 109

Gambar 4.68 Tampilan Peta Pada Android ................................................... 110

Gambar 4.69 Tampilan Pemberitahuan pada Smartphone ............................. 110

Gambar 4.70 Tampilan Pemberitahuan Pada Aplikasi .................................. 111

Page 19: RANCANG BANGUN APLIKASI KOMUNITAS DONOR ... - … Awal.pdf · skripsi rancang bangun aplikasi komunitas donor darah berbasis web dan android yang dilengkapi layanan informasi geografis

xviii

DAFTAR TABEL

Halaman Tabel 2.1 Komponen-komponen ERD ............................................................ 16

Tabel 2.2 Tabel Simbol DFD ......................................................................... 17

Tabel 3.1 Deskripsi Aktor .............................................................................. 41

Tabel 3.2 Tabel tb_member............................................................................ 49

Tabel 3.3 Tabel tb_admin............................................................................... 50

Tabel 3.4 Tabel tb_event ................................................................................ 50

Tabel 3.5 Tabel tb_kebutuhan_darah .............................................................. 51

Tabel 3.6 Tabel tb_voting_keb_darah ............................................................ 51

Tabel 3.7 Tabel tb_koment_keb_darah ........................................................... 52

Tabel 3.8 Tabel tb_voting_event .................................................................... 52

Tabel 3.9 Tabel tb_koment_event................................................................... 52

Tabel 3.10 Tabel tb_rs ................................................................................... 53

Tabel 3.11 Timeline Kegiatan......................................................................... 59

Tabel 4.1 Gambar Icon pada Simbol .............................................................. 96

Tabel 4.2 Tabel Pengujian Sistem dengan Metode Black Box ....................... 112