21
BAB III
PEMBAHASAN
3.1 Tinjauan Perusahaan
Tinjauan perusahaan dilakukan untuk mendapatkan gambaran tentang proses
bisnis berdasarkan sejarah perusahaan, struktur organisasi dan fungsi yang ada di
perusahaan.
3.1.1 Sejarah Perusahaan
MTs Nurul Amal di dirikan tahun 2008 oleh beberapa orang tokoh masyarakat
Kp Gunung Peuteuy Rt 02/Rw 07 Desa Gunung Sari Pamijahan. MTs Nurul Amal
berada di bawah Yayasan Nurul Amal Bogor. Berdirinya MTs Nurul Amal di dasari
oleh kesadaran:
1. Ingin membantu pemerintah dalam mencerdaskan kehidupan bangsa
2. Mengantisifasi perkembangan daerah yang menjadi daerah pariwisata
3. Minimnya kehidupan beragama setempat
Dalam perkembanganya dari segi kuantitas murid MTS Nurul Amal belumlah
cukup membahagiakan tetapi dari segi kualitas siswa MTs Nurul Amal cukuplah
membanggakan. Sesuai dengan Visi Madrasah “ Tinggi dalam Prestasi Luhur dalam
Akhlak” MTs Nurul Amal Sering kali meraih prestasi di setiap ajang perlombaan atau
kejuaraan yang di ikuti dan cukup di segani di wilayah pamijahan tentunya. Salah
satu prestasi yang di raih MTs Nurul Amal adalah sebagai Juara Umum Kejuaraan
Pelajar Islam ke IV tahun 2016 se Kecamatan Pamijahan dan Cibungbulang.
22
Seiring dengan tantangan zaman MTs Nurul Amal terus mengembani diri
untuk lebih baik kedepannya. Program kedepan yang akan dijalankan yaitu membuka
Boarding School dengan program tahfidzul Qur‟an utamanya. Semoga kedepan MTs
Nurul Amal dapat bekembang dan terus meningkatkan prestasi yang diraih.
3.1.2 Struktur Organisasi dan Fungsi
Struktur organisasi adalah susunan hubungan antara atasan dengan para staff
dan aktivitas satu sama lain serta terhadap ke seluruh pertangung jawab , wewenang
melalui tujuan perusahaan pada pencapaian sasarannya. Untuk itu, struktur organisasi
pada tiap-tiap organisasi atau perusahaan di buat agar tujuan yang telah diterapkan
dapat tercapai dengan memperjelas tugas dan tanggung jawab dari masing-masing
bagian yang terkait, maka diperlukan bagian organisasi.
23
30
Sumber : Madrasah Tsanawiyah Nurul Amal Pamijahan Bogor
Gambar III.1.
Struktur Organisasi
Kisnandar, S.Pd
Kepala Madrasah
Kepala Madrasah
Iwan Setiawan, S.Pd
Komite Madrasah
Wakil Kepala Madrasah
Nani Yuningsih, S.Pd
Tata Usaha
Ujang Joni, S.Pd
Ujang Joni, S.Pd
Wali Kelas/Guru Pembina Osis
Vera Handayani, S.Pd
Ujang Joni, S.Pd
Pembina Ekskul
Juni Cahyadi
Ujang Joni, S.Pd
Siswa-Siswi
Ujang Joni, S.Pd
24
30
Struktur organisasi perusahaan yang tepat merupakan salah satu faktor yang
sangat menentukan berhasil atau tidaknya suatu perusahaan didalam pencapaian
tujuan yang telah ditetapkan oleh perusahaan, maka dalam menjalankan atau
pembagian tugas dan wewenang, menetapkan struktur organisasi garis dan staff.
Adapun fungsi dari struktur organisasi tersebut dapat diperjelas sebagai berikut:
a. Kepala Madrasah
Bertanggung jawab mengendalikan semua kegiatan sekolah serta membuat
gambaran pekerjaan yang harus dilakukan setiap bagian yang ada.
b. Wakil Kepala Madrasah
Bertugas untuk membantu kepala sekolah dalam urusan-urusan seperti,
kesiswaan, kurikulum, sarana prasarana dan humas.
c. Komite Madrasah
Bertanggung jawab untuk menangani semua permasalahan atau aspirasi yang
terjadi dari orangtua/wali peserta didik
d. Tata Usaha
Bertanggung jawab dalam perencana administrasi program dan anggaran,
mengkoordinator administrasi ketatausahaan dan bidang umum sekolah.
e. Pembina Osis
Bertanggung jawab menyusun program pembinaan siswa / OSIS, membantu
menyusun program pengembangan diri siswa, melakukan pemilihan calon
siswa, penerima bea siswa , mengikuti lomba, petugas upacara, dll.
25
30
f. Pembina Ekskul
Bertanggung jawab untuk membimbing Program Ekstakulikuler yang ada di
sekolah.
g. Wali kelas/Dewan Guru
Bertugas mengelolah dan menyelenggarakan administrasi kelas yang meliputi :
denah tempat duduk, buku absen, papan absen, daftar pelajaran, legger, dan tata
tertib siswa, memberikan Motivasi dan menciptakan situasi KBM yang efektif
kepada siswa, mendidik dan mengamalkan ilmunya sesuai dengan bidang
keahliannya masing-masing.
h. Siswa
Merupakan peserta didik yang berkewajiban untuk belajar.
3.2 Analisa Kebutuhan
Seperti yang telah dijelaskan pada bab sebelumnya mengenai strategi persiapan
pembangunan sebuah web menggunakan metode waterfall, yang perlu dilakukan
pertama kali adalah melakukan analisis. Ada dua analisis yang cukup penting yang
perlu dilakukan sebelum membangun sebuah web, yaitu analisis kebutuhan
pengguna dan analisis kebutuhan sistem.
3.2.1 Analisis kebutuhan pengguna
Kebutuhan yang disarankan pada hal-hal yang dibutuhkan oleh pengguna
terhadap sistem yang akan dibuat. Dalam hal ni terdapat tiga pengguna yaitu
kebutuhan admin, guru, dan siswa.Berikut penjelasan dari masing-masing pengguna
sistem:
26
30
1. Kebutuhan Administrator
Admin merupakan orang yang mengatur semua isi data dalam website. Untuk
lebih lengkapanya dapat dilihat pada penjabaran dibawah ini:
a. Administator dapat menambahkan, mengedit dan menghapus data user
dan menentukan level dari user tersebut apakah sebagai guru maupun
sebagai admin.
b. Administator dapat menambahkan, mengedit dan menghapus data siswa.
c. Administator dapat menambahkan, mengedit dan menghapus data kelas.
d. Administator dapat menambahkan, mengedit dan menghapus data Ujian .
e. Administator dapat mengedit kelas mana saja yang akan mengikuti ujian
berdasarkan mata pelajarannya.
f. Administator bisa mengubah password nya sendiri melalui form ganti
password.
2. Kebutuhan Guru
Tugas utama guru adalah memanajeman data ujian seperti memasukan soal-soal
sesuai dengan pelajaran yang didaftarkan oleh admin. Selengkapnya pada
penjabaran berikut ini:
a. Guru dapat mengaktifkan dan menon-aktifkan kelas ujian.
b. Guru dapat mengolah data login siswa, seperti siapa saja siswa yang
belum login dan siswa yang sudah login dan dapat merefreshnya.
27
30
c. Guru mengelolah data soal-soal yang diberikan kepada siswa menurut
mata pelajaran yang sudah didaftarkan oleh admin. Disini guru dapat
menambah soal, mengedit soal, dan menghapus soal.
d. Guru dapat langsung mengetahui nilai yang di peroleh siswa setelah
selesai ujian dan siswa yang belum mendapatkan nilai ujian.
e. guru dapat mengubah password melalui form ganti password.
3. Kebutuhan Siswa
Halaman siswa adalah halaman front-end pada webset ini. Siswa dapat
mengikuti ujian sesuai dengan kelasnya. Selengkapnya pada penjabaran berikut
ini:
a. Siswa yang hanya memiliki satu mata pelajaran yang di ujikan maka
siswa langsung dapat melihat form detail ujian.
b. Siswa yang memiliki lebih dari satu mata pelajaran yang di ujikan maka
siswa akan melihat daftar ujian.
c. Siswa menyetujui petunjuk ujian sebelum menjawab soal-soal ujian.
d. Siswa mengklik tombol selesai untuk memproses nilai ujian.
3.2.2 Analisa kebutuhan sistem
1. Kebutuhan sistem untuk admin
a. Admin harus melakukan login terlebih dahulu untuk dapat mengakses
aplikasi dengan memasukan username dan password agar privasi admin
tetap terjaga keamananya.
b. Admin harus melakukan logout setelah selesai mengelola data.
28
30
2. Kebutuhan Sistem untuk Guru
a. Guru harus melakukan login terlebih dahulu untuk dapat mengakses
aplikasi ini dengan memasukan username dan password agar privasi
masing-masing guru tetap terjaga keamananya.
b. Guru harus logout setelah selesai mengolah data.
3. Kebutuhan sistem untuk siswa
c. Siswa tidak dapat mengikuti ujian jika belum melakukan login, siwa login
dengan memasukan username dan pasword sesuai dengan kartu ujian
yang di berikan oleh guru.
d. Siswa harus logout setelah selesai melakukan ujian.
e. Sistem melakukan perhitungan nilai untuk Ujian yang dilakukan oleh
siswa secara langsung berdasarkan jawaban yang benar.
3.3 Perancangan Perangkat Lunak
3.3.1 Rancangan Antar Muka
Rancangan antar muka bertujuan untuk memberikan gambaran mengenai
rancangan website yang akan dibangun, sehingga akan mudah dalam
mengimplementasikan website dan juga memudahkan pembuatan website yang user
friendly. Untuk rancangan antar muka pada tampilan website sistem Informasi ujian
online terdiri dari beberapa rancangan halaman, sebagai berikut:
29
30
1. Rancangan Antar Muka Halaman Admin
A. Halaman login admin
LOGIN ADMIN
Username
Password
Login
Gambar III.2.
Halaman Login admin
B. Halaman Beranda Admin
Beranda User Siswa Kelas Ujian Kelas Ujian Nama Admin Keluar
Footer
Selamat Datang di Halaman XXXXX
Anda Login Sebagai Admin!!
Gambar III.3.
Halaman Beranda Admin
30
30
C. Halaman Admin Manajemen User
Beranda User Siswa Kelas Ujian Kelas Ujian Nama Admin Keluar
Footer
Manajemen User Tambah
SearchShow Entries
No Nama Password Level Aksi
Previous Next
Edit HapusX XXXX XXXXXX XXXX
No Nama Password Level Aksi
Gambar III.4.
Halaman Admin Manajemen User
D. Halaman Admin Manajemen Siswa
Beranda User Siswa Kelas Ujian Kelas Ujian Nama Admin Keluar
Footer
Manajemen Siswa Tambah
SearchShow Entries
No NIS Nama Siswa Password Kelas Aksi
Previous Next
Edit HapusX XXXX XXXXXXX XXXXX XX
Cetak Kartu Impor
No NIS Nama Siswa Password Kelas Aksi
Gambar III.5.
Halaman Admin Manajemen Siswa
31
30
E. Halaman Admin Manajemen Kelas
Beranda User Siswa Kelas Ujian Kelas Ujian Nama Admin Keluar
Footer
Manajemen Kelas Tambah
SearchShow Entries
No Nama Kelas Aksi
Previous Next
Edit HapusX XXX
No Nama Kelas Aksi
Gambar III.6.
Halaman Admin Manajemen Kelas
F. Halaman Admin Manajemen Ujian
Beranda User Siswa Kelas Ujian Kelas Ujian Nama Admin Keluar
Footer
Manajemen Ujian Tambah
SearchShow Entries
No Judul Mapel Tanggal Waktu Jml Soal Pengampu Aksi
Previous Next
Edit HapusX XXXX XXXX XXXX XXXX XXXX XXXX
No Judul Mapel Tanggal Waktu Jml Soal Pengampu Aksi
Gambar III.7.
Halaman Admin Manajemen Ujian
32
30
G. Halaman Manajemen Admin Kelas Per Ujian
Beranda User Siswa Kelas Ujian Kelas Ujian Nama Admin Keluar
Footer
Manajemen Kelas per Ujian
SearchShow Entries
No Judul Ujian Kelas Aksi
Previous Next
Edit HapusX XXXXXX XXX
No Judul Ujian Kelas Aksi
Gambar III.8.
Halaman Manajemen Kelas per Ujian
H. Halaman Ganti Kata Sandi Admin
Beranda User Siswa Kelas Ujian Kelas Ujian Nama Admin Keluar
Footer
Form Ganti Kata Sandi
Nama Lengkap
Username
Level
Password Lama
Password Baru
Ulang Password
Ubah Password
Gambar III.9.
Halaman Ganti Kata Sandi Admin
33
30
2. Rancangan Antar Muka Halaman Guru
A. Halaman Login Guru
LOGIN ADMIN
Username
Password
Login
Gambar III.10.
Halaman Login Guru
B. Halaman Beranda Guru
Beranda Siswa Ujian Ujian Aktif Nama Guru Keluar
Footer
Selamat Datang di Halaman XXXXX
Anda Login Sebagai Guru!!
Gambar III.11.
Halaman Beranda Guru
34
30
C. Halaman Guru Manajemen login Siswa
Beranda Siswa Ujian Ujian Aktif Nama Guru Keluar
Footer
Manajemen Login Siswa
SearchShow Entries
No NIS Nama Siswa Password Kelas Status Aksi
Previous Next
Reset LoginX XXXX XXXXXX XXXXX XXX ON
X XXXX XXXXXX XXXXX XXX OFF Reset Login
No NIS Nama Siswa Password Kelas Status Aksi
Gambar III.12.
Halaman Guru Manajemen login Siswa
D. Halaman Guru Manajemen Ujian Siswa
Beranda Siswa Ujian Ujian Aktif Nama Guru Keluar
Footer
SearchShow Entries
No Judul Mapel Tanggal jml.Soal Bank Soal KelasUjian
Previous Next
EditX XXXX XXXXX XXXXX XXX XXXX
*Klik tombol edit pada kolom Bank Soal untuk mengatur soal!
*Klik Nama Kelas pada kolom kelas ujian untuk melihat nilai pada kelas tersebut!
No Judul Mapel Tanggal jml.Soal Bank Soal KelasUjian
Manajemen Ujian Siswa
Gambar III.13.
Halaman Guru Manajemen Ujian Siswa
35
30
1) Halaman Guru Manajemen Soal
Beranda Siswa Ujian Ujian Aktif Nama Guru Keluar
Footer
Manajemen Soal
SearchShow Entries
Previous Next
Edit
TambahImpor
Judul Ujian : XXXXXX Tanggal : XXXXX
Nama Mata Pelajaran : XXXXXX Jumlah Soal : XXXXX
Hapus
No Soal Aksi
XX XXXXXXXXXX
A. XXXXX
B. XXXXX
C. XXXXX
D. XXXXX
E. XXXXX
No Soal Aksi
Gambar III.14.
Halaman Guru Manajemen Soal
2) Halaman Guru Manajemen Hasil Ujian
Beranda Siswa Ujian Ujian Aktif Nama Guru Keluar
Footer
Hasil Ujian
Search
No NIS Nama Siswa Jml.Benar Nilai
Previous Next
X XXXX XXXXXXX XXX XXX
No NIS Nama Siswa Jml.Benar Nilai
Export
Gambar III.15.
Halaman Guru Manajemen Hasil Ujian
36
30
E. Halaman Guru Manajemen Ujian Aktif
Klik pada nama kelas untuk mengaktifkan dan menon-aktifkan ujian pada kelas tersebut
Beranda Siswa Ujian Ujian Aktif Nama Guru Keluar
Footer
Manajemen Ujian Aktif
SearchShow Entries
No Judul Ujian Kelas
Previous Next
XXXX XXXXXXXXX
No Judul Ujian Kelas
Gambar III.16.
Halaman Guru Manajemen Ujian Aktif
F. Halaman Ganti Kata Sandi Guru
Beranda Siswa Ujian Ujian Aktif Nama Guru Keluar
Footer
Form Ganti Kata Sandi
Nama Lengkap
Username
Level
Password Lama
Password Baru
Ulang Password
Ubah Password
Gambar III.17.
Halaman Ganti Kata Sandi Guru
37
30
3. Rancangan Antar Muka Halaman Index
A. Halaman Login Ujian Siswa
LOGIN UJIAN
Username
Password
Login
Gambar III.18.
Halaman Login Ujian Siswa
B. Halaman Beranda
1) Halaman Beranda Ujian satu mata pelajaran
Beranda Nama Siswa:NIS Keluar
Footer
NIS
Mulai Mengerjakan
Nama Lengkap
Data Siswa dan Ujian
Kelas
Nama Mapel
Jml. soal
Waktu Mengerjakan
Gambar III.19.
Halaman Beranda Ujian Satu mata pelajaran
38
30
2) Halaman Beranda Ujian Lebih dari satu mata pelajaran
Beranda Nama Siswa: NIS Keluar
Footer
Kerjakan
Daftar Ujian
Nama mata pelajaran yang akan di ujikan
KerjakanNama mata pelajaran yang akan di ujikan
Gambar III.20.
Halaman Beranda Ujian Lebih Dari Satu Mata Pelajaran
C. Halaman Siswa Tampil Ujian
Beranda Materi Pelajaran Simulasi Ujian Nama Siswa: NIS Keluar
Footer
Nama Mapel
Berikutnya
xxxxxxxxxxxxxxxx
Ragu-tagu
Sisa Waktu
XXXXXXXXXXX XXXXXXXX XXXXXXXXXXXXXXX XXXXX
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxx
x
Sebelumnya Selesai
x
xx
xx
A
B
C
D
E
Gambar III.21.
Halaman Siswa Tampil Ujian
39
30
3.3.2 Rancangan Basis Data
Dalam merancang sebuah sistem, maka seluruh data yang akan dipergunakan
oleh sistem tersebut harus disimpan kedalam suatu basis data yang memiliki
kelebihan data independent. Dengan menerapkan suatu basis data dalam strategi
akses dalam pengembangan sistem tanpa harus mengubah program-program aplikasi
yang sudah ada.
Langkah yang harus dilakukan dalam pembentukan suatu basis data yang baik
sebagai berikut:
40
30
41
30
A. LRS (Logical Relational Structured)
kelas
id_kelas *
kelas
soal
id_soal*
id_ujian**
soal
pilihan_1
pilihan_2
pilihan_3
pilihan_4
kunci
ujian
id_ujian *
tanggal
waktu
jml_soal
id_user **
kelas_ujian
id_kelas **
id_ujian **
aktif
nilai
id_nilai *
nis
id_ujian **
acak_soal
jawaban
sisa_waktu
Jml_benar
nilai
user
id_user *
nama
username
password
level
siswa
Nis*
nama
password
Id_kelas**
status
1
M
1
M
M
M
M
1
1M
1
1
Judul
Nama_mapel
Gambar III.23.
LRS (Logical Relational Structured)
42
30
B. Spesifikasi file
Menjelaskan tentang file atau tabel yang terbentuk dari ERD (dan atau file-file
penunjang untuk web). File-file ini tersimpan pada “dbsiuo” dengan parameter-
parameter sebagai berikut :
1. Spesifikasi file User
Nama File : User
Akronim : user
Fungsi : Untuk menyimpan data User Seperti Admin dan Guru
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 97 karakter
Kunci Field : id_user
Software : Mysql
Tabel III.1
Spesifikasi file User
No Elemen Data Nama Field Tipe Size Ket
1. id user id_user int 5 Primary Key, Aouto Increment
2. Nama User Nama varchar 25
3. Username Username varchar 10
4. Password Pasword varchar 32
5. Level Level Varchar 7
43
30
2. Spesifikasi file Siswa
Nama File : Siswa
Akronim : siswa
Fungsi : Untuk menyimpan data siswa
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 95 karakter
Kunci Field : nis
Software : Mysql
Tabel III.2
Spesifikasi file siswa
No Elemen Data Nama Field Tipe Size Ket
1 Nis Nis int 10 Primary Key, Auto Increment
2 Nama Lengkap Nama Varchar 25
3 Password Password Varchar 32
4 Id Kelas id_kelas int 5 Foreign Key
5 Status Status varchar 5
3. Spesifikasi file Kelas
Nama File : Kelas
Akronim : Kelas
Fungsi : Untuk menyimpan data kelas.
Tipe File : File Transaksi
44
30
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 10 karakter
Kunci Field : id_kelas
Software : Mysql
Tabel III.3
Spesifikasi file Kelas
No Elemen Data Nama Field Tipe Size Ket
1 Id Kelas id_kelas Int 5 Primary Key, Auti Increment
2 Kelas Kelas Varchar 5
4. Spesifikasi file Ujian
Nama File : Ujian
Akronim : ujian
Fungsi : Untuk menyimpan data ujian
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 68 karakter
Kunci Field : id_ujian
Software : Mysql
45
30
Tabel III.4
Spesifikasi file Ujian
No Elemen Data Nama Field Tipe Size Ket
1 Id Ujian id_ujian Int 5 Primary Key,Auto Increment
2 Judul Ujian Judul Varchar 30
3 Mata Pelajaran nama_mapel Varchar 20
4 Tanggal Tanggal Date
5 Waktu Waktu Int 5
6 Jumlah Soal jml_soal Int 3
7 Id User id_user Int 5 Foreign Key
5. Spesifikasi file Kelas Ujian
Nama File : Kelas Ujian
Akronim : kelas_ujian
Fungsi : Untuk menyimpan data kelas pada setiap ujian
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 10 karakter
Software : Mysql
Tabel III.5
Spesifikasi file Kela_Ujian
No Elemen Data Nama Field Tipe Size Ket
1 Id Kelas id_kelas Int 5 Foreign Key
2 Id Ujian id_ujian Int 5 Foreign Key
3 Aktif Aktif Enum „Y‟,‟N‟
46
30
6. Spesifikasi file Soal
Nama File : Soal
Akronim : soal
Fungsi : Untuk menyimpan data soal
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 12 karakter
Kunci Field : id_soal
Software : Mysql
Tabel III.6
Spesifikasi file soal
No Elemen Data Nama Field Tipe Size Ket
1 Id Soal id_soal Int 5 Primary Key
2 Id Ujian id_ujian Int 5 Foreign Key
3 Soal Soal Text
3 Pilihan Satu Pilihan_1 Text
4 Pilihan Dua Pilihan_2 Text
5 Pilihan Tiga Pilihan_3 Text
6 Pilihan Empat Pilihan_4 Text
7 Kunci Kunci Int 2
7. Spesifikasi file Nilai
Nama File : Nilai
Akronim : nilai
47
30
Fungsi : Untuk menyimpan data nilai beserta jawaban siswa
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 45 karakter
Kunci Field : id_nilai
Software : Mysql
Tabel III.7
Spesifikasi file Nilai
No Elemen Data Nama Field Tipe Size Ket
1 Id Nilai id_nilai Int 10 Primary Key
2 Nis Nis Varchar 10
3 Id Ujian id_ujian int 5 Foreign Key
4 Acak Soal acak_soal Text
5 Jawaban jawaban Text
6 Sisa Waktu sisa_wktu Varchar 10
7 Jumlah jawaban benar jml_benar Int 5
8 Nilai Nilai Varchar 5
3.3.3 Rancangan Struktur Navigasi
Untuk membuat rancangan alur dan link-link pada halaman website, penulis
terlebih dahulu membuat struktur navigasinya, karena struktur navigasi akan
membantu dalam menentukan arah pergantian halaman website dari satu halaman ke
halaman yang lain. Adapun struktur navigasi yang penulis gunakan untuk pembuatan
website ujian online adalah menggunakan struktur navigasi hierarchical model,
48
30
karena penulis menilai paling sesuai dengan rancangan halaman website yang telah
penulis buat. Struktur navigasinya sebagai berikut :
49
30
1. Struktur Navigasi Guru
Gambar III.25.
Struktur Navigasi Guru
Index
Login
Beranda Siswa Ujian Ujian Aktif Nama Guru Keluar
Refresh
h
Restart
Kelas
Ujian
Edit
Kelas Ujian Ubah
Password
Tambah
Import
Edit
Hapus
Export
Simpan Close
50
30
2. Struktur Navigasi Ujian Siswa
Gambar III.26.
Struktur Navigasi Halaman Ujian Siswa
Index
Beranda
login
Nama Siswa:NIS Keluar
Kerjakan Masuk Ujian
Mulai Mengerjakan
Sebelumnya
Ragu-ragu
Berikutnya Selesai
Selesai Batal
51
30
3.4 Implementasi dan Pengujian Unit
3.4.1 Implementasi
A. Implementasi Rancangan Antar Muka
1. Implementasi Rancangan Antar Muka Halaman Admin
A. Implementasi Rancangan Antar Muka Halaman Login Admin
Administator harus melakukan login terlebih dahulu untuk mengakses semua
halaman admin.
Gambar.III.27.
Implementasi Rancangan Antar Muka Halaman Login Admin
52
30
B. Implementasi Rancangan Antar Muka Halaman Beranda Admin
Login administator berhasil maka akam masuk ke halaman beranda admin yang
berisi ucapan selamat datang kepada admin yang sedang login.
Gambar.III.28.
Implementasi Rancangan Antar Muka Halaman Beranda Admin
53
30
C. Implementasi Rancangan Antar Muka Halaman Admin Manajemen User
Pada halaman ini administator dapat menambah, mengedit dan menghapus data
user.
Gambar.III.29.
Implementasi Rancangan Antar Muka Halaman Admin Manajemen User
54
30
D. Implementasi Rancangan Antar Muka Halaman Admin Manajemen Siswa
Pada halaman ini admin dapat mencetak kartu, mengimport, menambah,
mengedit dan menghapus data siswa.
Gambar.III.30.
Implementasi Rancangan Antar Muka Halaman Admin Manajemen Siswa
55
30
E. Implementasi Rancangan Antar Muka Halaman Admin Manajemen kelas
Pada halaman ini admin dapat menambah, mengedit dan menghapus data Kelas
Gambar.III.31.
Implementasi Rancangan Antar Muka Halaman Admin Manajemen Kelas
56
30
F. Implementasi Rancangan Antar Muka Halaman Admin Manajemen Ujian
Pada halaman ini admin dapat menambah, mengedit dan menghapus data ujian.
Gambar.III.32.
Implementasi Rancangan Antar Muka Halaman Admin Manajemen Ujian
57
30
G. Implementasi Rancangan Antar Muka Halaman Admin Manajemen kelas Ujian
Pada halaman ini admin dapat mengedit kelas mana saja yang akan mengikuti
ujian berdasarkan judul ujian.
Gambar.III.33.
Implementasi Rancangan Antar Muka Halaman Admin Manajemen Kelas
Ujian
58
30
H. Implementasi Rancangan Antar Muka Halaman Ganti Kata Sandi Admin
Pada halaman ini admin dapat mengubah password sendiri.
Gambar.III.34.
Implementasi Rancangan Antar Muka Halaman Ganti Kata Sandi Admin
59
30
2. Implementasi Rancangan Antar Muka Halaman Guru
A. Implementasi Rancangan Antar Muka Halaman Login Guru
Pada halaman login guru sama dengan halaman login admin karena berdasarkan
level.
Gambar.III.35.
Implementasi Rancangan Antar Muka Halaman Login Guru
60
30
B. Implementasi Rancangan Antar Muka Halaman Beranda Guru
Login guru berhasil maka akam masuk ke halaman beranda guru yang berisi
ucapan selamat datang kepada guru yang sedang login
Gambar.III.36.
Implementasi Rancangan Antar Muka Implementasi Halaman Beranda
Guru
61
30
C. Implementasi Rancangan Antar Muka Halaman Guru Manajemen Siswa
Pada Halaman Menejemen siswa pada guru ini untuk mengetahui dan
merefresh siswa mana yang sedang on dan off.
Gambar.III.37.
Implementasi Rancangan Antar Muka Halaman Guru Manajemen siswa
62
30
D. Implementasi Rancangan Antar Muka Halaman Guru Manajamen Ujian
Pada halaman ini guru dapat mengedit bank soal dan melihat data kelas ujian.
Gambar.III.38.
Implementasi Rancangan Antar Muka Halaman Guru Manajemen Ujian
63
30
1) Implementasi Rancangan Antar Muka Halaman Guru Manajemen Soal
Pada halaman ini guru dapat menginport, menambah, mengedit dan menghapus
soal ujian.
Gambar.III.39.
Implementasi Rancangan Antar Muka Halaman Guru Manajemen Soal
64
30
2) Implementasi Rancangan Antar Muka Halaman Guru Hasil Ujian
Pada halaman ini guru dapat melihat nilai siswa yang melakukan ujian dan
dapat meng exportnya untuk back-up data.
Gambar.III.40.
Implementasi Rancangan Antar Muka Halaman Guru Hasil Ujian
65
30
E. Implementasi Rancangan Antar Muka Halaman Guru Ujian Aktif
Pada halaman ini guru dapat mengaktifkan ujian.
Gambar.III.41.
Implementasi Rancangan Antar Muka Halaman Guru Ujian Aktif
66
30
F. Implementasi Rancangan Antar Muka Halaman Ganti Kata Sandi Guru
Pada halaman ini guru dapat mengubah password sendiri.
Gambar.III.42.
Implementasi Rancangan Antar Muka Halaman Ganti Kata Sandi Guru
67
30
3. Implementasi Antar Muka Halaman Siswa
A. Implementasi Rancangan Antar Muka Halaman Login Siswa
Siswa harus login terlebih dahulu untuk bisa mengikuti ujian, dengan
mengisikan username dan password sesuai dengan kartu ujian yang telah
diberikan.
Gambar.III.43.
Implementasi Rancangan Antar Muka Halaman Login Siswa
68
30
B. Halaman Beranda Ujian Siswa
Jika login Siswa Berhasil makan akan tampil halaman beranda.
1) Implementasi Rancangan Antar Muka Halaman Beranda ujian satu mata
pelajaran
Pada halaman ini jika siswa yang login hanya memiliki satu mata pelajaran
ujian makan akan langsung menampilkan data siswa ujian.
Gambar.III.44.
Implementasi Rancangan Antar Muka Halaman Beranda Ujian Satu Mata
Pelajaran
69
30
2) Implementasi Rancangan Antar Muka Halaman Beranda Ujian Lebih dari Satu
Mata Pelajaran
Pada halaman ini jika siswa yang login memiliki lebih dari satu mata pelajaran
yang diujian maka akam nemampilkan daftar ujian.
Gambar.III.45.
Implementasi Rancangan Antar Muka Halaman Beranda Ujian Lebih
Dari Satu Mata Pelajaran
3) Implementasi Rancangan Antar Muka Halaman Siswa Tampil Ujian
Pada halaman ini akan di tampilkan soal ujian dan pilihan yang digunakan oleh
siswa untuk mengerjakan ujian. Pada halaman ujian terdiri dari 5 bagian.
Bagian pertama yaitu judul mata pelajaran yang terletak dibagian paling atas
sebelah kiri. Bagian kedua yaitu waktu ujian yang ditentukan sapmai 00:0.
Bagian ketiga yaitu konten ujian yang yang terdiri dari nomor soal, soal dan
pilihan yang terletak di bawah judul mata pelajaran. Bagian keempat yaitu
nomor soal yang sekaligus sebagai navigasi untuk memilih nomor soal yang
akan dikerjakan, terletak di sebelah kanan konten ujian. Bagian kelima yaitu
70
30
navigasi soal yang terdiri dari tombol sebelumnya, tombol ragu-ragu, tombol
selanjutnya dan tombol selesai yang hanya muncul di soal terakhir.
Gambar.III.46.
Implementasi Rancangan Antar Muka Halaman Siswa Tampil Ujian
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum
yang dibutuhkan untuk mengimplementasikan Sistem informasi akademik siswa
untuk MTs Nurul Amal.
1. Spesifikasi Perangkat Keras
Hardware meliputi pemilihan perangkat keras yang digunakan sebagai alat
pendukung pembuatan aplikasi yaitu diantaranya
a. Server
1) CPU
(a) Processor Intel ® CoreTM i3-2310M (2.1Ghz, 3MB L3 cache)
71
30
(b) RAM DDR3 2 GB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024 x 600
5) Koneksi internet dengan kecepatan 2 mbps
b. Client
1) CPU
(a) Processor Intel ® Atom ™ CPU N455 @1.66GHz (2 CPUs),~1.7GHz
(b) RAM 1 MB
(c) Hard Disk 20 GB
6) Mouse
7) Keyboard
8) Monitor dengan resolusi layar minimum 1024 x 600
9) Koneksi internet dengan kecepatan 56 kbps
2. Spesifikasi Perangkat Lunak
a. Server
a) Sistem operasi windows 7
b) Aplikasi web server xampp v 2.5 yang terdiri dari :
(1) Aplikasi Apache v2.5
(2) Aplikasi Mysql v2.5
c) Aplikasi web browser seperti Mozilla Firefox dan Google Chrome
72
30
b. Client
a) Sistem operasi windows 7
b) Aplikasi web browser seperti Mozilla Firefox dan Google Chrome
3.4.2 Pengujian Unit
Pengujian sistem dilakukan untuk memeriksa kekompakan antar komponen
sistem yang diimplementasikan. Tujuan dari pengujian sistem adalah untuk
memastikan bahwa elemen-elemen atau komponen-komponen dari sistem telah
berfungsi sesuai dengan yang diharapkan. Pengujian perangkat lunak ini
menggunakan metode black box testing berfokus pada persyaratan atau kebutuhan
fungsional perangkat lunak yang dibuat.
Top Related