RANCANG BANGUN APLIKASI KOMUNITAS DONOR DARAH BERBASIS WEB DAN ANDROID YANG DILENGKAPI LAYANAN INFORMASI GEOGRAFIS

Transkripsi

1 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

2 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

3 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 : Tanda Tangan : Tanggal : 27 Mei 2016 ii

4 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 JURUSAN TEKNIK ELEKTRO DAN KOMPUTER FAKULTAS TEKNIK UNIVERSITAS UDAYANA BUKIT JIMBARAN 2016 iii

5 iv

6 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. v

7 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 vi

8 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 vii

9 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 viii

10 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 Latar Belakang Rumusan Masalah Tujuan Penelitian Manfaat Penelitian Batasan Masalah Sistematika Penulisan... 4 BAB II KAJIAN PUSTAKA Tinjauan Mutakhir Komunitas Definisi Komunitas Darah Komponen Darah Jenis Darah ABO dan Rhesus ix

11 1. ABO Rhesus Definisi Donor Darah Sistem Informasi Komponen Sistem Informasi Siklus Hidup Sistem Perangkat Pemodelan Sistem Entity Relationship Diagram (ERD) Data Flow Diagram (DFD) Basis Data Database DBMS MySQL Konsep Pemrograman Web dengan PHP JavaScripts XML Android Pengertian Android Java Eclipse JDK Sistem Informasi Geografis Komponen Sistem Informasi Geografis Tugas Utama Sistem Informasi Geografis Google Maps API Black Box Testing Usability Testing x

12 BAB III METODELOGI PENELITIAN Lokasi dan Waktu Penelitian Sumber dan Jenis Data Penelitian Sumber Data Jenis Data Penelitian Alat dan Cara Penelitian Alat Penelitian Tahapan Penelitian Perancangan Sistem Gambaran Umum Sistem Analisa Kebutuhan Sistem Data Flow Diagram Perancangan Diagram Konteks Diagram Jenjang (Hierarchy Chart) Data Flow Diagram (DFD) Level Data Flow Diagram (DFD) Level 1 Manajemen User dan Admin Data Flow Diagram (DFD) Level 1 Manajemen Kebutuhan Darah Data Flow Diagram (DFD) Level 1 Manajemen Event Donor Darah Data Flow Diagram (DFD) Level 1 Manajemen Data Rumah Sakit ERD (Entity Relationship Diagram) Sistem Relasi Antar Tabel Perancangan Database Perancangan Antarmuka Antarmuka aplikasi berbasis web a. Tampilan awal antarmuka aplikasi web (login) b. Tampilan form profil user c. Tampilan form home atau kebutuhan darah (web) xi

13 d. Tampilan Form Event Donor Darah Antarmuka Aplikasi Berbasis Android a. Tampilan Form Login b. Tampilan Form Home User c. Tampilan Form Profil d. Tampilan Form Maps e. Tampilan Form Stok Darah Metode Pengujian Aplikasi Jadwal Penelitian BAB IV HASIL DAN PEMBAHASAN Hasil Tahapan Memperoleh Hasil Aplikasi Pembahasan Aplikasi Analisis Integrasi Google Maps pada Aplikasi Berbasis Web Analisis Integrasi Google Maps pada Aplikasi Berbasis Android Analisis Integrasi Notification pada Aplikasi Berbasis Android Pembahasan Halaman Aplikasi Berbasis Web Pembahasan Halaman Login Pembahasan Halaman Home Admin Pembahasan Menu Kebutuhan Darah Pembahasan Menu Acara Donor Darah Pembahasan Menu Data Rumah Sakit Pembahasan Menu Data User Pembahasan Home Super Admin Pembahasan Menu Data Admin Pembahasan Home User Pembahasan Menu Kebutuhan Darah User xii

14 Pembahasan Menu Acara Donor Darah User Pembahasan Menu Profil User Pembahasan Halaman Peta Pembahasan Halaman Aplikasi Mobile Android Pembahasan Halaman Login Pembahasan Halaman Home User Pembahasan Menu Kebutuhan Darah Pembahasan Menu Acara Donor Darah Pembahasan Manajemen Profil User Pembahasan Halaman Maps Pembahasan Halaman Pemberitahuan Pengujian Menggunakan Metode Black Box Analisa Usability software Analisa kelebihan dan kelemahan sistem BAB V SIMPULAN DAN SARAN Simpulan Saran DAFTAR PUSTAKA LAMPIRAN xiii

15 DAFTAR GAMBAR Halaman Gambar 2.1 Blok Sistem Informasi yang Berinteraksi Gambar 2.2 Model Waterfall Gambar 2.3 Splash Screen Eclipse Gambar 2.4 Lapisan (layer) pada SIG Gambar 2.5 Tampilan Google Maps Gambar 3.1 Diagram Alur Penelitian Sistem Gambar 3.2 Gambaran Umum Sistem Gambar 3.3 Diagram Konteks Sistem Informasi Komunitas Donor Darah Gambar 3.4 Diagram Jenjang (hierarchy chart) Aplikasi Gambar 3.5 DFD level 0 Sistem Informasi Komunitas Donor Darah Gambar 3.6 DFD level 1 Manajemen User dan Admin Gambar 3.7 DFD level 1 Manajemen Kebutuhan Darah Gambar 3.8 DFD level 1 Proses Manajemen Event Donor Darah Gambar 3.9 DFD Level 1 Proses Manajemen Data Rumah Sakit Gambar 3.10 Entity Relationship Diagram (ERD) Sistem Gambar 3.11 Diagram Antar Tabel Gambar 3.12 Tampilan Antarmuka Login Gambar 3.13 Tampilan Profil User Gambar 3.14 Form Home atau Kebutuhan Darah Gambar 3.15 Tampilan Form Event Donor Darah Gambar 3.16 Tampilan Form Login (Android) Gambar 3.17 Tampilan Form Home User (Android) Gambar 3.18 Tampilan Form Profil (Android) Gambar 3.19 Tampilan Form Maps Gambar 3.20 Tampilan Form Stok Darah Gambar 4.1 Tampilan Peta Google Maps pada Web Gambar 4.2 Tampilan Peta pada Android xiv

