BAB III PEMBAHASAN 3.1. Tinjauan Sekolah 3.1.1. Profil Sekolah filepelajaran, soal dan melihat hasil...

28

BAB III

PEMBAHASAN

3.1. Tinjauan Sekolah

Penulis akan menerangkan tentang profil sekolah, struktur organisasi serta

fitur-fitur yang harus ada pada sistem aplikasi web e-learing latihan soal-soal ujian

dan juga untuk mengetahui kebutuhan dari pengguna yang menggunakan aplikasi

berbasis web ini.

3.1.1. Profil Sekolah

SMK Mandiri Pontianak merupakan salah satu sekolah menengah

kejuruan swasta di kota Pontianak dengan profil sebagai berikut:

1. Nama Sekolah : Sekolah Menengah Kejuruan ( SMEA )

Mandiri Pontianak

2. Alamat : Jalan Tanjung Raya II / Sami Sumping

3. Desa / Kelurahan : Saigon

4. Kecamatan : Pontianak Timur

5. Kota / Kabupaten : Kota Pontianak

6. Kede Pos : 78232

7. Provinsi : Kalimantan Barat

8. Nomor SK : 421.3 / 316 / PPM.SMK

9. Tanggal SK : 26 Maret 2002

10. Kepala Sekolah : Drs.H.MAHDI . MT, M.M.Pd

28

29

3.1.2. Struktur Organisasi Sekolah

Sumber : Hasil Penelitian (2017)

Gambar III.1 Struktur Organisasi Sekolah

3.2. Analisa Kebutuhan

Dalam bab ini analisa kebutuhan sangat diperlukan untuk mengetahui

fitur-fitur yang harus ada pada sistem dan juga untuk mengetahui kebutuhan dari

pengguna yang menggunakan Aplikasi web e-learning latihan soal-soal ujian yang

akan dibuat.

3.2.1. Kebutuhan Fungsional

Didalam Kebutuhan fungsional ini penulis menggunakan 3 tampilan yaitu

tampilan admin, guru dan siswa. Adapun kebutuhan fungsional ini merupakan

kebutuhan utama didalam Aplikasi web e-learning latihan soal-soal ujian yang

30

bertujuan untuk membantu siswa mengerjakan soal-soal latihan dengan mudah

pada SMK Mandiri Pontianak adalah sebagai berikut:

a. Halaman Admin

Didalam menu admin, admin dapat menginput, mengedit dan menghapus data

siswa, guru dan kelas.Sebelum memasuki halaman admin , admin harus login

terlebih dahulu.

1) Menu Login

Fasilitas login ini digunakan admin untuk memasuki halaman admin dan

halaman admin ini hanya bisa digunakan oleh petugas yang memiliki nip

dan password untuk login sehingga menghindari penyalahgunaan dalam

program ini.

2) Menu Beranda

Didalam halaman beranda ini terdapat berupa jalan pintas untuk menuju

input data siswa, input data guru dan input data kelas.

3) Menu Siswa

Didalam halaman menu siswa ini, admin dapat dengan mudah mengelola

tugasnya yaitu menginput, mengedit dan menghapus data siswa.

4) Menu Guru

Didalam halaman menu guru ini, admin dapat dengan mudah mengelola

tugasnya yaitu menginput, mengedit dan menghapus data guru.

5) Menu Kelas

Didalam halaman menu kelas ini, admin dapat dengan mudah mengelola

tugasnya yaitu menginput, mengedit dan menghapus data kelas.

31

6) Menu Keluar

Fasilitas menu ini, admin dapat keluar dari halaman admin dan kembali ke

halaman awal login.

b. Halaman Guru

Didalam halaman guru, guru dapat menginput, mengedit, menghapus mata

pelajaran, soal dan melihat hasil nilai siswa setelah mengerjakan latihan

soal.Sebelum memasuki halaman guru , guru harus login terlebih dahulu

dengan nip dan password yang telah diberikan oleh admin.

1) Menu Login

Fasilitas login ini digunakan guru untuk memasuki halaman guru dan

halaman guru ini hanya bisa digunakan oleh guru yang memiliki nip dan

password untuk login sehingga menghindari penyalahgunaan dalam

program ini.

2) Menu Beranda

Didalam halaman menu beranda ini terdapat berupa jalan pintas berupa

input mata pelajaran .

3) Menu Soal

Didalam halaman soal ini, guru dapat dengan mudah mengelola tugasnya

yaitu menginput, mengedit, menghapus soal, mata pelajaran dan melihat

nilai siswa di setiap mata pelajaran yang dikerjakan oleh siswa.

4) Menu Keluar

Fasilitas menu ini, guru dapat keluar dari halaman guru dan kembali ke

halaman awal login.

32

c. Halaman Siswa

Didalam halaman siswa, siswa dapat memilih soal mata pelajaran yang ingin

dikerjakan. Siswa juga dapat melihat hasil nilai setelah mengerjakan latihan

soal tersebut. selain itu siswa dapat melihat profil data diri siswa. diharapkan

siswa harus login terlebih dahulu sebelum memasuki halaman siswa.

1) Menu Login

Fasilitas login ini digunakan siswa untuk memasuki halaman siswa.

halaman siswa ini hanya bisa digunakan oleh siswa yang memiliki nis dan

password yang telah diberikan oleh sekolah untuk menghindari

penyalahgunaan dalam program ini.

2) Menu Beranda

Didalam halaman beranda ini terdapat keterangan atau tata cara dalam

penggunaan halaman siswa ini.

3) Menu Soal

Didalam halaman soal ini, siswa dapat memilih mata pelajaran dan dapat

mengerjakan soal-soal latihan dengan waktu dan menghasilkan nilai yang

telah dikerjakan.

4) Menu Keluar

Fasilitas menu ini, siswa dapat keluar dari halaman siswa dan kembali ke

halaman awal login.

3.2.2. Kebutuhan Non Fungsional

