RANCANG BANGUN APLIKASI KLINIK BERBASIS ANDROID

Ukuran: px

Mulai penontonan dengan halaman:

Download "RANCANG BANGUN APLIKASI KLINIK BERBASIS ANDROID"

Devi Sumadi
6 tahun lalu
Tontonan:

RANCANG BANGUN APLIKASI KLINIK BERBASIS ANDROID RONA AGUSYANA 41511110011 PROGRAM

1 RANCANG BANGUN APLIKASI KLINIK BERBASIS ANDROID RONA AGUSYANA PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016

2 RANCANG BANGUN APLIKASI KLINIK BERBASIS ANDROID Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh : RONA AGUSYANA PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016

LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini: NIM : 41511110011 Nama : RONA AGUSYANA Judul Skripsi : RANCANG BANGUN APLIKASI KLINIK BERBASIS ANDROID Menyatakan bahwa skripsi tersebut diatas

3 LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini: NIM : Nama : RONA AGUSYANA Judul Skripsi : RANCANG BANGUN APLIKASI KLINIK BERBASIS ANDROID Menyatakan bahwa skripsi tersebut diatas adalah hasil karya saya sendiri dan bukan plagiat. Apabila ternyata ditemukan didalam laporan skripsi saya terdapat unsur plagiat, maka saya siap untuk mendapatkan sanksi akademik yang terkait dengan hal tersebut. Jakarta,... Rona Agusyana ii

LEMBAR PERSETUJUAN NIM : 41511110011 Nama : RONA AGUSYANA Judul Skripsi : RANCANG BANGUN APLIKASI KLINIK BERBASIS ANDROID SKRIPSI INI TELAH DIPERIKSA DAN DISETUJUI

4 LEMBAR PERSETUJUAN NIM : Nama : RONA AGUSYANA Judul Skripsi : RANCANG BANGUN APLIKASI KLINIK BERBASIS ANDROID SKRIPSI INI TELAH DIPERIKSA DAN DISETUJUI JAKARTA,. Dr. Ida Nurhaida, MT Pembimbing Sabar Rudiarto, S.Kom.,M.Kom. Kaprodi Teknik Informatika Nia Kusuma Wardhani, S.Kom.,MM. Koord. Tugas Akhir Teknik Informatika iii

5 KATA PENGANTAR Alhamdulillahirabbil'alamin, Segala pujian hanyalah kepunyaan Allah SWT. Selawat serta salam saya curahkan kepada junjungan Nabi Muhammad SAW. Segala rahmat dan karunianya, serta untuk semua ketetapannya sehingga penulis dapat menyelesaikan laporan tugas akhir ini sebagai salah satu syarat untuk menyelesaikan program studi strata satu pada Jurusan Teknik Informatika Universitas Mercu Buana. Penulis menyadari segala yang terdapat dalam laporan ini masih jauh dari kata sempurna. Penulis membuka sebesar-besarnya segala kritik serta saran yang dapat mendorong kemajuan di masa depan. Bantuan, bimbingan dan motivasi dari semua pihak sehingga laporan tugas akhir dapat diselesaikan, segala hormat saya mengucapkan banyak terima kasih kepada : 1. Ibu Dr. Ida Nurhaida, MT., selaku pembimbing tugas akhir pada Jurusan Teknik Informatika Universitas Mercu Buana. Membimbing saya dengan penuh kesabaran dan memberikan selalu motivasi kepada saya. 2. Bapak Sabar Rudiarto, S.Kom., M.Kom., selaku Kepala Program Studi pada Jurusan Teknik Informatika Universitas Mercu Buana. 3. Ibu Nia Kusuma Wardhani S.Kom,. MM, selaku Koordinator Tugas Akhir pada Jurusan Teknik Informatika Universitas Mercu Buana. 4. Seluruh Dosen Teknik Informatika Mercu Buana yang telah memberikan ilmu yang membantu dalam penulisan tugas akhir ini. 5. Orang tua saya, ayah dan ibu yang selalu mendoakan saya tanpa henti. Keluarga saya yang pengertian untuk menyelesaikan tugas akhir ini. 6. Angkatan Umb TI XIX yang selalu saling mendukung. Rekan satu kerja saya yang selalu memberikan motivasi dan bantuan kepada saya untuk segera menyelesaikan tugas akhir ini. Semoga Allah SWT membalas kebaikan dan selalu mencurahkan hidayah serta taufiknya, Amin. Jakarta, 25 januari 2016 Rona Agusyana iv

