bab iii pembahasan · koneksi : koneksi internet dengan kecepatan 20 mbps b. client 1) laptop...

1

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Terdapat dua analisa kebutuhan yang terdapat dalam penyusunan Laporan

Tugas Akhir ini, yaitu analisis kebutuhan pengguna berupa user dan analisis

kebutuhan sistem.

3.1.1. Analisa Kebutuhan Pengguna

Pada analisa kebutuhan pengguna untuk sistem informasi media perencanaan

mengajar, hanya terdapat satu pengguna berupa user yang memiliki kebutuhan

informasi sebagai berikut :

1. User dapat melakukan registrasi.

2. User dapat melakukan login.

3. User dapat mengelola data diri.

4. User dapat mengelola data mengajar yang berisi mata pelajaran, pertemuan,

tugas, materi, dan soal.

5. User dapat mengelola kelas, siswa, dan nilai.

6. User dapat mengelola jadwal mengajar.

3.1.2. Analisis Kebutuhan Sistem

Website sistem informasi media perencanaan mengajar memiliki kebutuhan

sistem sebagai berikut :

1. Hak Akses

Sistem yang akan dibangun memiliki satu hak akses berupa user yang memiliki

akses pengelolaan data terhadap profil pengajar, data mata pelajaran, materi

dan soal, pertemuan, tugas, kelas, nilai, dan jadwal mengajar.

2

2. Data

Data-data yang dibutuhkan dalam pembuatan sistem yang akan dibangun

adalah :

a. Data Pengguna

Berisi tentang informasi pengguna atau user berupa nip, email, nama,

pendidikan, dan tempat mengajar.

b. Data Mata Pelajaran

Berisi tentang mata pelajaran yang diajarkan, materi, soal, dan tugas.

c. Data Siswa

Berisi tentang data siswa berupa nis, nama siswa, kelas siswa, dan nilai siswa.

3. Keamanan

Sistem keamanan yang diterapkan pada siistem yang akan dibangnun yaitu :

a. Login menggunakan username dan password agar orang lain tidak

mengetahui data yang sudah diinputkan ke dalam sistem

b. Enkripsi menggunakan password_hash yang diterapkan pada password

pengguna. Enkripsi password_hash merupakan enkripsi hash satu arah

(one way hasing) yang terdapat pada PHP versi 5.5 ke atas.

c. Penggunaan hosting menggunakan akun yang memiliki tingkat keamanan

tinggi agar data yang disimpan pada komputer server tidak mudah dicuri.

4. Kebutuhan Perangkat Keras (Hardware)

Kebutuhan perangkat keras (hardware) yang dibutuhkan dalam pembuatan

website sistem yang akan dibangun antara lain:

a. Server

Processor : Intel (R) Core(TM) i5-5200U CPU @ 2.20GHz (4 CPUs),

~2.2GHz

3

RAM : RAM 4 GB

Harddisk : Harddisk 500GB

Pointing device : Optical Mouse

Keyboard : Standart Keyboard

Resolusi : 1366 x 768 pixels

Koneksi : Koneksi internet dengan kecepatan 20 Mbps

b. Client

1) Laptop

Processor : Intel (R) Core(TM) i5-5200U CPU @ 2.20GHz (4 CPUs),

~2.2GHz

RAM : RAM 4 GB






2) Smartphone

Chipset : Qualcomm MSM8916 Snapdragon 410

CPU : Quad-core 1.2 GHz Cortex-A53


RAM : 2 GB

Internal Memory:16 GB


4

5. Kebutuhan Perangkat Lunak (Software)

Perangkat Lunak (software) yang dibutuhkan dalam pembuatan sistem yang

akan dibangun antara lain : XAMPP, ATOM, Google Chrome, MySQL, MIT

App Inventor 2.

3.2. Rancangan Antar Muka

Dengan tujuan memudahkan perancangan website yang akan dibangun, maka

rancangan yang dibuat harus digambar terlebih dahulu agar memperjelas dan

memudahkan dalam perancangan tampilan website Teaching Planner. Rancangan