Kebutuhan non fungsional merupakan kebutuhan untuk membuat

pengembangan dan merancang Aplikasi web e-learning latihan soal-soal ujian

Pada SMK Mandiri Pontianak. Adapun kebutuhan non fungsional yang dapat

33

mendukung kelancaran dalam aplikasi ini dengan spesifikasi minimal sebagai

berikut:

1. Kebutuhan Perangkat Keras (Hardware)

Perangkat keras (Hardware) merupakan salah satu yang sangat dibutuhkan

dalam mengelola aplikasi e-learning ini. Adapun kebutuhan Hardware yang

diperlukan sebagai berikut:

a. CPU (Central Processing Unit )

1) Processor : Dual Core

2) Ram : 2 GB

3) Harddisk : 250 GB

b. Monitor dengan resolution layar 1024x768 pixel LCD

c. Keyboard

d. Mouse

2. Kebutuhan Perangkat Lunak (Software)

Kebutuhan perangkat lunak (software) merupakan kebutuhan untuk merancang

aplikasi web e-learning latihan soal-soal ujian pada SMK Mandiri

Pontianak.Adapun kebutuhan Software yang digunakan untuk merancang

aplikasi ini adalah sebagai berikut:

a. Sistem Operasi yang digunakan adalah windows 7/8

b. Aplikasi browser yang digunakan seperti Firefox, Google Chrome,

Microsoft Edge, UC Browser.

3. Kebutuhan Brainware

Sebelum menggunakan Aplikasi e-learning latihan soal-soal ujian pada SMK

Mandiri Pontianak. Adapun kebutuhan Brainware yang digunakan untuk

34

merancang Aplikasi web e-learning latihan soal-soal ujian ini adalah sebagai

berikut:

a. Admin

Sebelum admin memasuki halaman admin, admin memiliki form login

untuk memasukkan nip dan password untuk menjaga keamanan dan

pengelolaan data yang perlu dibatasi dalam aplikasi yang telah dibuat. Jika

admin sudah memasukkan nip dan password dengan benar maka akan

ditampilkan selamat datang admin. Adapun fitur-fitur hak akses yang dapat

dilakukan admin adalah sebagai berikut:

1) Mengelola fitur Data Siswa

2) Mengelola fitur Data Guru

3) Mengelola fitur Data Kelas

4) Mengelola fitur Keluar

b. Guru

1) Mengelola fitur Data Soal

2) Mengelola fitur Data Mata Pelajaran

3) Melihat fitur Nilai


c. Siswa

1) Memilih fitur Mata Pelajaran

2) Mengerjakan fitur Soal

3) Melihat fitur nilai


35

Tabel III.1

Hak Akses pengguna

Pengguna Fitur / Hak Akses

Admin 1. Mengelola fitur Data Siswa

2. Mengelola fitur Data Guru

3. Mengelola fitur Data Kelas

4. Mengelola fitur Keluar

Guru 1. Mengelola fitur Data Soal

2. Mengelola fitur Data Mata Pelajaran

3. Melihat fitur Nilai


Siswa 1. Mengerjakan fitur Soal

2. Memilih fitur Mata Pelajaran

3. Melihat fitur Nilai



3.3. Perancangan Perangkat Lunak

Perancangan perangkat lunak berisi spesifikasi yang dirancang untuk

pembuatan aplikasi website. Perancangan perangkat lunak terdiri dari rancangan

antar muka, rancangan basis data dan rancangan struktur navigasi sebagai berikut:

3.3.1. Rancangan Antar Muka

Rancangan antar muka ini dibuat untuk mempermudah dalam pembuatan

website.Rancangan antar muka terbagi menjadi 3 halaman yaitu halaman admin

36

guru dan siswa. Adapaun beberapa spesifikasi rancangan antar muka web adalah

sebagai berikut:

1. Rancangan Antar Muka Halaman Login Admin dan Guru

Dihalaman login ini berisi nip dan password pengguna untuk masuk ke akses

halaman masing-masing dengan level admin dan guru.


Gambar III.2. Rancangan Antar Muka Halaman Login Admin dan Guru

a. Rancangan Antar Muka Halaman Menu Beranda Admin

Halaman beranda menjadi halaman saat pertama admin login. halaman beranda

ini terdapat jalan pintas untuk menambah data siswa, guru dan data kelas.


Gambar III.3. Rancangan Antar muka Halaman Menu Beranda Admin

37

b. Rancangan Antar Muka Halaman Menu Siswa

Halaman menu siswa digunakan untuk menampilkan daftar siswa dan admin

dapat mengelola siswa seperti menginput, mengedit serta menghapus data

siswa dihalaman tersebut.


Gambar III.4. Rancangan Antar Muka Halaman Menu Siswa

c. Rancangan Antar Muka Halaman Input Data Siswa

Halaman antar muka ini menampilkan input data siswa. Admin juga dapat

menambah data siswa serta menyimpan kembali data yang sudah diinputkan .


Gambar III.5. Rancangan Antar Muka Halaman Input Data Siswa

38

d. Rancangan Antar Muka Halaman Menu Guru

Halaman menu guru digunakan untuk menampilkan daftar guru dan admin

dapat mengelola seperti menginput, mengedit serta menghapus data guru.


Gambar III.6. Rancangan Antar Muka Halaman Menu Guru

e. Rancangan Antar Muka Halaman Input Data Guru

Halaman antar muka ini menampilkan input data guru ini, admin dapat

menambah data guru serta menyimpan kembali data yang sudah diinputkan.


Gambar III.7. Rancangan Antar Muka Halaman Input Data Guru

39

f. Rancangan Antar Muka Halaman Menu kelas

Halaman antar muka menu kelas ini menampilkan daftar kelas serta admin

dapat mengelola kelas dengan menambah, mengedit dan menghapus data kelas.


Gambar III.8. Rancangan Antar Muka Halaman Menu Kelas

g. Rancangan Antar Muka Halaman Input Data Kelas