6 v

7 vi

8 DAFTAR ISI LEMBAR PERNYATAAN... ii LEMBAR PERSETUJUAN... iii KATA PENGANTAR... iv ABSTRACT... v ABSTRAK... vi DAFTAR ISI... vii DAFTAR GAMBAR... x DAFTAR TABEL... xiii DAFTAR LAMPIRAN... xiv 1. Report pemeriksaan. xiv 2. Basis Data... xiv 3. Source Code... xiv BAB I PENDAHULUAN Latar Belakang Perumusan Masalah Tujuan Penelitian dan Manfaat Penelitian Batasan Masalah Metodologi Penelitian Studi Pustaka Pemodelan Aplikasi Implementasi Pengujian Sistematika Penulisan... 4 BAB II LANDASAN TEORI Pengertian Klinik Metodologi Rekayasa Perangkat Lunak Sistem Operasi Android Aplikasi Hibrid HTML CSS JQuery Mobile vii

9 2.8. BackboneJs + RequireJs PhoneGap NodeJs PHP + Slim Framework MySql Basis data XAMPP Eclipse RESTful WS Pengujian Black Box Unified Modelling Language Diagram Use case Class Diagram Diagram Aktivititas Diagram Sequence BAB III ANALISIS DAN PERANCANGAN Analisis Masalah Analisis Kebutuhan Alur Kerja Ideal Perancangan Aplikasi Diagram Use Case Class Diagram Diagram Aktivitas Diagram Sequence Perancangan Alur Data Perancangan Basis Data Perancangan Antarmuka Bahan yang digunakan Skenario Pengujian BAB IV IMPLEMENTASI DAN PENGUJIAN Bahan yang digunakan Spesifikasi Sistem viii

10 4.2. Instalasi Perangkat Implementasi Kode Implementasi pembuatan basis data Implementasi tampilan user Pemetaan Navigasi Aplikasi Pengujian Skenario Pengujian aplikasi Analisa Pengujian aplikasi BAB V KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN ix

11 DAFTAR GAMBAR Gambar 2.1. Model Waterfall. 8 Gambar 2.2. Format HTML Gambar 2.3. Alur Kerja PhoneGap. 14 Gambar 2.4. InstalasiPhoneGap.. 14 Gambar 3.1. Diagram Use Case pasien.. 25 Gambar 3.2. Diagram Use Case Petugas Klinik. 26 Gambar 3.3. Class Diagram Gambar 3.4. Diagram Aktivitas Login Gambar 3.5. Diagram Aktivitas Pendaftaran Pasien.. 31 Gambar 3.6. Diagram Aktivitas Pendaftaran Pasien Oleh Petugas 32 Gambar 3.7. Diagram Aktivitas Pendaftaran Antrian. 33 Gambar 3.8. Diagram Aktivitas Pendaftaran Antrian Oleh Petugas.. 35 Gambar 3.9. Diagram Aktivitas Pencatatan Pemeriksaan.. 36 Gambar Diagram Aktivitas Antrian On/Off.. 37 Gambar Diagram Aktivitas Antrian Suspend 38 Gambar Diagram Aktivitas Logout Gambar Diagram Sequence Login Gambar Diagram Sequence Pendaftaran Pasien Gambar Diagram Sequence Pendaftaran Pasien Oleh Petugas. 41 Gambar Diagram Sequence Pendaftaran Antrian Gambar Diagram Sequence Pendaftaran Antrian Oleh Petugas 43 Gambar Diagram Sequence Pencatatan Pemeriksaan 44 Gambar Diagram Sequence Antrian On/Off.. 45 Gambar Diagram Sequence Antrian Suspend 45 Gambar Diagram Sequence Logout.. 46 Gambar Alur Data Aplikasi Gambar Relasi Basis Data. 48 Gambar Rancangan Tampilan Login. 55 Gambar Rancangan Tampilan Utama Petugas.. 56 Gambar Rancangan Tampilan Utama Pasien 56 x

