BAB III - repository.nusamandiri.ac.idBAB III ANALISA DAN PERANCANGAN 3.1. Analisa Kebutuhan...

52
24 24 BAB III ANALISA DAN PERANCANGAN 3.1. Analisa Kebutuhan Software Pada saat ini banyak orang mulai dari anak-anak hingga dewasa yang menggunakan komputer. Namun banyak pengguna hanya menggunakan komputer sebagai sarana untuk internet, dan games saja. Padahal komputer juga bisa digunakan untuk sarana edukasi termasuk untuk program pembelajaran tata cara sholat untuk anak usia dini. Pada bab ini penulis akan menyampaikan tahapan analisis kebutuhan perangkat lunak yang merupakan tahap awal dalam pembuatan aplikasi perancangan tata cara sholat untuk anak usia dini. 3.1.1. Identifikasi Masalah Teknologi sekarang ini mampu untuk memudahkan dalam memenuhi kebutuhan seharihari, salah satunya untuk media belajar tentang tata cara shalat lima waktu. Oleh sebab itu, perlu dilakukan penelitian untuk membantu pembelajaran tata cara shalat lima waktu pada anak menggunakan media handphone cerdas, maka dibuatlah suatu aplikasi pada handphone cerdas berbasis Android. Aplikasi ini terdapat pembelajaran tata cara shalat wajib lima waktu yang dimulai dari bacaanbacaan shalat, gerakangerakan shalat, dan penunjuk arah kiblat shalat. Aplikasi ini juga dilengkapi dengan gambar dan suara untuk mempermudah pengguna untuk mempelajari shalat lima waktu.

