APLIKASI PENGINGAT AMALAN-AMALAN SUNNAH RASULULLAH BERBASIS ANDROID Siti Kholifah 41811120048 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016 0
1
2
KATA PENGANTAR Puji syukur Alhamdulillah kehadirat Allah Subhanallahu Wa Ta ala 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 Sistem Informasi Universitas Mercu Buana. Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati. Dengan segala keterbatasan, penulis menyadari pula bahwa laporan tugas akhir ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada: 1. Abdi Wahab, Skom, MT selaku pembimbing tugas akhir. 2. Bapak Bagus, ST, MMSI selaku koordinator tugas akhir pada Jurusan Sistem Informasi Universitas Mercu Buana. 3. Ibu Nuraini, ST, MMSI KaProdi Jurusan Sistem Informasi Fakultas Ilmu Komputer Universitas Mercu Buana 4. Bapak, Ibu, dan Suami tercinta yang telah mendukung penulis baik spirit maupun materi. 5. Saudara dan sahabat-sahabatku terutama kawan-kawan angkatan 2016 yang telah memberikan dukungan moral untuk terus meyelesaikan tugas akhir ini Semoga Allah Subhanahu Wa Ta ala membalas kebaikan dan selalu mencurahkan hidayah serta taufiknya, Amin. Jakarta, 13 Agustus 2016 Siti Kholifah 3
DAFTAR ISI Halaman LEMBAR PERNYATAAN... I LEMBAR PERSETUJUAN...II LEMBAR PENGESAHAN...III KATA PENGANTAR...IV ABSTRACTION...V ABSTRAKSI...VI DAFTAR ISI VII BAB I PENDAHULUAN 1 1.1. Latar Belakang Masalah...1 1.2. Perumusan Masalah...3 1.3. Batasan Masalah...3 1.4. Tujuan & Manfaat Penulisan...3 1.5. Metode Penelitian...4 1.5.1. Metode Pengumpulan Data... 4 1.5.2. Metode Pembangunan Aplikasi... 4 1.6. Sistematika Penulisan...4 BAB II LANDASAN TEORI. 6 2.1. Metode Pengembangan Sistem...6 2.2. Amalan-amalan sunnah Rasulullah...7 2.2.1. Adab-adab sunnah keseharian Rasulullah... 7 2.2.2. Amalan-amalan puasa sunnah... 8 2.2.3. Amalan-amalan shalat sunnah... 9 2.3. Android...10 2.3.1. Sejarah Android... 10 2.3.2. Perkembangan Versi Android... 11 2.4. Perangkat Lunak Pendukung...11 2.4.1. Framework... 11 2.4.2. Ionic Framework... 12 2.4.3. AngularJS... 12 2.4.4. Apache Cordova... 13 2.4.5. HTML (Hypertext Markup Language)... 13 2.4.6. CSS (Cascading Style Sheets)... 13 2.4.7. Javascript... 13 6
2.4.8. Database... 14 2.4.9. MySQL... 14 2.5. Definisi UML (Unified Modelling Language)...15 2.5.1. Definisi Use Case Diagram... 17 2.5.2. Definisi Activity Diagram... 18 2.5.3. Definisi Sequence Diagram... 20 2.5.4. Definisi Class Diagram... 21 2.6. Metode Pengujian...24 2.6.1. Black-Box Testing (Pengujian kotak hitam)... 24 BAB III ANALISA DAN PERANCANGAN.. 25 3.1. Analisa Permasalahan dan Kebutuhan...25 3.1.1. Analisa Permasalahan... 25 3.1.2. Analisa Kebutuhan... 26 3.2. Perancangan Pemodelan Sistem...26 3.2.1. Use Case Diagram... 26 3.2.2. Activity Diagram Aplikasi... 28 3.2.2.1. Activity Diagram Mengakes Menu Adab Sunnah Keseharian... 28 3.2.2.2. Activity Diagram Mengakes Menu Puasa Sunnah... 29 3.2.2.3. Activity Diagram Mengakes Menu Shalat Sunnah... 29 3.2.2.4. Activity Diagram Mengatur Pengingat... 30 3.2.3. Sequence Diagram... 31 3.2.3.1. Sequence Diagram Menu Adab Sunnah... 31 3.2.3.2. Sequence Diagram Menu Puasa Sunnah... 31 3.2.3.3. Sequence Diagram Menu Shalat Sunnah... 32 3.2.3.4. Sequence Diagram Mengatur Pengingat... 32 3.2.4. Navigasi Alur Tampilan Aplikasi... 33 3.2.5. Class Diagram... 33 3.3. Rancangan Basis Data...34 3.3.1. Tabel categories... 34 3.3.2. Tabel Posts... 35 3.4. Perancangan Layar Aplikasi...36 BAB IV IMPLEMENTASI DAN PENGUJIAN 42 4.1. Implementasi...42 4.1.1. Halaman Splash Screen... 42 4.1.2. Halaman Menu Utama... 43 4.1.3. Halaman Menu Adab Sunnah... 43 4.1.4. Halaman Menu Puasa Sunnah... 44 4.1.5. Halaman Menu Shalat Sunnah... 44 4.1.6. Halaman Informasi Amalan... 45 4.1.7. Konfirmasi Tambah Pengingat... 45 4.1.8. Halaman Atur Waktu Pengingat... 46 4.1.9. Atur Jam Pengingat... 46 4.1.10. Atur Hari Pengingat... 47 4.1.11. Atur Ulangi Pengingat... 47 7
4.1.12. Konfirmasi Jika Data Waktu yang dimasukan Belum Lengkap... 48 4.1.13. Konfirmasi Atur Waktu Pengingat... 48 4.1.14. Halaman Menu Daftar Pengingat... 49 4.1.15. Pemberitahuan Pengingat... 49 4.2. Pengujian Sistem...50 4.2.1. Pengujian Terhadap Menu... 50 4.2.2. Pengujian Terhadap Tambah Pengingat... 51 4.2.3. Analisa Hasil Pengujian... 51 BAB V KESIMPULAN DAN SARAN 52 5.1. Kesimpulan...52 5.2. Saran...52 DAFTAR PUSTAKA... 53 LAMPIRAN.. 54 8
DAFTAR GAMBAR Halaman GAMBAR 2.1 WATERFALL MODEL...6 GAMBAR 3.1. USE CASE DIAGRAM APLIKASI. 26 GAMBAR 3.2. ACTIVITY DIAGRAM MENGAKES MENU ADAB SUNNAH KESEHARIAN... 28 GAMBAR 3.3. ACTIVITY DIAGRAM MENGAKES INFORMASI PUASA SUNNAH. 29 GAMBAR 3.4. ACTIVITY DIAGRAM MENGAKES MENU SHALAT SUNNAH.. 29 GAMBAR 3.5. ACTIVITY DIAGRAM MENGATUR PENGINGAT..30 GAMBAR 3.6. RANCANGAN SQUENCE DIAGRAM MENU ADAB SUNNAH...31 GAMBAR 3.7. RANCANGAN SQUENCE DIAGRAM MENU PUASA SUNNAH. 31 GAMBAR 3.8. RANCANGAN SQUENCE DIAGRAM MENU SHALAT SUNNAH... 32 GAMBAR 3.9. RANCANGAN SQUENCE DIAGRAM MENGATUR PENGINGAT... 32 GAMBAR 3.10. NAVIGASI ALUR APLIKASI... 33 GAMBAR 3.11. CLASS DIAGRAM... 33 GAMBAR 3.12. RANCANGAN SPALSH SCREEN.. 36 GAMBAR 3.13. RANCANGAN MENU UTAMA... 36 GAMBAR 3.14. RANCANGAN MENU ADAB SUNNAH... 37 GAMBAR 3.15. RANCANGAN MENU PUASA SUNNAH.. 37 GAMBAR 3.16. RANCANGAN MENU SHALAT SUNNAH 38 GAMBAR 3.17. RANCANGAN TAMPILAN INFORMASI AMALAN 38 GAMBAR 3.18. RANCANGAN TAMPILAN KONFIRMASI PENGINGAT. 39 GAMBAR 3.19. RANCANGAN TAMPILAN ATUR WAKTU PENGINGAT...39 GAMBAR 3.20. RANCANGAN TAMPILAN KONFIRMASI AMALAN BERHASIL DITAMBAHKAN 40 GAMBAR 3.21. RANCANGAN TAMPILAN DAFTAR PENGINGAT 40 GAMBAR 3.22. RANCANGAN TAMPILAN PEMBERITAHUAN PENGINGAT.41 GAMBAR 4.1. TAMPILAN HALAMAN SPLASH CSREEN.. 42 GAMBAR 4.2. TAMPILAN HALAMAN MENU UTAMA... 43 GAMBAR 4.3. TAMPILAN HALAMAN MENU ADAB SUNNAH 43 9
GAMBAR 4.4. TAMPILAN HALAMAN MENU PUASA SUNNAH...44 GAMBAR 4.5. TAMPILAN HALAMAN MENU SHALAT SUNNAH 44 GAMBAR 4.6. TAMPILAN HALAMAN INFORMASI AMALAN. 45 GAMBAR 4.7. TAMPILAN KONFIRMASI TAMBAH PENGINGAT. 45 GAMBAR 4.8. TAMPILAN HALAMAN ATUR WAKTU PENGINGAT 45 GAMBAR 4.9. TAMPILAN ATUR JAM PENGINGAT 46 GAMBAR 4.10. TAMPILAN ATUR HARI PENGINGAT 47 GAMBAR 4.11. TAMPILAN ATUR ULANGI PENGINGAT 47 GAMBAR 4.12. TAMPILAN KONFIRMASI JIKA DATA WAKTU YANG DIMASUKAN BELUM LENGKAP 48 GAMBAR 4.13. TAMPILAN KONFIRMASI TAMBAH PENGINGAT... 48 GAMBAR 4.14. TAMPILAN HALAMAN MENU DAFTAR PENGINGAT. 49 GAMBAR 4.15. TAMPILAN PEMBERITAHUAN PENGINGAT... 49 10
DAFTAR TABEL Halaman Tabel 2.1 Daftar Diagram UML...16 Tabel 2.2 Elemen Use Case Diagram...17 Tabel 2.3 Elemen Activity Diagram...19 Tabel 2.4 Elemen Sequence Diagram...20 Tabel 2.5 Elemen Class Diagram...22 Tabel 3.1. Spesifikasi Use Case Diagram...27 Tabel 3.2. Spesifikasi Use Case Diagram...27 Tabel 3.3. Spesifikasi Use Case Diagram...27 Tabel 3.4. Spesifikasi Use Case Diagram...28 Tabel 3.5 Spesifikasi Tabel Categories...34 Tabel 3.6 Spesifikasi Tabel Posts...35 Tabel 4.1. Pengujian Menu...50 Tabel 4.2. Pengujian Tambah Pengingat...51 11