PROGRAM DAN MANUAL BOOK

APLIKASI “SIRAMAH”
SISTEM INFORMASI DIREKTORI PENCERAMAH

A. Analisis Kebutuhan

Pada tahap ini penulis menjelaskan kebutuhan pengguna dan fungsi serta apa

saja yang dapat pengguna lakukan dalam mengakses web yang telah dibuat. Dalam

website ini kebutuhan pengguna sistem yang dibutuhkan meliputi :

1. Kebutuhan Admin

a) Dapat login dan mengubah profil termasuk mengganti foto profile,

password dan riwayat pendidikan.

b) Mengelola daftar ustadz, dengan mengaktifkan maupun menonaktifkan

ustadz yang telah registrasi maupun sudah terdaftar.

2. Kebutuhan Ustadz

a) Dapat login dan mengubah profile termasuk mengganti foto profile dan

password.

b) Mengelola riwayat pendidikan diri yaitu mengisi form riwayat pendidikan

yang telah disediakan.

c) Mengelola kajian harian diri yaitu dengan selalu meng-update atau

mengkosongkan form kajian harian setiap ada kajian harian baru atau tidak

ada kajian harian baru.

d) Mengelola khutbah jum`at diri yaitu dengan selalu meng-update atau

mengkosongkan form khutbah jum`at setiap ada khutbah jum`at baru atau

tidak ada khutbah jum`at baru.

e) Mengelola kajian rutin diri termasuk menambah, mengedit, menghapus

kajian rutin.

1
 f) Mengelola link youtube kajian diri termasuk menambah, mengedit,

menghapus link youtube kajian.

3. Kebutuhan Jama`ah

a) Dapat login dan memposting kabar berita berupa kajian ustadz yang belum

terdaftar di website SIRAMAH, memposting tabligh akbar ustadz didalam

maupun luar kota dan memposting hal-hal yang bermanfaat lainnya dalam

bentuk text.

b) Dapat menyukai ustadz dan melihat ustadz yang disukai dalam daftar

disukai.

c) Dapat membatalkan menyukai ustadz yang telah disukai.

d) Dapat melihat daftar ustadz, melihat detail ustadz termasuk kajian ustadz.

e) Dapat melihat list-list kajian harian, kajian rutin, khutbah jum`at dan video

youtube kajian ustadz.

f) Dapat melihat kabar berita dari postingan jama`ah.

g) Dapat melihat ataupun men-download file pdf dari identitas ustadz.

h) Dapat sharing detail ustadz via whatsapp.

i) Dapat chatting via whatsapp jika ustadz mempunyai whatsapp.

4. Kebutuhan Pengunjung

a) Dapat melakukan registrasi.

b) Dapat melihat daftar ustadz, melihat detail ustadz termasuk kajian ustadz.

c) Dapat melihat list-list kajian harian, kajian rutin, khutbah jum`at dan video

youtube kajian ustadz.

d) Dapat melihat ataupun men-download file pdf dari identitas ustadz.

e) Dapat sharing detail ustadz via whatsapp.

f) Dapat chatting via whatsapp jika ustadz mempunyai whatsapp.

2
B. Rancangan Dokumen

Pada tahap ini penulis menguraikan rancangan dokumen masukan, dan

rancangan dokumen keluaran.

1. Rancangan Dokumen Masukan (Input)

Adapun rancangan yang akan penulis uraikan adalah sebagai berikut:

1. Nama Dokumen : CV atau ijazah terakhir

Fungsi : Untuk mengunggah cv atau ijazah terakhir

Sumber : Ustadz

Tujuan : Admin

Media : Tampilan layar

Jumlah :1

Frekuensi : Setiap mendaftar baru

Bentuk : Lampiran A.1

1. Rancangan Dokumen Keluaran (Output)

Adapun rancangan dokumen keluaran adalah sebagai berikut:

1. Nama Dokumen : Detail Ustadz

Fungsi : Sebagai identitas ustadz

Sumber : Ustadz

Tujuan : Jama`ah / Pengunjung

Media : Print Out / Tampilan Layar

Jumlah : 1 Lembar

Frekuensi : Setiap melihat atau mencetak versi PDF

Bentuk : Lampiran B.1

3
C. Entity Relationship Diagram (ERD)

Pada perancangan database, penulis menggunakan Entity Relationship

Diagram untuk memperjelas alur dan relasi tabel dalam web direktori penceramah

yang dibuat. Berikut rancangan yang dibuat :

A. ERD (Entity Relationship Diagram)

4
 .

GAMBAR .1
Entity Relationship Diagram (ERD) SIRAMAH

D. LRS (Logical Record Structure)

5
 .

GAMBAR .2
Logical Record Structure (LRS) SIRAMAH

E. Spesifikasi File

Dalam pembuatan web ini penulis menggunakan sebuah database bernama

siramah yang terdiri dari beberapa file. Adapun spesifikasi file didalam Sistem

Direktori Penceramah yang penulis buat adalah sebagai berikut:

1. Spesifikasi File Admin

Nama File : Admin

Akronim : user

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 1173

Kunci Field : id

Software : Xampp

Tabel III.1.
Spesifikasi File Admin

No Elemen Data Akronim Tipe Panjang Keterangan

Primary Key,
1 Id Admin id Int 11
Auto Increment
2 Name Admin name Varchar 45
3 Nik Admin nik Char 16
4 SD Admin sd Varchar 55
5 SMP Admin smp Varchar 55
6 SMA Admin sma Varchar 55
7 S1 Admin s1 Varchar 55

6
No Elemen Data Akronim Tipe Panjang Keterangan

8 S2 Admin s2 Varchar 55
9 S3 Admin s3 Varchar 55
Pendidikan pendidikan_t
10 Varchar 55
Terakhir erakhir
Pendidikan pendidikan_n
11 Varchar 55
Nonformal onformal
Status status_pendid
12 Int 11
Pendidikan ikan
Enum(‘Sudah
Menikah’,’Be
13 Status Admin status
lum
Menikah,”,”)
Foto Profil
14 image Text
Admin
15 Alamat Admin address text
Enum(‘Laki-
Jenis Kelamin
16 jk laki’,’Peremp
Admin
uan’,”,”)
CV/Ijazah
17 Terakhir cv Text
Admin
18 Email email Varchar 45
19 No Hp no_hp Varchar 14
Password
20 password Text
Admin
Keahlian
21 keahlian Int 11
Admin
Penguasaan penguasaan_
22 Text
Bahasa Admin bahasa
Tentang Saya
23 tentang_saya Text
Admin
24 Role Id role_id Int 11
25 Is Active is_active Int 1
26 Waktu Daftar date_created Int 11

2. Spesifikasi File Ustadz

Nama File : Ustadz

Akronim : user

Fungsi : Menyimpan data ustadz

Tipe File : File Master

7
 Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 1638

Kunci Field : id

Software : Xampp

Tabel III.2.
Spesifikasi File Ustadz

No Elemen Data Akronim Tipe Panjang Keterangan

Primary Key,
1 Id Ustadz id Int 11
Auto Increment
2 Name Ustadz Name Varchar 45
3 Nik Ustadz nik Char 16
4 SD Ustadz sd Varchar 55
5 SMP Ustadz smp Varchar 55
6 SMA Ustadz sma Varchar 55
7 S1 Ustadz s1 Varchar 55
8 S2 Ustadz s2 Varchar 55
9 S3 Ustadz s3 Varchar 55
Pendidikan pendidikan_t
10 Varchar 55
Terakhir erakhir
Pendidikan pendidikan_n
11 Varchar 55
Nonformal onformal
Status status_pendid
12 Int 11
Pendidikan ikan
Enum(‘Sudah
Menikah’,’Be
13 Status Ustadz Status
lum
Menikah,”,”)
14 Foto Profil Image text
15 Alamat Address text
Enum(‘Laki-
16 Jenis Kelamin Jk laki’,’Peremp
uan’,”,”)
CV/Ijazah
17 Terakhir Cv Text
Ustadz
18 Email Email Varchar 55
19 No Hp no_hp Varchar 14
Password
20 Password Text
Ustadz

8
No Elemen Data Akronim Tipe Panjang Keterangan
Keahlian
21 Keahlian Int 11
Ustadz
Penguasaan penguasaan_
22 Text
Bahasa Ustadz bahasa
23 Tentang Saya tentang_saya Text
24 Role Id role_id Int 11
25 Status Akun is_active Int 1
26 Waktu Daftar date_created Int 11

3. Spesifikasi File Tabel Jama`ah

