Upload
others
View
5
Download
0
Embed Size (px)
Citation preview
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
Sumber : Pemilik Yayasan Bimbel
Tujuan : Bimbel
Media : Buku/ Kertas
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
Sumber : Pemilik Yayasan Bimbel
Tujuan : Bimbel
Media : Buku/ Kertas
Jumlah : 1 File
Frekuensi : Setiap ada penambahan kelas baru
Bentuk : Lampiran A-3
4. Data Soal
Nama Dokumen : Data Soal
Fungsi : Sebagai tes kemampuan siswa
Sumber : Pemilik Yayasan Bimbel
Tujuan : Siswa dan Guru
26
Media : Kertas
Jumlah : 1 Rangkap
Frekuensi : Setiap ada penambahan soal baru
Bentuk : Lampiran A-4
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
Organisasi File : Index Sequential
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
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Kunci Field : kelas_id
Software : XAMPP
Tabel III.5
Spesifikasi File Kelas
No. Elemen Data Nama Field Tipe Size Keterangan
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
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Kunci Field : kelas_sub_id
Software : XAMPP
Tabel III.6
Spesifikasi File Sub Kelas
No. Elemen Data Nama Field Tipe Size Keterangan
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
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Kunci Field : materi_soal_id
Software : XAMPP
Tabel III.7
Spesifikasi File Materi Soal
No. Elemen Data Nama Field Tipe Size Keterangan
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
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Kunci Field : siswa_id
Software : XAMPP
35
Tabel III.8
Spesifikasi File Siswa
No. Elemen Data Nama Field Tipe Size Keterangan
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
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Kunci Field : nilai_id
Software : XAMPP
Tabel III.9
Spesifikasi File Nilai Guru
No. Elemen Data Nama Field Tipe Size Keterangan
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
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Kunci Field : nilai_id
Software : XAMPP
Tabel III.10
Spesifikasi File Nilai Siswa
No. Elemen Data Nama Field Tipe Size Keterangan
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
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Kunci Field : soal_id
Software : XAMPP
39
Tabel III.11
Spesifikasi File Data Soal
No. Elemen Data Nama Field Tipe Size Keterangan
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
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Kunci Field : soal_aktif_id
Software : XAMPP
Tabel III.12
Spesifikasi File Aktif Soal
No. Elemen Data Nama Field Tipe Size Keterangan
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
Tampilan dibawah merupakan halaman yang digunakan admin untuk
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)
Tampilan dibawah merupakan halaman yang digunakan admin untuk
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
Tampilan dibawah merupakan halaman yang digunakan admin untuk
mengatur data guru. Berikut tampilan halaman manajemen guru:
Gambar III.18
Halaman Admin Manajemen Guru
58
13. Halaman Admin Manajemen Guru (Tambah)
Tampilan dibawah merupakan halaman yang digunakan admin untuk
menambah data guru mengajar. Berikut tampilan halaman tambah guru:
Gambar III.19
Halaman Admin Manajemen Guru (Tambah)
59
14. Halaman Admin Manajemen Siswa
Tampilan dibawah merupakan halaman yang digunakan admin untuk
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
Tampilan dibawah merupakan halaman yang digunakan admin untuk
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
Tampilan dibawah merupakan halaman yang digunakan guru untuk memilih
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)
Tampilan dibawah merupakan halaman yang digunakan guru untuk melihat
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)
Tampilan dibawah merupakan halaman yang digunakan guru untuk
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)
Tampilan dibawah merupakan halaman yang digunakan guru untuk melihat
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)
Tampilan dibawah merupakan halaman yang digunakan guru untuk
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)
Tampilan dibawah merupakan halaman yang digunakan guru untuk memilih
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)
Tampilan dibawah merupakan halaman yang digunakan guru untuk melihat
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)
Tampilan dibawah merupakan halaman yang digunakan guru untuk melihat
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)
Sistem akan menolak dan
menampilkan pesan
“Password Masih
Kosong”
Sesuai
Harapan
Valid
3. NIP kosong
dan password
diisi kemudian
klik tombol
masuk
NIP : (kosong)
Password : qwerty
Sistem akan menolak dan
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
Test Case Hasil yang Diharapkan Hasil
Pengujian
Kesimpu
lan
1. Pilih Mata
Pelajaran.
Mengisi judul
materi, meng
upload materi
Mapel : B. Indonesia
Nama Materi : Kuis
Upload Materi :
(kosong)
Sistem akan menolak dan
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
Sistem akan menolak dan
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
Sistem akan menolak dan
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
Test Case Hasil yang Diharapkan Hasil
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)
Sistem akan menolak dan
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)
Sistem akan menolak dan
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)
Sistem akan menolak dan
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)
Sistem akan menolak dan
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
Test Case Hasil yang Diharapkan Hasil
Pengujian
Kesimpu
lan
1. Tidak memilih
Salah Satu
Kelas
Pilih Kelas :
(kosong)
Sistem akan menolak dan
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