bab iii pembahasan - repository.bsi.ac.id€¦ · dengan kelas yang berbeda mulai dari kelas 5 dan...

20

BAB III

PEMBAHASAN

3.1 Tinjauan Perusahaan

Dalam pembuatan program pembelajaran online ini banyak hal yang harus

diketahui sebelumnya, agar web dapat dimengerti oleh masing-masing pengguna

aplikasi web itu sendiri saat mengaksesnya. Selain itu dibutuhkan tujuan web yang

akan dibuat. Dengan kata lain harus bisa mengetahui permasalahan yang ada.

3.1.1 Sejarah Perusahaan

Bimbingan Belajar Rajawali Education berdiri pada tahun 2011, dan pertama

dibangun di Jakarta. Lalu mulai membuka cabang baru yaitu di Perumahan Villa

Mutiara Gading, Bekasi. Maka pusat bimbel dipindahkan di Bekasi yang awalnya di

Jakarta. Karena ada beberapa alasan, untuk lokasi yang di Jakarta di tutup dan

berpindah di Bekasi tepatnya di perumahan Villa Mutiara Gading 1. Bimbel Rajawali

ini diketahui atau dikenal oleh masyarakat karena lewat mulut dan kualitas guru yang

mengajarmya. Bimbel rajawali awalnya tidak memiliki murid yang banyak,

dikarenakan kurangnya informasi kepada masyarakat.

Setelah beberapa tahun, bimbel rajawali memiliki murid banyak terlebih

dengan kelas yang berbeda mulai dari kelas 5 dan 6 SD, serta kelas 7, 8, 9 SMP. Bimbel

rajawali juga menghasilkan murid yang berhasil masuk sekolah favorit di wilayah

Bekasi dan memiliki murid yang mempunyai nilai ujian nasional cukup memuaskan

yang membuatnya masuk sekolah favorit. Setelah menghasilkan murid berprestasi,

bimbel rajawali mulai dikenal masyarakat sampai sekarang melalui informasi mulut

ke mulut.

21

3.1.2 Struktur Organisasi dan Fungsi

Dalam setiap badan usaha dibutuhkan struktur organisasi untuk mengetahui

peran dan tugas masing-masing setiap anggota badan usaha tersebut agar pekerjaan

menjadi lebih mudah karena sudah ada bagian masing-masingnya

Adapun struktur organisasi yang ada di Bimbingan Belajar Rajawali

Education, yaitu :

Sumber : Bimbingan Belajar Rajawali Education

Gambar III.1

Struktur Organisasi Bimbel Rajawali Education

Keterangan :

Fungsi dari masing-masing jabatan diatas adalah sebagai berikut:

1. Yayasan Bimbel

Sebagai pemilik Yayasan Bimbel bertanggung jawab atas apa saja yang terjadi

di lingkungan Yayasan bimbel, meliputi:

a. yaitu mengatur dan memantau serta memberi arahan kepada ketua terhadap

program Yayasan Bimbel.

22

b. Pengawasan proses belajar mengajar, pelaksanaan serta penilaian.

c. Melaksanakan penilaian terhadap bagian pengajar atas pengajarannya.

2. Ketua Bimbel

Sebagai Ketua Bimbel bertanggung jawab atas apa saja yang terjadi pada

proses belajar dan mengajar pada Yayasan Bimbel, meliputi :

a. Menjalankan segala arahan yang sudah di tentukan oleh Yayasan Bimbel.

b. Serta mengkoordinasikan program Yayasan Bimbel, Pelaksanaan,

melakukan Evaluasi.

3. Bendahara

Bendahara mempunyai fungsi mengatur dan bertanggung jawab sepenuhnya

atas pengeluaran dan pemasukan keuangan.

4. Seksi Lapangan

Sebagai Seksi Lapangan memiliki tugas-tugas seperti :

a. Menyusun pembagian tugas guru.

b. Mengelola kegiatan belajar mengajar.

c. Menyusun kegiatan persiapan menghadapi ujian.

5. Sekretaris

Sebagai Sekretaris tentunya memiliki tugasnya dalam Yayasan Bimbel,

meliputi :

a. Mengatur dan menertibkan pengorganisasian.

b. Mengatur pengelolaan, pemeliharaan terhadap barang Yayasan.

23

6. Pengajar

Pengajar tentunya memiliki tugas mengajar para murid dan bertanggung jawab

