BAB 3 PERANCANGAN SISTEM 3.1 Gambaran Umum Perancangan Aplikasi Rancangan aplikasi Doa-Doa Harian ini akan dikembangkan nantinya untuk memudahkan pemakai aplikasi agar dapat mmbaca doa sebelum beraktifitas. Dalam perancangan sistem ini dibuat menggunakan bahasa pemograman Java. Oleh karena itu dibutuhkan Java Development Kit (JDK) untuk mengembangkan aplikasi Android Studio IDE. Perancangan aplikasi Doa Harian ini memiliki menu serta fitur dengan penampilan yang sederhana sehingga tidak membingungkan penggunanya. Selain itu perancangan perangkat lunak ini disesuaikan dengan Al-Qur an dan Sunnah yang tentunya menjadi pedoman untuk menampilkan doa itu sendiri. Adapun tampilan Doa harian ini memiliki kategori doa-doa yang memiliki fungsi dari kategori itu sendiri. Gambaran umumnya seperti gambar dibawah ini :
23 Mulai Memilih Doa Doa Harian Doa Sepanjang Masa Doa Ramadhan Menampilkan menu-menu doa Menampilkan doa yang dipilih Menampilkan doa + suara Gambar 3.1 Diagram Doa-Doa
24 3.2 Flowchart Sistem Flowchart dari sistem menggambarkan tahapan-tahapan dari penyelesaian masalah sistem yang sedang dirancang. Tahapan-tahapan yang terurai secara terstruktur. Tujuan utama flowchart adalah memberikan suatu gambaran untuk mempermudah pemahaman pengguna terhadap sistem yang sedang dirancang. START DOA SEPANJANG MASA PILIHAN DOA SEPANJANG MASA LIST MENU DOA SEPANJANG MASA TAMPILAN DOA SEPANJANG MASA PILIHAN DOA HARIAN LIST MENU DOA HARIAN DOA HARIAN TAMPILAN DOA HARIAN PILIHAN DOA RAMADHAN LIST MENU DOA RAMADHAN DOA RAMADHAN END/FINISH Gambar 3.2 Flowchart Doa TAMPILAN DOA RAMADHAN
25 3.3 Diagram Konteks Aplikasi yang diusulkan akan membantu dalam melaksanakan kegiatan berdoa sebelum memulai aktivitas sehari-hari digunakan oleh semua orang. Aplikasi ini akan berfungsi menampilkan doa harian muslim. Mengakses interface Menampilkan interface aplikasi Aplikasi Doa Harian Mengakses menu doa Menampilkan halaman doa View Doa Harian Gambar 3.3 Diagram Kontek Aplikasi Doa Diagram konteks yang diusulkan dalam perancangan aplikasi ini. Berdasarkan dengan diagram diatas, user dapat mengakses data aplikasi tanpa login terlebih dahulu.diagram diatas dapat dijelaskan bahwa user dapat melihat Doa. 3.4 Persiapan Coding Setelah kita membahas gambaran Android pada bab sebelumnya, pada bab ini akan dibahas secara detail hal-hal yang kita perlukan dalam rangka membuat aplikasi smartphone berbasis android.
26 3.4.1 Instalasi Java SE Development Kit (JDK) Dalam perancangan Aplikasi Doa Muslim ini menggunakan bahasa pemoraman Java dan Android Studio IDE. Untuk memulai merancang Aplikasi Doa ini diinstal dulu Java di komputer/pc. Untuk mengetahui apakah JDK sudah terinstal atau belum, jalankan printah java version dari command prompt. Jika hasilnya seperti gambar 3.2 maka JDK sudah terinstal. Gambar 3.4 Menguji JDK 3.4.2 Instal Android Studio Sebagian besar pekerjaan yang terlibat dalam mengembangkan aplikasi untuk Android akan dilakukan dengan menggunakan lingkungan Android Studio. Android Studio bisa di-download dari halaman web berikut: http://developer.android.com/sdk/index.html
27 3.5 Perancangan Aplikasi Doa Perancangan aplikasi doa-doa agama islam menggunakan bahasa pengembangan Java dengan Andorid Studio. Berikut adalah langkah-langkah perancangan Aplikasi Doa-Doa Agama Islam Berbasis Android : 1. Buka program Android Studio dikomputer lalu klik File > New > New Projct... 2. Isi menu field Gambar 3.5 New Project Gambar 3.6 Pengisian Nama Folder
28 3. Pilih android versi yang akan digunakan Gambar 3.7 Target Versi Android 4. Memilih tampilan activity mobile Gambar 3.8 Activity mobile
29 5. Memberikan nama untuk Activitynya Gambar 3.9 Nama Activity 3.5.1 Perancangan Layout Aplikasi Layout Aplikasi atau tata letak tampilan aplikasi berada pada folder res/layout dalam Dalam folder project. Layout aplikasi tersusun secara hirarki dalam format XML Berdasarkan komponen-komponen yang terdapat didalam aplikasi tersebut. 1. Perancangan menu home Pada perancangan Home ini berfungsi untuk menampilkan menu utama dari aplikasi yang terdiri dari tiga button yang berungsi untuk membawa user ke halaman selanjutnya.
30 Doa harian Doa sepanjang masa Doa Ramadhan Gambar 3.10 Form Home 2. Perancangan daftar/list doa harian Form daftar/list dirancang untuk menampung dan menampilkan data yang dibutton home. Di halaman ini terdpat bagian pencarian yang bisa mencari doa yang diinginkan dengan mengetiknya dibagian pencarian. Search... List List List Gambar 3.11 Form List
31 3. Form Output doa harian Form ini berfungsi untuk menmpilkan hasil dari output daftar doa harian. Di form terdapat lima tombol yang berfingsi yaitu : Untuk mempause audio Untuk memplay audio Untuk stop audio Untuk melanjutkan halaman atau memngembalikan halaman Gambar Gambar 3.12 Form Tampilan
BAB 4 IMPLEMENTASI 4.1 Pengertian Implementasi Tahap implementasi merupakan kelanjutan dari kegiatan perancangan sistem. Langkah-langkah dari proses implementasi adalah urutan dari kegiatan awal sampai kegiatan akhir yang harus dilakukan untuk mewujudkan sistem yang dirancang. Hasil dari tahapan implementasi ini adalah suatu sistem pengolahan data yang sudah dapat berjalan dengan baik. 4.2 Implementasi Perangkat Lunak Untuk pengembangan perangkat lunak ini menggunakan bahasa pemrograman java yang merupakan bahasa pemrograman universal, artunya bisa di jalankan di sistem operasi apapun. Menggunakan pembuatan aplikasi Java seperti Android Studio. Android Studio memudahkan dalam menggunakan kode program, kompilasi yang cepat, pengembangan perangkat lunak, pola desain yang menarik, serta diperkuat dengan bahsa pemrograman yang berbasis objek dalam bahasa pemrograman Java.
32 4.3 Implementasi Perangkat Keras Perangkat keras yang dibutuhkan berdasarkan kebutuhan minimal yang harus terpenuhi adalah smartphone bersistem operasikan minimal android 2.3 Gingerbread. 4.4 Tampilan Aplikasi Tampilan aplikasi meliputi tampilan menu-menu utama aplikasi dan submenu submenu yang ada di dalamnya. Tampilan ini dibuat sesuai dengan rancangan tampilan yang telah dibuat pada tahap sebelumnya. Berikut ini adalah tampilan dari aplikasi Doa-Doa Agama Islam Berbasis Android.
33 4.4.1 Tampilan Halaman Menu Doa Gambar 4.1 Menu Doa
34 4.4.2 Tampilan Halaman Doa Harian Gambar 4.2 Menu Doa Harian
35 4.4.3 Tampilan Doa Bangun Tidur Gambar 4.3 Doa Bangun Tidur
36 4.4.4 Tampilan Halaman Doa Sepanjang Masa Gambar 4.4 Menu Doa Sepanjang Masa
37 4.4.5 Tampilan Doa Untuk Orang Tua Gambar 4.5 Doa Untuk Kedua Orang Tua 4.4.6 Tampilan Halaman Doa Ramadhan
38 Gambar 4.6 List Doa Ramadhan
39 4.4.7 Tampilan Doa Ramadhan Hari-1 Gambar 4.7 Doa Ramadhan
BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan Berdasarkan dari penjelasan bab sebelumnya, penulis dapat menyimpulkan dengan adanya Aplikasi Doa-Doa Agama Islam Berbasis Android bahwa : 1. Pengerjaan aplikasi ini dibutuhkan pengetahuan mengenai pemrograman berorientasi objek dalam hal ini pemrogram Java yang disesuaikan dengan lingkungan pemrograman aplikasi Android. 2. Sebelum memulai merancang Aplikasi Doa-Doa Agama Islam, penulis melakukan studi kepustakaan dengan membaca buku referensi maupun artikel-artikel yang berkaitan dengan pembuatan Tugas Akhir ini. 3. Aplikasi Doa ini disimpan dalam bentuk.apk sehingga dapat diinstall di smartphone/ponsel dengan platform android. 4. Aplikasi yang dibuat dapat membantu seseorang mendapatkan informasi mengenai doa-doa dan sangat bermanfaat bagi kehidupan umat Muslim. 5. Dengan adanya audio maka lebih mmeudahkan pembaca atau pengguna dalam memahami Aplikasi Doa-Doa Agama Islam Berbasis Android.
5.2 Saran Aplikasi Doa-Doa Agama Islam Berbasis Android ini masih memiliki beberapa kekurangan, penulis memiliki beberapa saran yang dapat mendukung pengembangan aplikasi lebih lanjut : 1. Dalam pembuatan aplikasi alangkah baiknya jika dilengkapi aplikasi multimedia seperti video agar aplikasi mobile menjadi lebih menarik. 2. Penyajian informasi yang baik dapat dilakukan dengan meng-update isi aplikasi tersebut secara berkala. 3. Audio dalam aplikasi ini penulis belum sempurna. 4. Dapat ditambahkan kumpulan doa-doa yang lainnya.