ANALISIS DAN PERANCANGAN SISTEM

56

BAB III ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Aplikasi dan Kebutuhan Sistem

Aplikasi Hadist digital berbasis android ini dikembangkan dalam bentuk mobile dengan memanfaatkan teknologi pemrograman Android dengan menggunakan Bahasa Pemrograman Java. Dimana hasil akhir dari pembuatan aplikasi ini dapat mempermudah pengguna telepon seluler khusunya smartphone yang sekarang kebanyakan pengguna adalah tipe orang dengan mobilitas tinggi tidak terkecuali anak muda untuk lebih cepat belajar Hadist sehingga tidak perlu kerepotan untuk membawa buku doa – doa kemanapun karena hanya dengan telepon seluler sudah bisa mengatasi kesulitan tersebut. Analisa terhadap pembuatan program aplikasi ini dimaksudkan untuk mengetahui proses pembuatan program aplikasi Hadist digital berbasis android yang siap digunakan pada smartphone. Dianalisa dan dirancang serangkaian aksi sebagai solusi atas permasalahan yang terjadi pada aplikasi, mencakup hal-hal yang dibutuhkan yang kesemuanya meliputi kebutuhan-kebutuhan pendukung pada pembuatan aplikasi sampai selesai yaitu yang berfokus pada alat yang dibutuhkan baik perangkat keras 57 maupun lunak dan kebutuhan data yang meliputi data-data yang dibutuhkan yang berhubungan dengan pembuatan aplikasi ini.

3.2 Perancangan Sistem

Dari hasil analisis dan pengumpulan data yang dilakukan maka dapat didefinisikan beberapa kebutuhan data atau requirement yang akan dipakai dalam pembuatan aplikasi ini, meliputi : Tabel 3.1 Data Requirement DATA HADIST DATA User = Orang yang mempunyai wewenang hak untuk menngelola aplikasi Doa = Macam – macam Doa pilihanyang berdasarkan hadist Shahih Hadist = Macam – macam hadist pilihan yang bersumber Hadist Shahih Akhlaq islami = Contoh sikap islami dalam sabda Rasulullah SAW dalam hadist shahih. 58

3.2.1. Map Atau Peta Pada Sistem Aplikasi Hadist

Map pada system aplikasi yang di sajikan menurut alir kerja program aplikasi dari awal sampai akhir yakni : Gambar 3.1 Map Sistem Aplikasi Hadist Isi dari pada macam – macam doa yang tersusun secara urut dari awal sampai akhiri menurut penggunaan system aplikasi user ke system. Tabel 3.2 Isi Menu Doa NO. DOA 1. Doa bangun tidur 2. Doa menjelang pagi 3. Doa masuk kamar mandi 4. Doa keluar kamar mandi 5. Doa masuk masjid 6. Doa keluar masjid 7. Doa berpakaian MENU DOA HADIST AKHLAQ MENU SEARCH DOA 1- 21 SEARCH HADIST 1- 20 SEARCH AKHLAQ 1- 20 59 8. Doa bercermin 9. Doa sebelum makan 10. Doa sesudah makan 11. Doa berpergian 12. Doa naik kendaraan 13. Doa kebaikan dunia dan akhirat 14. Doa terhindar dari segala keburukan 15. Doa mohon ilmu bermanfaat 16. Doa sesudah adzan 17. Doa masuk rumah 18. Doa ketika bersin 19. Doa ketika mendengar orang bersin 20. Doa orang yang mendoakankita bersin 21. Doa sebelum tidur Isi dari pada macam – macam hadist yang tersusun secara urut dari awal sampai akhiri menurut penggunaan system aplikasi user ke system. Tabel 3.3 Isi Menu Hadist NO. HADIST 1. Hadist rukun islam 2. Hadist memberi salam kepada yang lebih tua 3. Hadist bebakti kepada ayah dan bunda 4. Hadist keutamaan menahan marah 60 5. Hadist perbuatan baik itu sedekah 6. Hadist larangan mencaci sesama muslim 7. Hadist larangan marah 8. Hadist larangan mencelakakan sesame muslim 9. Hadist larangan berkata tidak baik 10. Hadist keutamaan malu Isi dari pada macam – macam Akhlaq yang tersusun secara urut dari awal sampai akhiri menurut penggunaan system aplikasi user ke system. Tabel 3.4 Isi Menu Akhlaq NO. AKHLAQ 1. Menghormati dan menyayangi ayah dan ibu 2. Membantu ayah dan ibu 3. Mendoakan ayah dan ibu 4. Menghormati kakak dan menyayangi adik 5. Menghormati tamu 6. Menghormati tetangga 7. Berkata baik 8. Mengasihi fakir miskin 9. Menyantuni anak yatim 10. Membuang duri dari jalan 61