Nama File : Tabel Jama`ah

Akronim : masyarakat

Fungsi : Untuk menyimpan data jama`ah /masyarakat

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 551

Kunci Field : id

Software : Xampp

Tabel III.3.
Spesifikasi File Jama`ah

No Elemen Data Akronim Tipe Panjang Keterangan

Id
Primary Key,
1 Masyarakat / id Int 11
Auto Increment
Jama`ah
2 Nama name Varchar 55
3 NIK nik Char 16
4 No HP / WA no_hp Varchar 15
5 email Email Varchar 55
6 Password password Text
7 Status Akun is_active Int 1
8 Waktu Daftar date_created Int 11

9
 .

4. Spesifikasi File Fokus Ilmu

Nama File : Fokus Ilmu

Akronim : fokus_ilmu_

Fungsi : Menyimpan data fokus ilmu/keahlian dominan

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 139

Kunci Field : id

Software : Xampp

Tabel III.4.
Spesifikasi File Fokus Ilmu

No Elemen Data Akronim Tipe Panjang Keterangan

Primary Key,
1 Id Fokus Ilmu id Int 11
Auto Increment
2 Nama Ilmu nama_ilmu Varchar 65

5. Spesifikasi File Kabar

Nama File : Kabar

Akronim : kabar

Fungsi : Menyimpan data kabar berita dari jama`ah

Tipe File : File Master

10
 Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 150

Kunci Field : id

Software : Xampp

Tabel III.5.
Spesifikasi File Kabar

No Elemen Data Akronim Tipe Panjang Keterangan

Primary Key,
1 Id Kabar id Int 11
Auto Increment
2 Email Jama`ah email_m Varchar 55
3 Text Kabar text Text
4 Date Created date_created Int 11

Sumber: Hasil Olahan Penulis Tahun 2019

6. Spesifikasi File Like for User

Nama File : Like For User

Akronim : like_for_user

Fungsi : Menyimpan data jama`ah menyukai ustadz

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 300

Kunci Field : id

Software : Xampp

11
 Tabel III.6.
Spesifikasi File Like For User

No Elemen Data Akronim Tipe Panjang Keterangan

Id Like For Primary Key,
1 Id Int 11
User Auto Increment
2 Id Ustadz id_u Int 11
3 Id Jama`ah id_m Int 11
4 Email Ustadz email_u Varchar 55
5 Email Jama`ah email_m Varchar 55
6 Date Created date_created Int 11

7. Spesifikasi File Jama`ah Token

Nama File : Jama`ah Token

Akronim : masyarakat_token

Fungsi : Menyimpan data token sementara jama`ah

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 150

Kunci Field : id

Software : Xampp

Tabel III.7.
Spesifikasi File Jama`ah Token

12
No Elemen Data Akronim Tipe Panjang Keterangan
Id Masyarakat Primary Key,
1 id Int 11
Token Auto Increment
2 Email email Varchar 55
3 Token token Text
4 Date Created date_created Int 11

8. Spesifikasi File Status Pendidikan

Nama File : Status Pendidikan

Akronim : status_pendidikan_

Fungsi : Menyimpan data status pendidikan

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 139

Kunci Field : id

Software : Xampp

Tabel III.8.
Spesifikasi File Status Pendidikan

No Elemen Data Akronim Tipe Panjang Keterangan

Id Status Primary Key,
1 id Int 11
Pendidikan Auto Increment
2 Status status Varchar 50

9. Spesifikasi File User Access Menu

Nama File : User Access Menu

Akronim : user_access_menu

13
 Fungsi : Menyimpan data akses menu user

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 33

Kunci Field : id_admin

Software : Xampp

Tabel III.9.
Spesifikasi File User Access Menu

No Elemen Data Akronim Tipe Panjang Keterangan

Id User Access Primary Key,
1 id Int 11
Menu Auto Increment
2 Role Id role_id Int 11
3 Menu Id menu_id Int 11

10. Spesifikasi File User Event

Nama File : User Event

Akronim : user_event

Fungsi : Menyimpan data kajian harian ustadz

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 662

Kunci Field : id_admin

14
 Software : Xampp

Tabel III.10.
Spesifikasi File User Event

No Elemen Data Akronim Tipe Panjang Keterangan

Primary Key,
1 Id User Event id Int 11
Auto Increment
2 Email email Varchar 55
3 Tema tema Varchar 128
4 Tanggal tanggal Varchar 128
Enum(‘-‘,’Se
nin’,’Selasa’,
’Rabu’,’Kami
5 Hari hari
s’,’Juma’t’,’S
abtu’,’Mingg
u’)
6 Waktu waktu Varchar 128
7 Tempat tempat Varchar 128
Keterangan
8 ket_tempat Text
Tempat
9 Keterangan keterangan Text
10 Date Created date_created Int 11

11. Spesifikasi File Event Jum’at

Nama File : Event Jum’at

Akronim : user_event_jumat

Fungsi : Menyimpan data khutbah jum`at ustadz

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 406

15
 Kunci Field : id

Software : Xampp

Tabel III.11.
Spesifikasi File Event Jum’at

No Elemen Data Akronim Tipe Panjang Keterangan

Id Event Primary Key,
1 Id Int 11
Jum’at Auto Increment
2 Email Email Varchar 55
3 Tema tema Varchar 128
4 Waktu waktu Varchar 128
5 Tempat tempat Text
Keterangan
6 ket_tempat Text
Tempat
7 Date Created date_created Int 11

12. Spesifikasi File Event Rutin

Nama File : Event Rutin

Akronim : user_event_rutin

Fungsi : Menyimpan data kajian rutin ustadz

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 790

Kunci Field : id

Software : Xampp

Tabel III.12.
Spesifikasi File Event Rutin

16
No Elemen Data Akronim Tipe Panjang Keterangan
Primary Key,
1 Id Event Rutin id Int 11
Auto Increment
2 Email email Varchar 55
3 Tema tema Varchar 128
Enum(‘-‘,’Se
nin’,’Selasa’,
’Rabu’,’Kami
4 Hari hari
s’,’Juma’t’,’S
abtu’,’Mingg
u’)
5 Jam jam Varchar 128
6 Tempat tempat Varchar 128
Keterangan
7 ket_tempat Varchar 128
Tempat
Keterangan
8 ket_kajian Varchar 128
Kajian
Enum(‘Aktif’,
9 Is Active is_active
’Libur’)
Keterangan
10 ket_status text
Status
11 Date Created date_created Int 11

13. Spesifikasi File User Link Youtube

Nama File : User link Youtube

Akronim : user_link_yt

Fungsi : Menyimpan data link youtube

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 407

Kunci Field : id

Software : Xampp

Tabel III.13.

17
 Spesifikasi File User Link Youtube

No Elemen Data Akronim Tipe Panjang Keterangan

Id Link Primary Key,
1 id Int 11
Youtube Auto Increment
2 Email email Varchar 55
3 Tema tema Varchar 128
4 Tempat tempat Varchar 128
5 Link link Text
6 Is Active is_active Int 1
7 Date Created date_created Int 11

14. Spesifikasi File User Menu

Nama File : User Menu

Akronim : user_menu

Fungsi : Menyimpan data memu

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 139

Kunci Field : id

Software : Xampp

Tabel III.14.
Spesifikasi File User Menu

No Elemen Data Akronim Tipe Panjang Keterangan

Primary Key,
1 Id User Menu id Int 11
Auto Increment
2 Menu menu Varchar 65

15. Spesifikasi File User Role

18
 Nama File : User role

Akronim : user_role

Fungsi : Menyimpan data role id

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 139

Kunci Field : id

Software : Xampp