16 Gambar 4.3 Tampilan Hasil Marker Rumah Sakit dan Acara Gambar 4.4 Tampilan Pemberitahuan pada Mobile Gambar 4.5 Tampilan Login Web Gambar 4.6 Tampilan saat Salah Memasukkan Username dan Password Gambar 4.7 Tampilan Login Berhasil Gambar 4.8 Tampilan Home Admin Gambar 4.9 Tampilan Manajemen Kebutuhan Darah Gambar 4.10 Tampilan Input Kebutuhan Darah Gambar 4.11 Tampilan List Data Kebutuhan Darah Gambar 4.12 Tampilan Form Edit Gambar 4.13 Tampilan Hapus Data Gambar 4.14 Tampilan List Acara Donor Darah Gambar 4.15 Tampilan Form Tambah Acara Gambar 4.16 Tampilan List Data Acara Gambar 4.17 Tampilan Form Edit Acara Gambar 4.18 Tampilan Hapus Data Acara Gambar 4.19 Tampilan Manajemen Data Rumah Sakit Gambar 4.20 Tampilan Tambah Data Rumah Sakit Gambar 4.21 Tampilan List Data Rumah Sakit Gambar 4.22 Tampilan Edit Data Rumah Sakit Gambar 4.23 Tampilan Hapus Data Rumah Sakit Gambar 4.24 Tampilan List User Gambar 4.25 Tampilan Hapus Data User Gambar 4.26 Tampilan Home Super Admin Gambar 4.27 Tampilan List Data Admin Gambar 4.28 Tampilan Tambah Data Admin Gambar 4.29 Tampilan Hapus Data Admin Gambar 4.30 Tampilan Home User Gambar 4.31 Tampilan Manajemen Kebutuhan Darah Gambar 4.32 Tampilan Tambah Kebutuhan Darah Gambar 4.33 Tampilan Hasil Tambah Kebutuhan Darah xv

17 Gambar 4.34 Tampilan Tombol Selesai Aktif Gambar 4.35 Tampilan Edit Kebutuhan Darah Gambar 4.36 Tampilan List User yang Bersedia Gambar 4.37 Tampilan Informasi Profil User yang bersedia Gambar 4.38 Tampilan Filtering dengan Kata Selesai Gambar 4.39 Tampilan Menu Acara Donor Darah Gambar 4.40 Tampilan Form Tambah Data Acara Donor Darah Gambar 4.41 Tampilan Tombol Peta Gambar 4.42 Tampilan Jika Mengklik Tombol Hadir Gambar 4.43 Tampilan List User yang Hadir Gambar 4.44 Tampilan Tombol Peta (Lokasi Acara) Gambar 4.45 Tampilan Memilih Foto Profil Gambar 4.46 Tampilan Setelah Memilih Foto Profil Gambar 4.47 Tampilan Halaman Peta Gambar 4.48 Tampilan Login Aplikasi Mobile Android Gambar 4.49 Tampilan saat Salah Memasukkan Username dan Password Gambar 4.50 Tampilan Login Berhasil Gambar 4.51 Tampilan Home User (Menu) Gambar 4.52 Tampilan Menu Kebutuhan Darah Gambar 4.53 Tampilan Tambah Data Kebutuhan Darah Gambar 4.54 Tampilan Setelah Berhasil Tambah Kebutuhan Darah Gambar 4.55 Tampilan Setelah Tombol Selesai Aktif Gambar 4.56 Tampilan Form Edit Kebutuhan Darah Gambar 4.57 Tampilan Input Komentar Gambar 4.58 Tampilan List User yang Bersedia Gambar 4.59 Tampilan Detail Profil yang Bersedia Gambar 4.60 Tampilan Filtering dengan Kata Selesai Gambar 4.61 Tampilan Menu Acara Gambar 4.62 Tampilan Form Tambah Data Acara Gambar 4.63 Tampilan Jika Klik Tombol Hadir Gambar 4.64 Tampilan List User yang Hadir xvi

18 Gambar 4.65 Tampilan Lokasi Acara Donor Darah Gambar 4.66 Tampilan Memilih Foto Profil Gambar 4.67 Tampilan Upload Foto Profil Berhasil Gambar 4.68 Tampilan Peta Pada Android Gambar 4.69 Tampilan Pemberitahuan pada Smartphone Gambar 4.70 Tampilan Pemberitahuan Pada Aplikasi xvii

19 DAFTAR TABEL Halaman Tabel 2.1 Komponen-komponen ERD Tabel 2.2 Tabel Simbol DFD Tabel 3.1 Deskripsi Aktor Tabel 3.2 Tabel tb_member Tabel 3.3 Tabel tb_admin Tabel 3.4 Tabel tb_event Tabel 3.5 Tabel tb_kebutuhan_darah Tabel 3.6 Tabel tb_voting_keb_darah Tabel 3.7 Tabel tb_koment_keb_darah Tabel 3.8 Tabel tb_voting_event Tabel 3.9 Tabel tb_koment_event Tabel 3.10 Tabel tb_rs Tabel 3.11 Timeline Kegiatan Tabel 4.1 Gambar Icon pada Simbol Tabel 4.2 Tabel Pengujian Sistem dengan Metode Black Box xviii