Halaman antar muka ini menampilkan input data kelas dan admin dapat

menambah data kelas serta menyimpan kembali data yang sudah diinputkan.


Gambar III.9. Rancangan Antar Muka Halaman Input Data Kelas

40

h. Rancangan Antar Muka Halaman Menu Beranda Guru

Halaman menu beranda guru ini menjadi halaman saat pertama guru login.

didalam rancangan antar muka halaman beranda ini terdapat jalan pintas untuk

menambah mata pelajaran yang ingin ditambahkan.


Gambar III.10. Rancangan Antar Muka Halaman Menu Beranda Guru

i. Rancangan Antar Muka Halaman Daftar Mata Pelajaran

Halaman antar muka menu soal ini menampilkan daftar mata pelajaran serta

guru dapat mengelola mata pelajaran, soal, nilai seperti menginput, mengedit

maupun menghapus data serta menyimpan kembali data .


Gambar III.11. Rancangan Antar Muka Halaman Daftar Mata Pelajaran

41

j. Rancangan Halaman Antar Muka Halaman Input Mata Pelajaran

Halaman antar muka input mata pelajaran ini menampilkan input mata

pelajaran disertai penginputan modul dan guru dapat menambahkan mata

pelajaran serta menyimpan kembali mata pelajaran yang sudah diinputkan.


Gambar III.12. Rancangan Antar Muka Halaman Input Mata pelajaran

k. Rancangan Antar Muka Halaman Data Soal

Halaman antar muka input ini menampilkan data soal dan guru dapat

mengelola soal tersebut seperti menginput, mengedit maupun menghapus soal.


Gambar III.13. Rancangan Antar Muka Halaman Data Soal

42

l. Rancangan Antar Muka Halaman Input Soal

Halaman antar muka input soal ini menampilkan input soal dan guru dapat

menginputkan soal serta menyimpan kembali soal yang telah diinputkan.


Gambar III.14. Rancangan Antar Muka Halaman Input Soal

m. Racangan Antar Muka Halaman Nilai Siswa Di Guru

Halaman antar muka ini menampilkan nilai siswa yang sudah mengerjakan

soal-soal latihan, disini guru dapat menghapus nilai siswa.


Gambar III.15. Rancangan Antar Muka Nilai Siswa Di Guru

43

2. Rancangan Antar Muka Halaman Login Siswa

Rancangan halaman login ini digunakan siswa untuk dapat menginputkan nis

dan password yang telah diberikan sebelum memasuki halaman beranda siswa.


Gambar III.16. Rancangan Antar Muka Halaman Login Siswa

a. Rancangan Antar Muka Halaman Pilih Materi Pelajaran

Rancangan antar muka halaman soal siswa ini menampilkan mata pelajaran

yang harus dipilih siswa-siswi sebelum menegerjakan soal.


Gambar III.17. Rancangan Antar Muka Halaman Pilih Materi Pelajaran

44

b. Rancangan Antar Muka Halaman Materi Soal Siswa

Rancangan antar muka halaman materi ini menampilkan pembahasan mata

pelajaran yang telah dipilih sebelum mengerjakan soal latihan.


Gambar III.18. Rancangan Antar Muka Halaman Materi Soal Siswa

c. Rancangan Antar Muka Halaman Latihan Soal Siswa

Halaman antar muka ini menampilkan soal pertanyaan dan anda bisa memilih

jawaban dari soal pertanyaan tersebut dengan waktu yang telah ditentukan.


Gambar III.19. Rancangan Antar Muka Halaman Latihan Soal Siswa

45

d. Rancangan Antar Muka Halaman Menu Nilai Siswa

Halaman antar muka menu nilai siswa ini menampilkan hasil nilai mata

pelajaran yang sudah dikerjakan siswa tersebut.


Gambar III.20. Rancangan Antar Muka Halaman Menu Nilai Siswa

e. Rancangan Antar Muka Halaman Menu Profil Siswa

Halaman antar muka menu profil siswa ini menampilka data diri siswa yang

login ke halaman siswa tersebut.


Gambar III.21 Rancangan Antar Muka Halaman Menu Profil Siswa

46

3.3.2. Rancangan Basis Data

Perancangan Basis data menghasilkan tabel-tabel didalam perancangan

basis data. Adapun perancangan basis data pada sistem Aplikasi web e-learning

latihan soal-soal ujian pada SMK Mandiri Pontianak yang digambarkan dengan

Entity Realtisohip Diagram (ERD) adalah sebagai berikut:

A. Entity Relationship Diagram (ERD)


Gambar III.22. Entity Relationship Diagram (ERD)

47

B. Logical Relational Structure (LRS)


Gambar III.23. Logical Relational Structure (LRS)

3.3.3. Perancangan Struktur Navigasi

Struktur navigasi website berfungsi untuk menggambarkan isi dari seluruh

website dan juga sebagai penghubung antar halaman website. Struktur navigasi

penulis gunakan adalah struktur navigasi composite atau struktur navigasi

campuran yang penulis uraikan sebagai berikut.

48

A. Struktur Navigasi Admin

Sumber : Hasil penelitian (2017)

Gambar III.24. Struktur Navigasi Admin

B. Struktur Navigasi Guru


Gambar III.25. Struktur Navigasi Guru

49

C. Struktur Navigasi Siswa


Gambar III.26. Struktur Navigasi Siswa

3.3.4. Spesifikasi File

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD.

File ini tersimpan pada nama database dengan parameter-parameter sebagai

berikut:

1. Spesifikasi File Admin

Nama File : Admin

Akronim : Admin

Fungsi : Berfungsi untuk mengakses halaman admin dan guru

Type File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 48

Kunci Field : nip

Software : Mysql

50

Tabel III.2.

Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Ket

1 Nip Nip Varchar 18 Primary Key

2 Nama nama Varchar 30

3 Password password Integer 8

4 Tempat Lahir tmpt_lhr Varchar 15

5 Tanggal Lahir tgl_lhr Date