atas hasil yang di dapat para murid.

3.2 Analisa Kebutuhan

Bimbel Rajawali Education merupakan tempat bimbel yang memiliki kualitas

bagus berdasarkan hasil yang sudah dibuktikan murid bimbel tersebut. Bimbel ini

digunakan untuk persiapan ujian seperti Ujian Kenaikan Kelas (UKK) dan Ujian

Nasional (UN). Pembelajaran di bimbel Rajawali serta ujian atau kuisnya masih

tertulis atau manual. Pada tahap analisa kebutuhan adalah tahap mengidentifikasikan

apa saja yang diperlukan sebuah sistem atau program yang dibuat. Selama analisa yang

dilakukan ada berbagai macam kebutuhan.

Dalam tahap ini para pengguna memiliki kebutuhan yang berbeda-beda.

Berikut kebutuhan pengguna berdasarkan level yang bisa digunakan pada sistem

sebagai berikut :

A. Kebutuhan Admin

a) Admin dapat login menggunakan email dan password.

b) Admin dapat mengubah data pribadinya.

c) Admin dapat menambah, mengubah, dan menghapus data kelas.

d) Admin dapat menambah, mengubah, dan menghapus data pelajaran.

e) Admin dapat menambah, mengubah, dan menghapus data guru.

f) Admin dapat menambah, mengubah, dan menghapus data siswa.

B. Kebutuhan Guru

a) Guru dapat login menggunakan NIP dan password.

b) Guru dapat mengubah data pribadinya

c) Guru dapat melihat hasil nilai ujian siswa.

24

d) Guru dapat memilih mata pelajaran yang ingin diajar dan kelas yang diajar.

e) Guru dapat membuat soal serta membuat ujian.

f) Guru dapat mengaktifkan dan menonaktifkan ujian.

g) Guru dapat upload materi sebagai bahan belajar.

C. Kebutuhan Siswa

a) Siswa dapat login menggunakan nis dan password.

b) Siswa dapat mengubah data pribadi.

c) Siswa dapat mengubah password sesuai keinginan.

d) Siswa dapat mengerjakan ujian sesuai kelas dan mata pelajaran.

e) Siswa dapat melihat hasil ujian yang telah dikerjakan.

f) Siswa dapat melihat jumlah soal jawaban benar dan salah.

g) Siswa dapat download materi yang di upload guru.

3.3 Rancangan Dokumen Antar Muka

A. Rancangan Dokumen Masukan (Input)

Dokumen masukan yang penulis rancang sebagai dasar proses input. User

dapat dengan mudah mengetahui informasi yang akan diolah, lalu output yang

dihasilkan sesuai dengan kebutuhan. Berikut beberapa dokumen masukan yang

penulis buat untuk Bimbel Rajawali adalah :

1. Data Siswa

Nama Dokumen : Data Siswa

Fungsi : Sebagai data diri siswa

Sumber : Pemilik Yayasan Bimbel

Tujuan : Bimbel

Media : Buku/ Kertas

Jumlah : 1 File

25

Frekuensi : Setiap ada penambahan data siswa bimbel

Bentuk : Lampiran A-1

2. Data Guru

Nama Dokumen : Data Guru

Fungsi : Sebagai data diri guru


Tujuan : Bimbel


Jumlah : 1 File

Frekuensi : Setiap ada penambahan data guru bimbel

Bentuk : Lampira A-2

3. Data Kelas

Nama Dokumen : Data Kelas

Fungsi : Sebagai data kelas


Tujuan : Bimbel


Jumlah : 1 File

Frekuensi : Setiap ada penambahan kelas baru


4. Data Soal

Nama Dokumen : Data Soal

Fungsi : Sebagai tes kemampuan siswa


Tujuan : Siswa dan Guru

26

Media : Kertas

Jumlah : 1 Rangkap

Frekuensi : Setiap ada penambahan soal baru


B. Rancangan Dokumen Keluaran (Output)

Rancangan dokumen keluaran yang penulis buat, menyangkut dengan hasil

dari adanya data masukan dan keluaran ini dapat dengan mudah melihat nilai siswa

yang sudah diajarnya. Berikut rancangan dokumen keluaran yang penulis buat yaitu :

1. Nilai Siswa

Nama Dokumen : Nilai Siswa

Fungsi : Sebagai bukti siswa telah mengerjakan soal