tampilan website Teaching Planner yaitu :

3.2.1. Rancangan Antar Muka User

1. Rancangan Antar Muka Halaman Login User

Pada halaman Login User, pengguna memasukkan username dan password

untuk mengakses halaman utama website “Teaching Planner”.

5

Gambar III.1. Rancangan Antar Muka Halaman Login User

Halaman login user terdiri dari :

a. Username

Menginputkan username sebagai parameter untuk megakses akun user

pada sistem.

b. Password

Menginputkan password sebagai parameter untuk megakses akun user

pada sistem.

c. Tombol login

Tombol login digunakan untuk melanjutkan proses jika username dan

password yang diinputkan valid. Setelah berhasil login, user akan

dialihkan ke halaman dashboard.

6

2. Rancangan Antar Muka Halaman Register User

Pengguna harus melengkapi semua field untuk membuat akun baru apabila

belum memiliki akun user.

Gambar III.2. Rancangan Antar Muka Halaman Register User

Halaman register user terdiri dari :

a. NIP

Menginputkan NIP sebagai syarat untuk membuat akun user baru.

b. Nama Lengkap

Menginputkan nama lengkap sebagai syarat untuk membuat akun user

baru.

c. Alamat E-mail

7

Menginputkan alamat e-mail sebagai syarat untuk membuat akun user

baru.

d. Username

Menginputkan username sebagai syarat untuk membuat akun user baru.

e. Kata Sandi dan Ulangi Kata Sandi

Menginputkan password atau kata sandi sebagai syarat untuk membuat

akun user baru dan parameter untuk mengakses user. Field kata sandi

dan ulangi kata sandi harus sama untuk melanjutkan registrasi.

3. Rancangan Antar Muka Halaman Dashboard

Gambar III.3. Rancangan Antar Muka Halaman Dashboard

Halaman dashboard terdiri dari :

8

a. Ganti Password

Menu ganti password untuk masuk ke halaman ganti password.

b. Profil

Menu ganti password untuk masuk ke halaman profil pengnajar.

c. Logout

2.

3.

Menu logout untuk mengahiri sesi login dan dialihkan ke halaman login.

4. Rancangan Antar Muka Halaman Profil Pengajar

Gambar III.4. Rancangan Antar Muka Halaman Profil Pengajar

Halaman Profil Pengajar terdiri dari :

9

a. Edit Profil

Untuk mengedit profil dan dialihkan ke halaman edit profil pengajar.

b. Edit foto

Untuk mengedit foto profil dan dialihkan ke halaman edit foto profil

pengajar.

c. Tambah Kualifikasi

Untuk menambah kualifikasi pengajar dan memunculkan modal box

tambah kualifikasi.

d. Edit Kualifikasi

Untuk mengedit kualifikasi pengajar dan dialihkan ke halaman edit

kualifikasi.

e. Hapus Kualifikasi

Untuk menghapus kualifikasi pengajar dan memunculkan message alert

untuk konfirmasi hapus data.

5. Rancangan Antar Muka Halaman Mata Pelajaran

10

Gambar III.5. Rancangan Antar Muka Halaman Mata Pelajaran

Halaman Mata Pelajaran terdiri dari :

a. Pencarian

Untuk mencari data.

b. Tambah Mata Pelajaran

Untuk menambah mata pelajaran dan memunculkan modal box tambah

mata pelajaran.

c. Edit Mata Pelajaran

Untuk mengedit materi atau soal dan dialihkan ke halaman edit mata

pelajaran.

d. Hapus Mata Pelajaran

11

Untuk menghapus mata pelajaran dan memunculkan message alert untuk

konfirmasi hapus data.

6. Rancangan Antar Muka Halaman Materi dan Soal

Gambar III.6. Rancangan Antar Muka Halaman Materi dan Soal

Halaman Materi dan Soal terdiri dari :

a. Pencarian

Untuk mencari data.

b. Jenis

Untuk memilih untuk menampilkan jenis soal atau materi.

c. Tambah Materi dan Soal