Tabel III.15.
Spesifikasi File User Role

No Elemen Data Akronim Tipe Panjang Keterangan

Primary Key,
1 Id User Role id Int 11
Auto Increment
2 Role role Varchar 20

16. Spesifikasi File User Sub Menu

Nama File : User Sub Menu

Akronim : user_sub_menu

Fungsi : Menyimpan data submenu

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 663

19
 Kunci Field : id

Software : Xampp

Tabel III.16.
Spesifikasi File User Sub Menu

No Elemen Data Akronim Tipe Panjang Keterangan

Id User Sub Primary Key,
1 id Int 11
Menu Auto Increment
2 Menu Id menu_id Int 11
3 Tittle tittle Varchar 35
4 Url url Varchar 128
5 Url Admin url_adm Varchar 128
6 Url Us url_us Varchar 128
7 Icon icon Varchar 128
8 Is Active is_active Int 1

17. Spesifikasi File User Token

Nama File : User Token

Akronim : user_token

Fungsi : Menyimpan data token sementara

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 150

Kunci Field : id

Software : Xampp

20
 Tabel III.17.
Spesifikasi File User Token

No Elemen Data Akronim Tipe Panjang Keterangan

Primary Key,
1 Id User Token id Int 11
Auto Increment
2 Email email Varchar 55
3 Token token text
4 Date Created date_created Int 11

F. Pengkodean

Suatu susunan digit (angka), huruf dan karakter-karakter khusus yang dapat

dirancang dalam bentuk kode”. Kode berfungsi untuk mengklasifikasikan data,

memasukan data ke dalam komputer dan digunakan juga untuk mengambil

bermacam- macam informasi yang berhubungan dengan kode tersebut. Setiap

pengguna harus memiliki id masing-masing sehingga membatasi hak akses dari

masing-masing pengguna (Pradiatiningtyas & Suparwanto, 2017).

G. Spesifikasi Program

Spesifikasi program pada bab ini berisikan rancangan struktur navigasi pada

Sistem Informasi Periklanan Event. Adapun struktur navigasi pada pembuatan sistem

direktori penceramah ini yaitu :

A. Struktur Navigasi Halaman Utama (index)

21
 GAMBAR .3
Struktur Navigasi Halaman Utama (index)

B. Struktur Navigasi Halaman Admin

GAMBAR .4
Struktur Navigasi Halaman Admin

C. Struktur Navigasi Halaman Ustadz

GAMBAR .5
Struktur Navigasi Halaman Ustadz

22
D. Struktur Navigasi Halaman Jama`ah

GAMBAR .6
Struktur Navigasi Halaman Jama`ah

H. Spesifikasi Sistem Komputer

Adapun spesifikasi hardware dan software yang di butuhkan Sistem

Informasi Direktori Penceramah adalah sebagai berikut:

1. Spesifikasi Hardware

a. Client

1) CPU

23
 (a) Processor Pentium IV

(b) RAM 1 GB

(c) Hardisk 2 GB

2) Mouse

3) Keyboard

4) Monitor

5) Koneksi Internet dengan kecepatan 512 Kbps

2. Spesifikasi Software

a. Client

1) Sistem operasi yang umum digunakan : Microsoft Windows, Linux, atau

MacOS.

2) Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome

I. Implementasi

Implementasi rancangan antarmuka pada Sistem Informasi Direktori

Penceramah adalah sebagai berikut:

A. Implementasi Halaman Admin

1. Tampilan Halaman Login Admin

Admin harus melakukan login dengan username dan password yang mana

username dan password sudah dibuat sebelumnya melalui PhpMyAdmin untuk dapat

mengakses menu-menu yang telah tersedia. Jika berhasil login maka admin

diarahkan ke halaman dashboard. Selain itu juga di samping form login ada form

lupa password sebuah fitur ketika admin lupa password.

24
.

GAMBAR . 7
Tampilan Halaman Login & Lupa Password Admin

2. Tampilan Halaman Dashboard Admin

Tampilan dashboard admin merupakan tampilan awal ketika admin berhasil

login selain itu juga ada menu profile untuk admin. Dihalaman dashboard admin bisa

melakukan kirim email ke ustadz, menghapus ustadz dan juga bisa melihat detail dan

mengubah status akses ustadz.

GAMBAR . 8
Tampilan Halaman Dashboard Admin

3. Tampilan Halaman Profile Admin

Tampilan profile admin merupakan tampilan yang menampung data admin

seperti riwayat pendidikan, nik, alamat dan nama admin. Selain itu juga dihalaman

25
ini admin bisa mengedit riwayat pendidikan, nama dan foto profile serta bisa

mengubah password.

GAMBAR . 9
Tampilan Halaman Profile Admin

B. Implementasi Halaman Pengunjung

Tampilan awal ketika web ini diakses adalah halaman home yang mana

terdapat menu home (aktif), menu ustadz dengan submenu aqidah, akhlak, fiqih dan

tahsin, menu info kajian dengan submenu khutbah jum`at, kajian harian, kajian rutin,

dan menu nonton ceramah. Terdapat juga menu untuk login dengan pilihan login

sebagai ustadz atau login sebagai jama`ah pada halaman berbeda, juga registrasi

sebagai ustadz dan registrasi sebagai jama`ah pada halaman yang sama.

26
.

GAMBAR . 10
Tampilan Halaman Pengunjung

C. Implementasi Halaman Ustadz

1. Tampilan Halaman Registrasi Ustadz

Pengunjung bisa melakukan registrasi untuk menjadi ustadz yang kemudian

dikonfirmasi oleh admin untuk pengecekan kelayakan dan melakukan login.

GAMBAR .11
Tampilan Halaman Registrasi Ustadz

27
2. Tampilan Halaman Login Ustadz

Ketika sudah melakukan registrasi dan lolos pengecekan kelayakan oleh admin

maka ustadz harus melakukan login dengan username dan password yang mana

username dan password adalah email dan password yang telah di daftarkan

sebelumnya untuk dapat mengakses fitur-fitur yang telah tersedia. Jika berhasil login

maka ustadz diarahkan ke halaman My Profile. Selain itu juga di samping form login

ada form lupa password sebuah fitur ketika ustadz lupa password.

GAMBAR .12
Tampilan Halaman Login & Lupa Password Ustadz

3. Tampilan Halaman Profile Ustadz

Tampilan profile ustadz merupakan tampilan yang menampung data ustadz

seperti riwayat pendidikan, nik, alamat dan nama admin. Selain itu juga dihalaman

ini ustadz bisa mengedit riwayat pendidikan, nama dan foto profile serta bisa

mengubah password. Ustadz juga bisa mengubah jadwal kajian harian, jadwal

khutbah jum`at, tentang saya, menambah, melihat, menghapus dan mengedit link

youtube kajian, juga menambah, melihat, menghapus dan mengedit kajian rutin.

28
.

GAMBAR .13
Tampilan Halaman Profile Ustadz

4. Tampilan Halaman Create Read Update Delete (CRUD) Link YouTube

Tampilan CRUD link youtube dimana ustadz bisa menambahkan, melihat,

mengubah dan menghapus link youtube.

GAMBAR . 14
Tampilan Halaman Link Youtube Ustadz

29
5. Tampilan Halaman Create Read Update Delete (CRUD) Kajian Rutin

Tampilan CRUD kajian rutin dimana ustadz bisa menambahkan, melihat,

mengubah dan menghapus kajian rutin.

GAMBAR . 15
Tampilan Halaman Kajian Rutin Ustadz

D. Implementasi Halaman Jama`ah

1. Tampilan Halaman Registrasi Jama`ah

Pengunjung bisa melakukan registrasi untuk menjadi member sebagai jama`ah

yang mana ketika berhasil daftar dan melakukan login pengunjung bisa memberikan

like kepada para ustadz dan melihat daftar ustadz yang di like, melihat kabar beranda

dan melihat daftar ustadz yang di like.

30
.

GAMBAR . 16
Tampilan Halaman Registrasi Jama`ah

