Perancangan Aplikasi Doa-Doa Agama Islam Berbasis Android Chapter III V

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