BAB III ANALISA DAN DESAIN SISTEM Pada bab ini akan dibahas mengenai Perancangan Aplikasi Tuntunan Shalat Lima Waktu Berbasis Android yang meliputi analisa sistem yang sedang berjalan dan desain sistem. III.1. Analisa Sistem Masalah Kendala-kendala yang dihadapi pada sistem yang sedang berjalan yaitu : 1. Masih sedikitnya aplikasi-aplikasi mobile mengenai tuntunan shalat dan doa-doa yang memudahkan dan memicu minat anak anak. 2. Kebutuhan manusia akan teknologi yang berkembang dengan pesatnya yang dimana manusia membutuhkan media tersebut III.1.1. Input Sistem yang berjalan pada saat ini biasanya masyarakat khusunya beragama islam yang belum mengerti tentang tata cara shalat hanya melihat dengan buku panduan tuntunan shalat. III.1.2. Proses Setelah mengetahui informasi tentang tata cara shalat dengan melihat buku panduan maka masyarakat khususnya yang beragama islam dapat melakukan shalat dengan baik
III.1.3. Output Setelah masyarakat mengetahui tentang tata cara shalat maka masyarakat khusunya beragama islam juga dapat membaca doa doa tentang shalat dan surah surah shalat dengan biak III.3. Desain Sistem Untuk membantu proses pembelajaran belajar tuntunan shalat dengan baik maka Sistem yang akan dibangun berbasis Android ini menggunakan Java dengan aplikasi Eclipse. III.3.1. Desain Sistem Global Pada perancangan sistem ini terdiri dari tahap perancangan yaitu : 1. Perancangan Use Case Diagram 2. Perancangan Activity Diagram 3. Perancangan Sequence Diagram 4. Perancangan Tampilan III.3.1.1. Use Case Diagram Perancangan Aplikasi Tuntunan Shalat Lima Waktu Berbasis Android Dalam penyusunan suatu program diperlukan suatu model data yang berbentuk diagram yang dapat menjelaskan suatu alur proses sistem yang akan di bangun. Dalam penulisan skripsi ini penulis menggunakan metode UML yang dalam metode itu penulis menerapkan diagram Use Case. Berikut Use Case
Diagram Perancangan Aplikasi Tuntunan Shalat Lima Waktu Berbasis Android yang dapat dilihat pada gambar III.1. Perancangan Aplikasi Tuntunan Shalat Lima Waktu Berbasis Android Melihat Menu Shalat <extends> <extends> Melihat Rukun Dan Syarat Shalat Lihat Jadwal Shalat Pilih Tata Cara Shalat User <extends> <extends> <extends> Melihat Profil <extends> <extends> Pilih Jadwal Shalat <extends> Baca Tata Cara Shalat <extends> Melihat Tentang Aplikasi Melihat Bantuan Keluar Gambar III.1. Perancangan Aplikasi Tuntunan Shalat Lima Waktu Berbasis Android
III.3.1.2. Activity Diagram III.3.1.2.1. Activity Diagram Melihat Menu Shalat Adapun kegiatan user yang dijelaskan pada Activity Diagram berupa melihat jadwal shalat dan tata cara shalat, dan membaca doa doa shalat dengan baik. Adapun Activity Diagram melihat Menu Shalat dapat dilihat pada gambar III.2. System User Melihat Menu Utama Menu Utama Menu Shalat Pilihan Jadwal Shalat Pilih Menu Shalat Melihat Jadwal Shalat Pilih Tata Cara Shalat Baca Tata Cara Shalat Gambar III.2. Activity Diagram Melihat Menu Shalat III.3.1.2.2. Activity Diagram Melihat Informasi Rukun Dan Syarat Shalat Activity Diagram Rukun dan Syarat Shalat melihat informasi tentang beberapa penjelasan rukun dan syarat - syarat shalat.. Adapun Activity Diagram Rukun dan Syarat Shalat III.3.
System User Melihat Menu Utama Menu Utama Rukun Dan Syarat Shalat Pilih Rukun dan Syarat Shalat Melihat Informasi Rukun Dan Syarat Shalat Gambar III.3. Activity Diagram Rukun dan Syarat Shalat III.3.1.2.3. Activity Diagram Melihat Profil Programmer Pada Activity Diagram Profil menjelaskan bahwa informasi atau data diri dari Programmer. Adapun Activity Diagram Profil dapat dilihat pada gambar III.4. System User Melihat Menu Utama Menu Utama Pilih Info Programmer Info Programmer Melihat Info Programmer Gambar III.4. Activity Diagram Melihat Profil Programmer
III.3.1.2.4. Activity Diagram Melihat Tentang Aplikasi Pada Activity Diagram Tentang Aplikasi Tuntunan Shalat Lima Waktu Berbasis Android menjelaskan bahwa apa-apa saja yang dapat dilakukan oleh user. Adapun kegiatan user yang dijelaskan pada Activity Diagram untuk melihat profil dari aplikasi ini berupa profil aplikasi, kelebihan dan kekurangan dari aplikasi, serta tujuan dan manfaat dari aplikasi. Activity Diagram melihat tentang aplikasi yang di rancang dapat dilihat pada gambar III.5. System User Melihat Menu Utama Menu Utama Tentang Aplikasi Pilih Tentang Aplikasi Melihat Tentang Aplikasi Gambar III.5. Activity Diagram Melihat Tentang Aplikasi III.3.1.2.5. Activity Diagram Bantuan Pada Activity Diagram Bantuan Perancangan Aplikasi Tuntunan Shalat Lima Waktu Berbasis Android menjelaskan untuk melihat informasi bantuan apabila terjadi masalah pada aplikasi yang sedang berjalan. Adapun Activity Diagram Bantuan dapat dilihat pada gambar III.6.
System User Melihat Menu Utama Menu Utama Pilih Bantuan Bantuan Melihat Bantuan Gambar III.6. Activity Diagram Bantuan III.3.1.2.7. Activity Diagram Keluar Pada Activity Diagram Keluar Perancangan Aplikasi Tuntunan Shalat Lima Waktu Berbasis Android menjelaskan untuk keluar dari aplikasi. Adapun Activity Diagram Keluar dapat dilihat pada gambar III.7. System User Melihat Menu Utama Menu Utama Keluar Pilih Keluar Aplikasi Keluar Gambar III.7. Activity Diagram Keluar
III.3.1.3. Sequence Diagram Sequence diagram menjelaskan interaksi objek yang disusun berdasarkan urutan waktu. Secara mudahnya sequence diagram adalah gambaran tahap demi tahap, termasuk kronologi (urutan) perubahan secara logis yang seharusnya dilakukan untuk menghasilkan sesuatu sesuai dengan use case diagram, berikut beberapa gambar sequence diagram. a. Sequence Diagram Menu Shalat Serangkaian kinerja sistem yang menggambarkan akivitas dilakukan user untuk mengetahui tata cara shalat dan bacaan doa doa shalat dengan baik. Adapun Sequence Diagram Menu Shalat dapat dilihat pada gambar III.8. 1. Xxx xxxx x x. Pilih Jadwal Shalat Kembali Menu Utama Kembali lihat Peta Utama 2. Xxx xxxx xxxx Gambar III.8. Sequence x Diagram Menu Shalat x x. 3. Xxx 1. Xxx xxxx 1. Xx x Kembali Menu x. 2. Xxx x. 3. Xxx Baca Tata Cara Shalat
b. Sequence Diagram Rukun dan Syarat Shalat Serangkaian kinerja sistem yang menggambarkan akivitas dilakukan user, untuk mengetahui beberapa tentang rukun dan syarat syarat shalat. Adapun Sequence Diagram Rukun dan syarat shalat, dapat dilihat pada gambar III.9. 1. Xxx 1. Xxxx xx 1. Xxxx xx 1. X xx 1. Xx 1. Xx 1. Xxx Gambar III.9. Sequence Diagram Rukun Dan Syarat Shalat c. Sequence Diagram Melihat Informasi Profil Programmer Sequence Diagram Melihat Informasi Profil Programmer, menggambarkan interaksi yang terjadi antara user dengan sistem yang menghasilkan tampilan informasi programmer. Adapun Sequence Diagram Melihat Informasi Programmer dapat dilihat pada gambar III.10.
1. Xxx 1. Xxxx xx 1. Xxxx xx 1. X xx 1. Xx 1. Xx 1. Xxx Gambar III.10. Sequence Diagram Profil Programmer d. Sequence Diagram Melihat Tentang Aplikasi Serangkaian kinerja sistem yang menggambarkan akivitas dilakukan user melihat informasi tentang aplikasi. Adapun Sequence Diagram Melihat tentang aplikasi dapat dilihat pada gambar III.11. 1. X 1. Xx xx 1. Xxxxx x 1. Xxxxx 1. Xx xx 1. Xxx 1. Xxx Gambar III.11. Sequence Diagram Tentang Aplikasi
e. Sequence Diagram Bantuan Sequence Diagram Melihat Bantuan, menggambarkan rangkaian akivitas yang dilakukan user, untuk melihat informasi bantuan apabila terjadi masalah pada aplikasi yang sedang berjalan. Adapun Sequence Diagram Melihat Bantuan, dapat dilihat pada gambar III.12. 1. X 1. Xx xx 1. Xxxxx x 1. Xxxxx 1. Xx xx 1. Xxx 1. Xxx Gambar III.12. Sequence Diagram Bantuan III.3.1.4. Perancangan Tampilan Perancangan tampilan pada Perancangan Aplikasi Tuntunan Shalat Lima Waktu Berbasis Android adalah sebagai berikut: III.3.1.4.1. Desain Menu Utama Tampilan menu utama pada aplikasi ini adalah tampilan yang pertama kali muncul ketika user membuka program. Pada tampilan ini terdapat beberapa menu
yang dapat dipilih oleh user. Rancangan tampilan menu utama dapat dilihat pada Gambar III.3 1. X x x. 2. X 1. Xx xx 1. Xx xx 1. Xx xx 1. Xx 1. Xx 1. Xx 1. Xx 1. Xx 1. Xx x x x 1. Xx x. 1. Xx 1. Xx x. x. 2. Xx Gambar III.13. 2. Desain Menu Utama Xx 2. Xx x III.3.1.4.2. Desain x x Menu Shalat Tampilan x x. Desain Menu Shalat x pada aplikasi ini adalah halaman untuk x. x x. menampilkan tentang 2. Xx tata cara shalat beserta doa - doanya. Rancangan tampilan x. 2. Xx 2. Xx x. x. Menu shalat dapat dilihat pada Gambar III.14. 3. Xx 3. Xx 3. Xx x x x x x. x x x. x. 3. Xx x. 3. Xx 3. Xx x. x.
1. Xx xxxx 1. Xx xxxx 1. Xx xxxx 1. Xx xxxx 1. Xx xxxx Gambar III.13. Desain Peta Keseluruhan III.14. Desain Menu Shalat Setelah memilih salah satu jadwal shalat yang ingin di lihat maka akan muncul tampilan pilihan tata cara shalat. Setelah itu pilih tata cara shalat yang ingin di lihat kemudian klik salah satu tata caranya setelah itu akan muncul informasi tentang tata cara shalat dengan baik beserta do a do anya. Rancangan tampilan desain tata cara shalat dapat di lihat pada gambar III. 15.
1. X x x. 2. X x x. 3. X x x. III.15. Desain Tata Cara Shalat III.3.1.4.3. Desain Informasi Rukun dan Syarat Shalat Tampilan Ruku dan Syarat Shalat pada aplikasi ini adalah halaman untuk menampilkan informasi tentang beberapa Rukun dan syarat syarat shalat. Rancangan tampilan Rukun dan Syarat Shalat dapat dilihat pada gambar III.16.
1. X x x. 2. X x x. 3. X x x. Gambar III.16. Desain Rukun dan Syarat Shalat III.3.1.4.6 Desain Profil Tampilan Profil pada aplikasi ini adalah halaman untuk menampilkan informasi tentang data diri programmer tersebut berupa foto, nama, nim, jurusan, kelas, bidang peminatan, kampus, dosen pembimbing 1 dan dosen pembimbing 2. Rancangan tampilan Profil dapat dilihat pada gambar III.17.
1. X x 1. X x. x 2. 1. X x x. 3. 2. X x x. 3. X x x. Bantuan Gambar III.17. Desain Informasi Profil III.3.1.4.5. Desain Tentang Aplikasi Tampilan Tentang Aplikasi pada aplikasi ini adalah halaman untuk menampilkan profil dari aplikasi yang di rancang. Rancangan tampilan tentang aplikasi dapat dilihat pada gambar III.18.
1. Xxxxx 1. X x x. 2. X x x. 3. X x x. Gambar III.18. Desain Tentang Aplikasi III.3.1.4.6. Desain Bantuan Tampilan Bantuan pada aplikasi ini adalah halaman untuk menampilkan bantuan apabila user mengalami kendala dalam menjalankan aplikasi ini. Rancangan tampilan bantuan dapat dilihat pada gambar III.19.
1. Xxxx 1. X x x. 2. X x x. 3. X x x. Gambar III.19. Desain Informasi Bantuan