2. Tampilan Halaman Login Jama`ah

Pengunjung yang telah registrasi harus melakukan login dengan username dan

password yang mana username dan password adalah email dan password yang telah

di daftarkan untuk dapat mengakses menu-menu dan fitur-fitur yang telah tersedia.

Jika berhasil login maka jama`ah diarahkan ke halaman Home. Selain itu juga di

samping form login ada form lupa password sebuah fitur ketika ustadz lupa

password.

GAMBAR . 17
Tampilan Halaman Login & Lupa Password Jama`ah

31
3. Tampilan Halaman Home Jama`ah

Tampilan profile ustadz merupakan tampilan yang menampung data ustadz

seperti riwayat pendidikan, nik, alamat dan nama admin. Selain itu juga dihalaman

ini ustadz bisa mengedit riwayat pendidikan, nama dan foto profile serta bisa

mengubah password. Ustadz juga bisa mengubah jadwal kajian harian, jadwal

khutbah jum`at, tentang saya, menambah menghapus mengedit link youtube kajian

dan menambah menghapus mengedit kajian rutin.

GAMBAR . 18
Tampilan Halaman Home Setelah Login Sebagai Jama`ah

3.9 Pengujian Unit

A. Pengujian Terhadap Form Login Admin

Tabel III.18.
Hasil Pengujian Black Box Testing Form Login

Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
1 Username Username: Sistem menolak Sesuai Valid
dan (kosong) akses dan Harapan
password Password: menampilkan
tidak diisi (kosong) pesan
kemudian “Username

32
 Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
tidak boleh
kosong” pada
form input
username dan
menampilkan
klik tombol
pesan
login
“Password
tidak boleh
kosong” pada
form input
password
Username
diisi format username :
Sistem menolak
email valid rivaldi@gmail
akses dan
atau tidak .com (valid)
menampilkan
valid dan rivaldi@gmail Sesuai
2 pesan Valid
password .coma (tidak Harapan
“Password
dikosongka valid)
tidak boleh
n kemudian password:
kosong”
klik tombol (kosong)
login
Username
diisi dengan
Sistem menolak
bukan
akses dan
format username:
menampilkan
email dan rivaldi Sesuai
3 pesan “Format Valid
password password: Harapan
Penulisan
salah asalaja
Email Anda
kemudian
Salah”
klik tombol
login
Username
diisi format
email valid
yang tidak
terdapat di Sistem menolak
username:
database akses dan
rivaldip@gma
(tidak menampilkan Sesuai
4 il.com (salah) Valid
terdaftar) pesan “Email Harapan
password:
dan salah / tidak
asalaja
password terdaftar”
salah
kemudian
klik tombol
login
5 Username username: Sistem menolak Sesuai Valid

33
 Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
diisi format
email valid
yang
terdapat di
akses dan
database rivaldi@gmail
menampilkan
(terdaftar) .com (benar)
pesan Harapan
dan password:
“Password
password asalaja (salah)
salah”
salah
kemudian
klik tombol
login
Username
diisi format
email valid
yang
username:
terdapat di Sistem
rivaldi@gmail
database menerima akses
.com (benar) Sesuai
6 (terdaftar) dan masuk ke Valid
password: Harapan
dan halaman
kunfayakun
password dashboard
(benar)
benar
kemudian
klik tombol
login

B. Pengujian Terhadap Pengiriman Email Oleh Admin Pada Ustadz

Tabel III.19.
Hasil Pengujian Black Box Testing Kirim Email ke Ustadz

Hasil
N Skenario Hasil yang Kesimpula
Test Case pengujia
o pengujian diharapkan n
n
1 Admin Admin Sesuai Valid
mengirim Apakah Anda mendapatkan Harapan
email pada Yakin? Akan notifikasi email
ustadz mengirim berhasil dikirim
berstatus email : Kirim dan ustadz
akun aktif Email ! mendapatkan
dengan pesan via email
mengklik untuk
tombol melengkapi data

34
 Hasil
N Skenario Hasil yang Kesimpula
Test Case pengujia
o pengujian diharapkan n
n
kirim
pendidikannya
email
Admin
mengirim
email pada
ustadz
berstatus
Admin
akun
mendapatkan
sudah
notifikasi email
mendaftar
berhasil dikirim
tetapi Apakah Anda
dan ustadz
belum Yakin? Akan Sesuai
2 mendapatkan Valid
melakukan mengirim Harapan
pesan via email
aktivasi email : Kirim
untuk
melalui Email !
melakukan
email
aktivasi akun
(verify)
melalui email
dengan
mengklik
tombol
kirim
email
Admin
mengirim Admin
email pada mendapatkan
ustadz notifikasi email
berstatus Apakah Anda berhasil dikirim
akun Yakin? Akan dan ustadz Sesuai
3 Valid
blokir mengirim mendapatkan Harapan
dengan email : Kirim pesan
mengklik Email ! pemberitahuan
tombol akun diblokir
kirim via email
email

C. Pengujian Terhadap Form Pengaturan Akses Ustadz

Tabel III.20.
Hasil Pengujian Black Box Testing Form Akses Ustadz

35
N Skenario Hasil yang Hasil Kesimpula
Test Case
o pengujian diharapkan pengujian n
Admin
mengubah
akses
ustadz
yang
Admin
sudah
mendapatkan
mendaftar
Atur Akses notifikasi Sesuai
1 dan sudah Valid
Ustadz : Active “Success! Harapan
melakukan
atau Blokir Updated
aktivasi
access! “
via email
dengan
mengklik
tombol
ubah akses
Admin
mengubah
akses
ustadz Admin
yang mendapatkan
sudah aktif notifikasi Sesuai
2 Atur Akses Valid
menjadi “Success! Harapan
Ustadz : Blokir
blokir Updated
dengan access! “
mengklik
tombol
ubah akses
Admin
mengubah
akses
ustadz Admin
yang telah mendapatkan
di blokir notifikasi Sesuai
3 Atur Akses Valid
menjadi “Success! Harapan
Ustadz : active
aktif Updated
dengan access! “
mengklik
tombol
ubah akses

D. Pengujian Terhadap Delete Ustadz

Tabel III.21.

36
 Hasil Pengujian Black Box Testing Delete Ustadz

N Skenario Hasil yang Hasil Kesimpula

Test Case
o pengujian diharapkan pengujian n
Admin
menghapu
Apakah Admin
s list
Anda mendapatkan
ustadz Sesuai
1 Yakin? Data notifikasi Valid
dengan Harapan
Akan “Success!
mengklik
Dihapus: Deleted user!!! “
tombol
Hapus Data!
hapus

E. Pengujian Form Registrasi Ustadz

Tabel III.22.
Hasil Pengujian Black Box Testing Form Registrasi Ustadz

Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
Semua
form Sistem
dikosongk melakukan
an validasi dengan
kemudian menampilkan Sesuai
1 Data Kosong Valid
klik notifikasi “field Harapan
tombol is required” pada
“Daftar tiap form yang
Sebagai kosong
Ustadz”
Menginpu
tkan NIK
yang
sebelumny
Sistem
a telah
NIK anda: melakukan
teregistras
61710505068 validasi dengan Sesuai
2 i Valid
70010 menampilkan Harapan
kemudian
notifikasi “NIK
klik
sudah terdaftar”.
tombol
“Daftar
Sebagai
Ustadz”
3 Menginpu No HP/WA Sistem Sesuai Valid

37
 Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
tkan
Nomor
HP/WA
yang
sebelumny melakukan
a telah anda: validasi dengan
teregistras 62857535406 menampilkan
Harapan
i 60 notifikasi “No
kemudian HP/WA sudah
klik terdaftar”.
tombol
“Daftar
Sebagai
Ustadz”
Menginpu
tkan email
yang
sebelumny
Sistem
a telah
Email anda : melakukan
teregistras
sa424648@g validasi dengan Sesuai
4 i Valid
mail.com menampilkan Harapan
kemudian
notifikasi “Email
klik
sudah terdaftar”.
tombol
“Daftar
Sebagai
Ustadz”
Semua
form diisi
dengan
benar dan
Sistem
upload
melakukan
cv/ijazah
validasi dengan
terakhir Chosee file : Sesuain
5 menampilkan Valid
tidak diisi No file chosen Harapan
pesan “You did
kemudian
not select a file
klik
to upload”.
tombol
“Daftar
Sebagai
Ustadz”
6 Semua Chosee file : Sistem Sesuain Valid
form diisi SIRAMAH- melakukan Harapan
dengan 53.pdf validasi dengan
benar dan menampilkan
upload pesan “The