12 Gambar Rancangan Tampilan Kategori Dokter 57 Gambar Rancangan Tampilan Detail Kategori Dokter.. 57 Gambar Rancangan Tampilan Antrian Pasien Gambar Rancangan Tampilan Detail Pasien Antrian 58 Gambar Rancangan Tampilan Pengaturan Antrian Gambar Rancangan Tampilan Kartu Pasien.. 59 Gambar Rancangan Tampilan Informasi Pengingat Obat. 60 Gambar 4.1. Tampilan Kode Unduh PhoneGap. 66 Gambar 4.2. Proses Unduh Selesai. 66 Gambar 4.3. Kode Pembuatan Proyek 67 Gambar 4.4. Kode Pembuatan Proyek Selesai 67 Gambar 4.5. Kode Pembuatan Platform Android Gambar 4.6. Kode Proses Pembuatan Platform Selesai. 67 Gambar 4.7. Kode Pengecekan Platform 67 Gambar 4.8. Basis Data.. 68 Gambar 4.9. Tabel Dokter.. 69 Gambar Tabel Jadwal Dokter 69 Gambar Tabel Obat 69 Gambar Tabel Pasien. 70 Gambar Tabel Pemeriksaan Gambar Tabel Pendaftaran 71 Gambar Tabel Resep Obat. 71 Gambar Tabel Ruangan. 72 Gambar Tabel Status Antrian. 72 Gambar Tabel Ruangan Dokter. 73 Gambar Tabel User 73 Gambar Struktur File Aplikasi Gambar Potongan main.js.. 75 Gambar Potongan HeaderView.js.. 76 Gambar Halaman Login. 76 Gambar Potongan Kode LoginView.. 77 Gambar Halaman Pendaftaran xi

13 Gambar Potongan Kode Pendaftaran. 79 Gambar Halaman Utama Home Petugas Gambar Potongan Kode Pada Router Untuk Halaman Utama.. 81 Gambar Halaman Utama Pasien 81 Gambar 4.30 Halaman Ruangan Petugas 82 Gambar Potongan Kode Pada Router Untuk Halaman Ruangan Gambar Halaman Ruangan Pasien. 84 Gambar Halaman Detail Ruangan. 85 Gambar Potongan Kode Pada Router Untuk Halaman Detail Ruangan 86 Gambar Halaman Antrian Pasien Gambar Potongan Kode Pada Router Untuk Halaman Antrian. 88 Gambar Halaman Pengaturan Setting Antrian Gambar Potongan Kode Pada Router Untuk Halaman Setting. 89 Gambar Halaman Detail Antrian Pasien 90 Gambar Potongan Kode Pada Router Untuk Halaman Detail Antrian 91 Pasien. Gambar Halaman Kartu Pasien.. 91 Gambar Potongan Kode Pada Router Untuk Halaman Kartu Pasien 92 Gambar Gambar Halaman Detail Pengingat Obat 93 Gambar Pemetaan Navigasi Aplikasi xii

14 DAFTAR TABEL Tabel 2.1 Notasi Diagram Use Case.. 17 Tabel 2.2 Notasi Class Diagram Tabel 2.3 Notasi Diagram Aktivitas.. 20 Tabel 2.4 Notasi Diagram Sequence.. 21 Tabel 3.1. Keterangan Use Case Tabel 3.2. tb_dokter 48 Tabel 3.3. tb_jadwal_dokter.. 49 Tabel 3.4. tb_user.. 49 Tabel 3.5. tb_obat.. 50 Tabel 3.6. tb_status_antrian Tabel 3.7. tb_pasien Tabel 3.8. tb_pendaftaran.. 51 Tabel 3.9. tb_pemeriksaan. 52 Tabel tb_resep_obat Tabel tb_ruangan Tabel tb_ruangan_dokter. 54 Tabel Bahan Pendukung Aplikasi 60 Tabel Skenario Pengujian. 62 Tabel 4.1 Hasil Pengujian. 94 xiii