12

Untuk menambah materi dan soal dan memunculkan modal box tambah

materi dan soal.

d. Edit Materi dan Soal

Untuk mengedit materi atau soal dan dialihkan ke halaman edit materi

dan soal.

e. Hapus Materi dan Soal

Untuk menghapus materi atau soal dan memunculkan message alert


7. Rancangan Antar Muka Halaman Pertemuan

Gambar III.7. Rancangan Antar Muka Halaman Pertemuan

13

Halaman Pertemuan terdiri dari :

a. Pencarian

Untuk mencari data.

b. Tambah Pertemuan

Untuk menambah pertemuan dan memunculkan modal box tambah

pertemuan.

c. Edit Pertemuan

Untuk mengedit pertemuan dan dialihkan ke halaman edit pertemuan.

d. Hapus Pertemuan

Untuk menghapus pertemuan dan memunculkan message alert untuk


8. Rancangan Antar Muka Halaman Tugas

Gambar III.8. Rancangan Antar Muka Halaman Tugas

Halaman Tugas terdiri dari :

14

a. Pencarian

Untuk mencari data.

b. Tambah Tugas

Untuk menambah tugas dan memunculkan modal box tambah tugas.

c. Edit Tugas

Untuk mengedit pertemuan dan dialihkan ke halaman edit tugas.

d. Hapus Tugas

Untuk menghapus tugas dan memunculkan message alert untuk


9. Rancangan Antar Muka Halaman Kelas

Gambar III.9. Rancangan Antar Muka Halaman Kelas

15

Halaman Kelas terdiri dari :

a. Tambah Kelas

Untuk menambah kelas dan memunculkan modal box tambah kelas.

b. Lihat Kelas

Untuk menampilkan siswa yang berada pada kelas yang dipilih.

c. Edit Kelas

Untuk mengedit kelas dan dialihkan ke halaman edit kelas.

d. Hapus Kelas

Untuk menghapus kelas dan siswa yang berada pada kelas yang dipilih

kemudian memunculkan message alert untuk konfirmasi hapus data.

10. Rancangan Antar Muka Halaman Jadwal Mengajar

Gambar III.10. Rancangan Antar Muka Halaman Jadwal Mengajar

16

Halaman Jadwal Mengajar terdiri dari :

a. Pencarian

Untuk mencari data.

b. Tambah Jadwal Mengajar

Untuk menambah jadwal mengajar dan memunculkan modal box tambah

jadwal mengajar.

c. Edit Jadwal Mengajar

Untuk mengedit jadwal mengajar dan dialihkan ke halaman edit jadwal

mengajar.

d. Hapus Jadwal Mengajar

Untuk menghapus jadwal mengajar dan memunculkan message alert


11. Rancangan Antar Muka Halaman Nilai

Gambar III.11. Rancangan Antar Muka Halaman Nilai

17

Halaman Nilai terdiri dari :

a. Pencarian

Untuk mencari data.

b. Tambah Nilai

Untuk menambah nilai siswa dan memunculkan modal box tambah nilai

siswa.

c. Edit Nilai

Untuk mengedit nilai siswa dan dialihkan ke halaman edit nilai siswa.

d. Hapus Nilai

Untuk menghapus Nilai siswa dan memunculkan message alert untuk


e. Combo box Mata Pelajaran

Untuk menampilkan nilai berdasarkan mata pelajaran.

f. Combo box Siswa / Kelas

Untuk menampilkan nilai siswa atau nilai kelas.

3.3. Entity Relationship Diagram (ERD)

Perancangan basis data pada saat membangun sistem menghasilkan pemetaan

tabel-tabel yang digambarkan dalam ERD.

18

3.3.1. Entitiy Relationship Diagram (ERD)

Gambar III.12. Entity Relationship Diagram (ERD)

19

3.3.2. Logical Record Sturcture (LRS)

Gambar III.13. Logical Record Structure (LRS)

20

3.4. Spesifikasi File

Berupa file-file yang akan digunakan dalam pengolahan basis data yang