6 Jenis Kelamin jns_kel Varchar 10

7 Alamat alamat Varchar 30

8 Level level Varchar 5


2. Spesifikasi File Siswa

Nama File : Siswa

Akronim : Siswa

Fungsi : Berfungsi untuk menyimpan data siswa

Type File : File Master


Akses File : Random

Media : Harddisk

Panjang Record : 149

Kunci Field : nis

Software : Mysql

51

Tabel III.3.

Spesifikasi File Siswa


1 Nomor induk siswa Nis Varchar 10 Primary Key

2 Nama Siswa nama Varchar 30

3 Email email Varchar 30

4 Password password Integer 8

5 Kelas kelas Integer 3 Foreign Key

6 Tempat Lahir tempat_lahir Varchar 15

7 Tanggal Lahir tgl_lahir Date

8 Jenis Kelamin jns_kelamin Varchar 10

9 Alamat alamat Varchar 30

10 Nomor Handphone no_hp Integer 13


3. Spesifikasi File Mapel

Nama File : Mapel

Akronim : Mapel

Fungsi : Untuk menyimpan data mata pelajaran

Tipe File : File Master


Akses File : Random

Media : Harddisk

Panjang Record : 93

52

Kunci Field : id_mapel

Software : Mysql

Tabel III.4.

Spesifikasi File Mapel


1 Id Mata Pelajaran id_mapel Integer 5 Primary Key

2 Mata Pelajaran nm_mapel Varchar 25

3 Kelas kelas Integer 5 Foreign Key

4 Status status Varchar 10

5 Nip nip Varchar 18 Foreign Key

6 Modul modul Varchar 30


4. Spesifikasi File Soal

Nama File : Soal

Akronim : Soal

Fungsi : Untuk menyimpan data soal



Akses File : Random

Media : Harddisk

Panjang Record : 12

Kunci Field : id_soal

Software : Mysql

53

Tabel III.5.

Spesifikasi File Soal


1 Id Soal id_soal Integer 5 Primary Key

2 Petanyaan pertanyaan Longtext

3 Jawaban A jawaban_a Longtext

4 Jawaban B jawaban_b Longtext

5 Jawaban C jawaban_c Longtext

6 Jawaban D jawaban_d Longtext

7 Jawaban E jawaban_e Longtext

8 Jawaban jawaban Varchar 2

9 Id Mata Pelajaran id_mapel Integer 5 Foreign Key


5. Spesifikasi File Kelas

Nama File : Kelas

Akronim : Kelas

Fungsi : Untuk menyimpan data Kelas



Akses File : Random

Media : Harddisk

Panjang Record : 20

Kunci Field : id

Software : Mysql

54

Tabel III.6.

Spesifikasi File Kelas


1 Id Kelas Id Integer 5 Primary Key

2 Nama Kelas nm_kls Varchar 15


6. Spesifikasi File Nilai

Nama File : Nilai

Akronim : Nilai

Fungsi : Untuk menyimpan data nilai



Akses File : Random

Media : Harddisk

Panjang Record : 26

Kunci Field : id_nilai

Software : Mysql

Tabel III.7.

Spesifikasi File Nilai


1 Id Nilai id_nilai Integer 5 Primary Key

2 Nomor Induk

Siswa

Nis Integer 10 Foreign Key

55

4 Id Mata Pelajaran id_mapel Integer 5 Foreign Key

5 Jawaban Benar jawaban_bnr Integer 3

6 Jawaban Salah jawaban_slh Integer 3


3.4. Implementasi dan Pengujian Unit

Adapun implementasi dan pengujian unit pada web yang akan dibuat dan

dijelaskan sebagai berikut:

3.4.1. Impelentasi Antar Muka

Rancangan aplikasi web e-learning latihan soal-soal ujian yang sudah dibuat

akan di implementasikan berdasarakan rancangan yang dibuat menjadi 3 (tiga)

halaman implementa si yaitu halaman admin, guru dan siswa.

1. Implementasi Antar Muka Halaman Login Admin dan Guru

Halaman login ini digunakan oleh user admin dan guru untuk memasuki

halaman pengelolaan berdasarkan hak akses masing-masing guru dan admin.


Gambar III.27. Impelentasi Antar Muka Halaman Login Admin dan Guru

56

a. Implementasi Antar Muka Halaman Menu Beranda Admin

Halaman menu beranda admin menampilkan informasi berupa jalan pintas

yaitu dengan tambah data siswa, guru dan kelas.


Gambar III.28. Impelentasi Antar Muka Halaman Menu Beranda Admin

b. Implementasi Antar Muka Halaman Menu Siswa

Halaman menu siswa ini menampilkan daftar siswa dan dihalaman menu

siswa ini admin juga dapat menginput, mengedit maupun menghapus data.


Gambar III.29. Impelentasi Antar Muka Halaman Menu Siswa

57

c. Implementasi Antar Muka Halaman Input Siswa

Halaman implementasi antar muka ini menampilkan input data siswa, admin

dapat menambah data siswa dan menyimpan data yang sudah diinputkan.


Gambar III.30. Impelentasi Antar Muka Halaman Input Siswa

d. Implementasi Antar Muka Halaman Menu Guru

Halaman menu guru ini menampilkan daftar guru dan admin dpaat menginput,

mengedit maupun menghapus data guru.


Gambar III.31. Impelentasi Antar Muka Halaman Menu Guru

58

e. Implementasi Antar Muka Halaman Input Data Guru

Halaman antar muka ini menampilkan input data guru, admin juga dapat

menambah data guru serta menyimpan kembali data yang sudah diinputkan.


Gambar III.32. Impelentasi Antar Muka Halaman Input Data Guru

f. Implementasi Antar Muka Halaman Menu Kelas

Halaman menu kelas ini menampilkan daftar kelas dan admin dapat

menambah, mengubah maupun menghapus data kelas.


Gambar III.33. Impelentasi Antarmuka Halaman Menu Kelas

