REPUBLIK INDONESIA KEMENTERIAN HUKUM DAN HAK ASASI MANUSIA SURAT PENCATATAN CIPTAAN

(1)

a.n. MENTERI HUKUM DAN HAK ASASI MANUSIA DIREKTUR JENDERAL KEKAYAAN INTELEKTUAL

Dr. Freddy Harris, S.H., LL.M., ACCS. NIP. 196611181994031001 REPUBLIK INDONESIA

KEMENTERIAN HUKUM DAN HAK ASASI MANUSIA

SURAT PENCATATAN

CIPTAAN

Dalam rangka pelindungan ciptaan di bidang ilmu pengetahuan, seni dan sastra berdasarkan Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta, dengan ini menerangkan:

Nomor dan tanggal permohonan : EC00202020258, 30 Juni 2020 Pencipta

Nama : Deasy Purwaningtias, Yoki Firmansyah, , dkk

Alamat : Jln D. Sentarum Gg Sutarlian Komp Julia Estat RT 001/035, Pontianak, Kalimantan Barat, 78116

Kewarganegaraan : Indonesia

Pemegang Hak Cipta

Nama : Deasy Purwaningtias, Yoki Firmansyah, , dkk

Alamat : Jln D. Sentarum Gg Sutarlian Komp Julia Estat RT 001/035 , Pontianak, 11, 78116

Kewarganegaraan : Indonesia

Jenis Ciptaan : Program Komputer

Judul Ciptaan : SI-RAMAH (Sistem Informasi Direktori Penceramah Tanggal dan tempat diumumkan untuk pertama

kali di wilayah Indonesia atau di luar wilayah Indonesia

: 1 Desember 2019, di Pontianak

Jangka waktu pelindungan : Berlaku selama 50 (lima puluh) tahun sejak Ciptaan tersebut pertama kali dilakukan Pengumuman.

Nomor pencatatan : 000192197

adalah benar berdasarkan keterangan yang diberikan oleh Pemohon.

Surat Pencatatan Hak Cipta atau produk Hak terkait ini sesuai dengan Pasal 72 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta.

(2)

LAMPIRAN PENCIPTA

No Nama Alamat

1 Deasy Purwaningtias Jln D. Sentarum Gg Sutarlian Komp Julia Estat RT 001/035 2 Yoki Firmansyah Jalan Dharma Putra No 89

3 Yeni Mustika Jl Natuna RT 007 / RW 003 Kel Sengkubang, Kecamatan Mempawah Hilir 4 Reza Maulana Jl Karet Komp Patra Permai B-11 RT 03 / RW 23 Kel Sungai Beliung,_{Kecamatan Pontianak Barat} 5 Wanty Eka Jayanti Jl. Parit Demang No 5 RT 03/RW009 Kel Parit Tokaya Kec Pontianak Selatan 6 Rivaldi Pratama Gg Bakar RT04 / RW 008 Penjajap

LAMPIRAN PEMEGANG

No Nama Alamat

1 Deasy Purwaningtias Jln D. Sentarum Gg Sutarlian Komp Julia Estat RT 001/035 2 Yoki Firmansyah Jalan Dharma Putra No 89

3 Yeni Mustika Jl Natuna RT 007 / RW 003 Kel Sengkubang, Kecamatan Mempawah Hilir 4 Reza Maulana Jl Karet Komp Patra Permai B-11 RT 03 / RW 23 Kel Sungai Beliung,_{Kecamatan Pontianak Barat} 5 Wanty Eka Jayanti Jl. Parit Demang No 5 RT 03/RW009 Kel Parit Tokaya Kec Pontianak Selatan 6 Rivaldi Pratama Gg Bakar RT04 / RW 008 Penjajap

(3)

1

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àt diri yaitu dengan selalu meng-update atau mengkosongkan form khutbah jumàt setiap ada khutbah jumàt baru atau tidak ada khutbah jumàt baru.

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

(4)

2

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-downloadfile 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-downloadfile pdf dari identitas ustadz. e) Dapat sharing detail ustadz via whatsapp.

(5)

3

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

2. 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

(6)

4

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)

.

GAMBAR .1

(7)

5 D. LRS (Logical Record Structure)

.

GAMBAR .2

(8)

6

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

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

1 IdAdmin id Int 11 Primary Key,

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 8 S2 Admin s2 Varchar 55 9 S3 Admin s3 Varchar 55 10 Pendidikan Terakhir pendidikan_t erakhir Varchar 55 11 Pendidikan Nonformal pendidikan_n onformal Varchar 55