38
 Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
cv/ijazah
terakhir
diisi
dengan
format
filetype you are
yang tidak
attempting to
sesuai
upload is not
kemudian
allowed”.
klik
tombol
“Daftar
Sebagai
Ustadz”
Semua
form diisi
dengan Sistem menerima
benar dan dan menyimpan
upload data kemudian
cv/ijazah diarahkan ke
diisi form login ustadz
Chosee file : Sesuain
7 dengan dengan notifikasi Valid
mycv.jpg Harapan
benar “Registrasi akun
kemudian Sukses. Silahkan
klik aktivasi di mail
tombol anda !!! atau klik
“Daftar disini”
Sebagai
Ustadz”

F. Pengujian Form Login Ustadz

Tabel III.23.
Hasil Pengujian Black Box Testing Form Login Ustadz

Hasil
N Skenario Hasil yang Kesimpula
Test Case pengujia
o pengujian diharapkan n
n
1 Username Username: Sistem Sesuai Valid
dan (kosong) menolak akses Harapan
password Password: dan
tidak diisi (kosong) menampilkan
kemudian pesan
klik tombol “Username

39
 Hasil
N Skenario Hasil yang Kesimpula
Test Case pengujia
o pengujian diharapkan n
n
tidak boleh
kosong” pada
form input
username dan
menampilkan
login pesan
“Password
tidak boleh
kosong” pada
form input
password
Username
diisi format Username: Sistem
email valid rivaldi@gmail. menolak akses
atau tidak com (valid) dan
valid dan rivaldi@gmail. menampilkan Sesuai
2 Valid
password coma( tidak pesan Harapan
dikosongka valid) “Password
n kemudian Password: tidak boleh
klik tombol (kosong) kosong”
login
Username
diisi dengan Sistem
bukan menolak akses
format username: dan
email dan rivaldi menampilkan Sesuai
3 Valid
password password: pesan “Format Harapan
salah asalaja Penulisan
kemudian Email Anda
klik tombol Salah”
login
Username
diisi format
email valid
yang tidak
Sistem
terdapat di username:
menolak akses
database rivaldip@gmail
dan
(tidak . Sesuain
4 menampilkan Valid
terdaftar) com (salah) Harapan
pesan “Email
dan password:
salah / tidak
password asalaja
terdaftar”
salah
kemudian
klik tombol
login
5 Username username: Sistem Sesuain Valid

40
 Hasil
N Skenario Hasil yang Kesimpula
Test Case pengujia
o pengujian diharapkan n
n
diisi format
email valid
yang
terdapat di menolak akses
database rivaldi@gmail. dan
(terdaftar) com (benar) menampilkan
Harapan
dan password: pesan
password asalaja (salah) “Password
salah salah”
kemudian
klik tombol
login
Username
diisi format
email valid Sistem
yang menolak akses
terdapat di dan
database menampilkan
username:
(terdaftar) pesan
rivaldi@gmail.
dan “Warning !
com (benar) Sesuain
6 password Email Anda Valid
password: Harapan
benar rivaldi@gmail.
kunfayakun
kemudian com belum
(benar)
klik tombol diverifikasi.
login Cek email
dengan Anda! klik
akses disini”
sistem
verify
Username
diisi format
email valid
Sistem
yang
menolak akses
terdapat di
dan
database
username: menampilkan
(terdaftar)
rivaldi@gmail. pesan
dan
com (benar) “Warning ! Sesuain
7 password Valid
password: Data Anda Harapan
benar
kunfayakun rivaldi@gmail.
kemudian
(benar) com sedang di
klik tombol
cek, silahkan
login
login beberapa
dengan
saat lagi!”
akses
sistem
regist

41
 Hasil
N Skenario Hasil yang Kesimpula
Test Case pengujia
o pengujian diharapkan n
n
Username
diisi format
email valid Sistem
yang menolak akses
terdapat di dan
database menampilkan
username:
(terdaftar) pesan
rivaldi@gmail.
dan “Warning !
com (benar) Sesuain
8 password Akun anda Valid
password: Harapan
benar rivaldi@gmail.
kunfayakun
kemudian com sedang di
(benar)
klik tombol blokir,
login hubungi
dengan 089693646381
akses !
sistem
block
Username
diisi format
email valid
yang
terdapat di
database
username: Sistem
(terdaftar)
rivaldi@gmail. menerima
dan
com (benar) akses dan Sesuain
9 password Valid
password: masuk ke Harapan
benar
kunfayakun halaman
kemudian
(benar) dashboard
klik tombol
login
dengan
akses
sistem
active

G. Pengujian Terhadap Update Kajian Harian Ustadz

Tabel III.24.
Hasil Pengujian Black Box Testing Form Kajian Harian Ustadz

42
N Skenario Hasil yang Hasil Kesimpula
Test Case
o pengujian diharapkan pengujian n
Ustadz
Semua mendapatkan
Form diisi notifikasi
Sesuai
1 kemudian Mengisi semua “Success! Valid
Harapan
klik tombol form Mengubah
Post Event
Kajian!!! “
Ustadz
Semua
mendapatkan
Form
notifikasi
dikosongka Sesuai
2 Mengkosongka “Success! Valid
n kemudian Harapan
n semua form Mengubah
klik tombol
Event
Post
Kajian!!! “
Setiap
mengklik
Ustadz tetap
tombol Post
mendapatkan
pada
notifikasi
kondisi diisi Mengisi semua
“Success!
semua, form atau
Mengubah Sesuai
3 dikosongka mengkosongka Valid
Event Harapan
n semua n semua form
Kajian!!! “
maupun atau mengisi
dan Jadwal
beberapa beberapa form
Diperbaharui
diisi dan
menjadi baru
dikosongka
n

H. Pengujian Terhadap Update Khutbah Jum`at Ustadz

Tabel III.25.
Hasil Pengujian Black Box Testing Form Khutbah Jum`at Ustadz

Hasil
N Skenario Hasil yang Kesimpula
Test Case pengujia
o pengujian diharapkan n
n
1 Semua Ustadz Sesuai Valid
Form diisi Mengisi semua mendapatkan Harapan
kemudian form notifikasi

43
 Hasil
