BAB 3 PERANCANGAN SISTEM 3.1 Gambaran Umum

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 :
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
PILIHAN
DOA
SEPANJANG
MASA
PILIHAN
DOA
HARIAN
DOA
SEPANJANG
MASA
LIST MENU DOA
SEPANJANG MASA
LIST MENU DOA
HARIAN
TAMPILAN DOA
SEPANJANG MASA
DOA HARIAN
TAMPILAN DOA
HARIAN
PILIHAN
DOA
RAMADHAN
END/FINISH
LIST MENU DOA
RAMADHAN
Gambar 3.2 Flowchart Doa
DOA
RAMADHAN
TAMPILAN DOA
RAMADHAN
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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...
Gambar 3.5 New Project
2. Isi menu field
Gambar 3.6 Pengisian Nama Folder
Universitas Sumatera Utara
28
3. Pilih android versi yang akan digunakan
Gambar 3.7 Target Versi Android
4. Memilih tampilan activity mobile
Gambar 3.8 Activity mobile
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
33
4.4.1
Tampilan Halaman Menu Doa
Gambar 4.1 Menu Doa
Universitas Sumatera Utara
34
4.4.2
Tampilan Halaman Doa Harian
Gambar 4.2 Menu Doa Harian
Universitas Sumatera Utara
35
4.4.3
Tampilan Doa Bangun Tidur
Gambar 4.3 Doa Bangun Tidur
Universitas Sumatera Utara
36
4.4.4
Tampilan Halaman Doa Sepanjang Masa
Gambar 4.4 Menu Doa Sepanjang Masa
Universitas Sumatera Utara
37
4.4.5 Tampilan Doa Untuk Orang Tua
Gambar 4.5 Doa Untuk Kedua Orang Tua
4.4.6 Tampilan Halaman Doa Ramadhan
Universitas Sumatera Utara
38
Gambar 4.6 List Doa Ramadhan
Universitas Sumatera Utara
39
4.4.7 Tampilan Doa Ramadhan Hari-1
Gambar 4.7 Doa Ramadhan
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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.
Universitas Sumatera Utara