(9)

7

12 Status

Pendidikan

status_pendid

ikan Int 11

13 Status Admin status

Enum(‘Sudah Menikah’,’Be

lum Menikah,”,”)

14 Foto Profil

Admin image Text

15 Alamat Admin address text

16 Jenis Kelamin Admin jk Enum(‘Laki-laki’,’Peremp uan’,”,”) 17 CV/Ijazah Terakhir Admin cv Text

18 Email email Varchar 45

19 No Hp no_hp Varchar 14

20 Password

Admin password Text

21 Keahlian

Admin keahlian Int 11

22 Penguasaan

Bahasa Admin

penguasaan_

bahasa Text

23 Tentang Saya

Admin tentang_saya Text

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

(10)

8

Kunci Field : id

Software : Xampp

Tabel III.2. Spesifikasi File Ustadz

1 IdUstadz id Int 11 Primary Key,

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 10 Pendidikan Terakhir pendidikan_t erakhir Varchar 55 11 Pendidikan Nonformal pendidikan_n onformal Varchar 55 12 Status Pendidikan status_pendid ikan Int 11

13 Status Ustadz Status

Enum(‘Sudah Menikah’,’Be

lum Menikah,”,”)

14 Foto Profil Image text

15 Alamat Address text

16 Jenis Kelamin Jk Enum(‘Laki-laki’,’Peremp uan’,”,”) 17 CV/Ijazah Terakhir Ustadz Cv Text

18 Email Email Varchar 55

19 No Hp no_hp Varchar 14

20 Password

Ustadz Password Text

21 Keahlian

Ustadz Keahlian Int 11

22 Penguasaan

Bahasa Ustadz

penguasaan_

bahasa Text

23 Tentang Saya tentang_saya Text

(11)

9

25 Status Akun is_active Int 1

.

3. Spesifikasi File Tabel Jama`ah

Nama File : Tabel Jama`ah

Akronim : masyarakat

Fungsi : Untuk menyimpan data jama`ah /masyarakat

Tipe File : File Master

Media : Hard disk

Kunci Field : id

Software : Xampp

Tabel III.3. Spesifikasi File Jama`ah

1 IdMasyarakat

/ Jama`ah id Int 11

Primary Key, Auto Increment

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

(12)

10 4. Spesifikasi File Fokus Ilmu

Nama File : Fokus Ilmu

Akronim : fokus_ilmu_

Fungsi : Menyimpan data fokus ilmu/keahlian dominan

Media : Hard disk

Kunci Field : id

Software : Xampp

Tabel III.4.

Spesifikasi File Fokus Ilmu

1 IdFokus Ilmu id Int 11 Primary Key,

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

(13)

11

Kunci Field : id

Software : Xampp

Tabel III.5. Spesifikasi File Kabar

1 IdKabar id Int 11 Primary Key,

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

Media : Hard disk

Kunci Field : id

(14)

12

Tabel III.6.

Spesifikasi FileLike For User

1 Id Like For

User Id Int 11

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

.

7. Spesifikasi File Jama`ah Token

Nama File : Jama`ah Token

Akronim : masyarakat_token

Fungsi : Menyimpan data token sementara jama`ah

Media : Hard disk

Kunci Field : id

Software : Xampp

Tabel III.7.

Spesifikasi File Jama`ah Token

1 IdMasyarakat

Token id Int 11

(15)

13

.

8. Spesifikasi File Status Pendidikan

Nama File : Status Pendidikan

Akronim : status_pendidikan_

Fungsi : Menyimpan data status pendidikan

Media : Hard disk

Kunci Field : id

Software : Xampp

Tabel III.8.

Spesifikasi File Status Pendidikan

1 IdStatus

Pendidikan id Int 11

2 Status status Varchar 50

.

9. Spesifikasi File User Access Menu

Nama File : User Access Menu

Akronim : user_access_menu

Fungsi : Menyimpan data akses menu user

(16)

14

Media : Hard disk

Kunci Field : id_admin

Software : Xampp

Tabel III.9.

Spesifikasi FileUser Access Menu

1 IdUser Access

Menu id Int 11

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

Media : Hard disk

Kunci Field : id_admin

(17)

15

Tabel III.10.

Spesifikasi FileUser Event

1 IdUser Event id Int 11 Primary Key,

Auto Increment

3 Tema tema Varchar 128

4 Tanggal tanggal Varchar 128

5 Hari hari Enum(‘-‘,’Senin’,’Sel asa’,’Rabu’,’ Kamis’,’Jum a’t’,’Sabtu’,’ Minggu’)

6 Waktu waktu Varchar 128

7 Tempat tempat Varchar 128

8 Keterangan

Tempat ket_tempat Text

9 Keterangan keterangan Text

.

11. Spesifikasi File Event Jum’at

Nama File : Event Jum’at

Akronim : user_event_jumat

Fungsi : Menyimpan data khutbah jum`at ustadz