3.2.2 Alir Sistem

Perancangan aplikasi Hadist ini dirancangan dengan menggunakan Unified Modeling Language. UML Unified Modeling Language adalah metode pemodelan secara visual sebagai sarana untuk merancang dan atau membuat software berorientasi objek. Peracangan dalam UML ini dibagi menjadi bebrapa tahapan, yaitu :

3.2.3. Use Case Diagram

Diagram Use Case menggambarkan apa saja aktifitas yang dilakukan oleh suatu sistem dari sudut pandang pengamatan luar yang menjadi persoalan itu tentang apa yang dilakukan bukan bagaimana melakukannya. Use case diagram dapat sangat membantu bila kita sedang menyusun requirement sebuah sistem, mengkomunikasikan rancangan dengan klien, dan merancang test case untuk semua feature yang ada pada sistem. Sebuah use case dapat meng-include fungsionalitas use case lain sebagai bagian dari proses dalam dirinya. Secara umum diasumsikan bahwa use case yang di-include akan dipanggil setiap kali use case yang meng-include dieksekusi secara normal. Sebuah use case dapat di-include oleh lebih dari satu use case lain, sehingga duplikasi fungsionalitas dapat dihindari. 62 User Doa pilihan Hadist pilihan System Akhalq Islami Gambar 3.2 Use Case Diagram Pada gambar 3.0 dijelaskan bahwa dalam aplikasi ini mempunyai 1 aktor yaitu user, dimana user dapat memilih menu yang ada pada aplikasi. Menu – menu yang ada pada aplikasi yaitu utuk Doa pilihan terdapat macam – macam doa pilihan yang berdasarkan hadist maupun di hadist pilihan terdapat juga pilihan – pilihan Hadist. Dalam diagram use cae tersebut juga di jelaskan bahwa user dapat memilih fitur yang salah satunya adalah Akhlaq islami yang disediakan oleh aplikasi Hadist digital.

3.2.4. Activity Diagram

Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. 63 Dalam aplikasi Hadist ini terdapat 3 activity diagram sesuai dengan banyak use case yang berkaitan, yaitu : a. Activity diagram Doa pilihan Gambar 3.3 Activity Diagram Doa Pilihan Pada gambar diatas dijelaskan bahwa user membuka aplikasi Hadist, kemudian memilih menu. Dalam gambar user memilih menu untuk masuk kedalam doa pilihan. Jika sudah memilih menu maka urutan selanjutnya user akan di sediakan lagi untuk memilih salah satu doa yang diinginkan kemudian sistem akan memilih doa yang di inginkan dan form output display akan menampilkan doa dan di dalam display doa terdapat audio sehingga terdapat decision di dalam display setelah itu jika “Ya” maka akan membunyikan suara dari doa tersebut dan jika tidak akan kembali ke menu doa. 64 b. Activity diagram Hadist Pilihan Activity diagram yang berikutnya adalah activity diagram untuk use case Hadist pilihan. Berikut gambar activity diagram : Gambar 3.4 Activity Diagram Hadist pilihan Pada gambar diatas dijelaskan bahwa user membuka aplikasi Hadist, kemudian memilih menu. Dalam gambar user memilih menu untuk masuk kedalam Hadist pilihan. Jika sudah memilih menu maka urutan selanjutnya user akan di sediakan lagi untuk memilih salah satu Hadist yang diinginkan kemudian sistem akan memilih Hadist yang di inginkan dan form output display akan menampilkan Hadist dan di dalam display Hadist terdapat audio sehingga terdapat decision di dalam display setelah itu jika “Ya” maka akan membunyikan suara dari Hadist tersebut dan jika tidak akan kembali ke menu Hadist. 65 c. Activity diagram Akhlaq Islami Diagram activity untuk use case yang terakhir yaitu Akhlaq Islami, use case tersebut merupakan salah satu fitur dari Hadist digital ini. Berikut gambarnya: Gambar 3.5 Activity Diagram Akhlaq Islami Pada gambar diatas dijelaskan bahwa user membuka aplikasi Akhlaq, kemudian memilih menu. Dalam gambar user memilih menu untuk masuk kedalam Akhlaq. Jika sudah memilih menu maka urutan selanjutnya user akan di sediakan lagi untuk memilih salah satu Akhlaq yang diinginkan kemudian sistem akan memilih Akhlaq dan form output display akan menampilkan Akhlaq.

3.2.5. Sequence Diagram