Tujuan : Siswa dan Guru

Media : Kertas / Excel

Jumlah : 1 Rangkap

Frekuensi : Setiap ada pencetakan nilai siswa

Bentuk : Lampiran B-1

2. Materi

Nama dokumen : Materi Soal

Fungsi : Sebagai bahan belajar ujian siswa

Tujuan : Siswa

Media : Kertas / Pdf

Jumlah : 1 Rangkap

Frekuensi : Setiap ada pencetakan atau unduh materi

Bentuk : Lampiran B-2

27

3.4 Entity Relationship Diagram (ERD)

Perancangan basis data menghasilkan pemetaan table-tabel yang digambar

menjadi Entity Relationship Diagram (ERD).

A. Entity Relationship Diagram

Gambar III.2

Entity Relationship Diagram

28

B. Logical Record Structure (LRS)

Gambar III.3

Logical Record Structure

3.5 Spesifikasi File

Menjelaskan tentang file atau table yang terbentuk atau file-file dalam

pembuatan web sebagai berikut:

a. Spesifikasi File Guru

Nama File : File Data Guru

Akronim : tb_guru

Fungsi : untuk menyimpan data guru

Tipe : File Master

29

Panjang Record : 91

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Kunci Field : guru_id

Software : XAMPP

Tabel III.1

Spesifikasi File Guru

No. Elemen

Data

Nama Field Tipe Size Keterangan

1. Id Guru guru_id Varchar 6 Primary

Key

2. Nip nip Varchar 10 Candidate

Key

3. Password pass Varchar 50

4. Nama nama varchar 25

5. Kelamin kelamin Enum (‘Laki-

Laki’,’Perempuan’)

6. Blokir blokir Enum (‘n’,’y’)

7. Tanggal tgl Date

8. Jam jam Time

30

b. Spesifikasi File Pilih Kelas

Nama File : File Data Pilih Kelas

Akronim : tb_pilih_kelas

Fungsi : untuk menampilkan data guru

Tipe : File Master

Panjang Record : 28


Akses File : Random

Media : Hardisk

Kunci Field : pilih_kelas_id

Software : XAMPP

Tabel III.4

Spesifikasi File Pilih Kelas

No. Elemen Data Nama Field Tipe Size Keterangan

1. Pilih kelas id pilih_kelas_id Int 11 Primary

key

2. Id guru guru_id Varchar 6 Foreign

key

3. Id sub kelas kelas_sub_id Int 11 Foreign

key

31

c. Spesifikasi File Kelas

Nama File : File Data Kelas

Akronim : tb_kelas

Fungsi : untuk menampilkan data kelas

Tipe : File Master

Panjang Record : 22


Akses File : Random

Media : Hardisk

Kunci Field : kelas_id

Software : XAMPP

Tabel III.5

Spesifikasi File Kelas


1. Id kelas kelas_id int 11 Primary Key

2. Kelas kelas varchar 11

3. blokir blokir Enum(‘

n’,’y’)

32

d. Spesifikasi File Sub Kelas

Nama File : File Data Sub Kelas

Akronim : tb_kelas_sub

Fungsi : untuk membuat data sub kelas

Tipe : File Master

Panjang Record : 32


Akses File : Random

Media : Hardisk

Kunci Field : kelas_sub_id

Software : XAMPP

Tabel III.6

Spesifikasi File Sub Kelas


1. Id sub kelas kelas_sub_id int 11 Primary key

2. Id kelas kelas_id Int 11 Foreign key

3. Nama kelas nama_kelas varchar 10

4. Blokir blokir Enum(‘n’,’y’)

33

e. Spesifikasi File Materi Soal

Nama File : File Materi Soal

Akronim : tb_materi

Fungsi : untuk menginput materi soal

Tipe : File Master

Panjang Record : 78


Akses File : Random

Media : Hardisk

Kunci Field : materi_soal_id

Software : XAMPP

Tabel III.7

Spesifikasi File Materi Soal


1 Id Materi Soal materi_soal_id Int 11 Primary key

2 Id guru guru_id Varchar 6 Foreign key

3 Id pilih mapel pilih_mapel_id Int 11 Foreign Key

4 Materi materi Varchar 50

5 File Materi file_materi Text

6 Blokir blokir Enum (‘n’,’y’)

34

f. Spesifikasi File Siswa