N Skenario Hasil yang Kesimpula
Test Case pengujia
o pengujian diharapkan n
n
“Success!
Berhasil
klik tombol
menambahkan
Post
Jadwal Khtbah
Jum`at !”
Ustadz
Semua mendapatkan
Form notifikasi
dikosongka “Success! Sesuai
2 Mengkosongka Valid
n kemudian Berhasil Harapan
n semua form
klik tombol menambahkan
Post Jadwal Khtbah
Jum`at !”
Setiap
mengklik Ustadz tetap
tombol Post mendapatkan
pada notifikasi
kondisi diisi Mengisi semua “Success!
semua, form atau Berhasil
Sesuai
3 dikosongka mengkosongka menambahkan Valid
Harapan
n semua n semua form Jadwal Khtbah
maupun atau mengisi Jum`at !” dan
beberapa beberapa form Jadwal
diisi dan Diperbaharui
dikosongka menjadi baru
n

I. Pengujian Terhadap Form Tentang Saya Pada Ustadz

Tabel III.26.
Hasil Pengujian Black Box Testing Form Tentang Saya Pada Ustadz

Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
Ustadz
mendapatkan
Form diisi
notifikasi
kemudian Sesuai
1 “Success! Valid
klik tombol Form diisi Harapan
Spesifikasi
Post
Profile telah
dibuat!”
2 Semua Ustadz Sesuai Valid

44
 Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
mendapatkan
Form
notifikasi
dikosongka
Mengkosongka “Success!
n kemudian Harapan
n semua form Spesifikasi
klik tombol
Profile telah
Post
dibuat!”

J. Pengujian Terhadap Form Riwayat Pendidikan Ustadz

Tabel III.27.
Hasil Pengujian Black Box Testing Form Riwayat Pendidikan Ustadz

N Skenario Hasil yang Hasil Kesimpula

Test Case
o pengujian diharapkan pengujian n
Ustadz
mendapatkan
Semua notifikasi
Form diisi “Notice!
Sesuai
1 kemudian Mengisi semua Data Valid
Harapan
klik tombol form pendidikan
Change berhasil
diperbaharui
!”
Ustadz
mendapatkan
Semua
notifikasi
Form
“Notice!
dikosongka Sesuai
2 Mengkosongka Data Valid
n kemudian Harapan
n semua form pendidikan
klik tombol
berhasil
Change
diperbaharui
!”
Ustadz
Status mendapatkan
Form Status
Pendidikan : notifikasi
Pendidikan
Pilih : “Sedang “Notice!
diubah Sesuai
3 melaksanakan Data Valid
kemudian Harapan
pendidikan” pendidikan
klik tombol
atau “Sedang berhasil
change
Cuti” atau diperbaharui
“Sudah Lulus” !”

45
.

K. Pengujian Terhadap Form Ubah Password Ustadz

Tabel III.28.
Hasil Pengujian Black Box Testing Form Ubah Password Ustadz

Hasil
N Skenario Hasil yang
Test Case penguji Kesimpulan
o pengujian diharapkan
an
Sistem
menolak ubah
password dan
Current menampilkan
Pass, New pesan “The
pass dan Current Pass : Current
Pepeat (kosong) Password field
Pass tidak New pass : is required.” Sesuai
1 Valid
diisi (kosong) Harapan
kemudian Pepeat Pass : “The New
klik tombol (kosong) Password field
Change is required.”
Password
“The Confirm
Password field
is required.”
Sistem
menolak ubah
password dan
Current
form Current
Pass diisi
Pass menjadi
sedangkan Current Pass :
kosong serta
New pass passwordbenar /
menampilkan
dan Pepeat password salah
pesan Sesuai
2 Pass tidak New pass : Valid
Harapan
diisi (kosong)
“The New
kemudian Pepeat Pass :
Password field
klik tombol (kosong)
is required.”
Change
Password
“The Confirm
Password field
is required.”
3 Current Current Pass : Sistem Sesuai Valid
Pass dan passwordbenar / menolak ubah Harapan
New pass password salah password dan
diisi New pass : form Current
sedangkan passwordbenar / Pass dan New
Repeat password salah Pass menjadi

46
 Hasil
N Skenario Hasil yang
Test Case penguji Kesimpulan
o pengujian diharapkan
an
kosong serta
menampilkan
pesan

Pass tidak “The New

diisi Password field
kemudian Pepeat Pass : does not match
klik tombol (kosong) the Confirm
Change Password
Password field.”

“The Confirm
Password field
is required.”
Current
Pass, New
Sistem
pass dan
menolak ubah
Pepeat
Current Pass : password dan
Pass diisi
passwordsalah semua form
tetapi
New pass : menjadi Sesuai
4 Current Valid
passwordbaru kosong serta Harapan
Pass diisi
Pepeat Pass : menampilkan
salah
passwordbaru pesan “Wrong
kemudian
current
klik tombol
password”
Change
Password
Sistem
menolak ubah
Current
password dan
Pass, New
semua form
pass dan Current Pass :
menjadi
Pepeat passwordbenar
kosong serta
Pass diisi New pass : Sesuai
5 menampilkan Valid
sama passwordbenar Harapan
pesan “New
kemudian Pepeat Pass :
password
klik tombol passwordbenar
cannot be the
Change
same as
Password
current
password!”
6 Current Current Pass : Sistem Sesuai Valid
Pass diisi passwordbenar menolak ubah Harapan
benar New New pass : password dan
pass dan passwordbaru1 semua form
Pepeat Pepeat Pass : menjadi
Pass diisi passwordbaru2 kosong serta

47
 Hasil
N Skenario Hasil yang
Test Case penguji Kesimpulan
o pengujian diharapkan
an
menampilkan
pesan “The
New Password
field does not
match the
tidak sama Confirm
kemudian Password
klik tombol field.”
Change
Password “The Confirm
Password field
does not match
the New
Password
field.”
Sistem
menolak ubah
Current
password dan
Pass diisi
semua form
benar New
menjadi
pass dan Current Pass :
kosong serta
Pepeat passwordbenar
menampilkan
Pass diisi New pass : Sesuai
7 pesan “The Valid
kurang dari kurang8 Harapan
New Password
8 karakter Pepeat Pass :
field must be at
kemudian kurang8
least 8
klik tombol
characters in
Change
length.”
Password

Sistem
Current menerima
Pass diisi ubah password
benar New Current Pass : dan semua
pass dan passwordbenar form menjadi
Pepeat New pass : kosong serta Sesuai
8 Valid
Pass benar passwordbaru menampilkan Harapan
kemudian Pepeat Pass : pesan “Success
klik tombol passwordbaru ! Password
Change changed!”
Password

48
L. Pengujian Terhadap Form Ubah Profile Ustadz

Tabel III.29.
Hasil Pengujian Black Box Testing Form Ubah Profile Ustadz

Hasil
N Skenario Hasil yang Kesimpula
Test Case pengujia
o pengujian diharapkan n
n
Sistem menolak
ubah profile
dan form name
Ustadz
menampilkan
mengkosongka
Name : data nama yang
n Form name Sesuai
1 (kosong) sebelumnya Valid
kemudian klik Harapan
terisi serta
tombol
menampilkan
“Submit”
pesan “The Full
Name field is
required..”
Sistem
Ustadz mengisi menerima ubah
Form name profile dan
dengan benar Name : Ilham menampilkan Sesuai
2 Valid
kemudian klik pesan “Success! Harapan
tombol Your profile
“Submit” has been
updated!.”
Ustadz mengisi Sistem menolak
Form picture ubah profile
Picture :
dengan format dan
iklan-donasi-
salah atau menampilkan
aplikasi.psd
mengisi format pesan “Notice!
secara benar Profile anda Sesuai
3 Atau Valid
dengan ukuran gagal Harapan
gambar lebih diperbaharui!
Picture :
dari 300 x 300 Gunakan
images.png
pixel kemudian gambar maks
klik tombol 300 x 300 pixel
“Submit” !!!!.”

M. Pengujian Terhadap Page Link Youtube Ustadz

Tabel III.30.
Hasil Pengujian Black Box Testing Page Link Youtube Ustadz

49
 Hasil
Skenario Hasil yang
No Test Case pengujia Kesimpulan
pengujian diharapkan
n
Sistem
menolak
menambahka
n link
Ustadz youtube dan
menambahka menampilka
n link n pesan “The
youtube Tema field is
Tema :
dengan required.”.
(kosong)
mengklik Pada form
Tempat:
tombol Tema,
(kosong) Sesuai
1 tambah link menampilka Valid
Link : Harapan
kemudian n pesan “The
(kosong)
mengkosong Tempat field
kan semua is required.”.
form inputan Pada form
kemudian Tempat dan
klik tombol menampilka
“Post” n pesan “The
Link field is
required.”.
Pada form
Link
Ustadz
menambahka Tema :
Sistem
n link “Berbakti
menerima
youtube kepada kedua
menambahka
dengan orang tua”
n link
mengklik Tempat:
youtube dan
tombol “Mesjid Al-
menampilka Sesuai
2 tambah link Falah Valid
n pesan Harapan
kemudian Pontianak”.
“Success!
mengisi Link :
Sebuah link
semua form “qOdh396vtko
berhasil
inputan ”
ditambahkan
kemudian
!”
klik tombol
“Post”
3 Ustadz Tema : Sistem Sesuai Valid
mengubah (kosong) menolak Harapan
link youtube Tempat: mengubah
dengan (kosong) link youtube
mengklik Link : dan
tombol (kosong) menampilka
update n pesan
kemudian “Please fill

50
 Hasil
Skenario Hasil yang
No Test Case pengujia Kesimpulan
pengujian diharapkan
n
mengkosong out this
kan semua field”. Pada
form inputan tiap form
kemudian inputan yang
klik tombol kosong mulai
“Post” dari atas
Ustadz
mengubah Tema : Sistem
link youtube “Berbakti menerima
dengan kepada kedua mengubah
mengklik orang tua” link youtube
tombol Tempat: dan
update “Mesjid Al- menampilka Sesuai
4 Valid
kemudian Falah”. n pesan Harapan
mengisi Link : “Success!
semua form “qOdh396vtko Informasi
inputan ” youtube
kemudian berhasil
klik tombol diubah !”
“Update”
Sistem
menerima
Ustadz untuk
menghapus menghapus
Apakah Anda
link youtube link youtube
Yakin ? Data Sesuai
5 dengan dan Valid
Akan Dihapus Harapan
mengklik menampilka
: Hapus data!
tombol n pesan
delete “Success!
Deleted Link
Youtube !!!”

N. Pengujian Terhadap Page Kajian Rutin Ustadz

Tabel III.31.
Hasil Pengujian Black Box Testing Page Kajian Rutin Ustadz

Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
1 Ustadz Tema : Sistem Sesuai Valid
menambahkan (kosong) menolak Harapan
kajian rutin Tempat: menambahka

51
 Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
n kajian rutin
dan
menampilkan
pesan “Notice
!
The Tema
field is
required.
(kosong)
Keterangan
The Tempat
dengan Tempat :
field is
mengklik (kosong)
required.
tombol tambah Hari :
kajian rutin, (kosong)
The Alamat
kemudian Waktu :
Lengkap field
mengkosongka (kosong)
is required.
n semua form Keterangan
inputan Kajian:
The
kemudian klik (kosong)
Keterangan
tombol “Post”
Kajian field
is required.

The Waktu
field is
required.

The Hari
field is
required.”
Sistem
Ustadz
menerima
menambahkan
menambahka
kajian rutin
n kajian rutin
dengan
Semua form dan
mengklik
diisi dengan menampilkan
tombol tambah Sesuai
2 benar pesan Valid
kajian rutin Harapan
“Success!
kemudian
Sebuah
mengisi semua
kajian rutin
form inputan
berhasil
kemudian klik
ditambahkan
tombol “Post”
!”
3 Ustadz Tema : Sistem Sesuai Valid
mengubah (kosong) menolak Harapan
kajian rutin Tempat: mengubah
dengan (kosong) kajian rutin

52
 Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
dan
menampilkan
mengklik pesan
tombol update “Please fill
kemudian out this
Link :
mengkosongka field”. Pada
(kosong)
n semua form tiap form
inputan inputan yang
kemudian klik kosong mulai
tombol “Save dari atas
changes” (kecuali form
keterangan
status)
Sistem
Ustadz menerima
mengubah mengubah
kajian rutin kajian rutin
Semua form
dengan dan
inputan diisi
mengklik menampilkan Sesuai
4 dengan benar Valid
tombol update pesan Harapan
kemudian “Success!
mengisi semua Sebuah
form inputan kajian rutin
dengan benar berhasil
diubah !”
Sistem
menerima
untuk
Ustadz
Apakah Anda menghapus
menghapus
Yakin ? Data link youtube
kajian rutin Sesuai
5 Akan dan Valid
dengan Harapan
Dihapus : menampilkan
mengklik
Hapus data! pesan
tombol delete
“Success!
Menghapus
Kajian!!!”

O. Pengujian Form Registrasi Jama`ah