Media : Hard disk

Kunci Field : id

(18)

16

Tabel III.11.

Spesifikasi FileEvent Jum’at

1 IdEvent

Jum’at Id Int 11

2 Email Email Varchar 55

4 Waktu waktu Varchar 128

5 Tempat tempat Text

6 Keterangan

Tempat ket_tempat Text

.

12. Spesifikasi File Event Rutin

Nama File : Event Rutin

Akronim : user_event_rutin

Fungsi : Menyimpan data kajian rutin ustadz

Media : Hard disk

Kunci Field : id

Software : Xampp

Tabel III.12.

Spesifikasi FileEvent Rutin

1 IdEvent Rutin id Int 11 Primary Key,

Auto Increment

4 Hari hari

(19)

17

asa’,’Rabu’,’ Kamis’,’Jum a’t’,’Sabtu’,’ Minggu’)

5 Jam jam Varchar 128

7 Keterangan

Tempat ket_tempat Varchar 128

8 Keterangan

Kajian ket_kajian Varchar 128

9 Is Active is_active Enum(‘Aktif’,

’Libur’)

10 Keterangan

Status ket_status text

.

13. Spesifikasi File User Link Youtube

Nama File : User link Youtube

Akronim : user_link_yt

Fungsi : Menyimpan data link youtube

Media : Hard disk

Kunci Field : id

Software : Xampp

Tabel III.13.

Spesifikasi FileUser Link Youtube

1 IdLink

Youtube id Int 11

(20)

18

5 Link link Text

.

14. Spesifikasi File User Menu

Nama File : User Menu

Akronim : user_menu

Fungsi : Menyimpan data memu

Media : Hard disk

Kunci Field : id

Software : Xampp

Tabel III.14.

Spesifikasi FileUser Menu

1 IdUser Menu id Int 11 Primary Key,

Auto Increment

2 Menu menu Varchar 65

.

15. Spesifikasi File User Role

Nama File : User role

Akronim : user_role

(21)

19

Media : Hard disk

Kunci Field : id

Software : Xampp

Tabel III.15. Spesifikasi FileUser Role

1 IdUser Role id Int 11 Primary Key,

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

Media : Hard disk

Kunci Field : id

(22)

20

Tabel III.16.

Spesifikasi FileUser Sub Menu

1 IdUser Sub

Menu id Int 11

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

.

17. Spesifikasi File User Token

Nama File : User Token

Akronim : user_token

Fungsi : Menyimpan data token sementara

Media : Hard disk

Kunci Field : id

Software : Xampp

Tabel III.17.

Spesifikasi FileUser Token

1 IdUser Token id Int 11 Primary Key,

(23)

21

3 Token token text

.

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)

.

GAMBAR .3

(24)

22

B. Struktur Navigasi Halaman Admin

.

GAMBAR .4

Struktur Navigasi Halaman Admin

C. Struktur Navigasi Halaman Ustadz

.

GAMBAR .5

(25)

23

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

(a) Processor Pentium IV

(26)