Nama File : File Siswa

Akronim : tb_siswa

Fungsi : untuk menyimpan data siswa

Tipe : File Master

Panjang Record : 283


Akses File : Random

Media : Hardisk

Kunci Field : siswa_id

Software : XAMPP

35

Tabel III.8

Spesifikasi File Siswa


1. Id siswa siswa_id Varchar 7 Primary Key

2. Id sub kelas kelas_sub_id Int 11 Foreign Key

3. Nis Nis Varchar 30 Candidate Key

4. Password Pass Varchar 100

5. Foto Foto Varchar 50

6. Cover Cover Varchar 50

7. Nama Nama Varchar 25

8. Panggilan Panggilan Varchar 10

9. Kelamin Kelamin Enum (‘Laki-

Laki’,’Perempuan’)

10. Tanggal Tgl Date

11. Jam Jam Time

36

g. Spesifikasi File Nilai Guru

Nama File : File Nilai Guru

Akronim : tb_nilai_guru

Fungsi : untuk melihat data nilai siswa yang masuk

Tipe : File Transaksi

Panjang Record : 37


Akses File : Random

Media : Hardisk

Kunci Field : nilai_id

Software : XAMPP

Tabel III.9

Spesifikasi File Nilai Guru


1 Id nilai nilai_id Int 11 Primary key

2 Id siswa siswa_id Varchar 7 Foreign key

3 Id materi soal materi_soal_id Int 11 Foreign key

4 Benar benar Tinyint 3

5 Salah salah Tinyint 3

6 Nilai nilai Tinyint 3

7 Tanggal tgl Date

8 Jam jam Time

37

h. Spesifikasi File Nilai Siswa

Nama File : File Nilai Siswa

Akronim : tb_nilai_siswa

Fungsi : untuk melihat hasil ujian sendiri

Tipe : File Transaksi

Panjang Record : 37


Akses File : Random

Media : Hardisk

Kunci Field : nilai_id

Software : XAMPP

Tabel III.10

Spesifikasi File Nilai Siswa


1 Id nilai nilai_id Int 11 Primary Key

2 Id siswa siswa_id Varchar 7 Foreign Key

3 Id materi soal materi_soal_id Int 11 Foreign Key

4 Benar Benar Tinyint 3

5 Salah Salah Tinyint 3

6 Nilai Nilai Tinyint 3

7 Tanggal Tgl Date

8 Jam Jam Time

38

i. Spesifikasi File Soal

Nama File : File Data Soal

Akronim : tb_soal

Fungsi : untuk menginput soal

Tipe : File Master

Panjang Record : 522


Akses File : Random

Media : Hardisk

Kunci Field : soal_id

Software : XAMPP

39

Tabel III.11

Spesifikasi File Data Soal


1. Id soal soal_id Int 11 Primary Key

2. Id materi soal materi_soal_id Int 11 Foreign Key

3. Soal soal Text

4. A a Varchar 100

5. B b Varchar 100

6. C c Varchar 100

7. D d Varchar 100

8. E e Varchar 100

9. Jawaban jawaban Enum(‘a’,’b’,’c’,’d’,

’e’)

10. Tanggal tgl Date

11. Jam jam Time

12. Blokir blokir Enum(‘y’,’n’)

40

j. Spesifikasi File Soal Aktif

Nama File : File Soal Aktif

Akronim : tb_soal_aktif

Fungsi : untuk mengaktifkan ujian

Tipe : File Detail

Panjang Record : 55


Akses File : Random

Media : Hardisk

Kunci Field : soal_aktif_id

Software : XAMPP

Tabel III.12

Spesifikasi File Aktif Soal


1 Id aktif soal soal_aktif_id Int 11 Primary Key

2 Id materi soal materi_soal_id Int 11 Foreign Key

3 Id sub kelas kelas_sub_id Int 11 Foreign Key

4 Menit menit Int 11

5 Detik detik Int 11

6 Aktif aktif Enum(‘aktif’,’-‘)

7 Tanggal tgl Date

8 Jam jam Time

9. Selesai selesai Timr

41

3.6 Pengkodean

1. Struktur Kode Admin

Inisial Admin No Urut Admin

Contoh:

Inisial Admin No Urut Admin

Keterangan :

ADM : Admin

1 : No urut admin

X X

X

9

A D

M

1

42

2. Struktur Kode Guru