digunakan sebagai media penyimpanan data dari proses yang terjadi di dalam

website yang dibangun. Dalam website Sistem Informasi Perencanaan Mengajar

“Teaching Planner” menggunakan database dengan nama tplanner.sql yang

terdiri dari 12 tabel antara lain:

1. Spesifikasi File Account

Nama File : Tabel Account

Akronim : account

Fungsi : Sebagai kumpulan informasi data akun

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : File akses langsung / Random

Media : Hardisk

Panjang Record : 313 byte

Kunci Field : id

Software : MySQL

Tabel III.1.

Spesifikasi File Account

No Elemen Data Akronim Tipe Panjang Keterangan

1 ID id Int 11 Primary key

2 Username username Varchar 30 Foreign Key

3 Password password Varchar 128

4 E-mail email Varchar 128

5 Date updated date_updated Date 3

6 Is active is_active Int 11

7 Role role Enum 2

21

2. Spesifikasi File Jadwal

Nama File : Tabel Jadwal

Akronim : jadwal

Fungsi : Sebagai kumpulan informasi data jadwal




Media : Hardisk


Kunci Field : id_jadwal

Software : MySQL

Tabel III.2.

Spesifikasi File Jadwal


1 Id jadwal id_jadwal Int 11 Primary key

2 Hari hari Varchar 10

3 Jam jam Time 3

4 Id mapel id_mapel Int 11

5 Nm mapel nm_mapel Varchar 30

6 Id kelas id_kelas Int 11 Foreign Key

7 Nm kelas nm_kelas Varchar 30


3. Spesifikasi File Kelas

Nama File : Tabel Kelas

Akronim : kelas

Fungsi : Sebagai kumpulan informasi data kelas



22


Media : Hardisk


Kunci Field : id_kelas

Software : MySQL

Tabel III.3.

Spesifikasi File Kelas


1 Id Kelas id_kelas Int 11 Primary key

2 Nama Kelas nama_kelas Varchar 30

3 Tahun Ajaran th_ajaran Varchar 20

4 Tingkatan tingkatan Int 11

5 Keterangan keterangan Text

6 Date Updated date_updated Date 3

7 Status status Int 15


4. Spesifikasi File Nilai Kelas

Nama File : Tabel Nilai Kelas

Akronim : kelas_nilai

Fungsi : Sebagai kumpulan informasi data nilai siswa

dalam kelas




Media : Hardisk


Kunci Field : id_knilai

Software : MySQL

23

Tabel III.4.

Spesifikasi File Nilai Kelas


1 ID Nilai Kelas id_knilai Int 11 Primary key

2 Nama Kelas nm_kelas Varchar 30

3 Nama Mapel nm_mapel Varchar 30

4 Rata-rata rata Int 11

5 Min min Int 11

6 Max max Int 11


5. Spesifikasi File Kualifikasi

Nama File : Tabel Kualifikasi

Akronim : kualifikasi

Fungsi : Sebagai kumpulan informasi data kualifikasi




Media : Hardisk


Kunci Field : id_kual

Software : MySQL

Tabel III.5.

Spesifikasi File Kualifikasi


1 ID Kualifikasi id_kual Int 11 Primary key

2 Kategori kategori Enum 2

3 Nama

Kualifikasi nm_kualifikasi Varchar 255



24

6. Spesifikasi File Mata Pelajaran

Nama File : Tabel Mata Pelajaran

Akronim : mapel

Fungsi : Sebagai kumpulan informasi data mata

pelajaran




Media : Hardisk


Kunci Field : id_mapel

Software : MySQL

Tabel III.6.

Spesifikasi File Mapel


1 ID Mata

Pelajaran id_mapel Int 11 Primary key

2 Nama Mata

Pelajaran nm_mapel Varchar 30



7. Spesifikasi File Materi dan Soal

Nama File : Tabel Materi dan Soal

Akronim : materi

Fungsi : Sebagai kumpulan informasi data materi dan

soal

25




Media : Hardisk


Kunci Field : id_materi

Software : MySQL

Tabel III.7.