59

g. Implementasi Antar Muka Halaman Input Data Kelas

Halaman antar muka ini menampilkan input data kelas. Guru juga dapat

menginputkan data kelas serta menyimpan data yang sudah diinputkan.


Gambar III.34. Impelentasi Antar Muka Halaman Input Data Kelas

h. Implementasi Antar Muka Halaman Menu Beranda Guru

Halaman menu beranda guru menampilkan suatu informasi berupa jalan pintas

yaitu tambah mata pelajaran yang akan langsung menuju ke halaman tersebut.


Gambar III.35. Implementasi Antar Muka Halaman Beranda Guru

60

i. Implementasi Antar Muka Halaman Daftar Mata Pelajaran

Halaman ini menampilkan daftar mata pealajaran dan guru dapat menambah ,

mengubah dan menghapus soal, mata pelajaran serta melihat nilai siswa.


Gambar III.36. Impelentasi Antar Muka Halaman Daftar Mata Pelajaran

j. Implementasi Antar Muka Halaman Data Soal

Halaman data soal ini menampilkan data soal dan guru dapat menambah,

mengubah dan menghapus data soal mata pelajaran tersebut.


Gambar III.37. Implementasi Antar Muka Halaman Data Soal

61

k. Implementasi Antar Muka Halaman Input Soal

Halaman antar muka input soal ini menampilkan input soal dan guru dapat

menginputkan soal serta menyimpan kembali soal .


Gambar III.38. Implementasi Antar Muka Halaman Input Soal

l. Implementasi Antar Muka Halaman Input Mata Pelajaran

Halaman ini dapat digunakan untuk mengisi mata pelajaran , memilih kelas

serta menyimpan kembali data yang sudah diinputkan.


Gambar III.39. Implementasi Antar Muka Halaman Input Mata Pelajaran

62

m. Implementasi Antar Muka Halaman Nilai Siswa Di Guru

Halaman antar muka Nilai ini menampilkan daftar nilai siswa keseluruhan

yang terlah mengerjakan soal latihan.


Gambar III.40. Implementasi Antar Muka Halaman Nilai Siswa Di Guru

2. Implementasi Antar Muka Halaman Login Siswa

Halaman login ini digunakan oleh siswa untuk memasuki halaman siswa

berdasarkan hak akses siswa dengan memasukkan nis dan password.


Gambar III.41. Implementasi Antar Muka Halaman Login Siswa

63

a. Implementasi Antar Muka Halaman Menu Beranda Siswa

Setelah siswa-siswi login akan masuk ke halaman menu beranda. Halaman ini

menampilkan keterangan atau tata cara penggunaan halaman siswa.


Gambar III.42. Impelentasi Antar Muka Halaman Menu Beranda Siswa

b. Implementasi Antar Muka Halaman Menu Pilih Materi Soal

Halaman menu ini menampilkan keterangan pilih materi soal pelajaran yang

akan dipelajari terlebih dahulu lalu klik mulai.


Gambar III.43. Implementasi Antar Muka Halaman Menu Pilih Materi Soal

64

c. Implementasi Antar Muka Halaman Menu Materi Soal

Halaman ini menampilkan materi pembahasan yang akan dipelajari terlebih

dahulu sebelum memulai dalam pengerjaan soal latihan.


Gambar III.44. Implementasi Antar Muka Halaman Menu Materi Soal

d. Implementasi Antar Muka Halaman Latihan Soal

Halaman latihan soal ini menampilkan soal pertanyaan, jawaban dan Latiham

soal ini memiliki waktu dalam pengerjaanya .


Gambar III.45. Implementasi Antar Muka Halaman Latihan Soal

65

e. Implementasi Antar Muka Halaman Nilai Siswa

Halaman nilai siswa ini menampilkan nilai-nilai dari mata pelajaran yang

sudah dikerjakan oleh siswa yang masuk ke halaman siswa tersebut.


Gambar III.46. Implementasi Antar Muka Halaman Nilai Siswa

f. Implementasi Antar Muka Halaman Profil Siswa

Halaman profil siswa ini menampilkan data diri siswa-siswi yang masuk atau

login ke halaman siswa-siswi ini.


Gambar III.47. Implemntasi Antar Muka Halaman Profil Siswa

66

3.4.2. Spesifikasi Sistem Komputer

Berikut adalah spesifikasi perangkat keras (Hardware) dan perangkat

lunak (Software) minimum yang dibutuhkan untuk mengimplementasi Aplikasi

web e-learning latihan soal-soal ujian untuk sekolah menengah dan kejuruan.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 2 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet 2mbps

b. Client

1) CPU

(a) Processor Intel® Core 2 Duo

(b) RAM DDR3 2GB

(c) Hard Disk 250 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet 1mbps

67

2. Spesifikasi Perangkat Lunak

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows.

b. Aplikasi web server menggunakan Xampp yang terdiri dari beberapa

komponen, diantaranya:

(1) Aplikasi Apache Server v2

(2) Aplikasi PHP Server v5

(3) Aplikasi MySQL Server v5

(4) Aplikasi phpMyAdmin v3

c. Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

3.4.3. Pengujian Unit

Pengujian yang dilakukan terhadap program yang yang dibuat penulis

adalah menggunakan pengujian blackbox testing yang fokus terhadap proses

masukan dan keluaran program diantaranya adalah sebagai berikut:

A. Pengujian Terhadap Browser

Tabel III.8.

Hasil Pengujian Black Box Testing Terhadap Browser

No Skenerio

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1 Menggunakan

Mozila Firefox Uji

Sistem berjalan

dengan baik

Sesuai

harapan Valid

2

Menggunakan

Google

Chrome

Uji Sistem berjalan

dengan baik

Sesuai

harapan Valid


68

B. Hasil Pengujian BlackBox Testing Tautan Link Admn.

Tabel III.9.

Hasil Pengujian BlackBox Testing Tautan Link Admin

No

.