Inisial Guru No Urut Guru

Contoh :

Inisial Guru No Urut Guru

Keterangan :

GRU : Inisial Guru

001 : No urut guru

X X

X

9

9

9

G R

U

0

0

1

43

3. Struktur Kode Siswa

Inisial Siswa No Urut Siswa

Contoh :

Inisial Siswa No Urut Siswa

Keterangan :

MRD : Murid

001 : No urut murid

3.7 Spesifikasi Program

A. Struktur Navigasi Halaman Index (Halaman Admin)

Pada Halaman Admin menggunakan struktur navigasi composite karena

rangkaian pengguna, pelajaran, kelas, guru, siswa dan keluar dapat diakses secara

bebas.

X X

X

9

9

9

M R

D

0

0

1

44

Gambar III.4

Struktur Navigasi Halaman Admin

B. Struktur Navigasi Halaman Index (Halaman Guru)

Pada Halaman Guru menggunakan struktur navigasi composite karena

rangkaian masih sama seperti halaman admin tetapi hamya berbeda pada ujian.

Gambar III.5

Struktur Navigasi Halaman Guru

45

C. Struktur Navigasi Halaman Index (Halaman Siswa)

Pada Halaman Siswa menggunakan struktur navigasi composite karena

rangkaian List Ujian dan Riwayat Ujian dapat diakses secara bebas.

Gambar III.6

Struktur Navigasi Halaman Siswa

3.8 Spesifikasi Sistem Komputer

Menjelaskan tentang penggunaan dari perangkat lunak dan perangkat keras

yang digunakan dalam sistem dan penggambarannya.

A. Perangkat Keras (Hardware)

Perangkat keras yang digunakan untuk mendukung program sebagai berikut :

a. Processor : Intel® Core™ i5-5200 @ 2.20 GHz

b. RAM : 4GB

c. Hardisk : 500GB

d. Keyboard

e. Mouse

f. Koneksi internet dengan kecepatan 8 Mbps.

B. Perangkat Lunak (Software)

Perangkat lunak yang digunakan untuk mendukung program sebagai berikut:

46

a. Sistem Operasi : Windows 10 Pro

b. Program Aplikasi : Sublime Text 3

c. Database : MySQL

d. Web Server : XAMPP

e. Web Browser : Google Chrome dan Microsoft Edge

3.9 Implementasi

A. Implementasi Rancangan Form/Antar Muka

Implementasi rancangan antar muka pada aplikasi ujian online berdasarkan

hasil rancangan antar muka.

1. Halaman Login Admin

Admin harus login terlebih dahulu sebelum dapat mengakses aplikasi ujian

online. Berikut tampilan menu login admin:

Gambar III.7

Halaman Login Admin

47

2. Halaman Login Guru

Guru harus login terlebih dahulu sebelum dapat mengakses aplikasi ujian

online. Berikut tampilan menu login guru:

Gambar III.8

Halaman Login Guru

48

3. Halaman Login Siswa

Siswa harus login terlebih dahulu sebelum dapat mengakses aplikasi ujian

online. Berikut tampilan menu login siswa:

Gambar III.9

Halaman Login Siswa

49

4. Halaman Setelah Login (Admin)

Berikut adalah tampilan setelah admin melakukan login. Terdapat beberapa

informasi yang dibutuhkan dengan cepat. Berikut tampalin admin setelah

login:

Gambar III.10

Halaman setelah login (Admin)

50

5. Halaman Profil (Admin)

Halaman ini digunakan admin untuk merubah username dan password.

Berikut tampilan halaman profil admin:

Gambar III.11

Halaman setelah login (Admin)

51

6. Halaman Admin Manajemen Kelas

Halaman ini merupakan halaman admin untuk melihat dan mengatur data

kelas pada bimbel. Berikut tampilan manajemen kelas:

Gambar III.12

Halaman Admin Manajemen Kelas

52

7. Halaman Admin Manajemen Kelas (Tambah)

Tampilan dibawah merupakan tampilan untuk admin menambah data kelas

yang ingin ditambahkan. Berikut tampilan admin ingin menambah data kelas:

Gambar III.13

Halaman Admin Manajemen Kelas (Tambah)

53

8. Halaman Admin Manajemen Kelas Detail

Tampilan dibawah merupakan tampilan yang digunakan admin untuk