Tabel III.32.
Hasil Pengujian Black Box Testing Form Registrasi Jama`ah

53
 Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
Sistem
melakukan
Semua form validasi
dikosongkan dengan
kemudian menampilka
Sesuai
1 klik tombol Data Kosong n notifikasi Valid
Harapan
“Daftar “field is
Sebagai required”
Jama`ah” pada tiap
form yang
kosong
Menginputka
n NIK yang Sistem
sebelumnya melakukan
telah NIK anda: validasi
teregistrasi 610105160297 dengan Sesuai
2 Valid
kemudian 007 menampilka Harapan
klik tombol n notifikasi
“Daftar “NIK sudah
Sebagai terdaftar”.
Jama`ah”
Menginputka
n Nomor Sistem
HP/WA yang melakukan
sebelumnya No HP/WA validasi
telah anda: dengan
Sesuai
3 teregistrasi 628969364638 menampilka Valid
Harapan
kemudian 1 n notifikasi
klik tombol “No HP/WA
“Daftar sudah
Sebagai terdaftar”.
Jama`ah”
Menginputka
Sistem
n email yang
melakukan
sebelumnya
validasi
telah Email anda :
dengan
teregistrasi privaldi75@gm Sesuai
4 menampilka Valid
kemudian ail.com Harapan
n notifikasi
klik tombol
“Email
“Daftar
sudah
Sebagai
terdaftar”.
Jama`ah”
5 Semua form Semua form Sistem Sesuain Valid
diisi dengan diisi dengan menerima Harapan
benar benar (tidak dan
kemudian ada data nik, menyimpan

54
 Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
data
kemudian
diarahkan ke
form login
jama`ah
email dan no
klik tombol dengan
hp/wa yang
“Daftar notifikasi
pernah
Sebagai “Registrasi
dimasukan
Jama`ah” akun Sukses.
sebelumnya)
Silahkan
aktivasi di
mail anda !!!
atau klik
disini”
.

P. Pengujian Form Login Jama`ah

Tabel III.33.
Hasil Pengujian Black Box Testing Form Login Jama`ah

Hasil
Skenario Hasil yang
No Test Case pengujia Kesimpulan
pengujian diharapkan
n
Sistem
menolak akses
dan
menampilkan
pesan
Username “Username
dan tidak boleh
Username:
password kosong” pada
(kosong) Sesuai
1 tidak diisi form input Valid
Password: Harapan
kemudian username dan
(kosong)
klik tombol menampilkan
login pesan
“Password
tidak boleh
kosong” pada
form input
password
2 Username username : Sistem Sesuai Valid
diisi format privaldi75 menolak akses Harapan
email valid @gmail.com dan

55
 Hasil
Skenario Hasil yang
No Test Case pengujia Kesimpulan
pengujian diharapkan
n
atau tidak
(valid)
valid dan menampilkan
privaldi75
password pesan
@gmail.coma
dikosongka “Password
(tidak valid)
n kemudian tidak boleh
password:
klik tombol kosong”
(kosong)
login
Username
diisi
Sistem
dengan
menolak akses
bukan
username: dan
format
rivaldi menampilkan Sesuai
3 email dan Valid
password: pesan “Format Harapan
password
asalaja Penulisan
salah
Email Anda
kemudian
Salah”
klik tombol
login
Username
diisi format
email valid
yang tidak
Sistem
terdapat di username:
menolak akses
database privaldip
dan
(tidak @gmail.com Sesuain
4 menampilkan Valid
terdaftar) (salah) Harapan
pesan “Email
dan password:
salah / tidak
password asalaja
terdaftar”
salah
kemudian
klik tombol
login
Username
diisi format
email valid
yang Sistem
username:
terdapat di menolak akses
privaldi75
database dan
@gmail.com Sesuain
5 (terdaftar) menampilkan Valid
(benar) Harapan
dan pesan “Failed!
password:
password Password
asalaja (salah)
salah salah”
kemudian
klik tombol
login
6 Username username: Sistem Sesuain Valid

56
 Hasil
Skenario Hasil yang
No Test Case pengujia Kesimpulan
pengujian diharapkan
n
diisi format
email valid
yang menolak akses
terdapat di dan
database menampilkan
(terdaftar) rivaldi pesan
dan @gmail.com “Warning !
password (benar) Email Anda
Harapan
benar password: rivaldi@gmail.
kemudian kunfayakun com belum
klik tombol (benar) diverifikasi.
login Cek email
dengan Anda! klik
akses disini”
sistem
verify
Username
diisi format
email valid
username:
yang
privaldi75 Sistem
terdapat di
@gmail.com menerima
database
(benar) akses dan Sesuain
7 (terdaftar) Valid
password: masuk ke Harapan
dan
cintadamai11 halaman
password
2 profile
benar
(benar)
kemudian
klik tombol
login

Q. Pengujian View Detail Ustadz Oleh Jama`ah