Nama Menu Link Hasil Kesimpulan

1. Login Admin http://localhost/ta/administr

ator/login.php

Berfungsi Valid

2. Menu Halaman

Beranda Admin

http://localhost/ta/admin/ind

ex.php Berfungsi Valid

3. Menu halaman

Daftar Siswa

http://localhost/ta/admin/sis

wa.php

Berfungsi Valid

4. Menu Halaman

Daftar Guru

http://localhost/ta/admin/gu

ru.php Berfungsi Valid

5. Menu Halaman

Daftar Kelas

http://localhost/ta/admin/kel

as.php Berfungsi Valid

6. Menu Halaman

Tambah Siswa

http://localhost/ta/admin/ta

mbahsiswa.php Berfungsi Valid

7. Halaman Edit

Siswa

http://localhost/ta/admin/edi

tsiswa.php?nis=1214505595 Berfungsi Valid

8. Halaman

Tambah Guru


mbahguru.php Berfungsi Valid

9. Halaman Edit

Guru


tguru.php?nip=1962071220

07052210

Berfungsi Valid

10. Halaman

Tambah Kelas


mbahkelas.php Berfungsi Valid

11. Halaman Edit

Kelas


tkelas.php?id=1 Berfungsi Valid


http://localhost/ta/administrator/login.php


http://localhost/ta/admin/index.php

http://localhost/ta/admin/index.php

http://localhost/ta/admin/siswa.php

http://localhost/ta/admin/siswa.php

http://localhost/ta/admin/guru.php

http://localhost/ta/admin/guru.php

http://localhost/ta/admin/kelas.php

http://localhost/ta/admin/kelas.php

http://localhost/ta/admin/tambahsiswa.php

http://localhost/ta/admin/tambahsiswa.php

http://localhost/ta/admin/tambahguru.php

http://localhost/ta/admin/tambahguru.php

http://localhost/ta/admin/editguru.php?nip=196207122007052210



http://localhost/ta/admin/tambahkelas.php

http://localhost/ta/admin/tambahkelas.php

http://localhost/ta/admin/editkelas.php?id=1

http://localhost/ta/admin/editkelas.php?id=1

69

C. Hasil Pengujian BlackBox Testing Tautan Link Guru

Tabel III.10.

Hasil Pengujian BlackBox Testing Tautan Link Guru

No

.


1. Login Guru http://localhost/ta/administr

ator/login.php Berfungsi Valid

2. Menu Halaman

Beranda Guru

http://localhost/ta/guru/inde

x.php Berfungsi Valid

3. Menu Halaman

Daftar Mata

Pelajaran

http://localhost/ta/guru/map

el.php Berfungsi Valid

4. Halaman

Tambah Mata

Pelajaran

http://localhost/ta/guru/tam

bahmapel.php Berfungsi Valid

5. Halaman Edit

Mata Pelajaran

http://localhost/ta/guru/edit

mapel.php?id_mapel=1 Berfungsi Valid

6. Halaman Data

Soal

http://localhost/ta/guru/peng

aturanmapel.php?id_mapel=

1

Berfungsi Valid

7. Halaman

Tambah Soal

http://localhost/ta/guru/tamb

ahpertanyaan.php?id_mapel

=1

Berfungsi Valid

8. Halaman Edit

Soal

http://localhost/ta/guru/editp

ertanyaan.php?id_soal=93 Berfungsi Valid

9. Halaman Nilai http://localhost/ta/guru/hasil

.php?id_mapel=1 Berfungsi Valid




http://localhost/ta/guru/index.php

http://localhost/ta/guru/index.php

http://localhost/ta/guru/mapel.php

http://localhost/ta/guru/mapel.php

http://localhost/ta/guru/tambahmapel.php

http://localhost/ta/guru/tambahmapel.php

http://localhost/ta/guru/editmapel.php?id_mapel=1

http://localhost/ta/guru/editmapel.php?id_mapel=1

http://localhost/ta/guru/pengaturanmapel.php?id_mapel=1



http://localhost/ta/guru/tambahpertanyaan.php?id_mapel=1



http://localhost/ta/guru/editpertanyaan.php?id_soal=93

http://localhost/ta/guru/editpertanyaan.php?id_soal=93

http://localhost/ta/guru/hasil.php?id_mapel=1

http://localhost/ta/guru/hasil.php?id_mapel=1

70

D. Hasil Pengujian BlackBox Testing Tautan Link Siswa

Tabel III.11.

Hasil Pengujian BlackBox Testing Tautan Link Siswa


E. Pengujian Terhadap Halaman Login Admin dan Guru.

Tabel III.12.

Hasil Pengujian Black Box Testing Halaman Login Admin dan Guru

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Nip dan

password tidak

diisi kemudian

klik tombol

login

Nip :

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Nip atau

Password

Tidak Boleh

Kosong”

Sesuai

harapan Valid

No

.


1. Login Siswa http://localhost/ta/index.php Berfungsi Valid

2. Menu Halaman

Beranda Siswa

http://localhost/ta/home.php Berfungsi Valid

3. Menu Halaman

Pilih Soal Mata

Pelajaran

http://localhost/ta/mulaisoal

.php Berfungsi Valid

4. Halaman

Latihan Soal

http://localhost/ta/soal.php Berfungsi Valid

5. Halaman Nilai

Siswa

http://localhost/ta/nilai.php Berfungsi Valid

6. Halaman Profil

Siswa

http://localhost/ta/account.p

hp Berfungsi Valid

http://localhost/ta/mulaisoal.php

http://localhost/ta/mulaisoal.php

http://localhost/ta/soal.php

http://localhost/ta/nilai.php

http://localhost/ta/account.php

http://localhost/ta/account.php

71

2. Memasukkan

salah satu nip

dan password

kosong

kemudian

klik tombol

login

Nip: (isi)

Password :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Nip atau

Password

Tidak Boleh

Kosong”

Sesuai

harapan Valid

4. Memasukkan

salah satu nip