mengatur membedakan kelas. Berikut tampilan kelas detail:

Gambar III.14

Halaman Admin Manajemen Kelas Detail

54

9. Halaman Admin Manajemen Kelas Detail (Tambah)

Tampilan dibawah merupakan halaman yang digunakan admin untuk

mengatur kelas detail atau bisa disebut penamaan. Berikut tampilan

manajemen kelas detail (tambah).

Gambar III.15

Halaman Admin Manajemen Kelas Detail (Tambah)

55

10. Halaman Admin Manajemen Mata Pelajaran


mengatur data mata pelajaran yang diajarkan. Berikut tampilan manajemen

mata pelajaran:

Gambar III.16

Halaman Admin Manajemen Mata Pelajaran

56

11. Halaman Admin Manajemen Mata Pelajaran (Tambah)


menambahkan data mata pelajaran. Berikut tampilan untuk menambah data

mata pelajaran:

Gambar III.17

Halaman Admin Manajemen Mata Pelajaran (Tambah)

57

12. Halaman Admin Manajemen Guru


mengatur data guru. Berikut tampilan halaman manajemen guru:

Gambar III.18

Halaman Admin Manajemen Guru

58

13. Halaman Admin Manajemen Guru (Tambah)


menambah data guru mengajar. Berikut tampilan halaman tambah guru:

Gambar III.19

Halaman Admin Manajemen Guru (Tambah)

59

14. Halaman Admin Manajemen Siswa


mengatur data siswa pada bimbel. Berikut tampilan data siswa:

Gambar III.20

Halaman Admin Manajemen Siswa

60

15. Halaman Admin Setelah Memilih Kelas

Tampilan dibawah merupakan halaman yang digunakan admin setelah

memilih data kelas yang ingin dilihat. Berikut tampilan admin setelah

memilih kelas:

Gambar III.21

Halaman Admin Setelah Pilih Kelas

61

16. Halaman Admin Manajemen Siswa (Tambah)

Tampilan dibawah merupakan halaman yang digunakan admin menambah

data siswa baru pada bimbel. Berikut tampilan admin menambah data siswa:

Gambar III.22

Halaman Admin Manajemen Siswa (Tambah)

62

17. Halaman Admin Manajemen Identitas


mengatur info tentang bimbel. Berikut tampilan admin manajemen identitas:

Gambar III.23

Halaman Admin Manajemen Identitas

63

18. Halaman Setelah Login (Guru)

Tampilan dibawah merupakan tampilan halaman setelah guru login. Halaman

setelah login ini berisi informasi ringkas. Berikut tampilan guru setelah

melakukan login:

Gambar III.24

Halaman Guru Setelah Login

64

19. Halaman Profil (Guru)

Tampilan dibawah merupakan tampilan halaman yang digunakan guru untuk

mengatur informasi pribadi. Berikut tampilan untuk mengatur profil:

Gambar III.25

Halaman Guru Setelah Login

65

20. Halaman Guru Manajemen Kelas Mengajar

Tampilan dibawah merupakan halaman yang digunakan guru untuk memilih

kelas yang ingin diajar sesuai dengan keahliannya. Berikut tampilan guru

memilih kelas :

Gambar III.26

Halaman Guru Manajemen Kelas Mengajar

66

21. Halaman Guru Manajemen Mata Pelajaran


mata pelajaran yang akan di ambil dan sesuai dengan keahliannya. Berikut

tampilan guru memilih mata pelajaran yang diajar:

Gambar III.27

Halaman Guru Manajemen Mata Pelajaran

67

22. Halaman Guru Menajemen Materi

Tampilan dibawah merupakan halaman yang digunakan guru untuk melihat

materi apa saja yang sudah diberikan pada pembelajaran online. Berikut

tampilan halaman guru mengatur materi:

Gambar III.28

Halaman Guru Manajemen Materi

68

23. Halaman Guru Manajemen Materi (Tambah)

Tampilan dibawah merupakan halaman yang digunakan guru untuk

menambahkan materi pembelajaran kepada siswa nantinya. Berikut tampilan

halaman guru menambah materi:

Gambar III.29

Halaman Guru Manajemen Materi (Tambah)

69

24. Halaman Guru Manajemen Soal (Daftar Materi)

Tampilan berikut merupakan halaman yang digunakan guru untuk memilih

materi yang akan ditambahkan soal. Berikut tampilan daftar materi :