Spesifikasi File Materi


1 ID Materi id_materi Int 11 Primary key


3 Jenis jenis Varchar 30

4 Lampiran lampiran Varchar 250




8. Spesifikasi File Pertemuan

Nama File : Tabel Pertemuan

Akronim : pertemuan

Fungsi : Sebagai kumpulan informasi data pertemuan




Media : Hardisk


Kunci Field : id_pert

26

Software : MySQL

Tabel III.8.

Spesifikasi File Pertemuan


1 ID Pertemuan id_pert Int 11 Primary key

2 ID Mapel id_mapel Int 11 Foreign Key


4 ID Kelas id_kelas Int 11 Foreign Key


6 Pembahasan pembahasan Text



9. Spesifikasi File Siswa

Nama File : Tabel Siswa

Akronim : siswa

Fungsi : Sebagai kumpulan informasi data siswa




Media : Hardisk


Kunci Field : id_siswa

Software : MySQL

Tabel III.9.

Spesifikasi File Siswa


1 ID Siswa id_siswa Int 11 Primary key

2 ID Kelas id_kelas Int 11 Foreign Key


27

4 NIS nis Varchar 30

5 Nama Siswa nm_siswa Varchar 100


10. Spesifikasi File Nilai Siswa

Nama File : Tabel Nilai Siswa

Akronim : siswa_nilai

Fungsi : Sebagai kumpulan informasi data nilai siswa




Media : Hardisk


Kunci Field : id_snilai

Software : MySQL

Tabel III.10.

Spesifikasi File Nilai Siswa


1 ID Nilai Siswa id_nilai Int 11 Primary key

2 NIS nis Varchar 30

3 Nama Siswa nm_siswa Varchar 100

4 Nama Mata


5 Kd 1 Ulangan

Harian kd1_uh Int 11

6 Kd 1 Observasi kd1_observasi Int 11

7 Kd 1 Penugasan kd1_penugasan Int 11

8 Kd 1 Nilai kd1_nilai Int 11

9 Kd 2 Ulangan





13 Kd 3 Ulangan kd3_uh Int 11

28

Harian




17 Kd 4 Ulangan





21 UTS uts Int 11

22 UAS uas Int 11

23 Semester semester Int 11

24 Nilai Semester nilai_sem Int 11


11. Spesifikasi File Tugas

Nama File : Tabel Tugas

Akronim : tugas

Fungsi : Sebagai kumpulan informasi data tugas




Media : Hardisk


Kunci Field : id_tugas

Software : MySQL

Tabel III.11.

Spesifikasi File Tugas


1 ID Tugas id_tugas Int 11 Primary key

2 Nama Tugas nm_tugas Varchar 250

3 Nama Mata


29



6 Status status Varchar 20



12. Spesifikasi File User

Nama File : Tabel User

Akronim : user

Fungsi : Sebagai kumpulan informasi data user




Media : Hardisk


Kunci Field : username

Software : MySQL

Tabel III.12.

Spesifikasi File User


1 Username username Varchar 30 Primary key

2 NIP nip Varchar 30

3 E-mail email Varchar 100

4 Pendidikan pendidikan Varchar 50

5 Sekolah sekolah Varchar 50


7 Image Image Varchar 300

30

3.5. Spesifikasi Program

3.5.1. Rancangan Struktur Navigasi User

Dengan tujuan mempermudah pengembangan website diperlukan perancangan

struktur navigasi terlebih dahulu. Hal ini bertujuan untuk memperjelas gambaran

pada saat pembuatan tampilan web. Struktur navigasi yang digunakan dalam

pembangunan sistem ini yaitu struktur navigasi composite model.

Gambar III.14. Rancangan Struktur Navigasi User

31

3.6. Spesifikasi Sistem Komputer

3.6.1. Perangkat Keras

Perangkat keras (hardware) adalah komponen yang bisa dilihat dan diraba

secara langsung mendukung atau tempat berjalannya proses komputerisasi.

a. Server

Procesor : Intel (R) Pentium(TM) 4 CPU @ 1.60GHz,