kosong dan

password

diisi

kemudian

klik tombol

login

Nip:

(Kosong)

Password :

(isi)

Sistem akan

menolak akses

user dan

menampilkan

“Nip atau

Password

Tidak Boleh

Kosong”

Sesuai

harapan Valid

3. Nip dan

password

salah

kemudian

klik tombol

login

Nip: (salah)

Password:

(salah)

Sistem akan

menolak akses

user dan

menampilkan

“Nip Dan

Password

Tidak

DItemukan”

Sesuai

harapan Valid

4. Mengetikkan

nip dan

password

dengan data

yang benar

kemudian

klik tombol

login

Nip: (benar)

Password:

(benar)

Sistem akan

menerima

akses lalu

menampilkan

halaman

beranda.

Sesuai

harapan Valid


F. Pengujian Terhadap Form Input Siswa

Tabel III.13.

Hasil Pengujian Black Box Testing Input Siswa

No Skenerio

Pengujian

Test Case Hasil Yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1. Ketika nis,

nama, email,

Nis:

(Kosong),

Sistem akan

menolak dan

Sesuai

harapan Valid

72

password,

kelas, tempat

lahir, tanggal

lahir, jenis

kelamin,

alamat, no hp

tidak diisi atau

kosong

kemudian klik

simpan

Nama

(Kosong),

Password

(Kosong),

Kelas

(Kosong),

Tempat Lahir

(Kosong),

Tanggal Lahir

(Kosong),

Jenis Kelamin

(Kosong),

Alamat

(Kosong), No

Hp (Kosong)

akan

menampilkan

pesan “Data

Tidak Boleh

Kosong”

2. Ketika nis,

nama, email,

password,

kelas, tempat

lahir, tanggal

lahir, jenis

kelamin,

alamat, no hp

diisi dengan

data yang

benar lalu klik

simpan

Mengarahkan

kursor ke

tombol

simpan

Sistem akan

menampilkan

pesan “Data

Berhasil

Disimpan”

kemudian

menampilakan

halaman daftar

siswa

Sesuai

harapan Valid

3. Ketika

mengedit nis,

nama, email,

password,

kelas, tempat

lahir, tanggal

lahir, jenis

kelamin,

alamat, no hp

diisi dengan

data yang

benar

kemudian klik

simpan

Nis: (isi),

Nama (isi),

Password (

isi),

Kelas (isi),

Tempat Lahir

(isi), Tanggal

Lahir (isi),

Jenis Kelamin

(isi),

Alamat (isi),

No Hp (isi)

Sistem akan

menampilkan

pesan “Data

Berhasil Di

Update”

kemudian

menampilakan

halaman daftar

siswa

Sesuai

harapan Valid

4. Ketika data

siswa yang

berisi nis,

nama, email,

password,

kelas, tempat

lahir, tanggal

Mengarahkan

kursor ke

tombol hapus

Sistem akan

menerima

akses

kemudian

menampilkan

daftar siswa

Sesuai

harapan Valid

73

lahir, jenis

kelamin,

alamat, no hp

kemudian klik

hapus


G. Pengujian Terhadap Form Input Guru

Tabel III.14.

Hasil Pengujian Black Box Testing Input Data Guru

No Skenerio

Pengujian


Diharapkan

Hasil

Pengujian

Kesimpulan

1. Ketika nip,

password,

nama guru,

tempat lahir,

tanggal lahir,

jenis kelamin,

alamat tidak

diisi atau

kosong

kemudian klik

simpan

nip:

(Kosong),

Password

(Kosong),

Nama Guru

(Kosong),

Tempat Lahir

(Kosong),

Tanggal

Lahir

(Kosong),

Jenis

Kelamin

(Kosong),

Alamat

(Kosong),

Sistem akan

menolak dan

akan

menampilkan

pesan “Data

Tidak Boleh

Kosong”

Sesuai

harapan Valid

2. Ketika nip,

password,

nama, tempat

lahir, tanggal

lahir, jenis

kelamin,

alamat, diisi

kemudian klik

simpan

nip: (isi),

Password

(isi),

Nama (isi),

Tempat Lahir

(isi),

Tanggal

Lahir (isi),

Jenis

Kelamin

(isi),

Alamat (isi)

Sistem akan

menampilkan

pesan “Data

Berhasil

Disimpan”

kemudian

menampilkan

halaman data

siswa

Sesuai

Harapan Valid

3. Ketika

mengedit nip,

password,

nama, tempat

lahir, tanggal

Nip (isi),

Nama (isi),

Password (

isi),

Tempat Lahir

Sistem akan

menampilkan

pesan “Data

Berhasil Di

Update”

Sesuai

harapan Valid

74

lahir, jenis

kelamin,

alamat,

diisi dengan

data yang

benar

kemudian klik

simpan

(isi), Tanggal

Lahir (isi),

Jenis

Kelamin

(isi),

Alamat (isi)

kemudian

menampilakan

halaman daftar

siswa

4. Ketika data

guru yang

berisi nip,

nama,

password,

tempat lahir,

tanggal lahir,

jenis kelamin,

alamat

kemudian klik

hapus

Mengarahkan

kursor ke

tombol hapus

Sistem akan

menerima akses

kemudian

menampilkan

data guru Sesuai

harapan Valid


H. Pengujian Terhadap Form Input Kelas

Tabel III.15.

Hasil Pengujian Black Box Testing Input Data Kelas

No Skenerio

Pengujian


Diharapkan

Hasil

Pengujian

Kesimpulan

1. Ketika nama

kelas tidak

diisi atau

kosong

kemudian klik

simpan

Nama

kelas(kosong)

Sistem akan

menolak dan

menampilkan

pesan “Data

Tidak Boleh

Kosong”

Sesui

harapan Valid

2. Ketika nama

kelas diisi

dengan benar

kemudian klik

simpan

Nama

kelas(isi)

Sistem akan

menampilkan

pesan “Data

Berhasil