Gambar III.30

Halaman Guru Manajemen Soal (Daftar Materi)

70

25. Halaman Guru Manajemen Soal (Lihat)


soal yang terdapat pada materi. Berikut tampilan guru melihat soal:

Gambar III.31

Halaman Guru Manajemen Soal (Lihat)

71

26. Halaman Guru Manajemen Soal (Tambah)


menambahkan data soal yang akan digunakan. Berikut tampilan guru

menambahkan soal:

Gambar III.32

Halaman Guru Manajemen Soal (Tambah)

72

27. Halaman Guru Manajemen Aktifkan Soal (Daftar Soal Aktif)


daftar soal dan materi yang aktif. Berikut tampilan guru melihat daftar aktif

soal:

Gambar III.33

Halaman Guru Manajemen Aktifkan Soal (Daftar Soal Aktif)

73

28. Halaman Guru Manajemen Aktifkan Soal (Tambah)


menambahkan materi soal yang akan diaktifkan atau dipakai. Berikut

tampilan halaman yang ditambah aktifkan :

Gambar III.34

Halaman Guru Manajemen Aktifkan Soal (Tambah)

74

29. Halaman Guru Manajemen Nilai (Pilih Kelas)


kelas yang ingin dilihat nilainya. Berikut tampilan untuk memilih kelasnya:

Gambar III.35

Halaman Guru Manajemen Nilai (Pilih Kelas)

75

30. Halaman Guru Manajemen Nilai (Lihat)


nilai. Berikut tampilan nilai berdasarkan materi yang dilihat guru:

Gambar III.36

Halaman Guru Manajemen Nilai (Lihat)

76

31. Halaman Guru Manajemen Nilai (Lihat Detail)


secara detail hasil soal yang telah dikerjakan. Berikut tampilan nilai yang

telah dikerjakan:

Gambar III.37

Halaman Guru Manajemen Nilai (Lihat Detail)

77

32. Halaman Setelah Login (Siswa)

Tampilan dibawah merupakan tampilan setelah siswa melakukan login.

Berikut tampilan siswa setelah login:

Gambar III.38

Halaman Setelah Login (Siswa)

78

33. Halaman Profil (Siswa)

Tampilan dibawah merupakan halaman yang digunakan siswa untuk melihat

data pribadi dan juga untuk merubah NIS dan password. Berikut tampilan

profil siswa:

Gambar III.39

Halaman Profil (Siswa)

79

34. Halaman Siswa Daftar Tugas

Tampilan dibawah merupakan halaman yang digunakan siswa untuk melihat

daftar tugas yang akan dikerjakan. Berikut tampilan daftar tugas siswa:

Gambar III.40

Halaman Daftar Tugas (Siswa)

80

35. Halaman Siswa Mengerjakan Tugas

Tampilan dibawah merupakan halaman yang digunakan siswa untuk

mengerjakan soal yang diberikan guru berdasarkan waktu yang sudah

ditentukan. Berikut tampilan halaman siswa mengerjakan soal:

Gambar III.41

Halaman Siswa Mengerjakan Soal

81

36. Halaman Siswa Setelah Mengerjakan Soal

Tampilan dibawah merupakan halaman yang terjadi setelah siswa

mengerjakan soal yang dikerjakan. Berikut tampilan yang akan tampil:

Gambar III.42

Halaman Siswa Setelah Mengerjakan Soal

82

3.10 Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

focus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login (Login Admin, Guru, dan Siswa)

Tabel III.13

Hasil Pengerjaan Blackbox Testing Halaman Login Guru

No Skenario

Pengujian

Test Case Hasil yang Diharapkan Hasil

Pengujian

Kesimpu

lan

1. NIP dan

password tidak

diisi kemudian

klik tombol

masuk

NIP : (kosong)

Password : (kosong)

Sistem akan menolak dan

menampilkan pesan “NIP

Masih Kosong”

Sesuai

Harapan

Valid

2. NIP diisi dan

password tidak

diisi kemudian

klik tombol

masuk

NIP : (199001)

Password : (kosong)


menampilkan pesan

“Password Masih

Kosong”

Sesuai

Harapan

Valid

3. NIP kosong

dan password

diisi kemudian

klik tombol

masuk

NIP : (kosong)

Password : qwerty


menampilkan pesan “NIP

Masih Kosong”

Sesuai

