bab iii pembahasan - repository.bsi.ac.id filemengenalkan kembali sejarah nabinya, yakni nabi...
TRANSCRIPT
33
BAB III
PEMBAHASAN
3.1. Tinjauan Kasus
Penulis membuat aplikasi ini untuk membantu dan mempermudah umat Islam
dalam berdzikir dan berdoa sebagaimana yang diajarkan dalam agama Islam serta
mengenalkan kembali sejarah Nabinya, yakni Nabi Muhammad Shallallahu ‘Alaihi
Wasallam sebagai suri tauladan dalam kehidupan sehari-hari.
3.2. Spesifikasi Rancangan Program
Berikut spesifikasi rancangan dari program aplikasi berbasis android yang
penulis buat, diantaranya adalah:
3.2.1 Spesifikasi Bentuk Masukan
Spesifikasi bentuk masukan merupakan rangkaian data yang masuk kedalam
sistem dan proses sehingga menghasilkan suatu keluaran. Adapun bentuk masukan
adalah sebagai berikut:
a. Nama Masukan : Button Doa Harian
Sumber : Admin
Tujuan : User
Media : Aplikasi
Jumlah : 1
34
Frekuensi : Setiap button di pilih
Bentuk : Lampiran A-1
b. Nama Masukan : Button Play
Sumber : Admin
Tujuan : User
Media : Aplikasi
Jumlah : 1
Frekuensi : Setiap button di pilih
Bentuk : Lampiran A-1
c. Nama Masukan : Button Tasbih Digital
Sumber : Admin
Tujuan : User
Media : Aplikasi
Jumlah : 1
Frekuensi : Setiap button di pilih
Bentuk : Lampiran A-1
d. Nama Masukan : Button Kisah Nabi Muhammad
Sumber : Admin
Tujuan : User
Media : Aplikasi
Jumlah : 1
Frekuensi : Setiap button di pilih
Bentuk : Lampiran A-1
35
e. Nama Masukan : Button Tentang
Sumber : Admin
Tujuan : User
Media : Aplikasi
Jumlah : 1
Frekuensi : Setiap button di pilih
Bentuk : Lampiran A-1
3.2.2. Spesifikasi Bentuk Keluaran
Spesifikasi bentuk keluaran adalah hasil daripada proses spesfikasi bentuk
masukan. Adapun spesifikasi bentuk keluaran adalah sebagai berikut:
a. Halaman Doa
Fungsi : Untuk menampilkan halaman doa yang dipilih
Sumber : Admin
Tujuan : User
Media : Aplikasi
Frekuensi : Setiap button di pilih
Bentuk : Lampiran A-2
b. Suara Bacaan Doa
Fungsi : Untuk menampilkan suara dari doa yang dipilih
Sumber : Admin
Tujuan : User
Media : Aplikasi
36
Frekuensi : Setiap button di pilih
Bentuk : Lampiran A-2
c. Halaman Tasbih Counter
Fungsi : Untuk menampilkan halaman tasbih counter
Sumber : Admin
Tujuan : User
Media : Aplikasi
Frekuensi : Setiap button di pilih
Bentuk : Lampiran A-4
d. Halaman Kisah Nabi
Fungsi : Untuk menampilkan halaman berisi Ringkasan
Kisah Nabi
Sumber : Admin
Tujuan : User
Media : Aplikasi
Frekuensi : Setiap button di pilih
Bentuk : Lampiran A-17
e. Halaman Tentang
Fungsi : Untuk menampilkan halaman tentang aplikasi
Sumber : Admin
Tujuan : User
Media : Aplikasi
Frekuensi : Setiap button di pilih
37
Bentuk : Lampiran A-18
f. Tampilan Keluar
Fungsi : Untuk keluar dari aplikasi
Sumber : Admin
Tujuan : User
Media : Aplikasi
Frekuensi : Setiap button di pilih
Bentuk : Lampiran A-19
3.2.3. Spesifikasi File
Pada aplikasi dzikir dan doa harian yang penulis buat ini terdapat penggunaan
beberapa jenis file, diantaranya yaitu java, xml, png, dan txt. File java berfungsi
sebagai program aplikasi dan digunakan untuk memanggil layout yang telah dibuat
menggunakan xml. Xml digunakan sebagai tampilan antar muka atau layout aplikasi,
sedangkan png dan txt digunakan sebagai resource atau isi konten dari aplikasi
tersebut.
Komponen utama pada sebuah aplikasi android yang mana berfungsi untuk
menampilkan dan mengatur halaman aplikasi sebagai tempat interaksi antara
pengguna dengan aplikasi dinamakan Activity. Activity adalah sebuah class yang
digunakan untuk membuat sebuah layout yang akan ditampilkan dalam layar
handphone atau smartphone dimana layout ini berisi interface-interface seperti
button, text, radio button, check box, dan lain-lain. Activity mengatur satu halaman
user interface aplikasi, sehingga jika sebuah aplikasi android memiliki beberapa
38
halaman user interface yang saling berinteraksi, berarti aplikasi tersebut memiliki
beberapa activity yang saling berinteraksi.
Activity sendiri merupakan sebuah penggabungan antara java class dan layout,
dimana java class berfungsi sebagai program dan layout sebagai tampilannya. Semua
activity yang terdapat di dalam sebuah aplikasi android akan terdaftar atau tercantum
di dalam sebuah file bernama AndroidManifest.xml.
Untuk membangun aplikasi android dibutuhkan sebuah paket directory
bernama “app”. Directory app di dalam aplikasi ini terdiri dari berbagai directory
dimana setiap directory memiliki subdirectory dengan fungsi dan tujuan berbeda.
Directory- directory tersebut diantaranya yaitu:
1. Directory manifests, yaitu directory yang berisi file AndroidManifest.xml.
AndroidManifest.xml sendiri merupakan sebuah file xml yang berisi informasi
mengenai aplikasi, seperti versi dari aplikasi, nama package, level SDK yang
digunakan, beserta icon dan nama yang diberikan untuk aplikasi. Selain itu,
AndroidManifest.xml juga digunakan sebagai pengatur activity- activity yang
terdapat pada aplikasi, berupa daftar kelas-kelas java, penggunaan intent, dan
pemberian title pada suatu activity saat mereka aktif.
2. Directory java, yaitu directory yang berisi file-file java. Setiap antar muka
yang diimplementasikan dalam bentuk xml dijalankan melalui file java yang
berupa class. Bukan hanya untuk memanggil dan menjalankan layout yang
telah dibuat, class-class tersebut juga digunakan untuk membangun semua
proses yang terkandung di dalam aplikasi ini, mulai dari pemberian fungsi
39
pada setiap widget Button, proses-proses perhitungan rumus, serta untuk
memanggil suara yang digunakan di dalam aplikasi ini.
3. Directory res, yaitu directory yang berisi komponen-komponen yang
digunakan dalam aplikasi ini. Directory res memiliki subdirectory yang terdiri
dari directory anim, directory drawable, directory layout, directory mipmap,
directory raw, dan directory values. Directory anim berisi file xml yang
berfungsi sebagai animasi yang akan berjalan pada halaman pembuka atau
splash screen. Directory drawable berisi gambar-gambar berextensi png yang
digunakan dalam aplikasi ini. Directory layout berisi file-file xml yang
berfungsi sebagai tampilan atau antar muka pada layout yang digunakan untuk
mendefinisikan activity yang terdapat di dalam aplikasi ini. Directory mipmap
berisi sebuah file png yang akan digunakan sebagai ikon dari aplikasi ini.
Directory raw berisi file-file mp3 yang akan digunakan pada aplikasi ini
sebagai efek penekanan widget Button dan notifikasi. Directory values berisi
file-file xml yang berfungsi sebagai pengaturan antarmuka aplikasi baik itu
warna, gaya atau tema yang dipakai, dimensi, dan juga srting.
4. Directory assets, yaitu directory tambahan yang dibuat sebagai directory
khusus yang berisi file – file tambahan yang digunakan dalam aplikasi ini,
seperti file .txt yang digunakan pada bagian Kisah Nabi.
40
3.2.4. HIPO
Untuk membuat suatu program maka dibuatlah terlebih dahulu diagram HIPO
(Hierarchy plus Input-Process-Output) yang berisikan struktur dari program yang
akan dibuat. Berikut adalah diagram HIPO yang sudah penulis buat:
GambarIII.1. Diagram HIPO
41
3.2.5. Spesifikasi Program
Spesifikasi program ini menjelaskan nama dan fungsi program yang
sebelumnya telah digambarkan dalam bentuk HIPO.
1. Spesifikasi Program Halaman Menu
Nama Program : Halaman Menu
Akronim : activity_main.xml
Fungsi : Untuk menampilkan semua menu
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-1
Proses :
a. Halaman Menu akan otomatis tampil pada saat aplikasi dibuka.
b. Jika menu Doa-Doa Harian dipilih, maka akan muncul menu dari doa-doa
harian yang tersedia.
c. Jika menu Tasbih Digital dipilih, maka akan muncul tasbih digital.
d. Jika menu Kisah Nabi dipilih, maka akan muncul menu berisi sejarah
Nabi.
e. Jika menu Tentang dipilih, maka akan muncul menu berisi informasi dari
aplikasi.
2. Spesifikasi Program Doa-Doa Harian
Nama Program : Doa-doa harian
Akronim : activity_doa_harian.xml
Fungsi : Untuk menampilkan semua menu doa-doa harian
Bahasa Program : Java
42
Bentuk Lampiran : Lampiran B-2
Proses :
a. Ketika menu doa-doa harian dipilih, maka akan muncul pilihan-pilihan
dari doa-doa yang tersedia.
3. Spesifikasi Program Doa Bangun Tidur
Nama Program : Doa Bangun Tidur
Akronim : activity_doa_bangun_tidur.xml
Fungsi : Untuk menampilkan menu doa bangun tidur
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-3
Proses :
a. Ketika menu doa-doa harian dipilih, lalu pilih doa bangun tidur.
b. Setelah muncul pilihan doa bangun tidur, jika ditekan tombol play, maka
akan keluar suara dari bacaan doa.
4. Spesifikasi Program Doa Masuk Kamar Mandi
Nama Program : Doa Masuk Kamar Mandi
Akronim : activity_doa_masuk_kamar_mandi.xml
Fungsi : Untuk menampilkan menu doa masuk kamar mandi
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-3
Proses :
a. Ketika menu doa-doa harian dipilih, lalu pilih doa masuk kamar mandi.
43
b. Setelah muncul pilihan doa masuk kamar mandi, jika ditekan tombol play,
maka akan keluar suara dari bacaan doa.
5. Spesifikasi Program Doa Keluar Kamar Mandi
Nama Program : Doa Keluar Kamar Mandi
Akronim : activity_doa_keluar_kamar_mandi.xml
Fungsi : Untuk menampilkan menu doa keluar kamar mandi
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-3
Proses :
a. Ketika menu doa-doa harian dipilih, lalu pilih doa keluar kamar mandi.
b. Setelah muncul pilihan doa keluar kamar mandi, jika ditekan tombol play,
maka akan keluar suara dari bacaan doa.
6. Spesifikasi Program Doa Berpakaian
Nama Program : Doa Berpakaian
Akronim : activity_doa_berpakaian.xml
Fungsi : Untuk menampilkan menu doa berpakaian
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-3
Proses :
a. Ketika menu doa-doa harian dipilih, lalu pilih doa berpakaian.
b. Setelah muncul pilihan doa berpakaian, jika ditekan tombol play, maka
akan keluar suara dari bacaan doa.
44
7. Spesifikasi Program Doa Sebelum Makan
Nama Program : Doa Sebelum Makan
Akronim : activity_doa_sebelum_makan.xml
Fungsi : Untuk menampilkan menu doa sebelum makan
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-3
Proses :
a. Ketika menu doa-doa harian dipilih, lalu pilih doa sebelum makan.
b. Setelah muncul pilihan doa sebelum makan, jika ditekan tombol play,
maka akan keluar suara dari bacaan doa.
8. Spesifikasi Program Doa Sesudah Makan
Nama Program : Doa Sesudah Makan
Akronim : activity_doa_sesudah_makan.xml
Fungsi : Untuk menampilkan menu doa sesudah makan
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-3
Proses :
a. Ketika menu doa-doa harian dipilih, lalu pilih doa sesudah makan.
b. Setelah muncul pilihan doa sesudah makan, jika ditekan tombol play,
maka akan keluar suara dari bacaan doa.
9. Spesifikasi Program Doa Keluar Rumah
Nama Program : Doa Keluar Rumah
Akronim : activity_doa_keluar_rumah.xml
45
Fungsi : Untuk menampilkan menu doa keluar rumah
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-3
Proses :
a. Ketika menu doa-doa harian dipilih, lalu pilih doa keluar rumah.
b. Setelah muncul pilihan doa keluar rumah, jika ditekan tombol play, maka
akan keluar suara dari bacaan doa.
10. Spesifikasi Program Doa Masuk Masjid
Nama Program : Doa Masuk Masjid
Akronim : activity_doa_masuk_masjid.xml
Fungsi : Untuk menampilkan menu doa masuk masjid
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-3
Proses :
a. Ketika menu doa-doa harian dipilih, lalu pilih doa masuk masjid.
b. Setelah muncul pilihan doa masuk masjid, jika ditekan tombol play, maka
akan keluar suara dari bacaan doa.
11. Spesifikasi Program Doa Keluar Masjid
Nama Program : Doa Keluar Masjid
Akronim : activity_doa_keluar_masjid.xml
Fungsi : Untuk menampilkan menu doa keluar masjid
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-3
46
Proses :
a. Ketika menu doa-doa harian dipilih, lalu pilih doa keluar masjid.
b. Setelah muncul pilihan doa keluar masjid, jika ditekan tombol play, maka
akan keluar suara dari bacaan doa.
12. Spesifikasi Program Doa Sebelum Tidur
Nama Program : Doa Sebelum Tidur
Akronim : activity_doa_sebelum_tidur.xml
Fungsi : Untuk menampilkan menu doa sebelum tidur
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-3
Proses :
a. Ketika menu doa-doa harian dipilih, lalu pilih doa sebelum tidur.
b. Setelah muncul pilihan doa sebelum tidur, jika ditekan tombol play, maka
akan keluar suara dari bacaan doa.
13. Spesifikasi Program Tasbih Digital
Nama Program : Tasbih Digital
Akronim : activity_tasbih_digital.xml
Fungsi : Untuk menampilkan semua menu tasbih digital
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-4
Proses :
a. Ketika menu tasbih digital dipilih, maka akan muncul halaman berisi
tasbih digital.
47
b. Input Jumlah bilangan dari dzikir yang akan dilakukan.
14. Spesifikasi Program Kisah Nabi Muhammad
Nama Program : Kisah Nabi Muhammad
Akronim : activity_kisah_nabi.xml
Fungsi : Untuk menampilkan menu kisah nabi
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-5
Proses :
a. Pada halaman menu utama, pilih menu kisah nabi, maka akan muncul
halaman berisi kisah Nabi Muhammad.
15. Spesifikasi Program Tentang
Nama Program : Tentang
Akronim : activity_tentang.xml
Fungsi : Untuk menampilkan menu tentang aplikasi
Bahasa Program : Java
Bentuk Lampiran : Lampiran B-6
Proses :
a. Pada halaman menu utama, pilih menu tentang, maka akan muncul
informasi tentang aplikasi.
48
3.2.6. Flowchart
1. Flowchart Menu Doa Harian Bagian 1
GambarIII.2. Flowchart Menu Doa Harian Bagian 1
49
2. Flowchart Menu Doa Harian Bagian 2
GambarIII.2. Flowchart Menu Doa Haria
50
3. Flowchart Menu Tasbih Digital
GambarIII.4. Flowchart Menu Tasbih Digital
51
4. Flowchart Menu Kisah Nabi Muhammad
GambarIII.4. Flowchart Menu Kisah Nabi Muhammad
52
5. Flowchart Tentang
GambarIII.6. Flowchart Tentang
3.3. Sarana Pendukung Program
Beberapa sarana pendukung yang digunakan dalam proses pembuatan aplikasi
ini, sarana yang digunakan diantaranya perangkat keras dan perangkat lunak.
3.3.1. Perangkat Keras (Hardware)
Perangkat keras (hardware) adalah seluruh komponen peralatan yang
berbentuk suatu sistem komputer dan peralatan lainnya yang memungkinkan
53
komputer melaksanakan tugasnya. Pada pembuatan aplikasi ini penulis menggunakan
sebuah notebook ASUS A46CA dengan spesifikasi sebagai berikut:
Tabel III.1.
Daftar perangkat keras yang digunakan
No. Nama Perangkat Keras Keterangan
1. Processor Intel Celeron – 1007U 1.5GHz
2. Memory (RAM) 4 GB
3. Layar 14”
4. Harddisk 500GB
5. Mouse Mouse USB
6. Graphics Card Intel(R) HD Graphics
3.3.2. Perangkat Lunak (Software)
Perangkat Lunak (Software) adalah komponen dalam data processing system
yang berupa program-program untuk mengontrol system. Fungsi perangkat lunak
adalah untuk mengedintifikasi dan menyiapkan aplikasi program, sehingga tata kerja
seluruh peralatan komputer dapat terkontrol, serta membuat pekerjaan lebih efisien.
Adapun perangkat lunak untuk pembuatan apikasi ini diantaranya yaitu:
Tabel III.2.
Daftar perangkat lunak yang digunakan
No. Jenis Perangkat Lunak Nama Perangkat Lunak
1. Sistem Operasi
Microsoft Windows 10 Enterprise
64bit
2. Tools Bahasa Pemrograman JDK (Java Development Kit) versi 8
54
dan Android SDK (Software
Development Kit)
3.
IDE (Integrated Development
Environtment)
Android Studio versi 2.0
5. Pengolah Grafis Microsoft Paint
3.4. Perancangan Menu Utama
Berikut ini adalah langkah-langkah dalam membuat salah satu tampilan menu
dari aplikasi Dzikir dan Doa Harian, yakni menu utama.
1. Buka Android Studio
2. Pilih Start New Project di Android Studio
3. Buatlah nama untuk aplikasi yang akan dibuat
4. Pilih Empty Activity tampilan layout untuk tampilan menu utama
5. Setelah itu beri nama untuk activity tersebut dan salin Listing Code
dibawah ini:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="@drawable/background"
tools:context="com.example.darmawancahya.dzikirdandoaharian.MainActi
vity">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
55
android:text="Doa Harian"
android:id="@+id/dohar"
android:onClick="dohar"
android:textAllCaps="false"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="30dp"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginBottom="30dp"
android:layout_marginRight="30dp"
android:layout_marginLeft="30dp" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tasbih Digital"
android:id="@+id/tasdig"
android:onClick="tasdig"
android:textAllCaps="false"
android:layout_below="@+id/dohar"
android:layout_alignRight="@+id/dohar"
android:layout_alignEnd="@+id/dohar"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="30dp" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Kisah Nabi Muhammad"
android:id="@+id/kinab"
android:onClick="kinab"
android:textAllCaps="false"
android:layout_below="@+id/tasdig"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_margin="30dp" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tentang"
android:id="@+id/tentang"
android:onClick="tentang"
android:textAllCaps="false"
android:layout_below="@+id/kinab"
android:layout_alignLeft="@+id/kinab"
android:layout_alignStart="@+id/kinab"
android:layout_alignRight="@+id/kinab"
56
android:layout_alignEnd="@+id/kinab" />
</RelativeLayout>
6. Setelah itu bukalah program .java dan salinlah Listing Code berikut:
package com.example.darmawancahya.dzikirdandoaharian;
import android.content.DialogInterface;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.app.AlertDialog;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void dohar (View view)
{
Intent i = new Intent(MainActivity.this,DoaHarian.class);
startActivity(i);
}
public void tasdig (View view)
{
Intent i = new
Intent(MainActivity.this,TasbihDigital.class);
startActivity(i);
}
public void tentang (View view)
{
Intent i = new Intent(MainActivity.this,Tentang.class);
startActivity(i);
}
public void kinab (View view)
{
Intent i = new Intent(MainActivity.this,KisahNabi.class);
startActivity(i);
}
public void onBackPressed() {
exit();//Pergi ke method exit
}
private void exit() {
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setMessage("Anda ingin keluar?")
.setCancelable(false)
.setPositiveButton("Ya", new
57
DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int
id) {
finish();
}
})
.setNegativeButton("Tidak", new
DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int
id) {
dialog.cancel();
}
}).show();
}
}
7. Setelah itu cobalah running untuk melihat apakah berhasil atau tidak.
8. Jika tidak, cek di bagian error untuk mengetahui penyebab dari tidak
berhasilnya running dari program yang dibuat.