~1.80GHz

RAM : RAM 1 GB

Harddisk : Harddisk 5 GB





b. Client

1) Laptop

Procesor : Intel (R) Pentium(TM) 4 CPU @ 1.60GHz,

~1.80GHz

RAM : RAM 1 GB





Koneksi : Koneksi internet dengan kecepatan 2 Mbps.

32

2) Smartphone

Chipset : Qualcomm MSM8916 Snapdragon 410

CPU : Quad-core 1.2 GHz Cortex-A53


RAM : 1 GB

Memory internal: 8 GB


Android : Versi 4.4 (KitKat)

3.6.2. Perangkat Lunak

Perangkat Lunak merupakan data processing system yang berupa program-

program dan teknik lain untuk mengontrol sistem.

a. Server

Sistem Operasi : Windows

Program Desain : Notepad ++

Web Server : PHPMyAdmin dan XAMPP

Web Browser : Google Chrome, Mozilla Firefox, Opera,

Internet Explorer

Bahasa Pemrograman : PHP, HTML dan JavaScript

Database Management System : MySQL

33

b. Client

1) Laptop

Sistem Operasi : Windows

Web Browser : Google Chrome dan Mozilla Firefox

2) Smartphone

Sistem Operasi : Android 4.4 (KitKat)

Web Browser : Default Web Browser, Google Chrome, dan

Aplikasi Teaching Planner

34

3.7. Implementasi

Berikut merupakan implementasi rancangan antar mukayang diterapkan pada

website “Teachin Planner”.

1. Implementasi Antar Muka Halaman Utama

Gambar III.15. Implementasi Antar Muka Halaman Utama 1

35

Gambar III.16. Implementasi Antar Muka Halaman Utama 2

2. Implementasi Antar Muka Halaman Login

Gambar III.17. Implementasi Antar Muka Halaman Login

36

3. Implementasi Antar Muka Halaman Pendaftaran

Gambar III.18. Implementasi Antar Muka Halaman Pendaftaran

4. Implementasi Antar Muka Halaman Dashboard

Gambar III.19. Implementasi Antar Muka Halaman Dashboard

37

5. Implementasi Antar Muka Halaman Profil Pengajar

Gambar III.20. Implementasi Antar Muka Halaman Profil Pengajar

6. Implementasi Antar Muka Halaman Edit Profil Pengajar

Gambar III.21. Implementasi Antar Muka Halaman Edit Profil Pengajar

38

7. Implementasi Antar Muka Halaman Tambah Kualifikasi Pengajar

Gambar III.22. Implementasi Antar Muka Tambah Kualifikasi Pengajar

8. Implementasi Antar Muka Halaman Edit Kualifikasi Pengajar

Gambar III.23. Implementasi Antar Muka Halaman Edit Kualifikasi Pengajar

39

9. Implementasi Antar Muka Halaman Mata Pelajaran

Gambar III.24. Implementasi Antar Muka Halaman Mata Pelajaran

10. Implementasi Antar Muka Halaman Tambah Mata Pelajaran

Gambar III.25. Implementasi Antar Muka Tambah Mata Pelajaran

40

11. Implementasi Antar Muka Halaman Edit Mata Pelajaran

Gambar III.26. Implementasi Antar Muka Halaman Edit Mata Pelajaran

12. Implementasi Antar Muka Halaman Materi dan Soal

Gambar III.27. Implementasi Antar Muka Halaman Materi dan Soal

41

13. Implementasi Antar Muka Halaman Tambah Materi dan Soal

Gambar III.28. Implementasi Antar Muka Halaman Tambah Materi dan Soal

14. Implementasi Antar Muka Halaman Edit Materi dan Soal

Gambar III.29. Implementasi Antar Muka Halaman Edit Materi dan Soal

42

15. Implementasi Antar Muka Halaman Pertemuan

Gambar III.30. Implementasi Antar Muka Halaman Pertemuan

16. Implementasi Antar Muka Halaman Tambah Pertemuan

