APLIKASI PENGELOLAAN KEUANGAN KELUARGA MENGGUNAKAN DATABASE SQLITE DEASY TRI UTAMI 41511110071 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016
APLIKASI PENGELOLAAN KEUANGAN KELUARGA MENGGUNAKAN DATABASE SQLITE Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer DEASY TRI UTAMI 41511110071 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016 i
LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini: NIM : 41511110071 Nama : DEASY TRI UTAMI Judul Tugas Akhir : Aplikasi Pengelolaan Keuangan Keluarga Menggunakan database SQLite Menyatakan bahwa Tugas Akhir dengan judul yang tersebut diatas adalah hasil karya saya sendiri dan bukan plagiat kecuali kutipan-kutipan dan teori-teori yang digunakan dalam skripsi ini. Apabila ternyata ditemukan didalam Laporan Tugas Akhir saya terdapat unsur plagiat, maka saya siap untuk mendapatkan sanksi akademik yang terkait dengan hal tersebut. Jakarta, 3 Februari 2016 Materai 6000 Deasy Tri Utami ii
LEMBAR PENGESAHAN Nama : Deasy Tri Utami NIM : 41511110071 Jurusan : Teknik Informatika Fakultas : Ilmu Komputer Judul : Aplikasi Pengelolaan Keuangan Keluarga Menggunakan database SQLite Jakarta, 3 Februari 2016 Disetujui dan diterima oleh, Anis Cherid, SE., MTI Dosen Pembimbing Sabar Rudiarto, S.Kom., M.Kom. KaProdi Teknik Informatika Nia Kusuma Wardhani, S.Kom.,MM. Koord. Tugas Akhir Teknik Informatika iii
KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT yang telah melimpahkan segala rahmat dan karunianya, sehingga penulis dapat menyelesaikan laporan tugas akhir yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada Jurusan teknik Informatika universitas Mercu Buana. Penulis menyadari bahwa laporan tugas akhir ini masih masih jauh dari sempurna. Karena itu, kritik dan saran akan diterima dengan senang hati. Dengan segala keterbatasan, penulis menyadari pula bahwa laporan tugas akhir ini takkan dapat selesai tepat pada waktunya tanpa bantuan, bimbingan dan motivasi dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, Penulis ingin menyampaikan ucapan terima kasih kepada: 1. Bapak Anis Cherid SE, MTI,. Selaku Pembimbing tugas akhir yang telah membimbing penulis dengan semua nasihat, semangat dan ilmunya dalam menyusun laporan Tugas Akhir ini. 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 skripsi ini. 5. Orang tua saya yang telah memberikan doa dan semangat yang sangat berarti kepada penulis. 6. Suamiku tercinta yang selalu memberkan spirit maupun materi untuk terus menyelesaikan tugas akhir ini. 7. Saudara dan sahabat-sahabatku terutama kawan-kawan angkatan 2011 yang telah memberikan dukungan moral untuk terus menyelesaikan tugas akhir ini. iv
8. Beserta semua pihak yang telah memotivasi dan ikut memberikan bantuannya kepada penulis yang namanya tidak dapat penulis sebutkan satu per satu. Semoga bantuan yang telah diberikan mendapatkan balasan dari Allah SWT. Penulis berharap semoga penelitian ini dapat bermanfaat bagi semua pihak yang membutuhkan. Jakarta, 3 Februari 2016 Deasy Tri Utami v
DAFTAR ISI LEMBAR PERNYATAAN... ii LEMBAR PENGESAHAN... iii KATA PENGANTAR... iv ABSTRACT... vi ABSTRAK... vii DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xiii DAFTAR LAMPIRAN... xiv BAB 1 BAB I PENDAHULUAN... 1 1.1. Latar Belakang... 1 1.2. Perumusan Masalah... 2 1.3. Tujuan Penelitian dan Manfaat Penelitian... 2 1.4. Batasan Masalah... 3 1.5. Metodologi Penelitian... 4 1.5.1. Studi Literatur... 4 1.5.2. Pemodelan Aplikasi.... 4 1.5.3. Implementasi... 5 1.5.4. Pengujian... 5 1.6. Sistematika Penulisan... 6 BAB 2 BAB II LANDASAN TEORI... 7 3.1. Metode penelitian... 7 3.2. Metode pengembangan sistem... 7 3.2.1. Metodologi Waterfall... 7 3.2.2. Tahapan-tahapan pada metode waterfall... 8 3.3. Kerangka Pemikiran... 9 3.4. Aplikasi... 10 3.5. Android... 11 3.5.1. Feature... 11 3.5.2. Arsitektur android... 12 vi
3.6. HTML5... 16 3.6.1. Tujuan HTML5... 16 3.6.2. Fitur HTML5... 17 3.7. JavaScript... 17 3.8. Database SQLite... 18 3.9. Cascading Style Sheet (CSS)... 18 3.10. Kendo UI... 19 3.11. PhoneGap... 20 3.12. Pengujian Black Box... 21 3.13. Data Flow Diagram (DFD)... 22 3.13.1. Komponen DFD... 22 3.13.2. Bentuk DFD... 27 3.13.3. Perbedaan DFD dengan bagan alir (flow-chart)... 28 3.13.4. Keterbatasan DFD... 28 3.14. Entity Relational Diagram (ERD)... 29 3.14.1. Komponen ERD... 29 2.14.2 Derajat relasi... 30 2.14.3 Simbol-simbol ERD... 31 BAB III ANALISA DAN PERANCANGAN... 33 6.1 Analisa... 33 6.1.1 Analisa Masalah... 33 6.1.2 Analisa Pembuatan Sistem... 33 6.1.3 Analisa Pengguna... 33 6.1.4 Analisa Kebutuhan... 34 6.1.5 Spesifikasi Kebutuhan Sistem... 34 6.2 Perancangan Aplikasi... 35 6.2.1 Diagram DFD... 35 6.2.2 Diagram ERD... 36 6.3 Perancangan Basis Data... 37 6.3.1 Rancangan Tabel Category... 37 6.3.2 Rancangan Tabel Expense... 38 6.3.3 Rancangan Tabel Store... 39 vii
6.3.4 Rancangan Tabel Target... 39 6.4 Perancangan Antarmuka... 40 6.4.1 Rancangan Halaman Dashboard... 40 6.4.2 Rancangan Halaman Entry Data Pemasukan... 41 6.4.3 Rancangan Halaman Menghapus Data Pemasukan... 44 6.4.4 Rancangan Halaman Entry Data Pengeluaran... 45 6.4.5 Rancangan Halaman Menghapus Data Pengeluaran... 48 6.4.6 Rancangan Halaman Menu Drawer... 49 6.4.7 Rancangan Halaman Entry Data Target... 50 6.4.8 Rancangan Halaman Melihat History Pada Kalender... 54 6.5 Skenario Pengujian... 54 BAB IV IMPLEMENTASI DAN PENGUJIAN... 57 10.1 Bahan yang digunakan... 57 Spesifikasi Sistem... 57 10.2 Instalasi Perangkat... 58 10.3 Implementasi Kode... 59 4.1.1 Implementasi Pembuatan Basis Data... 59 4.1.2 Implementasi Tampilan User... 61 10.4 Pengujian... 71 4.5.1 Skenario Pengujian aplikasi... 71 4.5.2 Analisa Pengujian aplikasi... 73 BAB V KESIMPULAN DAN PENUTUP... 75 15.1 Kesimpulan... 75 15.2 Saran... 75 DAFTAR PUSTAKA... 77 LAMPIRAN... 79 viii
DAFTAR GAMBAR Gambar 2.1 Tahapan Metode Waterfall... 8 Gambar 2.2 Kerangka Pemikiran Pembangunan Aplikasi... 10 Gambar 2.3 Emulator Phone... 12 Gambar 2.4 Arsitektur Android... 13 Gambar 2.5 External Entity DFD... 23 Gambar 2.6 Notasi Proses... 25 Gambar 2.7 Penjelasan Simbol Proses DFD... 26 Gambar 2.8 Simbol Simpan Data DFD... 26 Gambar 2.9 Simbol Simpan Data DFD Dengan Nomor Acuan... 27 Gambar 2.10 Simbol ERD... 31 Gambar 3.1 Diagram DFD... 36 Gambar 3.2 Diagram ERD... 37 Gambar 3.3 Rancangan Halaman Dashboard... 40 Gambar 3.4 Rancangan Halaman Entry Data Pemasukan... 41 Gambar 3.5 Tampilan Halaman Form Entry Data Pemasukan... 42 Gambar 3.6 Rancangan Halaman Form Notifikasi Entry Data Pemasukan... 42 Gambar 3.7 Rancangan Halaman Form Pilih Kategori Entry Data Pemasukan... 43 Gambar 3.8 Rancangan Halaman Tombol Entry Data Pemasuka... 43 Gambar 3.9 Rancangan Halaman Dasboard Setelah Entry Data Pemasukan... 44 Gambar 3.10 Rancangan Halaman Menghapus Entry Data Pemasukan... 45 Gambar 3.11 Rancangan Halaman Entry Data Pengeluaran... 45 Gambar 3.12 Rancangan Halaman Form Entry Data Pengeluaran... 46 Gambar 3.13 Rancangan Halaman Notifikasi Entry Data Pengeluaran... 46 Gambar 3.14 Rancangan Halaman Form Pilih Kategori Entry Data Pengeluaran 47 Gambar 3.15 Rancangan Halaman Tombol Entry Data Pengeluaran... 47 Gambar 3.16 Rancangan Halaman Dashboard Setelah Menambahkan Entry Data Pemasukan dan Pengeluaran... 48 ix
Gambar 3.17 Rancangan Halaman Menghapus Entry Data Pengeluaran... 49 Gambar 3.18 Rancangan Halaman Menu Drawer... 49 Gambar 3.19 Rancangan Halaman Entry Data Target... 50 Gambar 3.20 Rancangan Halaman Form Entry Data Target... 51 Gambar 3.21 Rancangan Halaman Form Notifikasi Entry Data Target... 51 Gambar 3.22 Rancangan Halaman Form Entry Data Target... 52 Gambar 3.23 Rancangan Halaman Tombol Entry Data Target... 52 Gambar 3.24 Rancangan Halaman List Target... 53 Gambar 3.25 Rancangan Halaman List Target Tercapai... 53 Gambar 3.26 Rancangan Halaman Melihat History pada Kelender... 54 Gambar 4.1 Tampilan Proses Unduh Phonegap... 58 Gambar 4.2 Tampilan Proses Unduh Selesai... 58 Gambar 4.3 Tabel Category... 59 Gambar 4.4 Tabel Expense... 60 Gambar 4.5 Tabel Store... 60 Gambar 4.6 Tabel Target... 61 Gambar 4.7 Stuktur Koding... 61 Gambar 4.8 Halaman Dashboard Home... 64 Gambar 4.9 Halaman Pengisian Form Data... 66 Gambar 4.10 Halaman Dashboard Target... 69 Gambar 4.11 Halaman Dashboard Kalender... 70 x
DAFTAR TABEL Tabel 3.1 Analisa Penggunaan Aplikasi... 34 Tabel 3.2 Rancangan Table Category... 38 Tabel 3.3 Rancangan Table Expense... 38 Tabel 3.4 Rancangan Table Store... 39 Tabel 3.5 Rancangan Table Target... 39 Tabel 3.6 Skenario Pengujian... 54 Tabel 4.1 Konfigurasi Index.Html... 62 Tabel 4.2 Konfigurasi Main.js... 62 Tabel 4.3 Potongan Kode Program Dahsboard Home... 65 Tabel 4.4 Halaman Pengisian Form Data... 67 Tabel 4.5 Halaman Dashboard Target... 69 Tabel 4.6 Halaman Dashboard Kalender... 71 Tabel 4.7 Hasil Pengujian Skenario... 71 xi
DAFTAR LAMPIRAN Lampiran 1. Report list pemasukan dan pengeluaran... 79 Lampiran 2. Db.js... 80 Lampiran 3. Tabel category... 82 Lampiran 4. Tabel expense... 82 Lampiran 5. Tabel store... 82 Lampiran 6. Tabel target... 82 Lampiran 7. Index.html... 83 Lampiran 8. App.js... 88 Lampiran 9. Data.js... 93 Lampiran 10. Db.js... 95 Lampiran 11. Main.js... 96 Lampiran 12. Index.js... 98 Lampiran 13. Kalender.js... 99 Lampiran 14. Tambah.js... 100 Lampiran 15. TambahTarget.js... 103 Lampiran 16. Target.js... 104 Lampiran 17. Index.css... 105 Lampiran 18. Config.xml... 109 xii