Tabel III.34.
Hasil Pengujian Black Box Testing View Detail Ustadz

N Skenario Hasil yang Hasil

Test Case Kesimpulan
o pengujian diharapkan pengujian
1 Jama`ah Klik : Sistem Sesuai Valid
memilih detail menampilkan Harapan
salah satu detail ustadz
ustadz dan
menekan

57
N Skenario Hasil yang Hasil
Test Case Kesimpulan
o pengujian diharapkan pengujian
tombol
detail

R. Pengujian Fitur Pada View Detail Ustadz Oleh Jama`ah

Tabel III.35.
Hasil Pengujian Black Box Testing Fitur Pada View Detail Ustadz

Hasil
N Skenario Test Hasil yang pengujia Kesimpulan
o pengujian Case diharapkan
n
Jama`ah
memberi
like pada Sistem menerima
ustadz akses dan tombol Sesuai
Klik : Valid
1 yang like berubah
Like Harapan
dipilih menjadi tombol
dengan unlike
menekan
tombol like
Jama`ah
memberi
unlike
pada
ustadz Sistem menerima
yang akses dan tombol Sesuai
Klik : Valid
2 dipilih dan like berubah
Unlike Harapan
pernah menjadi tombol
diberi like like
dengan
menekan
tombol
unlike
3 Jama`ah Klik: Sistem akan Sesuai Valid
melihat “PDF”, membuka tab Harapan
detail kemudia baru pada
ustadz n pilih browser dan
dengan “Lihat menampilkan
format pdf PDF” detail ustadz
dengan dalam format pdf
menekan
tombol pdf
dan

58
 Hasil
N Skenario Test Hasil yang pengujia Kesimpulan
o pengujian Case diharapkan
n
memilih
lihat pdf
Jama`ah
mengundu
h detail
ustadz Sistem akan
Klik:
dengan membuka tab
“PDF”,
format pdf baru pada Sesuai
kemudia Valid
4 dengan browser dan
n pilih Harapan
menekan menampilkan
“Lihat
tombol pdf form
PDF”
dan penyimpanan file
memilih
download
pdf
Sistem akan
membuka tab
baru pada
browser (akses
Jama`ah dengan pc) atau
chat ustadz membuka
yang Pada aplikasi whatsapp
terpilih chat (akses dengan Sesuai
5 dengan klik: android) dan Valid
Harapan
menekan “Icon menampilkan
tombol WA” pesan pembuka
chat “Bismillah,
whatsapp Assalamu`alaiku
m ustadz afwan
kalau
mengganggu
waktunya.”
Sistem akan
Jama`ah membuka tab
mengirim baru pada
link detail browser (akses
ustadz Pada dengan pc) atau
yang share membuka Sesuai
6 terpilih klik: aplikasi whatsapp Valid
Harapan
dengan “Icon (akses dengan
menekan WA” android) dan
tombol menampilkan
share pesan berupa link
whatsapp ustadz yang
terpilih

59
.

S. Pengujian Form Kabar Beranda Jama`ah

Tabel III.36.
Hasil Pengujian Black Box Testing Kabar Beranda Jama`ah

Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
Jama`ah
mempostin
g jadwal
kajian
Kabar
ustadz
Beranda :
diluar
Tabligh
daftar
Akbar,
website Sistem
Ustadz
siramah menerima
Syafiq
dalam akses dan
Reza
maupun menampilkan Sesuai
1 Basalamah Valid
luar kota, pesan “Anda Harapan
. Di
tabligh telah mengirim
Mesjid
akbar dan sebuah
Mujahidin.
lainnya postingan”
Waktu:
(inforrmasi
Ba`da
bermanfaat
Margib s/d
lainnya)
Selesai.
kemudian
menekan
tombol
“submit”
Kabar
Beranda :
Tabligh
Jama`ah Akbar,
Sistem
mengubah Ustadz
menerima
postingan Syafiq
akses dan
yang di Reza
menampilkan Sesuai
2 posting Basalamah Valid
pesan “Anda Harapan
sebelumnya . Di
telah mengedit
kemudian Mesjid
sebuah
tombol Mujahidin.
postingan”
“submit” Waktu:
Ba`da Isya
s/d
Selesai.
3 Jama`ah Apakah Sistem Sesuai Valid

60
 Hasil
N Skenario Hasil yang
Test Case pengujia Kesimpulan
o pengujian diharapkan
n
menghapus
salah satu
menerima
kabar Anda
akses dan
beranda Yakin?
menampilkan
yang Postingan
pesan “Anda
pernah di akan Harapan
telah
posting dihapus! :
menghapus
kemudian Hapus
sebuah
menekan Postingan!
postingan”
tombol
“delete”

T. Pengujian Fitur Untuk Pengunjung

Tabel III.37.
Hasil Pengujian Black Box Testing Fitur Untuk Pengunjung

N Skenario Hasil yang Hasil

Test Case Kesimpulan
o pengujian diharapkan pengujian
Pengunjung
memilih
salah satu Sistem
Klik : Sesuai
1 ustadz dan menampilkan Valid
detail Harapan
menekan detail ustadz
tombol
detail

U. Pengujian Fitur Pada View Detail Ustadz Oleh Pengunjung

Tabel III.38.
Hasil Pengujian Black Box Testing Fitur Pada View Detail Ustadz

Hasil
Skenario Test Hasil yang
No pengujia Kesimpulan
pengujian Case diharapkan
n
1 Pengunjun Klik : Sistem menolak akses Sesuai Valid
g Like dan memberi Harapan
memberi notifikasi
like pada “Perhatian!!!

61
 Hasil
Skenario Test Hasil yang
No pengujia Kesimpulan
pengujian Case diharapkan
n
Untuk
menyukai/mengikuti
(Ustadz Yang
Dipilih) Anda harus
menjadi
member/mendaftar(se
ustadz
bagai jama`ah), jika
yang
ingin melanjutkan
dipilih
silakan klik tombol
dengan
Registrasi dibawah
menekan
ini dan Isi form
tombol
mendaftar sebagai
like
jama`ah” beserta
tombol untuk
registrasi jika belum
mempunyai akun dan
tombol login jika
mempunyai akun
Pengunjun
g melihat
detail
ustadz Klik: Sistem akan
dengan “PDF”, membuka tab baru
format pdf kemudia pada browser dan Sesuai
2 Valid
dengan n pilih menampilkan detail Harapan
menekan “Lihat ustadz dalam format
tombol PDF” pdf
pdf dan
memilih
lihat pdf
Pengunjun
g
mengundu
h detail
ustadz Klik:
Sistem akan
dengan “PDF”,
membuka tab baru
format pdf kemudia Sesuai
4 pada browser dan Valid
dengan n pilih Harapan
menampilkan form
menekan “Lihat
penyimpanan file
tombol PDF”
pdf dan
memilih
download
pdf
5 Pengunjun Pada Sistem akan Sesuai Valid
g chat chat membuka tab baru Harapan

62
 Hasil
Skenario Test Hasil yang
No pengujia Kesimpulan
pengujian Case diharapkan
n
pada browser (akses
dengan pc) atau
ustadz
membuka aplikasi
yang
whatsapp (akses
terpilih
klik: dengan android) dan
dengan
“Icon menampilkan pesan
menekan
WA” pembuka “Bismillah,
tombol
Assalamu`alaikum
chat
ustadz afwan kalau
whatsapp
mengganggu
waktunya.”
Pengunjun
g Sistem akan
mengirim membuka tab baru
link detail pada browser (akses
Pada
ustadz dengan pc) atau
share
yang membuka aplikasi Sesuai
6 klik: Valid
terpilih whatsapp (akses Harapan
“Icon
dengan dengan android) dan
WA”
menekan menampilkan pesan
tombol berupa link ustadz
share yang terpilih
whatsapp

63
92