Gambar III.31. Implementasi Antar Muka Halaman Tambah Pertemuan

43

17. Implementasi Antar Muka Halaman Edit Pertemuan

Gambar III.32. Implementasi Antar Muka Halaman Edit Pertemuan

18. Implementasi Antar Muka Halaman Tugas

Gambar III.33. Implementasi Antar Muka Halaman Tugas

44

19. Implementasi Antar Muka Halaman Tambah Tugas

Gambar III.34. Implementasi Antar Muka Halaman Tambah Tugas

20. Implementasi Antar Muka Halaman Edit Tugas

Gambar III.35. Implementasi Antar Muka Halaman Edit Tugas

45

21. Implementasi Antar Muka Halaman Kelas

Gambar III.36. Implementasi Antar Muka Halaman Kelas

22. Implementasi Antar Muka Halaman Tambah Kelas

Gambar III.37. Implementasi Antar Muka Halaman Tambah Kelas

46

23. Implementasi Antar Muka Halaman Edit Kelas

Gambar III.38. Implementasi Antar Muka Halaman Edit Kelas

24. Implementasi Antar Muka Halaman Siswa Kelas

Gambar III.39. Implementasi Antar Muka Halaman Siswa Kelas

47

25. Implementasi Antar Muka Halaman Tambah Siswa Kelas

Gambar III.40. Implementasi Antar Muka Halaman Tambah Siswa Kelas

26. Implementasi Antar Muka Halaman Edit Siswa Kelas

Gambar III.41. Implementasi Antar Muka Halaman Edit Siswa Kelas

48

27. Implementasi Antar Muka Halaman Nilai

Gambar III.42. Implementasi Antar Muka Halaman Nilai 1

Gambar III.43. Implementasi Antar Muka Halaman Nilai 2

49

28. Implementasi Antar Muka Halaman Tambah Nilai

Gambar III.44. Implementasi Antar Muka Halaman Tambah Nilai 1

Gambar III.45. Implementasi Antar Muka Halaman Tambah Nilai 2

50

29. Implementasi Antar Muka Halaman Edit Nilai

Gambar III.46. Implementasi Antar Muka Halaman Edit Nilai

51

30. Implementasi Antar Muka Halaman Jadwal Mengajar

Gambar III.47. Implementasi Antar Muka Halaman Jadwal Mengajar

31. Implementasi Antar Muka Halaman Tambah Jadwal Mengajar

Gambar III.48. Implementasi Antar Muka Tambah Jadwal Mengajar

52

32. Implementasi Antar Muka Halaman Edit Jadwal Mengajar

Gambar III.49. Implementasi Antar Muka Halaman Edit Jadwal Mengajar

3.8. Pengujian Unit

Pengujian terhadap sistem yang dibuat menggunakan blackbox testing yang

berfokus pada proses input dan output sistem.

Berikut adalah hasil pengujian sistem dari beberaoa form penting dalam

website “Teaching Planner” :

1. Pengujian terhadap Form Login User

Tabel III.13.

Hasil Black Box Testing Form Login User

No Skenario pengujian Test Case Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1 Mengisi username

yang belum terdaftar

dan pasword dengan

salah pada form

login, kemudian

memilih tombol

login

Username :

(salah),

Password :

(salah)

Sistem

menampilkan

pesan

"username

belum

terdaftar"

Sesuai

harapan

Valid

2 Mengisi username

yang sudah terdaftar

Username :

(benar),

Sistem

menampilkan

Sesuai

harapan

Valid

53

dan pasword dengan

salah pada form

login, kemudian

memilih tombol

login.

Password :

(salah)

pesan

"password

salah"

3 Tidak mengisi

username dan

password, kemudian

memilih tombol

login

Username :

(kosong)

Password :

(kosong)

Sistem

menampilkan

pesan untuk

mengisi

masing-

masing field

Sesuai

harapan

Valid

4 Mengisi username

yang sudah terdaftar

dan pasword dengan

benar pada form

login, kemudian

memilih tombol

login.

Username :

(benar),

Password :

(benar)