15 DAFTAR LAMPIRAN 1. Report pemeriksaan Basis Data Basis Data Basis Data Klinik Tabel Dokter Tabel Jadwal Dokter Tabel Obat Tabel Pasien Tabel Pemeriksaan Tabel Pendaftaran Tabel Resep Obat Tabel Ruangan Tabel Ruangan Dokter Tabel Status Antrian Tabel Status Antrian Tabel User Source Code Index.html Main.js Router.js Models antrianmodel.js doktermodel.js historydetaildoktermodel.js historydoktermodel.js jadwalmodel.js obatmodel.js pasienmodel.js pemeriksaanmodel.js rekammodel.js xiv

16 reportpasieninfomodel.js reportpasienmodel.js resepmodel.js ruanganmodel.js Views AntrianDetailsView.js AntrianListView.js AntrianSettingView.js AntrianView.js ConfigPageView.js DaftarPasienView.js DataAwalAddPageView.js DataAwalSuskesView DokterAddUpPageView.js DokterDetailsView.js DokterListView.js DokterView.js FooterView.js HeaderView.js HistoryDetailDokterView.js HistoryDetailListDokterView.js HistoryDokterListView.js HistoryDokterView.js HomeView.js JadwalAddUpPageView.js JadwalDetailsView.js JadwalListView.js JadwalView.js LoginView.js ObatAddUpPageView.js ObatDetailsView.js ObatListView.js xv

17 ObatView.js PasienAddUpPageView.js PasienCardView PasienListView.js PasienView.js RekamListView.js RekamView.js ReportPasienInfoListView.js ReportPasienInfoView.js ReportPasienListView.js ReportPasienView.js ReportView.js ResepAddPageView.js ResepObatAddPageView.js ResepObatListView.js ResepObatView.js RuanganAddUpPageView.js RuanganDetailsView.js RuanganListView.js RuanganView.js Tpl antriandetailtemplate.html antrianlisttemplate.html antriansettingtemplate.html configpagetemplate.html daftarpasientemplate.html dataawaladdtemplate.html dataawalsuksestemplate.html dokteraddtemplate.html dokterdetailtemplate.html dokterlisttemplate.html dokteruptemplate.html xvi

18 footertemplate.html HeaderTemplate.html historydetaillistdoktertemplate.html historydokterlisttemplate.html homepasientemplate.html hometemplate.html jadwaladdtemplate.html jadwaldetailtemplate.html jadwallisttemplate.html jadwaluptemplate.html logintemplate.html obataddtemplate.html obatdetailtemplate.html obatlisttemplate.html obatuptemplate.html pasienaddtemplate.html pasiencardtemplate.html pasienlisttemplate.html pasienuptemplate.html rekamlisttemplate.html reportpasieninfolisttemplate.html reportpasienlisttemplate.html reporttemplate.html resepaddtemplate.html resepobataddtemplate.html resepobatlisttemplate.html ruanganaddtemplate.html ruangandetailtemplate.html ruanganlisttemplate.html ruanganuptemplate.html PHP xvii

dokumen-dokumen yang mirip

PENERAPAN HAVERSINE FORMULA PADA APLIKASI PENCARIAN LOKASI DAN INFORMASI RUMAH SAKIT TERDEKAT DENGAN USER DI JAKARTA BERBASIS ANDROID

PENERAPAN HAVERSINE FORMULA PADA APLIKASI PENCARIAN LOKASI DAN INFORMASI RUMAH SAKIT TERDEKAT DENGAN USER DI JAKARTA BERBASIS ANDROID ALBERT JOHAN 41512120097 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS