18

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

3.1.1. Sejarah Institusi/Perusahaan

SMK Nurul Huda Bekasi berdiri sejak tahun 2013. Pendirinya adalah

Bapak. H. Abd Rosyid, SH. M.Pd. Awal mula Bapak. H. Abd Rosyid, SH.

M.Pd. bersama dengan istrinya bernama Ibu Dra. Hj. Siti Aisyah mereka berdua

mendirikan sebuah sekolah untuk tingkat MI/SD Nurul Huda itu sejak tahun

1979 dan untuk tingkat RA/TK Nurul Huda pada tahun 1987. kemudian pada

tahun 1989 didirikan sekolah untuk tingkat Mts/SMP Nurul Huda . Barulah

kemudian didirikan SMK Nurul Huda Pada Tahun 2013 Dan memulai aktifitas

KBM (kegiatan belajar mengajar) pada tahun 2015.

SMK ini terletak di Jl. Letnan Arsyad No.47, RT.2/RW.1, Kayuringin

Jaya, Kec. Bekasi Sel, Kota Bekasi, Jawa Barat 17144. Sekolah berbasis Islam

ini memiliki daya tarik sendiri terhadap masyarakat. walaupun berkesan Swasta,

Sekolah ini membuktikan kualitas dan prestasinya tidak kalah dengan Sekolah

Negeri dan Swasta lainnya. Keberadaannya di kota Bekasi sebagai alternatif

masyarakat yang membutuhkan Sekolah Berkualitas yang bernuansa Islam.

terutama pada pelaksanaan Sholat berjamaah di Masjid dan diawal waktu. tahsin

serta tahfidz Al Qur’an Juz Ke 30.

19

3.1.2. Struktur Organisasi

Gambar III.1

Struktur Organisasi SMK Nurul Huda Bekasi

20

3.2. Analisis Kebutuhan

A. Kebutuhan Pengguna

Pengguna dalam sistem web SMK Nurul Huda hanyalah user sebagai Admin.

Tabel III.1

Analasis Kebutuhan Pengguna

Pengguna Keterangan

Admin

1. Melakukan Login dengan memasukkan email dan password 2. Melihat data admin 3. Memperbarui data admin 4. Menambah data admin baru 5. Melihat data siswa 6. Menambah data siswa baru 7. Memperbarui data siswa 8. Melihat data ruangan 9. Menambah data ruangan baru 10. Memperbarui data ruangan 11. Melihat data tahun ajaran 12. Menambah data tahun ajaran baru 13. Memperbarui data tahun ajaran 14. Melihat data biaya dengan sortir tahun ajaran dan jurusan 15. Memperbarui data biaya 16. Menambah data biaya baru 17. Melihat data pembayaran PSB dengan sortir tanggal 18. Mencetak data pembayaran PSB 19. Memperbarui data pembayaran PSB 20. Mencetak detail data pembayaran PSB 21. Menambah data pembayaran PSB dengan NIS 22. Melihat data pembayaran SPP dengan sortir tanggal 23. Mencetak data pembayaran SPP 24. Memperbarui data pembayaran SPP 25. Mencetak detail data pembayaran SPP 26. Menambah data pembayaran SPP dengan NIS 27. Melihat data pembayaran Praktikum dengan sortir tanggal 28. Mencetak data pembayaran Praktikum 29. Memperbarui data pembayaran Praktikum 30. Mencetak detail data pembayaran Praktikum 31. Menambah data pembayaran Praktikum dengan NIS 32. Melihat data pembayaran Daftar ulang dengan sortir tanggal 33. Mencetak data pembayaran Daftar ulang

21

34. Memperbarui data pembayaran Daftar ulang 35. Mencetak detail data pembayaran Daftar ulang 36. Menambah data pembayaran Daftar ulang dengan NIS 37. Melihat data pembayaran UN dengan sortir tanggal 38. Mencetak data pembayaran UN 39. Memperbarui data pembayaran UN 40. Mencetak detail data pembayaran UN 41. Menambah data pembayaran UN dengan NIS 42. Melihat data laporan pembayaran PSB dengan sortir kelas,

semester, ruangan dan jurusan 43. Mencetak data laporan pembayaran PSB 44. Melihat data laporan pembayaran SPP dengan sortir kelas,

semester, ruangan dan jurusan 45. Mencetak data laporan pembayaran SPP 46. Melihat data laporan pembayaran Praktikum dengan sortir

kelas, semester, ruangan dan jurusan 47. Mencetak data laporan pembayaran Praktikum 48. Melihat data laporan pembayaran Daftar ulang dengan sortir

kelas, semester, ruangan dan jurusan 49. Mencetak data laporan pembayaran Daftar ulang 50. Melihat data laporan pembayaran UN dengan sortir kelas,

semester, ruangan dan jurusan 51. Mencetak data laporan pembayaran UN

B. Kebutuhan Sistem

Tabel III.2

Analasis Kebutuhan Sistem

Kebutuhan Sistem Keterangan

Input

a) Admin dapat menginput username dan password saat Login b) Admin dapat menginput data admin baru c) Admin dapat mengedit data admin d) Admin dapat menyortir kelas, ruangan dan jurusan untuk melihat

data siswa e) Admin dapat menginput data siswa baru f) Admin dapat mengedit data siswa g) Admin dapat menginput data ruangan baru h) Admin dapat mengedit data ruangan i) Admin dapat menginput data tahun ajaran baru j) Admin dapat mengedit data tahun ajaran

22

k) Admin dapat menyortir tahun ajaran dan jurusan untuk menampilkan data biaya

l) Admin dapat menginput data biaya baru m) Admin dapat mengedit data biaya n) Admin dapat menyortir tanggal untuk melihat data pembayaran o) Admin dapat menginput data pembayaran PSB baru p) Admin dapat mengedit data pembayaran PSB q) Admin dapat menginput data pembayaran Daftar Ulang baru r) Admin dapat mengedit data pembayaran Daftar Ulang s) Admin dapat menginput data pembayaran SPP baru t) Admin dapat mengedit data pembayaran SPP u) Admin dapat menginput data pembayaran Praktikum baru v) Admin dapat mengedit data pembayaran Praktium w) Admin dapat menginput data pembayaran UN baru x) Admin dapat mengedit data pembayaran UN y) Admin dapat menyortir kelas, semester, ruang dan jurusan untuk

melihat data laporan pembayaran

Output

a) Sistem dapat menampilkan halaman Login Admin b) Sistem dapat menampilkan halaman dashboard c) Sistem dapat menampilkan data admin d) Sistem dapat menampilkan form input data admin baru e) Sistem dapat menampilkan detail data admin f) Sistem dapat menampilkan data siswa sesuai data sortir g) Sistem dapat menampilkan form input data siswa baru h) Sistem dapat menampilkan detail data siswa i) Sistem dapat menampilkan data ruangan j) Sistem dapat menampilkan form input data ruangan baru k) Sistem dapat menampilkan detail data ruangan l) Sistem dapat menampilkan data tahun ajaran m) Sistem dapat menampilkan form input data tahun ajaran baru n) Sistem dapat menampilkan detail data tahun ajaran o) Sistem dapat menampilkan data biaya sesuai data sortir p) Sistem dapat menampilkan form input data biaya baru q) Sistem dapat menampilkan detail data biaya r) Sistem dapat menampilkan data-data pembayaran (PSB, daftar

ulang, SPP, praktikum, UN) sesuai data sortir s) Sistem dapat mencetak data-data pembayaran (PSB, daftar ulang,

SPP, praktikum, UN) t) Sistem dapat menampilkan form input data-data pembayaran baru

(PSB,daftar ulang, SPP, praktikum, UN) u) Sistem dapat menampilkan detail data-data pembayaran (PSB,

daftar ulang, SPP, praktikum, UN) v) Sistem dapat mencetak detail data-data pembayaran (PSB, daftar

ulang, SPP, praktikum, UN)

23

w) Sistem dapat menampilkan data-data laporan pembayaran sesuai data sortir (PSB, daftar ulang, SPP, praktikum, UN)

x) Sistem dapat mencetak data-data laporan pembayaran (PSB, daftar ulang, SPP, praktikum, UN)

3.3. Rancangan Dokumen

A. Rancangan Dokumen Masukan

1. Nama Dokumen : Kartu Pembayaran

Fungsi : Sebagai data siswa yang ingin melakukan pembayaran

Sumber : Siswa

Tujuan : Bagian TU

Media : Kertas

Frekuensi : Setiap siswa melakukan pembayaran biaya sekolah

Item Data : nama, nis, kelas, jurusan

Bentuk : lampiran A-1

B. Rancangan Dokumen Keluaran

1. Nama Dokumen : Bukti transaksi pembayaran

Fungsi : Sebagai bukti transaksi pembayaran biaya sekolah

Sumber : Bagian TU

Tujuan : Siswa

Media : Kertas

Frekuensi : Setiap transaksi pembayaran biaya

Item Data : no_bukti, nis, nama_siswa, kelas, ruang, jurusan,

semester, tanggal_bayar, jenis_pembayaran,

jumlah_bayar, nama_admin, keterangan

Bentuk : Lampiran B-2

24

3.4. Entity Relationship Diagram (ERD)

A. ERD (Entity Relationship Diagram)

25

Gambar III.2. ERD sistem web SMK Nurul Huda Bekasi

B. LRS (Logical Record Structure)

Gambar III.3

LRS sistem web SMK Nurul Huda Bekasi

26

3.5. Spesifikasi File

1. Spesifikasi File Admin

Nama File : Data Admin

Akronim : admin

Fungsi : Menyimpan data admin

Tipe File : File Master

Organisasi File : Index Sequential

Media : Hard Disk

Panjang Record : 296

Kunci Field : id_admin

Software : Xampp

Tabel III.3

Spesifikasi File Data Admin

No. Elemen Data Akronim Tipe Panjang Keterangan 1. ID Admin id_admin int 3 Primary Key 2. Level Level int 2 3. Nama Lengkap nama_lengkap varchar 100 4. E-mail Email varchar 60 5. Password password int 15 6. Alamat Alamat text 7. No. Telepon Telpon varchar 15 8. Status Aktif status_aktif tinyint 1 9. Foto Profil Foto varchar 100

27

2. Spesifikasi File Biaya

Nama File : Data Biaya

Akronim : biaya

Fungsi : Menyimpan data biaya

Tipe File : File Master

Organisasi File : Index Sequential

Media : Hard Disk

Panjang Record : 16

Kunci Field : id_biaya

Software : Xampp

Tabel III.4

Spesifikasi File Data Biaya

No. Elemen Data Akronim Tipe Panjang Keterangan 1. ID Biaya id_biaya int 6 Primary Key 2. ID Tahun angkatan id_ta varchar 4 3. Jenis Biaya Jenis int 3 4. Jurusan jurusan int 3 5. Jumlah Biaya jumlah_biaya double 6. Keterangan keterangan text

3. Spesifikasi File Bulan

Nama File : Data Bulan Pembayaran

Akronim : bulan

Fungsi : Menyimpan data bulan pembayaran

Tipe File : File Master

Organisasi File : Index Sequential

Media : Hard Disk

Panjang Record : 22

Kunci Field : bulan

Software : Xampp

28

Tabel III.5

Spesifikasi File Data Bulan Pembayaran

No. Elemen Data Akronim Tipe Panjang Keterangan 1. Bulan Ke- Bulan int 2 Primary Key 2. Nama Bulan nama_bulan varchar 20

4. Spesifikasi File Pembayaran

Nama File : Data Pembayaran

Akronim : pembayaran

Fungsi : Menyimpan data pembayaran

Tipe File : File Master

Organisasi File : Index Sequential

Media : Hard Disk

Panjang Record : 61

Kunci Field : id_bayar

Software : Xampp

Tabel III.6

Spesifikasi File Data Pembayaran

No. Elemen Data Akronim Tipe Panjang Keterangan 1. ID Bayar id_bayar varchar 12 Primary Key 2. Kelas Kelas varchar 20 3. Semester semester int 3 4. Jurusan Jurusan int 3 5. Jenis Bayar Jenis int 3 6. Tanggal Bayar Tanggal date 7. Jumlah Bayar jumlah_bayar double 8. Bulan Bulan int 2 9. ID Biaya id_biaya int 6 10. NIS Nis varchar 9 11. ID Admin id_admin int 3 12. Keterangan keterangan text

29

5. Spesifikasi File Ruangan

Nama File : Data Ruangan

Akronim : ruangan

Fungsi : Menyimpan data ruangan

Tipe File : File Master

Organisasi File : Index Sequential

Media : Hard Disk

Panjang Record : 103

Kunci Field : id_ruang

Software : Xampp

Tabel III.7

Spesifikasi File Data Ruangan

No. Elemen Data Akronim Tipe Panjang Keterangan 1. ID Ruangan id_ruang int 3 Primary Key 2. Nama Ruangan nama_ruang varchar 100

6. Spesifikasi File Siswa

Nama File : Data Siswa

Akronim : siswa

Fungsi : Menyimpan data siswa

Tipe File : File Master

Organisasi File : Index Sequential

Media : Hard Disk

Panjang Record : 471

Kunci Field : nis

Software : Xampp

Tabel III.8

Spesifikasi File Data Siswa

No. Elemen Data Akronim Tipe Panjang Keterangan 1. NIS Nis varchar 9 Primary Key 2. Kelas Kelas varchar 20 3. Semester semester int 3

30

4. ID Ruangan id_ruang int 3 5. ID Tahun Ajaran id_ta varchar 4 6. Jurusan Jurusan int 3 7. Nama Lengkap nama_lengkap varchar 100 8. Kota Lahir kota_lahir varchar 50 9. Tanggal Lahir tanggal_lahir date 10. Jenis Kelamin jenis_kelamin tinyint 1 11. Agama Agama int 3 12. Alamat Alamat text 13. No. Telepon Telpon varchar 15 14. E-mail Email varchar 60 15. Nama Ayah nama_ayah varchar 100 16. Nama Ibu nama_ibu varchar 100 17. Alamat Orangtua alamat_ortu text

7. Spesifikasi File Tahun Ajaran

Nama File : Data Tahun Ajaran

Akronim : tahun_ajaran

Fungsi : Menyimpan data tahun ajaran

Tipe File : File Master

Organisasi File : Index Sequential

Media : Hard Disk

Panjang Record : 54

Kunci Field : id_ta

Software : Xampp

Tabel III.9

Spesifikasi File Data Tahun Ajaran

No. Elemen Data Akronim Tipe Panjang Keterangan 1. ID Tahun Ajaran id_ta varchar 4 Primary Key 2. Nama Tahun Ajaran nama_ta varchar 50

31

3.6. Pengkodean

1. ID Pembayaran

Setiap pembayaran yang masuk akan otomatis tersimpan dengan ID

Pembayaran. Setiap data pembayaran memiliki no ID berbeda-beda untuk

memudahkan pencarian data saat dibutuhkan, diantaranya terdiri dari:

P y y m m d d 4

Tahun, bulan dan tanggal pembayaran

(Year, Month, Date)

4 4

No. urut pembayaran

Kode untuk pembayaran

P 1 9 0 7 1 1 0

Tahun 19, bulan 07, tanggal 11Atau tanggal 11 Juli 2019

1 1

No urut 11

Kode untuk pembayaran

Contoh :

32

2. NIS

Setiap siswa harus memiliki NIS (Nomor Induk Siswa) masing-masing

sehingga dapat membantu memudahkan dalam penginputan data, diantaranya

terdiri dari :

1 2 4 4

Tahun ajaran saat daftar di SMK Nurul Huda Bekasi

KodeJurusan

4 4 9 9

No. Absen Siswa

9

Kelas

Contoh :

1 1 1 7

Daftar saat tahun ajaran 2017/2018

JurusanAdm.

Perkantoran

1 8 0 0

No.absen 001

1

Kelas 1

Ket : 1 = Kode jurusan untuk Adm. Perkantoran

2 = Kode jurusan untuk Akuntansi

33

3.7. Spesifikasi Program

Gambar III.4

Struktur Navigasi

34

3.8. Spesifikasi Sistem Komputer

A. Spesifikasi Hardware

a. Server

1) CPU

(a) Processor Intel® Core i7

(b) RAM DDR2 4 GB

(c) Hard Disk 1 TB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1366 x 768

5) Koneksi internet dengan kecepatan 2 Mbps.

b. Client

1) CPU/Laptop

(a) Processor Pentium® 4

(b) RAM DDR2 1GB

(c) Hard Disk 125 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 56 kbps.

2. Spesifikasi Software

1. Server

a. Sistem operasi yang umum digunakan Microsoft Windows

b. Aplikasi bundle web server PHPMyAdmin v5

c. Aplikasi XAMPP

d. Aplikasi Web Lihatr Google Chrome.

35

2. Client

a. Sistem operasi Microsoft Windows atau Linux

b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

3.9. Implementasi

Untuk menjalankan sistem web SMK Nurul Huda, sebelumnya user harus

melakukan Login dengan menginput email dan password yang valid. Berikut

tampilan halaman Login :

Gambar III.5

Tampilan halaman Login

Jika email dan password yang dimasukkan benar, maka sistem akan menampilkan

halaman dashboard atau halaman utama sistem. Pada halaman ini, terdapat 7

menu utama yaitu : Admin, Siswa, Ruangan, Tahun ajaran, Biaya, Pembayaran,

Laporan.

36

Gambar III.6

Tampilan halaman Dashboard

1. Menu Admin

Menu ini berisi data admin yang berhak mengakses web. Melalui menu ini, admin

dapat mengelola data seperti : menambah data admin baru dan mengedit data

admin

Gambar III.7

Tampilan menu Admin

37

Untuk menambah data admin baru, klik menu “Tambah Baru”, lengkapi data pada

form tambah admin baru, kemudian klik simpan.

Untuk melihat detail data admin, klik “Detail” di samping data admin yang ingin

dilihat. Melalui halaman detail data admin ini, admin juga bisa mengedit data

admin.

Gambar III.8

Form tambah data admin baru

38

Gambar III.9

Detail informasi admin

2. Menu Siswa

Digunakan untuk mengelola data siswa. Admin dapat menambahkan data siswa

baru serta mengedit data siswa melalui menu ini. Untuk melihat data siswa, harus

melakukan sortir data kelas, ruang dan jurusan terlebih dahulu lalu klik “Sortir”

maka data siswa akan muncul.

Gambar III.10

Tampilan sortir data siswa

39

Gambar III.11

Tampilan data Siswa

Untuk menambah data siswa baru, klik menu “Tambah Baru”, lengkapi data pada

form tambah data siswa, kemudian klik simpan.

Untuk melihat detail data siswa, klik “Detail” di samping data siswa yang ingin

dilihat. Melalui halaman detail data siswa ini, admin juga bisa mengedit data

siswa.

40

Gambar III.12

Form tambah data siswa baru

41

Gambar III.13

Tampilan detail data siswa

42

3. Menu Ruangan

Menu ini berisi data ruangan. Admin dapat mengedit dan menambah data ruangan

baru melalui menu ini.

Gambar III.14

Tampilan menu ruangan

Untuk menambah data ruangan baru, klik menu “Tambah Baru”, lengkapi data

pada form tambah data ruangan, kemudian klik simpan.

Untuk melihat detail data ruangan, klik “Detail” di samping data ruangan yang

ingin dilihat. Melalui halaman detail data ruangan ini, admin juga bisa mengedit

data ruangan.

Gambar III.15

Form tambah ruangan baru

43

Gambar III.16

Tampilan detail informasi ruangan

4. Menu Tahun Ajaran

Menu ini berisi data tahun ajaran. Admin dapat mengedit dan menambah data

tahun ajaran baru melalui menu ini.

Gambar III.17

Tampilan menu tahun ajaran

Untuk menambah data tahun ajaran baru, klik menu “Tambah Baru”, lengkapi

data pada form tambah data tahun ajaran, kemudian klik simpan.

Untuk melihat detail data tahun ajaran, klik “Detail” di samping data tahun ajaran

yang ingin dilihat. Melalui halaman detail data tahun ajaran ini, admin juga bisa

mengedit data tahun ajaran.

44

Gambar III.18

Form tambah tahun ajaran baru

Gambar III.19

Tampilan detail informasi tahun ajaran

45

5. Menu Biaya

Menu ini berisi data biaya yang digunakan untuk pembayaran sekolah. Melalui

menu ini, admin dapat mengelola data seperti : menambah data biaya baru dan

mengedit data biaya. Untuk melihat data biaya, harus melakukan sortir tahun

ajaran dan jurusan terlebih dahulu.

Gambar III.20

Tampilan sortir data biaya

Gambar III.21

Tampilan data biaya

46

Untuk menambah data biaya baru, klik menu “Tambah Baru”, lengkapi data pada

form tambah data biaya, kemudian klik simpan.

Untuk melihat detail data biaya, klik “Detail” di samping data biaya yang ingin

dilihat. Melalui halaman detail data biaya ini, admin juga bisa mengedit data

biaya.

Gambar III.22

Form tambah data biaya baru

Gambar III.23

Detail informasi data biaya

47

6. Menu Pembayaran

Digunakan untuk mengelola data pembayaran. Setiap transaksi pembayaran,

admin akan mengelolanya melalui menu ini. Admin dapat menambahkan data

pembayaran baru, mengedit data pembayaran dan mencetak data pembayaran.

Ada 5 jenis pembayaran, yaitu : Pembayaran PSB, Pembayaran SPP, Pembayaran

Praktikum, Pembayaran Daftar Ulang dan Pembayaran UN. Untuk melihat data

setiap pembayaran, melakukan sortir rentang tanggal terlebih dahulu. Tampilan

sortir semua pembayaran sama. Saya ambil contoh pada pembayaran PSB, berikut

tampilannya :

Gambar III.24

Tampilan sortir pembayaran

Jika sudah menyortir tanggal, klik “Sortir” maka data pembayaran akan muncul.

Berikut tampilan data masing-masing pembayaran :

Gambar III.25. Tampilan data pembayaran PSB

48

Gambar III.26

Tampilan data pembayaran SPP

Gambar III.27

Tampilan data pembayaran Praktikum

Gambar III.28

Tampilan data pembayaran daftar ulang

49

Gambar III.29

Tampilan data pembayaran UN

Masing-masing data pembayaran dapat dicetak. Untuk mencetak data pembayaran

cukup klik “Cetak” maka akan langsung menuju pengaturan print. Berikut

tampilan cetak masing-masing pembayaran :

Gambar III.30

Tampilan cetak data pembayaran PSB

50

Gambar III.31

Tampilan cetak data pembayaran SPP

Gambar III.32

Tampilan cetak data pembayaran Praktikum

51

Gambar III.33

Tampilan cetak data pembayaran Daftar ulang

Gambar III.34

Tampilan cetak data pembayaran UN

52

Untuk melihat detail informasi data pembayaran, klik “Detail” pada data

pembayaran. Melalui halaman detail informasi pembayaran ini, admin dapat

mengedit dan mencetak data pembayaran. Untuk mencetak detail informasi

pembayaran, klik “Cetak”. Berikut tampilan detail informasi dan tampilan cetak

detail informasi masing-masing data pembayaran :

Gambar III.35

Tampilan detail informasi pembayaran PSB

53

Gambar III.36. Tampilan cetak detail informasi pembayaran PSB

Gambar III.37. Tampilan detail informasi pembayaran SPP

54

Gambar III.38

Tampilan cetak detail informasi pembayaran SPP

55

Gambar III.39. Tampilan detail informasi pembayaran Praktikum

Gambar III.40. Tampilan cetak detail informasi pembayaran Praktikum

56

Gambar III.41. Tampilan detail informasi pembayaran daftar ulang

Gambar III.42. Tampilan cetak detail informasi pembayaran daftar ulang

57

Gambar III.43. Tampilan detail informasi pembayaran UN

Gambar III.44. Tampilan cetak detail informasi pembayaran UN

58

Untuk menambah data pembayaran baru, klik menu “Tambah Baru”, ketikan NIS dan klik “Search”.

Gambar III.45. Tampilan input NIS untuk penambahan data pembayaran

Kemudian lengkapi data pada form tambah data pembayaran, kemudian klik “Simpan”. Berikut tampilan form penambahan data baru untuk masing-masing jenis pembayaran :

Gambar III.46. Form tambah data pembayaran PSB baru

Gambar III.47. Form tambah data pembayaran SPP baru

59

Gambar III.48. Form tambah data pembayaran Praktikum baru

Gambar III.49. Form tambah data pembayaran daftar ulang baru

Gambar III.50. Form tambah data pembayaran UN baru

60

7. Menu Laporan

Menu ini digunakan untuk menampilkan data laporan pembayaran sesuai kelas,

semester, ruang, dan jurusan. Untuk menampilkan data laporan, lakukan sortir

kelas, semester, ruang dan jurusan terlebih dahulu lalu klik “Sortir”. Data laporan

pembayaran dapat dicetak dengan mengklik “Cetak”. Semua tampilan laporan

masing-masing pembayaran sama. Saya mengambil contoh tampilan untuk

laporan pembayaran PSB. Berikut tampilannya :

Gambar III.51. Tampilan sortir data laporan pembayaran

Gambar III.52. Tampilan data laporan pembayaran

61

Gambar III.53. Tampilan cetak data laporan pembayaran

Untuk melakukan logout, klik panah pada nama admin yang terletak di pojok

kanan atas, klik “Logout” maka sistem akan menampilkan tampilan notifikasi

konfirmasi logout. Berikut tampilannya :

Gambar III.54. Notifikasi logout

62

3.10. Pengajuan Unit

Pengujian terhadap program yang dibuat menggunakan black box Testing

yang fokus terhadap proses masukan dan keluaran program.

1. Pengujian Form Login.

Tabel III.7

Pengujian Form Login

No

Skenario Pengujian

Test case

Hasil yang Diharapkan

Hasil pengujian

Kesimpulan

1.

Email dan password tidak diisi kemudian

klik tombol login

Email:

(Kosong) Password: (kosong)

Sistem akan menolak akses admin. Muncul

notifikasi “Please fill out this field” pada

kolom email dan password

Sesuai harapan

Valid

2.

Mengetikkan email dan

password tidak diisi atau kosong

kemudian klik

Email:

(agus@gmail. com)

Password: (kosong)

Sistem akan menolak akses admin. Muncul

notifikasi “Please fill out this field” pada kolom password

Sesuai harapan

Valid

3.

Email tidak

diisi (kosong) dan password diisi kemudian

klik tombol login

Email: (kosong)

Password: (123)

Sistem akan menolak akses admin. Muncul

notifikasi “Please fill out this field” pada

kolom email

Sesuai harapan

Valid

4.

Mengetikkan salah satu

kondisi salah pada email atau

password kemudian klik tombol login

Email: agus@gmail .com (benar) Password:

12345 (salah)

Sistem akan menolak akses

admin dan Menampilkan

“Email dan password tidak

dikenal !”

Sesuai harapan

Valid

63

5. Mengetikkan email dan password

dengan data yang benar

kemudian klik tombol login

Email: agus@gmail. com (benar)

Password: 123 (benar)

Sistem menerima akses

login dan Kemudian Langsung

Menampilkan Halaman

Dashboard

Sesuai harapan

Valid