Harapan

Valid

83

4. NIP dan

password diisi

dengan benar

kemudian klik

tombol masuk

NIP : 199001

Password: qwerty

Sistem akan menerima

akses login dan

kemudian langsung

diarahkan ke halaman

utama admin

Sesuai

harapan

Valid

84

B. Pengujian Terhadap Form Guru (Tambah Materi)

Tabel III.14

Hasil Pengerjaan Blackbox Testing Halaman Guru (Tambah Materi)

No Skenario

Pengujian


Pengujian

Kesimpu

lan

1. Pilih Mata

Pelajaran.

Mengisi judul

materi, meng

upload materi

Mapel : B. Indonesia

Nama Materi : Kuis

Upload Materi :

(kosong)


menampilkan pesan

“Pilih Berkas” pada

bagian Upload Materi.

Sesuai

Harapan

Valid

2. Pilih Mata

Pelajaran.

Mengisi judul

materi, meng

upload materi

Mapel : B. Indonesia

Nama Materi :

(kosong)

Upload Materi :

kuis.pdf


menampilkan pesan “Isi

isian ini” pada bagian

Nama Materi

Sesuai

Harapan

Valid

3. Pilih Mata

Pelajaran.

Mengisi judul

materi, meng

upload materi

Mapel : (tidak

dipilih)

Nama Materi : Kuis

Upload Materi :

kuis.pdf


menampilkan pesan

“Pilih Salah Satu Item

Pada Daftar “ pada

bagian Mapel

Sesuai

Harapan

Valid

85

C. Pengujian Terhadap Form Guru (Aktifkan Soal)

Tabel III.15

Hasil Pengerjaan Blackbox Testing Halaman Guru (Aktifkan Soal)

No Skenario

Pengujian


Pengujian

Kesimpu

lan

1. Pilih Mata

Pelajaran,Pilih

Materi Soal,

Pilih Kelas,

Tentukan

waktu kosong

Mata Pelajaran : B.

Indonesia

Materi Soal : Kuis

Pilih Kelas : 7A

Waktu : (kosong)


menampilkan pesan “Isi

isian ini” pada bagian

waktu

Sesuai

Harapan

Valid

2. Pilih Mata

Pelajaran,Pilih

Materi Soal,

Pilih Kelas

tidak dipilih,

Tentukan

waktu

pengerjaan

Mata Pelajaran : B.

Indonesia

Materi Soal : Kuis

Pilih Kelas : (tidak

dipilih)

Waktu : 120 (menit)


menampilkan pesan

“Pilih salah satu item

pada daftar“ pada bagian

Pilih Kelas

Sesuai

Harapan

Valid

3. Pilih Mata

Pelajaran,Pilih

Materi Soal,

Pilih Kelas,

Mata Pelajaran : B.

Indonesia

Materi Soal :

(kosong)


menampilkan pesan

“Pilih salah satu item

Sesuai

Harapan

Valid

86

Tentukan

waktu

pengerjaan

Pilih Kelas : 7A

Waktu : 120 (menit)

pada daftar“ pada bagian

Materi Soal

4. Pilih Mata

Pelajaran,Pilih

Materi Soal,

Pilih Kelas,

Tentukan

waktu

pengerjaan

Mata Pelajaran :

(tidak dipilih)

Materi Soal : Kuis

Pilih Kelas : 7A

Waktu : 120 (menit)


menampilkan pesan

“Pilih Salah Satu Item

Pada Daftar“ pada bagian

Mata Pelajaran

Sesuai

Harapan

Valid

87

D. Pengujian Terhadap Form Guru (Pilih Kelas)

Tabel III.16

Hasil Pengerjaan Blackbox Testing Halaman Guru (Pilih Kelas)

No Skenario

Pengujian


Pengujian

Kesimpu

lan

1. Tidak memilih

Salah Satu

Kelas

Pilih Kelas :

(kosong)


menampilkan pesan

“Pilih Salah Satu Item Di

Daftar “ pada bagian

Pilih Kelas

Sesuai

Harapan

Valid

2. Memilih Salah

Satu Kelas

Pilih Kelas Sistem akan menyimpan

daftar kelas yang dipilih

Sesuai

Harapan

Valid

bab iii pembahasan - repository.bsi.ac.id€¦ · dengan kelas yang berbeda mulai dari kelas 5 dan...

Documents