Diagram sequence merupakan salah satu diagram Interaction yang menjelaskan bagaimana suatu operasi itu dilakukan; message pesan apa yang 66 dikirim dan kapan pelaksanaannya. Diagram ini diatur berdasarkan waktu. Obyek- obyek yang berkaitan dengan proses berjalannya operasi diurutkan dari kiri ke kanan berdasarkan waktu terjadinya dalam pesan yang terurut. Lifeline adalah garis dot putus-putus vertikal pada gambar, menerangkan waktu terjadinya suatu obyek. Setiap panah yang ada adalah pemanggilan suatu pesan. Panah berasal dari pengirim ke bagian paling atas dari batang kegiatan activation bar dari suatu pesan pada lifeline penerima. Activation bar menerangkan lamanya suatu pesan diproses. Diagram activity ini juga mengikuti sesuai dengan banyak activity diagram yang terjadi pada alir sistem. Berikut sequence diagramnya : a. Sequence diagram Doa pilihan Gambar 3.6 Sequence Diagram Doa Pilihan Pada gambar diatas dijelaskan kegiatan bahwa user memilih menu yang kemudian pada from hasil menanyakan apa audio dijalankan atau tidak dan didalam audio terdapat bentuk voice dan hasilnya dapat kita dengarkan. 67 b. Sequence diagram Hadist pilihan Gambar 3.7 Sequence Diagram Hadist pilihan Gambar sequence diagram diatas dijelaskan dimulai dari user aktor Kemudian kinerja didalam Hadist sama sesuai dengan kinerja diagram squece doa pilihan yaitu dijelaskan kegiatan bahwa user memilih menu yang kemudian pada from hasil menanyakan apa audio dijalankan atau tidak didalam audio terdapat bentuk voice dan hasilnya dapat kita dengarkan. c. Sequence diagram Akhlaq Islami Gambar 3.8 Sequence Diagram Akhlaq Islami 68 Gambar diatas menjelaskan alur interaksi antar obyek dari sistem Akhlaq islami itu sendiri. Dimulai dari user memasukkan memilih menu, kemudian sistem memberikan menu yang sesuai dengan keinginan. Kemudian hasil tersebut kita dapat yang sesuai.

3.2.6. Class Diagram

Diagram Class memberikan pandangan secara luas dari suatu sistem dengan menunjukan kelas-kelasnya dan hubungan mereka. Diagram Class bersifat statis; menggambarkan hubungan apa yang terjadi bukan apa yang terjadi jika mereka berhubungan. Gambar 3.9 Class Diagram Pada gambar 3.0 diatas semua class terhubung pada class user yang merupakan class inti, karena pada class user class semua class terhubung dan berelasi. 69

3.3. Perancangan User Interface Aplikasi Hadist

Dalam merancang program aplikasi Hadist ini dibuat agar terkesan sederhana dan memudahkan user dalam penggunaannya namun dengan fitur yang maksimal, maka aplikasi ini membuat perancangan menu seperti berikut : Gambar 3.10 Tampilan Awal Aplikasi Hadist Pada saat aplikasi Hadist ini di buka maka akan mucul tampilan untuk masuk proses ke menu utama dari Hadist ini. Dapat dilihat pada gambar di atas user dapat memilih salah satu menu dari Empat menu yang telah disediakan. Diantaranya adalah Doa, Hadist, Akhlaq islami, dan Exit . Selain itu pada tampilan aplikasi Hadist. Berikut adalah tampilan dimana jika user memilih salah DOA HADIST AKHLAQ ISLAMI EXIT 70 satu menu yang disediakan dalam aplikasi Hadist atau doa android yang nantinya akan muncul. Gambar 3.11 Tampilan menu doa Gambar diatas merupakan tampilan awal setelah kita pilih menu doa yang kemudian di tampilkan lagi doa . Dan jika kita menekan salah satu doa yangkita inginkan, maka akan muncul form hasil output doa termasuk dengan fitur yang telah diberikan pada aplikasi ini, dimana pada form hasil display di bagian bawah terdapat fitur untuk membacakan surat dari hadist dalam bentuk suara dan juga Doa 1 Doa 2 Doa 4 Doa 5 Doa 3 71 tombol untuk pause atau stop. Untuk lebih jelasnya dapat dilihat pada gambar di bawah ini : Jadi apabila kita memilih menu doa atau icon doa user akan di beri tampilan hasil yakni tampilan doa yang user inginkan. 72 Gambar diatas merupakan tampilan awal setelah kita pilih menu Akhlaq yang kemudian di tampilkan hasilnya Gambar diatas merupakan tampilan awal setelah kita pilih menu Hadist yang kemudian di tampilkan hasilnya sesuai dengan keinginan user setelah memilih icon hadist. 73

BAB IV IMPLEMENTASI