Transcript of BAB III - repository.nusamandiri.ac.idBAB III ANALISA DAN PERANCANGAN 3.1. Analisa Kebutuhan...

  • 24

    24

    BAB III

    ANALISA DAN PERANCANGAN

    3.1. Analisa Kebutuhan Software

    Pada saat ini banyak orang mulai dari anak-anak hingga dewasa yang

    menggunakan komputer. Namun banyak pengguna hanya menggunakan komputer

    sebagai sarana untuk internet, dan games saja. Padahal komputer juga bisa digunakan

    untuk sarana edukasi termasuk untuk program pembelajaran tata cara sholat untuk

    anak usia dini.

    Pada bab ini penulis akan menyampaikan tahapan analisis kebutuhan

    perangkat lunak yang merupakan tahap awal dalam pembuatan aplikasi perancangan

    tata cara sholat untuk anak usia dini.

    3.1.1. Identifikasi Masalah

    Teknologi sekarang ini mampu untuk memudahkan dalam memenuhi

    kebutuhan sehari–hari, salah satunya untuk media belajar tentang tata cara shalat lima

    waktu. Oleh sebab itu, perlu dilakukan penelitian untuk membantu pembelajaran tata

    cara shalat lima waktu pada anak menggunakan media handphone cerdas, maka

    dibuatlah suatu aplikasi pada handphone cerdas berbasis Android. Aplikasi ini

    terdapat pembelajaran tata cara shalat wajib lima waktu yang dimulai dari bacaan–

    bacaan shalat, gerakan–gerakan shalat, dan penunjuk arah kiblat shalat. Aplikasi ini

    juga dilengkapi dengan gambar dan suara untuk mempermudah pengguna untuk

    mempelajari shalat lima waktu.

  • 25

    25

    3.1.2. Analisa Kebutuhan

    Tahap analisa kebutuhan meliputi hardware, software, aplikasi, dan output

    yang digunakan sebagai berikut:

    1. Komponen Hardware

    a. Laptop

    Adapun spesifikasi dari laptop yang penulis gunakan adalah sebagai berikut:

    1) Prosessor : Intel(R) Pentuim® CPU B940 @2.00GHz

    2) Memory : 4096 MB RAM

    3) Harddisk : 500 GB

    4) Display : 14”LED

    5) VGA : Intel(R) HD Graphics Family

    b. Handphone atau Smartphone

    Adapun spesifikasi dari handphone yang penulis gunakan sebagai berikut:

    1) Vendor : Handphone Samsung

    2) Tipe : Galaxy V Plus

    3) Procesor : Octa-core Max 1,95GHz

    4) Os Android : 4.4.4 KITKAT

    5) RAM : 2 GB

    6) SD Internal : 1GB Rom

  • 26

    26

    2. Komponen Software

    Perangkat lunak yang penulis gunakan dalam pembuatan aplikasi ini adalah

    sebagai berikut :

    A. Android Studio

    Android studio merupakan sebuah Integrated Development Environment

    (IDE) untuk platform Android. Android Studio ini diumumkan pada tanggal

    16 Mei 2013 pada Konferensi Google I/O oleh Produk Manajer Google, Ellie

    Powers. Android studio bersifat free dibawah Apache License 2.0. Android

    Studio awalnya dimulai dengan versi 0.1 pada bulan mei 2013, Kemudian

    dibuat versi beta 0.8 yang dirilis pada bulan juni 2014. Yang paling stabil

    dirilis pada bulan Desember 2014, dimulai dari versi 1.0. Berbasiskan JetBrainns’

    IntelliJ IDEA, Studio di desain khusus untuk Android Development Ini sudah

    bisa di download untuk Windows, Mac OS X, dan Linux.

    B. JDK

    Java Development Kit (JDK) berisi sekumpulan kakas baris perintah

    (command-line tool) untuk menciptakan program java. Tanpa adanya JDK

    maka kode-kode java yang sudah dibuat tidak akan bias dijadikan aplikasi

    berbasis java.

  • 27

    27

    C. Microsoft Windows 10

    Merupakan salah satu operating sytem yang banyak dipakai orang. Dan

    penulis menggunakan Microsoft Windows 10 sebagai sistem operasi yang

    digunakan dalam pembuatan aplikasi

    D. StarUML

    Software permodelan yang mendukung UML (Unified Modeling Language)

    yang digunakan oleh penulis untuk membuaut diagram-diagram.

    E. Emulator

    Emulator adalah software yang dapat menjalankan aplikasi berbasis android di

    laptop yang menggunakan sistem operasi windows. Software ini digunakan

    penulis untuk menjalankan aplikasi yang dibuat atau melakukan testing.

    F. Enterprise Architect

    Enterprise Architect merupakan sebuah platform visualisasi untuk merancang

    dan membangun sebuah sistem perangkat lunak dan untuk permodelan proses

    bisnis. Enterprise Architect adalah sebuah alat yang sangat maju yang

    mencakup seluruh aspek mulai dari awal tahap mendesain sampai mengontrol

    perkembangan, pemeliharaan, pengujian dan perubahan kontrol. Tools

    Enterprise Architect dikembangkan oleh Sparx Systems, sebuah perusahaan

    Australia dengan inovasi dan pengembangan dalam pemodelan UML. Sparx

    System adalah anggota dari Object Management Group(OMG).

  • 28

    28

    3.2 Desain

    Tahap ini adalah tahap dimana penulis membuat rancangan secara

    keseluruhan menu apa saja yang ada dalam aplikasi tata cara sholat. Yang secara

    keseluruhan aplikasi dibuat dengan menggunakan Android Studio dan beberapa

    software pendukung lainnya yang telah dijelaskan sebelumnya.

    3.2.1 Rancangan Algoritma

    Untuk mengimplementasikan kedalam program aplikasi dibutuhkan algoritma,

    algoritma merupakan langkah- langkah instruksi sehingga dicapai hasil yang

    diinginkan. Rancangan algoritma merupakan tahap pengembangan setelah analisa

    sistem dilakukan. Pada aplikasi ini penulis menggunakan algoritma perulangan.

    Algoritma sequential search adalah salah satu algoritma yang digunakan

    untuk memecahkan masalah pencarian data pada suatu data larik/array.Pencarian

    Sekuensial (sequential searching) atau pencarian berurutan sering disebut pencarian

    linear merupakan metode pencarian yang paling sederhana. Pencarian beruntun

    adalah proses yang membandingkan setiap elemen larik satu per satu secara beruntun,

    mulai dari elemen pertama sampai elemen yang dicari ditemukan atau seluruh elemen

    sudah diperiksa.

    Cara kerja dari algoritma ini adalah dengan menelusuri elemen-elemen array

    dari awal sampai akhir, dimana data tidak perlu diurutkan terlebih dahulu.

    Kemungkinan terbaik (best case) dari algoritma ini adalah jika data yang dicari

    berada pada elemen array yang terdepan sehingga waktu yang dibutuhkan untuk

  • 29

    29

    pencarian data semakin singkat. Sebaliknya, akan mencapai kondisi terburuk (wors

    case) apabila data yang dicari berada pada elemen akhir.

    3.2.2 Software Architecture

    Psedeucode Algoritma

    public class sequential {

    public static void main(String[] args) {

    int [] Data = {21, 4, 94, 14, 1, 9, 2};

    int key = 14;

    int i = 0;

    boolean temukan = false;

    for (i = 0; i < Data.length; i++) {

    if (key == Data[i] ){

    temukan = true;

    break;

    }

    }

    if (temukan){

    System.out.println("Data : " + key );

    System.out.println("Ada");

    }

    else {

    System.out.println("Tidak Ada");

    }

    }

    Software architecture bisa terarah kepada perancangan struktur codingnya,

    class apa saja yang dipakai, cara penggunaan fuctionnya, variable yang digunakan

    pada sebuah code. Semua itu berarah kepada block apa saja yang akan digunakan

  • 30

    30

    pada bangunan (software) tersebut. Metode yang digunakan adalah (Unified

    Modelling Languange) UML dengan diagram seperti dibawah ini :

    1. Use Case Diagram Aplikasi Tata CaraPembelajaran Sholat

    Diagram ini memperlihatkan himpunan use case dan aktor-aktor (suatu jenis

    khusus dari kelas). Diagram ini sangat penting mengorganisasikan dan

    memodelkan perilaku dari suatu sistem yang dibutuhkan serta diharapkan oleh

    pengguna.

    Gambar III.1

    Use Case Diagram

    user

    membuka aplikasi

    memilih menu sholat wajib

    memilih menu sholat sunah

    logout

  • 31

    31

    2. Activity Diagram Menu Utama

    Berikut aktivitas pengguna setelah masuk aplikasi untuk memulai sistem.

    Gambar III.2

    Activity Diagram Menu Utama

    pengguna sistem

    menampilkan menupilih menu

    sholat wajib sholat sunah tentang

    menu keluar

  • 32

    32

    3. Activity Diagram Menu Sholat Wajib.

    Gambar III.3

    Activity Diagram Menu Tentang Sholat Wajib

    pengguna sistem

    membuka aplikasi masuk menu utama

    pilih menu sholat wajibmenampilkan menu sholat wajib

  • 33

    33

    4. Activity Diagram Menu Sholat Sunah

    Gambar III.4

    Activity Diagram Menu Sholat Sunah

    pengguna sistem

    membuka aplikasi masuk menu utama

    pilih menu sholat sunahmenampilkan menu sholat sunah

  • 34

    34

    5. Activity Diagram Menu Tentang

    Gambar III.5

    Tampilan Activity Menu Tentang

    pengguna sistem

    membuka aplikasi masuk menu utama

    pilih menu tentangmenampilkan menu tentang

  • 35

    35

    6. Activity Menu Logout

    Gambar III.6

    Tampilan Activity Menu Logout

    pengguna sistem

    membuka aplikasi masuk menu utama

    pilih menu keluarmenampilkan dialog keluar

  • 36

    36

    menu utamasd

    menu utama sholat wajib sholat sunah

    7. Sequence Diagram Menu Utama

    Star Activity

    Tampil hasil

    Gambar III.7

    Tampilan Sequance Diagram Menu Utama

    user

  • 37

    37

    8. Sequence Diagram Menu Tentang

    Penulis akan memperlihatkan menu tentang pembuat aplikasi.

    Gambar III.8

    Sequence Diagram Menu Tentang

    sd sequence about

    Pengguna

    Menu Utama About

    StartActivity()

    Tampil Menu Utama ()

    StarActivityAbout()

    Tampil Layout About ()

  • 38

    38

    user

    menu utamasd

    menu utama sholat wajib

    9. Sequence Diagram Menu Sholat Wajib

    Star activity

    tampilan sholat wajib

    Gambar III.9

    Sequence Diagram Menu Sholat Wajib

  • 39

    39

    user

    menu utamasd

    menu utama sholat sunah

    10. Sequence Diagram Menu Sholat Sunah

    star activity

    tampilah hasil

    Gambar III.10

    Sequence Diagram Menu Sholat Sunah

  • 40

    40

    user

    11. Sequence Diagram Menu Logout

    User melakukan logout untuk mengakhiri aplikasi tata cara pembelajaran

    sholat

    Gambar III.11

    Sequence Diagram Menu Logout

    logout

  • 41

    41

    12. Class Diagram

    Gambar III.12

    Class Diagram

    Menu Utama

    b sholat wajib = Button

    b sholat sunah = Button

    b bantuan = Button

    b tentang = Button

    + onClick

    # on create

    Menu keluar

    b keluar = Button

    + onClick

    Menu Bantuan

    b bantuan = Button

    + onClick

    Menu Sholat Wajib

    b subuh = Button

    b zuhur = Button

    b ashar = Button

    b magrib = Button

    b isya = Button

    + onClick

    # on create

    Menu Sholat Sunah

    b Qobli’ah subuh= Button

    b Qobli’ah zuhur = Button

    b Ba’diah zuhur = Button

    b Ba’diah magrib = Button

    b Ba’diah isya = Button

    b Tahajud = Button

    b Witir = Button

    b Dhuha = Button

    + onClick

    Menu Tentang

    b tentang= Button

    + onClick

  • 42

    42

    13. Deployment Diagram

    Gambar III.13

    Deployment Diagram

    3.2.4. User Interface

    Setiap aplikasi pada Java mempunyai user interface yang berbeda-beda. Dan

    penulis membuat desain untuk aplikasi ini dengan mudah tujuannya sehingga

    pengguna dapat memahami dengan mudah dalam menjalankan aplikasi dengan baik.

    Adapun interface yang digunakan dalam aplikasi ini adalah sebagai berikut:

    Artifact1

    SDK JDK JAVA

    Artifact2

    APLIKASI PC

  • 43

    43

    1. Menu Tampilan Utama

    Menu Tampilan Utama

    Label1

    Label2

    Gambar III.14

    Menu Tampilan Utama

    Keterangan dari interface menu tampilan utama adalah sebagai berikut :

    a. Labe1

    Label 1 akan menampilkan “Selamat Datang”

    b. Label 2

    Label 2 akan menampilkan “Pembelajaran Tata Cara Sholat”

    c. Text Field 1

    Text Field 1 akan menampilkan “Tampilan Selamat Datang”

    Text Field1

    Text Field2

    Button2

    Button1

  • 44

    44

    d. Text Field 2

    Text Field 2 akan menampilkan “Tampilan Pembelajaran Tata Cara

    Sholat”

    e. Button 1

    Button 1 akan menampilkan “Sholat Wajib”

    f. Button 2

    Button 2 akan menampilkan “Sholat Sunah”

    2. Tampilan Menu Sholat Wajib

    Gambar III.15

    Menu Tampilan Sholat Wajib

    Menu Belajar Sholat Wajib

    Zuhur

    Subuh

    Ashar

    Magrib

    Isya

  • 45

    45

    Keterangan interface pada menu sholat wajib adalah sebagai berikut :

    a. Texy Fields

    Text Fields akan menampilkan “Menu Belajar Sholat Wajib”

    b. Button 1

    Button 1 akan menampilkan Pilihan Menu “Sholat Subuh”

    c. Button 2

    Button 2 akan menampilkan pilihan Menu “Sholat Zuhur”

    d. Button 3

    Button 3 akan menampilkan pilihan Menu “Sholat Ashar”

    e. Button 4

    Button 4 akan menampilkan pilihan Menu ”Sholat Magrib”

    f. Button 5

    Button 5 akan menampilkan pilihan Menu “Sholat Isya”

  • 46

    46

    3. Menu Tampilan Sholat Sunah

    Menu Belajar Sholat Sunah

    Gambar III.16

    Menu Tampilan Sholat Sunah

    Keteranga interface pada menu sholat sunah adalah sebagai berikut :

    a. Label1

    Pada Label 1 akan menampilkan menu belajar “Sholat Sunah”

    Rawatib (Qobliyah Subuh)

    Rawatib (qobliyah Zuhur)

    Rawatib (Ba’diah Zuhur)

    Rawatib (Ba’diah Magrib)

    Rawatib (Ba’diah Isya)

    Tahajud (Sholat Malam)

    Witir

    Dhuha

  • 47

    47

    b. Button 1.

    Pada Button 1 akan menampilkan menu sholat Rawatib (Qobliyah Subuh)

    c. Button 2

    Pada Button 2 akan menampilkan menu sholat Rawatib (Qobliyah Zuhur)

    d. Button 3

    Pada Button 3 akan menampilkan menu sholat Rawatib Ba’diah Zuhur

    e. Button 4

    Pada Button 4 akan menampilkan menu sholat Rawatib ( Ba’diah Magrib)

    f. Button 5

    Pada Button 5 akan menampilkan menu sholat Rwatib (Ba’diah Isya)

    g. Button 6

    Pada Button 6 akan menampilkan menu sholat Tahajud (Sholat Malam)

    h. Button 7

    Pada Button 7 akan menampilkan menu sholat Witir

    i. Button 8

    Pada Button 8 akan menampilkan menu sholat Dhuha.

  • 48

    48

    4. Menu Tentang

    Menu Tentang

    ImageIcon Label1

    Text View

    Gambar III.17

    Tampilan Menu Tentang

    Keterangan interface pada menu tentang adalah sebagai berikut

    a. ImageIcon

    Untuk memunculkan picture pada form

    b. Text View

    Untuk menampilkan penjelasan tentang aplikasi pembelajaran tata cara

    sholat untuk anak usia dini.

  • 49

    49

    6. Menu Logoout

    Menu Logout

    Gambar III.18

    Tampilan Menu Logout

    a. Button1

    Untuk tombol keluar user dari aplikasi tata cara belajar sholat.

    3.3. Implementasi

    Setelah menganalisis dan mendesain aplikasi secara rinci, maka aplikasi Tata

    cara pembelajaran sholat siap untuk di implementasi. Implementasi adalah prosedur

    yang dilakukan untuk menyelesaikan rancangan yang ada dalam dokumen rancangan

    sistem yang disetujui dan menguji, menginstal, dan memulai menggunakan sistem

    baru atau sistem yang diperbaiki.

    Pada aplikasi ini di butuhkan flowchart yang menjelaskan alur aplikasi tata cara

    pembelajaran sholat. Dan di bawah ini merupakan flowchart dari aplikasi tata cara

    pembelajaran sholat.

    Button

  • 50

    50

    1. Halaman Utama

    Sholat

    Wajib ?

    Menu

    Sholat

    Sunnah

    Menu

    Sholat

    Wajib

    YaTidak

    Mulai

    Selesai

    Gambar III.19

    Tampilan Flowchart Halaman Utama

  • 51

    51

    2. Halaman Sholat Wajib

    Sholat Wajib

    Subuh = hal=1

    Dzuhur = hal=2

    Ashar = hal=3

    Maghrib = hal=4

    Isya = hal=5

    n

    Hal = n

    Niat, Takbiratul,

    Ihram, Berdiri,

    Ruku, I’tidaai,

    Qunut, Sujud,

    Duduk diantara

    dua sujud, Tahiyat

    Akhir, Salam

    Niat, Takbiratul,

    Ihram, Berdiri,

    Ruku, I’tidaai,

    Sujud, Duduk

    diantara dua

    sujud, Tahiyat

    Awal, Tahiyat

    Akhir, Salam

    n = 1

    Selesai

    Ya Ya

    TidakTidak

    Gambar III.20

    Tampilan Flowchart Menu Sholat Wajib.

  • 52

    52

    3. Halaman Sholat Sunnah

    Sholat Sunnah

    Rawatib (Qoblyyah Subuh) = hal = 1

    Rawatib (Qoblyyah Dzuhur) = hal = 2

    Rawatib (Ba’diyyah Dzuhur) = hal = 3

    Rawatib (Ba’diyyah Isya) = hal = 4

    Tahajud = hal = 5

    Witir = hal = 6

    Dhuha = hal = 7

    n

    Hal = n

    Niat, Takbiratul,

    Ihram, Berdiri,

    Ruku, I’tidaai,

    Sujud, Duduk

    diantara dua

    sujud, Tahiyat

    Awal, Tahiyat

    Akhir, Salam

    Niat, Takbiratul,

    Ihram, Berdiri,

    Ruku, I’tidaai,

    Sujud, Duduk

    diantara dua

    sujud, Tahiyat

    Akhir, Salam

    n = 6

    Selesai

    Ya Ya

    TidakTidak

    Gambar III.21

    Tampilan Flowchart Menu Sholat Sunah

  • 53

    53

    4. Halaman Sholat

    Sholat

    Niat = hal = 1

    Takbiratul = hal = 2

    Ihram = hal = 3

    Berdiri = hal = 4

    Ruku = hal = 5

    I’tidaai = hal = 6

    Qunut = hal = 7

    Sujud = hal = 8

    Duduk diantara dua sujud = hal = 9

    Tahiyat Awal = hal = 10

    Tahiyat Akhir = hal = 11

    Salam = hal = 12

    n

    Hal = n

    Arab, Latin,

    Artinya &

    tata cara

    Selesai

    Gambar III.22

    Tampilan Flowchart Langkah – Langkah Sholat

  • 54

    54

    Adapun tampilan yang merancang menggunakan software android studio sebagai

    berikut:

    1. Tampilan Menu Utama

    Menu utama berisi buttun-button yang akan mengarah ke halaman

    selanjutnya. Button-button tersebut adalah sholat wajib dan sholat sunah..

    Gambar III.23

    Tampilan Menu Utama

  • 55

    55

    2. Tampilan Menu Bantuan, Tentang, dan Keluar

    Tampilan menu ini berisi buttun-button yang akan mengarah ke halaman

    selanjutnya. Button-button tersebut adalah tentang, bantuan dan tutup

    (logout)..

    Gambar III.24

    Tampilan Menu Bantuan, Tentang, dan Keluar

  • 56

    56

    3. Tampilan Menu Sholat Wajib

    Menu sholat wajib berisi buttun-button yang akan mengarah ke halaman

    selanjutnya. Button-button tersebut adalah shubuh, zuhur, ashar, magrib, dan

    isya..

    Gambar III.25

    Tampilan Menu Sholat Wajib

  • 57

    57

    4. Tampilan Menu Langkah Langkah Sholat Subuh

    Menu sholat subuh berisi buttun-button yang akan mengarah ke halaman

    selanjutnya. Button-button tersebut adalah niat, takbiratul ihram, berdiri, ruku,

    I;tidal, qunut, sujud, duduk diantara dua sujud, tahiyat akhir,dan salam..

    Gambar III.26

    Tampilan Menu Langkah Langkah Sholat Subuh

  • 58

    58

    5. Tampilan Menu Langkah Langkah Sholat Zuhur

    Menu sholat zuhur berisi buttun-button yang akan mengarah ke halaman

    selanjutnya.

    Gambar III.27

    Tampilan Menu Langkah Lngkah Sholat Zuhur

  • 59

    59

    6. Tampilan Menu Langkah langkah Sholat Ashar

    Menu sholat ashar berisi buttun-button yang akan mengarah ke halaman

    selanjutnya.

    Gambar III.28

    Tampilan Menu Langkah Langkah Sholat Ashar

  • 60

    60

    7. Menu Tampilan Langkah Langkah Sholat Magrib

    Menu sholat magrib berisi buttun-button yang akan mengarah ke halaman

    selanjutnya.

    Gambar III.29

    Tampilan Menu Langkah Langkah Sholat Magrib

  • 61

    61

    8. Tampilan Menu Langkah Langkah Sholat Isya

    Menu sholat isya berisi buttun-button yang akan mengarah ke halaman

    selanjutnya.

    Gambar III.30

    Tampilan Menu Langkah Langkah Sholat Isya

  • 62

    62

    9. Tampilan Menu Sholat Sunah

    Menu sholat sholat sunah berisi buttun-button yang akan mengarah ke

    halaman selanjutnya.

    Gambar III.31

    Tampilan Menu Sholat Sunah

  • 63

    63

    10. Tampilan Menu Langkah Sholat Rawatib Qobliyah Subuh

    Menu sholat rawatib qobliyah subuh berisi buttun-button yang akan

    mengarah ke halaman selanjutnya.

    Gambar III.32

    Tampilan Menu Langkah Langkah Sholat Sunah Qobliyah Subuh

  • 64

    64

    11. Tampilan Menu Sholat Sunah Qobliah Zuhur

    Menu sholat sunah qobliah zuhur berisi buttun-button yang akan mengarah ke

    halaman selanjutnya.

    Gambar III.33

    Tampilan Menu Langkah Langkah Sholat Qobliah Zuhur

  • 65

    65

    12. Tampilan Menu Sholat Ba’diah Zuhur

    Menu sholat sunah ba’diah zuhur berisi buttun-button yang akan mengarah ke

    halaman selanjutnya.

    Gambar III.34

    Tampilan Menu Langkah Langkah Sholat Ba’diah Zuhur

  • 66

    66

    13. Tampilan Menu Sholat Ba’diah Magrib.

    Menu sholat sunah ba’diah magrib berisi buttun-button yang akan mengarah

    ke halaman selanjutnya.

    Gambar III.35

    Tampilan Menu Langkah Langkah Sholat Ba’diah Magrib

  • 67

    67

    14. Tampilan Menu Sholat Ba’diah Isya

    Menu sholat sunah ba’diah isya berisi buttun-button yang akan mengarah ke

    halaman selanjutnya.

    Gambar III.36

    Tampilan Menu Langkah Langkah Sholat Ba;diah Isya

  • 68

    68

    15. Tampilan Menu Sholat Sunah Tahajud

    Menu sholat sunah tahajud berisi buttun-button yang akan mengarah ke

    halaman selanjutnya.

    Gambar III.37

    Tampilan Menu Sholat Sunah Tahajud

  • 69

    69

    16. Tampilan Menu Sholat sunah Witir

    Menu sholat sunah witir berisi buttun-button yang akan mengarah ke halaman

    selanjutnya.

    Gambar III.38

    Tampilan Menu Sholat Sunah Witir

  • 70

    70

    17. Tampilan Menu Sholat Sunah Dhuha

    Menu sholat sunah dhuha berisi buttun-button yang akan mengarah ke

    halaman selanjutnya.

    Gambar III.39.

    Tampilan Menu Langkah Langkah Sholat Sunah Dhuha

  • 71

    71

    18. Tampilan Menu Keluar (Logout)

    Menu logout berisi buttun-button yang akan mengakhiri aplikasi.

    Gambar III.40

    Tampilan Menu Keluar (Logout)

  • 72

    72

    3.4. Testing

    3.4.1 Pengujian White Box

    Pada tahap ini dilakukan pengujian. Pengujian ini menggunakan metode Black box

    dan White box.

    Ya

    T ya

    T Ya

    T

    Ya

    T

    Gambar III.41

    Bagan Alir Aplikasi Tata Cara Sholat

    Pilih Bantuan

    Pilih Tentang Tampilan Menu

    Tentang

    Menu Utama

    Pilih Sholat Wajib

    Pilih sholat Sunah

    Tampilan menu

    sholat wajib

    Tampilan Menu

    Bantuan

    Tampilan Menu

    Sholat Sunah

    Mulai

    Selesai

  • 73

    73

    Gambar III.42

    Grafik Alir Aplikasi Tata Cara Sholat

    Dari grafik alir dapat diperoleh dengan perhitungan rumus sebagai berikut : V(G)

    = E – N+2

    Rumus diatas dijelaskan seperti dibawah ini

    V(G) = Jumlah region

    E = Jumlah Edge yang ditentukan dengan gambar panah

    N = Jumlah simpul grafik alir ditentukan dengan gambar lingkaran

    2

    3

    4

    5

    7

    6

    8

    9

    12

    11

    10

    13

    15

    14

    1

  • 74

    74

    Sehingga yang dihasilkan sebagai berikut:

    V(G) = 19 – 15 + 2

    V(G)

  • 75

    75

    Tabel III.3 Pengujian Black Box

    Input Output Proses Validasi

    ImageButton

    Menu Tampilan

    Utama

    Menampilkan

    menu tampilan

    utama

    Tampil menu

    utama

    Sesuai

    ImageButton

    Menu Tampilan

    Pilihan Sholat

    Wajib

    Menampilkan form

    Menu Tampilan

    Pilihan Sholat

    Wajib

    Tampil form

    Menu Tampilan

    Pilihan Sholat

    Wajib

    Sesuai

    ImageButtoni

    Menu Tampilan

    Pilihan Sholat

    Sunah

    Menampilkan form

    Menu Tampilan

    Pilihan Sholat

    Sunah

    Tampil form

    Menu Tampilan

    Pilihan Sholat

    sunah

    Sesuai

    Image Button

    Bantuan

    Menampilkan

    form menu

    bantuan

    Tampil menu

    bantuan

    Sesuai

    ImageButton

    Tentang

    Menampilkan form

    tentang

    Tampil form

    tentang

    Sesuai

    ImageButton

    Logout

    Menampilkan form

    Logout

    Tampil form

    logout

    Sesuai

    3.5. Support

    Untuk menjalakan aplikasi ini menggunakan Laptop dengan software

    berbasis java minimal 64 Bit, AMD A6-7310 APU with AMD Radeon R4, RAM

    4.00 Gb.