Disimpan”

3. Ketika nama

kelas di edit

kemudian klik

simpan

Nama kelas (

isi)

Sistem akan

menampilkan

pesan “Data

Berhasil Di

Update”

kemudian

menampilakan

Sesuai

harapan Valid

75

halaman data

kelas

4. Ketika data

kelas dihapus

kemudian klik

hapus

Mengarahkan

kursor ke

tombol hapus

Sistem akan

menerima

akses

kemudian

menampilkan

halaman data

kelas

Sesuai

harapan Valid


I. Pengujian Terhadap Form Input Data Mata Pelajaran

Tabel III.16.

Hasil Pengujian Black Box Testing Input Data Mata Pelajaran

No Skenerio

Pengujian


Diharapkan

Hasil

Pengujian

Kesimpulan

1 Ketika nama

mata

pelajaran,

kelas, modul

tidak di isi

kemudian klik

simpan

nama mata

pelajaran

(kosong),

kelas

(kosong)

modul

(kosong)

Sistem akan

menolak dan

menampilkan

pesan “Data

Tidak Boleh

Kosong”

Sesuai

harapan Valid

2. Ketika nama

mata

pelajaran,

kelas, modul

diisi kemudian

klik simpan

nama mata

pelajaran

(isi),

kelas (isi)

modul (isi)

Sistem akan

menerima akses

kemudian

menampilkan

“Data Berhasil

Disimpan”

3. Ketika edit

mata

pelajaran,

kelas, status,

modul

kemudian klik

simpan

nama mata

pelajaran

(isi),

kelas (isi),

status (isi)

modul (isi)

Sistem akan

menampilkan

pesan “Data

Berhasil Di

Update” dan

menampilakan

halaman data

mata pelajaran

Sesuai

harapan Valid

4. Ketika data

mata pelajaran

dihapus

kemudian klik

hapus

Mengarahkan

kursor ke

tombol hapus

Sistem akan

menerima akses

kemudian

menampilkan

halaman data

mata pelajaran

Sesuai

harapan Valid


76

J. Pengujian Terhadap Form Input Soal

Tabel III.17.

Hasil Pengujian Black Box Testing Halaman Form Input Soal

No Skenerio

Pengujian


Diharapkan

Hasil

Pengujian

Kesimpulan

1. Ketika

pertanyaan,

jawaban a,

jawaban b,

jawaban c,

jawaban d,

jawaban e,

jawaban benar

tidak diisi atau

kosong

kemudian klik

simpan

Pertanyaan

(Kosong),

jawbaan a

(Kosong),

Jawaban b

(Kosong),

jawaban c

(Kosong),

Jawaban d

(Kosong),

jawaban e

(Kosong),

Jawaban

benar

(Kosong),

Sistem akan

menolak dan

akan

menampilkan

pesan “Data

Tidak Boleh

Kosong” Sesuai

harapan Valid

2. Ketika

pertanyaan

jawaban a,

jawaban b,

jawaban c,

jawaban d,

jawaban e,

jawaban benar

diisi kemudian

klik simpan

Pertanyaan

(isi), jawbaan

a (isi),

Jawaban b

(isi), jawaban

c (isi),

Jawaban d

(isi), jawaban

e (isi),

Jawaban

benar (isi),

Sistem akan

megakses dan

kemudian

menampilkan

halaman data

soal Sesuai

Harapan

3. Ketika

mengedit

pertanyaan,

jawaban a,

jawaban b,

jawaban c,

jawaban d,

jawaban e,

jawaban benar

diisi kemudian

klik simpan

Pertanyaan

(isi), jawbaan

a (isi),

Jawaban b

(isi), jawaban

c (isi),

Jawaban d

(isi), jawaban

e (isi),

Jawaban

benar (isi),

Sistem akan

megakses dan

kemudian

menampilkan

halaman data

soal Sesuai

harapan Valid

77

4. Ketika data

soal yang

berisi

pertanyaan,

jawaban a,

jawaban b,

jawaban c,

jawaban d,

jawaban e,

jawaban benar

kemudian klik

hapus

Mengarahkan

kursor ke

tombol hapus

Sistem akan

menerima akses

kemudian

menampilkan

data soal

Sesuai

harapan Valid


K. Pengujian Terhadap Halaman Login Siswa

Tabel III.18.

Hasil Pengujian Black Box Testing Halaman Login Siswa

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Nis dan

password tidak

diisi kemudian

klik tombol

login

Nis :

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

“Nis atau

Password

Belum Diisi”

Sesuai

harapan Valid

2. Memasukkan

salah satu nis

atau password

tidak diisi

(kosong)

kemudian klik

tombol login

Nis: (isi)

Password :

(kosong)

Sistem akan

menolak akses

dan

menampilkan

“Nis atau

Password

Belum Diisi”

Sesuai

harapan Valid

3. Memasukkan

nis tidak diisi

(kosong) dan

password diisi

kemudian klik

tombol login

Nis:

(kosong)

Password:

(isi)

Sistem akan

menolak akses

dan

menampilkan

“Nis atau

Password

Belum Diisi”.

Sesuai

harapan Valid

78

4. Memasukkan

kondisi salah

pada nis atau

password

kemudian klik

tombol login

Nis: (salah)

Password:

(salah)

Sistem akan

menolak akses

dan

menampilkan

“Nis atau

Password

Salah”.

Sesuai

harapan Valid

5. Mengetikkan

Nis dan

password

dengan data

yang benar

kemudian klik

tombol login

Nis:

(benar)

Password:

(benar)

Sistem akan

menampilkan

halaman

beranda. Sesuai

harapan Valid


BAB III PEMBAHASAN 3.1. Tinjauan Sekolah 3.1.1. Profil Sekolah filepelajaran, soal dan melihat hasil...

Documents

Transcript of BAB III PEMBAHASAN 3.1. Tinjauan Sekolah 3.1.1. Profil Sekolah filepelajaran, soal dan melihat hasil...