24 (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

(27)

25 .

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

(28)

26

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.

(29)

27 .

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

(30)

28

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.

(31)

29 .

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

(32)

30

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.

(33)

31 .

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

(34)

32

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 TestingFormLogin

No Skenario

pengujian Test Case

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Username dan password tidak diisi kemudian klik tombol Username: (kosong) Password: (kosong) Sistem menolak akses dan menampilkan pesan “Username tidak boleh Sesuai Harapan Valid

(35)

33

No Skenario

Hasil yang diharapkan

Hasil

pengujian Kesimpulan

login kosong” pada

form input username dan menampilkan pesan “Password tidak boleh kosong” pada form input password 2 Username diisi format email valid atau tidak valid dan password dikosongkan kemudian klik tombol login username : rivaldi@gmail. com (valid) rivaldi@gmail. coma (tidak valid) password: (kosong) Sistem menolak akses dan menampilkan pesan “Password tidak boleh kosong” Sesuai Harapan Valid 3 Username diisi dengan bukan format email dan password salah kemudian klik tombol login username: rivaldi password: asalaja Sistem menolak akses dan menampilkan pesan “Format Penulisan Email Anda Salah” Sesuai Harapan Valid 4 Username diisi format email valid yang tidak terdapat di database (tidak terdaftar) dan password salah kemudian klik tombol login username: rivaldip@gmai l.com (salah) password: asalaja Sistem menolak akses dan menampilkan pesan “Email salah / tidak terdaftar” Sesuai Harapan Valid 5 Username diisi format email valid username: rivaldi@gmail. com (benar) Sistem menolak akses dan menampilkan Sesuai Harapan Valid

(36)

34

No Skenario

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

B. Pengujian Terhadap Pengiriman Email Oleh Admin Pada Ustadz

Tabel III.19.

Hasil Pengujian Black Box Testing Kirim Email ke Ustadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Admin mengirim email pada ustadz berstatus akun aktif dengan mengklik tombol kirim email Apakah Anda Yakin? Akan mengirim email : Kirim Email ! Admin mendapatkan notifikasi email berhasil dikirim dan ustadz mendapatkan pesan via email

untuk

melengkapi data pendidikannya

Sesuai

Harapan Valid

(37)

35

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan mengirim email pada ustadz berstatus akun sudah mendaftar tetapi belum melakukan aktivasi melalui email (verify) dengan mengklik tombol kirim email Apakah Anda Yakin? Akan mengirim email : Kirim Email ! mendapatkan notifikasi email berhasil dikirim dan ustadz mendapatkan pesan via email untuk melakukan aktivasi akun melalui email Harapan 3 Admin mengirim email pada ustadz berstatus akun blokir dengan mengklik tombol kirim email Apakah Anda Yakin? Akan mengirim email : Kirim Email ! Admin mendapatkan notifikasi email berhasil dikirim dan ustadz mendapatkan pesan pemberitahuan akun diblokir via

email

Sesuai

Harapan Valid

.

C. Pengujian Terhadap Form Pengaturan Akses Ustadz

Tabel III.20.

Hasil Pengujian Black Box TestingForm Akses Ustadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Admin mengubah akses ustadz yang sudah mendaftar dan sudah Atur Akses Ustadz : Active atau Blokir Admin mendapatkan notifikasi “Success! Updated access! “ Sesuai Harapan Valid

(38)

36

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan melakukan aktivasi via email dengan mengklik tombol ubah akses 2 Admin mengubah akses ustadz yang sudah aktif menjadi blokir dengan mengklik tombol ubah akses Atur Akses Ustadz : Blokir Admin mendapatkan notifikasi “Success! Updated access! “ Sesuai Harapan Valid 3 Admin mengubah akses ustadz yang telah di blokir menjadi aktif dengan mengklik tombol ubah akses Atur Akses Ustadz : active Admin mendapatkan notifikasi “Success! Updated access! “ Sesuai Harapan Valid .

D. Pengujian Terhadap Delete Ustadz

Tabel III.21.

Hasil Pengujian Black Box TestingDelete Ustadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Admin menghapus list ustadz Apakah Anda Yakin? Admin mendapatkan notifikasi Sesuai Harapan Valid

(39)

37

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan dengan mengklik tombol hapus Data Akan Dihapus: Hapus Data! “Success!Deleted user!!! “ .

E. Pengujian Form Registrasi Ustadz

Tabel III.22.

Hasil Pengujian Black Box TestingForm Registrasi Ustadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Semua form dikosongk an kemudian klik tombol “Daftar Sebagai Ustadz” Data Kosong Sistem melakukan validasi dengan menampilkan notifikasi “field is required” pada tiap form yang kosong Sesuai Harapan Valid 2 Menginput kan NIK yang sebelumny a telah teregistrasi kemudian klik tombol “Daftar Sebagai Ustadz” NIK anda: 617105050687 0010 Sistem melakukan validasi dengan menampilkan notifikasi “NIK sudah terdaftar”. Sesuai Harapan Valid 3 Menginput kan Nomor HP/WA yang sebelumny a telah teregistrasi No HP/WA anda: 628575354066 0 Sistem melakukan validasi dengan menampilkan notifikasi “No HP/WA sudah terdaftar”. Sesuai Harapan Valid

(40)

38

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan kemudian klik tombol “Daftar Sebagai Ustadz” 4 Menginput kan email yang sebelumny a telah teregistrasi kemudian klik tombol “Daftar Sebagai Ustadz” Email anda : sa424648@gm ail.com Sistem melakukan validasi dengan menampilkan notifikasi “Email sudah terdaftar”. Sesuai Harapan Valid 5 Semua form diisi dengan benar dan upload cv/ijazah terakhir tidak diisi kemudian klik tombol “Daftar Sebagai Ustadz” Chosee file : No file chosen Sistem melakukan validasi dengan menampilkan pesan “You did not select a file to upload”. Sesuain Harapan Valid 6 Semua form diisi dengan benar dan upload cv/ijazah terakhir diisi dengan format yang tidak sesuai kemudian klik Chosee file : SIRAMAH-53.pdf Sistem melakukan validasi dengan menampilkan pesan “The filetype you are attempting to upload is not allowed”.

Sesuain

(41)

39

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan tombol “Daftar Sebagai Ustadz” 7 Semua form diisi dengan benar dan upload cv/ijazah diisi dengan benar kemudian klik tombol “Daftar Sebagai Ustadz” Chosee file : mycv.jpg Sistem menerima dan menyimpan data kemudian diarahkan ke form login ustadz dengan notifikasi “Registrasi akun Sukses. Silahkan aktivasi di mail anda !!! atau klik disini”

Sesuain

Harapan Valid

.

F. Pengujian Form Login Ustadz

Tabel III.23.

Hasil Pengujian Black Box TestingForm Login Ustadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Username dan password tidak diisi kemudian klik tombol login Username: (kosong) Password: (kosong) Sistem menolak akses dan menampilkan pesan “Username tidak boleh kosong” pada form input username dan menampilkan pesan “Password tidak boleh kosong” pada Sesuai Harapan Valid

(42)

40

No Skenario

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

(43)

41

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan kemudian klik tombol login 6 Username diisi format email valid yang terdapat di database (terdaftar) dan password benar kemudian klik tombol login dengan akses sistem verify username: rivaldi@gmail. com (benar) password: kunfayakun (benar) Sistem menolak akses dan menampilkan pesan “Warning ! Email Anda rivaldi@gmail. com belum diverifikasi. Cek email Anda! klik disini” Sesuain Harapan Valid 7 Username diisi format email valid yang terdapat di database (terdaftar) dan password benar kemudian klik tombol login dengan akses sistem regist username: rivaldi@gmail. com (benar) password: kunfayakun (benar) Sistem menolak akses dan menampilkan pesan “Warning ! Data Anda rivaldi@gmail. com sedang di cek, silahkan login beberapa saat lagi!” Sesuain Harapan Valid 8 Username diisi format email valid yang terdapat di database (terdaftar) dan password benar kemudian username: rivaldi@gmail. com (benar) password: kunfayakun (benar) Sistem menolak akses dan menampilkan pesan “Warning ! Akun anda rivaldi@gmail. com sedang di blokir, hubungi 089693646381! Sesuain Harapan Valid

(44)

42

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan klik tombol login dengan akses sistem block 9 Username diisi format email valid yang terdapat di database (terdaftar) dan password benar kemudian klik tombol login dengan akses sistem active username: rivaldi@gmail. com (benar) password: kunfayakun (benar) Sistem menerima akses dan masuk ke halaman dashboard Sesuain Harapan Valid .

G. Pengujian Terhadap Update Kajian Harian Ustadz

Tabel III.24.

Hasil Pengujian Black Box TestingForm Kajian HarianUstadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Semua Form diisi kemudian klik tombol Post Mengisi semua form Ustadz mendapatkan notifikasi “Success! Mengubah Event Kajian!!! “ Sesuai Harapan Valid 2 Semua Form dikosongkan kemudian Mengkosongkan semua form Ustadz mendapatkan notifikasi “Success! Sesuai Harapan Valid

(45)

43

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan klik tombol Post Mengubah Event Kajian!!! “ 3 Setiap mengklik tombol Post pada kondisi diisi semua, dikosongkan semua maupun beberapa diisi dan dikosongkan Mengisi semua form atau mengkosongkan semua form atau mengisi beberapa form Ustadz tetap mendapatkan notifikasi “Success! Mengubah Event Kajian!!! “ dan Jadwal Diperbaharui menjadi baru Sesuai Harapan Valid .

H. Pengujian Terhadap Update Khutbah Jum`at Ustadz

Tabel III.25.

Hasil Pengujian Black Box TestingForm Khutbah Jum`at Ustadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Semua Form diisi kemudian klik tombol Post Mengisi semua form Ustadz mendapatkan notifikasi “Success! Berhasil menambahkan Jadwal Khtbah Jum`at !” Sesuai Harapan Valid 2 Semua Form dikosongkan kemudian klik tombol Post Mengkosongkan semua form Ustadz mendapatkan notifikasi “Success! Berhasil menambahkan Jadwal Khtbah Jum`at !” Sesuai Harapan Valid 3 Setiap mengklik tombol Post Mengisi semua form atau Ustadz tetap mendapatkan notifikasi Sesuai Harapan Valid

(46)

44

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan pada kondisi diisi semua, dikosongkan semua maupun beberapa diisi dan dikosongkan mengkosongkan semua form atau mengisi beberapa form “Success! Berhasil menambahkan Jadwal Khtbah Jum`at !”dan Jadwal Diperbaharui menjadi baru .

I. Pengujian Terhadap Form Tentang Saya Pada Ustadz

Tabel III.26.

Hasil Pengujian Black Box TestingForm Tentang Saya Pada Ustadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Form diisi kemudian klik tombol Post Form diisi Ustadz mendapatkan notifikasi “Success! Spesifikasi Profile telah dibuat!” Sesuai Harapan Valid 2 Semua Form dikosongkan kemudian klik tombol Post Mengkosongkan semua form Ustadz mendapatkan notifikasi “Success! Spesifikasi Profile telah dibuat!” Sesuai Harapan Valid .

J. Pengujian Terhadap Form Riwayat Pendidikan Ustadz

Tabel III.27.

Hasil Pengujian Black Box Testing Form Riwayat Pendidikan Ustadz

No Skenario

Hasil yang diharapkan

Hasil

pengujian Kesimpulan

(47)

45

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan Form diisi kemudian klik tombol Change Mengisi semua form mendapatkan notifikasi “Notice! Data pendidikan berhasil diperbaharui !” Harapan 2 Semua Form dikosongkan kemudian klik tombol Change Mengkosongkan semua form Ustadz mendapatkan notifikasi “Notice! Data pendidikan berhasil diperbaharui !” Sesuai Harapan Valid 3 Form Status Pendidikan diubah kemudian klik tombol change Status Pendidikan : Pilih : “Sedang melaksanakan pendidikan” atau “Sedang Cuti” atau “Sudah Lulus” Ustadz mendapatkan notifikasi “Notice! Data pendidikan berhasil diperbaharui !” Sesuai Harapan Valid .

K. Pengujian Terhadap Form Ubah Password Ustadz

Tabel III.28.

Hasil Pengujian Black Box TestingForm Ubah Password Ustadz

No Skenario

Hasil yang diharapkan Hasil penguji an Kesimpulan 1 Current Pass, New pass dan Pepeat Pass tidak diisi kemudian klik tombol Change Password Current Pass : (kosong) New pass : (kosong) Pepeat Pass : (kosong) Sistem menolak ubah password dan menampilkan pesan “The Current Password field is required.” “The New Sesuai Harapan Valid

(48)

46

No Skenario

Hasil yang diharapkan Hasil penguji an Kesimpulan Password field is required.” “The Confirm Password field is required.” 2 Current Pass diisi sedangkan New pass dan Pepeat Pass tidak diisi kemudian klik tombol Change Password Current Pass : passwordbenar / password salah New pass : (kosong) Pepeat Pass : (kosong) Sistem menolak ubah password dan form Current Pass menjadi kosong serta menampilkan pesan “The New Password field is required.” “The Confirm Password field is required.” Sesuai Harapan Valid 3 Current Pass dan New pass diisi sedangkan Repeat Pass tidak diisi kemudian klik tombol Change Password Current Pass : passwordbenar / password salah New pass : passwordbenar / password salah Pepeat Pass : (kosong) Sistem menolak ubah password dan form Current Pass dan New Pass menjadi kosong serta menampilkan pesan “The New Password field does not match the Confirm Password field.” “The Confirm Password field is required.” Sesuai Harapan Valid 4 Current Pass, New pass dan Pepeat Current Pass : passwordsalah New pass : passwordbaru Sistem menolak ubah password dan semua form Sesuai Harapan Valid

(49)

47

No Skenario

Hasil yang diharapkan Hasil penguji an Kesimpulan Pass diisi tetapi Current Pass diisi salah kemudian klik tombol Change Password Pepeat Pass : passwordbaru menjadi kosong serta menampilkan pesan “Wrong current password” 5 Current Pass, New pass dan Pepeat Pass diisi sama kemudian klik tombol Change Password Current Pass : passwordbenar New pass : passwordbenar Pepeat Pass : passwordbenar Sistem menolak ubah password dan semua form menjadi kosong serta menampilkan pesan “New password cannot be the same as current password!” Sesuai Harapan Valid 6 Current Pass diisi benar New pass dan Pepeat Pass diisi tidak sama kemudian klik tombol Change Password Current Pass : passwordbenar New pass : passwordbaru1 Pepeat Pass : passwordbaru2 Sistem menolak ubah password dan semua form menjadi kosong serta menampilkan pesan “The New Password field does not match the Confirm Password field.” “The Confirm Password field does not match the New Password field.” Sesuai Harapan Valid 7 Current Pass diisi benar New Current Pass : passwordbenar New pass : Sistem menolak ubah password dan Sesuai Harapan Valid

(50)

48

No Skenario

Hasil yang diharapkan Hasil penguji an Kesimpulan pass dan Pepeat Pass diisi kurang dari 8 karakter kemudian klik tombol Change Password kurang8 Pepeat Pass : kurang8 semua form menjadi kosong serta menampilkan pesan “The New Password field must be at least 8 characters in length.” 8 Current Pass diisi benar New pass dan Pepeat Pass benar kemudian klik tombol Change Password Current Pass : passwordbenar New pass : passwordbaru Pepeat Pass : passwordbaru Sistem menerima ubah password dan semua form menjadi kosong serta menampilkan pesan “Success ! Password changed!” Sesuai Harapan Valid .

L. Pengujian Terhadap Form Ubah Profile Ustadz

Tabel III.29.

Hasil Pengujian Black Box TestingForm Ubah Profile Ustadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Ustadz mengkosongkan Form name kemudian klik tombol “Submit” Name : (kosong) Sistem menolak ubah profile dan

form name

menampilkan data nama yang sebelumnya terisi serta menampilkan pesan “The Full

Sesuai

(51)

49

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan Name field is required..” 2 Ustadz mengisi Form name dengan benar kemudian klik tombol “Submit” Name : Ilham Sistem menerima ubah profile dan menampilkan pesan “Success! Your profile has been updated!.” Sesuai Harapan Valid 3 Ustadz mengisi Form picture dengan format salah atau mengisi format secara benar dengan ukuran gambar lebih dari 300 x 300 pixel kemudian klik tombol “Submit” Picture : iklan-donasi-aplikasi.psd Atau Picture : images.png Sistem menolak ubah profile dan menampilkan pesan “Notice! Profile anda gagal diperbaharui! Gunakan gambar maks 300 x 300 pixel !!!!.” Sesuai Harapan Valid .

M. Pengujian Terhadap PageLinkYoutube Ustadz

Tabel III.30.

Hasil Pengujian Black Box TestingPage Link Youtube Ustadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Ustadz menambahka n link youtube dengan mengklik tombol tambah link kemudian mengkosong kan semua form inputan kemudian Tema : (kosong) Tempat: (kosong) Link : (kosong) Sistem menolak menambahka n link youtube dan menampilkan pesan “The Tema field is required.”. Pada form Tema, menampilkan pesan “The Sesuai Harapan Valid

(52)

50

No Skenario

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

(53)

51

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan kemudian mengisi semua form inputan kemudian klik tombol “Update” Link : “qOdh396vtko ” “Success! Informasi youtube berhasil diubah !” 5 Ustadz menghapus link youtube dengan mengklik tombol delete Apakah Anda Yakin ? Data Akan Dihapus : Hapus data! Sistem menerima untuk menghapus link youtube dan menampilkan pesan “Success! Deleted Link Youtube !!!” Sesuai Harapan Valid .

N. Pengujian Terhadap Page Kajian RutinUstadz

Tabel III.31.

Hasil Pengujian Black Box TestingPage Kajian Rutin Ustadz

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Ustadz menambahkan kajian rutin dengan mengklik tombol tambah kajian rutin, kemudian mengkosongkan semua form inputan kemudian klik tombol “Post” Tema : (kosong) Tempat: (kosong) Keterangan Tempat : (kosong) Hari : (kosong) Waktu : (kosong) Keterangan Kajian: (kosong) Sistem menolak menambahkan kajian rutin dan menampilkan pesan “Notice ! The Tema field is required. The Tempat field is required. Sesuai Harapan Valid

(54)

52

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan The Alamat Lengkap field is required. The Keterangan Kajian field is required. The Waktu field is required. The Hari field is required.” 2 Ustadz menambahkan kajian rutin dengan mengklik tombol tambah kajian rutin kemudian mengisi semua form inputan kemudian klik tombol “Post” Semua form diisi dengan benar Sistem menerima menambahkan kajian rutin dan menampilkan pesan “Success! Sebuah kajian rutinberhasil ditambahkan !” Sesuai Harapan Valid 3 Ustadz mengubah kajian rutin dengan mengklik tombol update kemudian mengkosongkan semua form inputan kemudian klik tombol “Save changes” Tema : (kosong) Tempat: (kosong) Link : (kosong) Sistem menolak mengubah kajian rutin dan menampilkan pesan “Please fill out this field”. Pada tiap form inputan yang kosong mulai dari atas (kecuali form keterangan status) Sesuai Harapan Valid 4 Ustadz mengubah kajian rutin Semua form inputan diisi dengan benar Sistem menerima mengubah Sesuai Harapan Valid

(55)

53

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan dengan mengklik tombol update kemudian mengisi semua form inputan dengan benar kajian rutin dan menampilkan pesan “Success! Sebuah kajian rutin berhasil diubah !” 5 Ustadz menghapus kajian rutin dengan mengklik tombol delete Apakah Anda Yakin ? Data Akan Dihapus : Hapus data! Sistem menerima untuk menghapus link youtube dan menampilkan pesan “Success! Menghapus Kajian!!!” Sesuai Harapan Valid .

O. Pengujian Form Registrasi Jama`ah

Tabel III.32.

Hasil Pengujian Black Box TestingForm Registrasi Jama`ah

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Semua form dikosongkan kemudian klik tombol “Daftar Sebagai Jama`ah” Data Kosong Sistem melakukan validasi dengan menampilkan notifikasi “field is required” pada tiap form yang kosong Sesuai Harapan Valid 2 Menginputkan NIK yang sebelumnya telah NIK anda: 6101051602970 07 Sistem melakukan validasi dengan Sesuai Harapan Valid

(56)

54

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan teregistrasi kemudian klik tombol “Daftar Sebagai Jamaàh” menampilkan notifikasi “NIK sudah terdaftar”. 3 Menginputkan Nomor HP/WA yang sebelumnya telah teregistrasi kemudian klik tombol “Daftar Sebagai Jamaàh” No HP/WA anda: 6289693646381 Sistem melakukan validasi dengan menampilkan notifikasi “No HP/WA sudah terdaftar”. Sesuai Harapan Valid 4 Menginputkan email yang sebelumnya telah teregistrasi kemudian klik tombol “Daftar Sebagai Jamaàh” Email anda : privaldi75@gm ail.com Sistem melakukan validasi dengan menampilkan notifikasi “Email sudah terdaftar”. Sesuai Harapan Valid 5 Semua form diisi dengan benar kemudian klik tombol “Daftar Sebagai Jamaàh” Semua form diisi dengan benar (tidak ada data nik, email dan no hp/wa yang pernah dimasukan sebelumnya) Sistem menerima dan menyimpan data kemudian diarahkan ke form login jamaàh dengan notifikasi “Registrasi akun Sukses. Silahkan aktivasi di mail anda !!! atau klik disini” Sesuain Harapan Valid .

(57)

55

P. Pengujian Form Login Jama`ah

Tabel III.33.

Hasil Pengujian Black Box TestingForm Login Jama`ah

No Skenario

Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Username dan password tidak diisi kemudian klik tombol login Username: (kosong) Password: (kosong) Sistem menolak akses dan menampilkan pesan “Username tidak boleh kosong” pada form input username dan menampilkan pesan “Password tidak boleh kosong” pada form input password Sesuai Harapan Valid 2 Username diisi format email valid atau tidak valid dan password dikosongka n kemudian klik tombol login username : privaldi75 @gmail.com (valid) privaldi75 @gmail.coma (tidak valid) password: (kosong) Sistem menolak akses dan menampilkan pesan “Password tidak boleh kosong” Sesuai Harapan Valid 3 Username diisi dengan bukan format email dan password salah kemudian klik tombol login username: rivaldi password: asalaja Sistem menolak akses dan menampilkan pesan “Format Penulisan Email Anda Salah” Sesuai Harapan Valid 4 Username diisi format email valid yang tidak username: privaldip @gmail.com (salah) Sistem menolak akses dan menampilkan pesan “Email Sesuain Harapan Valid

(58)

56

No Skenario

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