BAB III PEMBAHASAN - repository.bsi.ac.id filemengenalkan kembali sejarah Nabinya, yakni Nabi...

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



c. Nama Masukan : Button Tasbih Digital

Sumber : Admin

Tujuan : User

Media : Aplikasi

Jumlah : 1



d. Nama Masukan : Button Kisah Nabi Muhammad

Sumber : Admin

Tujuan : User

Media : Aplikasi

Jumlah : 1



35

e. Nama Masukan : Button Tentang

Sumber : Admin

Tujuan : User

Media : Aplikasi

Jumlah : 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



b. Suara Bacaan Doa

Fungsi : Untuk menampilkan suara dari doa yang dipilih

Sumber : Admin

Tujuan : User

Media : Aplikasi

36



c. Halaman Tasbih Counter

Fungsi : Untuk menampilkan halaman tasbih counter

Sumber : Admin

Tujuan : User

Media : Aplikasi



d. Halaman Kisah Nabi

Fungsi : Untuk menampilkan halaman berisi Ringkasan

Kisah Nabi

Sumber : Admin

Tujuan : User

Media : Aplikasi



e. Halaman Tentang

Fungsi : Untuk menampilkan halaman tentang aplikasi

Sumber : Admin

Tujuan : User

Media : Aplikasi


37


f. Tampilan Keluar

Fungsi : Untuk keluar dari aplikasi

Sumber : Admin

Tujuan : User

Media : Aplikasi



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


42


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



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



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



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,


6. Spesifikasi Program Doa Berpakaian

Nama Program : Doa Berpakaian

Akronim : activity_doa_berpakaian.xml

Fungsi : Untuk menampilkan menu doa berpakaian



Proses :

a. Ketika menu doa-doa harian dipilih, lalu pilih doa berpakaian.

b. Setelah muncul pilihan doa berpakaian, jika ditekan tombol play, maka


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



Proses :

a. Ketika menu doa-doa harian dipilih, lalu pilih doa sebelum makan.

b. Setelah muncul pilihan doa sebelum makan, jika ditekan tombol play,


8. Spesifikasi Program Doa Sesudah Makan

Nama Program : Doa Sesudah Makan

Akronim : activity_doa_sesudah_makan.xml

Fungsi : Untuk menampilkan menu doa sesudah makan



Proses :

a. Ketika menu doa-doa harian dipilih, lalu pilih doa sesudah makan.

b. Setelah muncul pilihan doa sesudah makan, jika ditekan tombol play,


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



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


10. Spesifikasi Program Doa Masuk Masjid

Nama Program : Doa Masuk Masjid

Akronim : activity_doa_masuk_masjid.xml

Fungsi : Untuk menampilkan menu doa masuk masjid



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


11. Spesifikasi Program Doa Keluar Masjid

Nama Program : Doa Keluar Masjid

Akronim : activity_doa_keluar_masjid.xml

Fungsi : Untuk menampilkan menu doa keluar masjid



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


12. Spesifikasi Program Doa Sebelum Tidur

Nama Program : Doa Sebelum Tidur

Akronim : activity_doa_sebelum_tidur.xml

Fungsi : Untuk menampilkan menu doa sebelum tidur



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


13. Spesifikasi Program Tasbih Digital

Nama Program : Tasbih Digital

Akronim : activity_tasbih_digital.xml

Fungsi : Untuk menampilkan semua menu tasbih digital



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



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



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:text="Tasbih Digital"

android:id="@+id/tasdig"

android:onClick="tasdig"


android:layout_below="@+id/dohar"

android:layout_alignRight="@+id/dohar"

android:layout_alignEnd="@+id/dohar"



android:layout_marginLeft="30dp" />

<Button



android:text="Kisah Nabi Muhammad"

android:id="@+id/kinab"

android:onClick="kinab"


android:layout_below="@+id/tasdig"

android:layout_alignParentRight="true"

android:layout_alignParentEnd="true"



android:layout_margin="30dp" />

<Button



android:text="Tentang"

android:id="@+id/tentang"

android:onClick="tentang"


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.

BAB III PEMBAHASAN - repository.bsi.ac.id filemengenalkan kembali sejarah Nabinya, yakni Nabi...

Documents

Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id filemengenalkan kembali sejarah Nabinya, yakni Nabi...