Sistem

mengalihkan

ke halaman

dashboard user

Sesuai

harapan

Valid

2. Pengujian terhadap Form Pendaftaran User

Tabel III.14.

Hasil Black Box Testing Form Pendaftaran User


diharapkan

Hasil


1 Tidak mengisi salah

satu atau lebih field

nip, nama lengkap,

alamat username

,kata sandi, dan

ulangi kata sandi,

kemudian memilih

tombol daftar.

Salah satu

atau lebih

field :

(kosong),

field yang

lain

Sistem

menampilkan

pesan "field

tidak boleh

kosong"

Sesuai

harapan

Valid

2 Mengisi nip dengan

karakter selain

angka dan mengisi

semua field lain

dengan benar,

kemudian memilih

tombol daftar.

NIP : (salah),

Nama

lengkap :

(benar),

Alamat email

: (benar),

username :

(benar), Kata

sandi :

(benar),

Ulangi kata

sandi :

(benar)

Sistem

menampilkan

pesan "Field

NIP hanya

boleh berisi

angka"

Sesuai

harapan

Valid

3 Mengisi nip dengan

karakter angka tetapi

tidak 18 karakter

NIP : (salah),

Nama

lengkap :

Sistem

menampilkan

pesan ”field

Sesuai

harapan

Valid

54

dan mengisi semua

field lain dengan

benar, kemudian

memilih tombol

daftar.

(benar),

Alamat email

: (benar),

username :

(benar), Kata

sandi :

(benar),

Ulangi kata

sandi :

(benar)

NIP harus

berisi 18

karakter”

4 Mengisi field kata

sandi dan ulangi

sandi tidak sama

serta mengisi semua

field lain dengan

benar, kemudian

memilih tombol

daftar.

NIP :

(benar),

Nama

lengkap :

(benar),

Alamat email

: (benar),

username :

(benar), Kata

sandi :

(benar),

Ulangi kata

sandi :

(benar, tidak

sama dengan

kata sandi)

Sistem

menampilkan

pesan ” field

ulangi kata

sandi tidak

cocok

dengan field

kata sandi”

Sesuai

harapan

Valid

5 Mengisi semua field

pada form

pendaftaran dengan

benar, kemudian

memilih tombol

daftar.

NIP :

(benar),

Nama

lengkap :

(benar),

Alamat email

: (benar),

username :

(benar), Kata

sandi :

(benar),

Ulangi kata

sandi :

(benar)

Sistem

mengalihkan

ke halaman

login

Sesuai

harapan

Valid

3. Pengujian terhadap Form Mata Pelajaran

Tabel III.15.

Hasil Black Box Testing Form Mata Pelajaran


diharapkan

Hasil


1 Tidak mengisi field

mata pelajaran,

kemudian memilih

Mata

pelajaran :

(kosong)

Sistem

menampilkan

pesan "field

Sesuai

harapan

Valid

55

tombol simpan. tidak boleh

kosong"

2 Mengisi field mata

pelajaran, kemudian

memilih tombol

simpan.

Mata

pelajaran :

(benar)

Sistem

menyimpan

data mata

pelajaran

Sesuai

harapan

Valid

4. Pengujian terhadap Form Materi dan Soal

Tabel III.16.

Hasil Black Box Testing Form Materi dan Soal


diharapkan

Hasil


1 Tidak mengisi field

mata pelajaran,

mengisi field mata

pelajaran dan jenis,

kemudian memilih

tombol simpan.

Mata

pelajaran :

(benar), jenis

: (benar),

keterangan :

(kosong)

Sistem

menyimpan

data materi

dan soal

Sesuai

harapan

Valid

2 Mengisi field mata

pelajaran, kemudian

memilih tombol

simpan.

Mata

pelajaran :

(benar), jenis

: (benar),

keterangan :

(benar)

Sistem

menyimpan

data materi

dan soal

Sesuai

harapan

Valid

bab iii pembahasan · koneksi : koneksi internet dengan kecepatan 20 mbps b. client 1) laptop...

Documents