SMK Ujian Online

SISTEM UJIAN ONLINE PADA SMK NEGERI 10 MALANG
LAPORAN AKHIR
Digunakan Sebagai Syarat Maju Ujian Diploma III
Politeknik Negeri Malang
Oleh :
DWI INAYATUSA’DIYAH 1431140040
ISTIANA 1431140038
PROGRAM STUDI MANAJEMEN INFORMATIKA

JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI MALANG
2017
i
LAPORAN AKHIR
Digunakan Sebagai Syarat Maju Ujian Diploma III
Politeknik Negeri Malang
Oleh :
DWI INAYATUSA’DIYAH 1431140040
ISTIANA 1431140038
PROGRAM STUDI MANAJEMEN INFORMATIKA

JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI MALANG
2017
ii
HALAMAN PENGESAHAN
Disusun Oleh :
DWI INAYATUSA’DIYAH NIM.1431140040
ISTIANA NIM.1431140038
Laporan Akhir ini telah diuji pada tanggal 09 Agustus 2017
Disetujui oleh:
1. Penguji I : DR.Eng.Cahya Rahmad, ST., M.Kom ……………….

NIP. 19720202200501 1 002
2. Penguji II : Dwi Puspitasari, S.Kom., M.Kom ……………….

NIP. 19791115200501 2 002
3. Pembimbing I : Yan Watequlis Syaifudin, ST., MMT ……………….

NIP. 19810105 200501 1 005
4. Pembimbing II: Yuri Ariyanto, S.Kom., M.Kom ……………….

NIP. 19800716 201012 1 002
Mengetahui,
Ketua Jurusan Ketua Program Studi

Teknologi Informasi Manajemen Informatika
Rudy Ariyanto,ST.,M.Cs. Dr. Eng. Rosa Andrie A.,S.T., MT

NIP.19711110 199903 1 002 NIP. 19800716 201012 1 002
iii
PERNYATAAN KEASLIAN
Dengan ini saya menyatakan bahwa Laporan Akhir ini tidak terdapat karya
yang pernah diajukan untuk memperoleh gelar Ahli Madya/kesarjanaan disuatu
Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak dapat karya atau
pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara
tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka.
Malang, 09 Agustus 2017
Dwi Inayatusa’diyah
iv
PERNYATAAN KEASLIAN
Dengan ini saya menyatakan bahwa Laporan Akhir ini tidak terdapat karya
yang pernah diajukan untuk memperoleh gelar Ahli Madya/kesarjanaan disuatu
Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak dapat karya atau
pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara
tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka.
Malang, 09 Agustus 2017
Istiana
v
ABSTRAK
Inayatusa’diyah, Dwi dan Istiana. “Sistem Ujian Online pada SMK Negeri 10
Malang”.Pembimbing:(1)Yan Watequlis Syaifudin, ST., MMT, (2)Yuri
Ariyanto, S.Kom., M.Kom.
Laporan Akhir, Program Studi Manajemen Informatika, Jurusan Teknologi

Informasi, Politeknik Negeri Malang, 2017
SMK Negeri 10 Malang melakukan ujian pada setiap mata pelajaran
dilakukan dengan cara membagikan lembaran soal kepada siswa untuk dijawab
pada lembar jawaban masing-masing. Guru memberikan penilaian pada hasil
jawaban siswa dengan mengoreksi terlebih dahulu yang membutuhkan waktu
relatif lama. Untuk mengetahui perbandingan nilai hasil ujian siswa antar kelas,
guru terlebih dahulu menghitung nilai rata-rata hasil ujian setiap kelas.
Maka dirancanglah sebuah sistem Ujian Online berbasis Web guna
membantusiswa dan guru dapat melihat nilai hasil ujian secara otomatis.Guru
dapat mengetahui perbandingan nilai hasil ujian siswa antar kelas pada ujian yang
sama dalam bentuk grafik.Selain itu, guru dapat membuat laporan nilai hasil ujian
dengan lebih mudah. Sistem ini dibuat dengan teknologi berbasis web
menggunakan framework CodeIgniter, HTML, JavaScript, JSON, dan database
MySQL.
Kata Kunci: Ujian Online, JSON, CodeIgniter.
vi
ABSTRACT
Inayatusa’diyah, Dwi and Istiana.“Online Examination System in SMK Negeri

10 Malang” Advisor: (1)Yan Watequlis Syaifudin, ST., MMT, (2) Yuri
Ariyanto, S.Kom., M.Kom.
Final Report, Informatics Management Study Program, Departement of

Information Technology, State Polytechnic of Malang, 2017
SMK Negeri 10 Malang held examinations of every subject by distributing

question sheets to students to be answeredin their answer sheets. Teachers usually
give the results after checking the students’ answers which takes a long time. To
find out the comparative test results of students between classes, they have to
calculate the average of each class results first.
Therefore, a web-based online examination system is designed to help
students and teachers to see the result of examination automatically. Teachers can
find out the comparative test results of students among classes at the same
examination in a graph. In addition, they can generate results report easier. This
system is made by technology of Web base using framework PHP CodeIgniter,
JSON, and database MySQL.
Keywords :Online Examination, JSON, CodeIgniter
vii
KATA PENGANTAR
Segala Puji syukur atas kehadirat Allah SWT yang telah memberikan rahmat
dan hidayah-Nya sehingga penulis mampu menyelesaikan penulisan Laporan
akhir dengan judul “SISTEM UJIAN ONLINE PADA SMK NEGERI 10
MALANG”. Laporan akhir ini penulis susun sebagai syarat untuk menyelesaikan
studi program Diploma III Program Studi Manajemen Informatika, Jurusan
Teknologi Informasi, Politeknik Negeri Malang.
Penulis menyadari, tanpa bantuan dan dukungan dari berbagai pihak, penulis
tidak dapat menyelesaikan Laporan Akhir ini dengan baik. Untuk itu, penulis
mengucapkan terima kasih kepada :
1. Bapak Rudy Ariyanto, ST., M.Cs.,selaku ketua jurusan Teknologi

Informasi.
2. Bapak Dr. Eng Rosa Andrie Asmara, ST., MT., selaku ketua program
studi Manajemen Informatika.
3. Bapak Yan Watequlis Syaifudin, ST., MMT, selaku Dosen Pembimbing I
yang telah membimbing dan mengarahkan kami selama pengerjaan Tugas
Akhir serta penyusunan Laporan Akhir.
4. Bapak Yuri Ariyanto, S.Kom., M.Kom selaku selaku Dosen Pembimbing
II yang telah membimbing dan mengarahkan kami selama pengerjaan
Tugas Akhir serta penyusunan Laporan Akhir.
5. Dan seluruh pihak yang telah membantu dan mendukung lancarnya
pembuatan Laporan Akhir dari awal hingga akhir yang tidak dapat kami
sebutkan satu persatu.
Penulis menyadari bahwa dalam penyusunan Laporan Akhir ini, masih banyak
terdapat kekurangan dan kelemahan baik itu sistematika penulisan maupun
penggunaan bahasa.Untuk itu penulis mengharap saran dan kritik dari berbagai
pihak yang bersifat membangun demi penyempurnaan laporan ini.Akhirnya, kami
berharap Laporan Akhir ini dapat bermanfaat, khususnya bagi mahasiswa
viii
Politeknik Negeri Malang sehingga dapat digunakan sebagai bahan referensi
Laporan Akhir nantinya.
Malang, 09 Agustus2017
Penulis
ix
DAFTAR ISI
Halaman
SAMPUL DEPAN ................................................................................................... i
HALAMAN JUDUL............................................................................................... ii
HALAMAN PENGESAHAN ................................................................................ iii
HALAMAN PERNYATAAN ............................................................................... iv
ABSTRAK ............................................................................................................. iv
ABSTRACT ............................................................................................................ vii
KATA PENGANTAR ......................................................................................... viii
DAFTAR ISI ............................................................................................................x
DAFTAR GAMBAR ............................................................................................ xii
DAFTAR TABEL ................................................................................................ xiv
DAFTAR LAMPIRAN ..........................................................................................xv
BAB I. PENDAHULUAN ...................................................................................1
1.1 Latar Belakang .........................................................................................1
1.2 Rumusan Masalah ...................................................................................2
1.3 Tujuan ......................................................................................................2
1.4 Batasan Masalah ......................................................................................2
1.5 SistematikaPenulisan ...............................................................................3
BAB II. LANDASAN TEORI ..............................................................................5
2.1 Sistem Informasi ......................................................................................5
2.2 Ujian Online ............................................................................................5
2.3 Software Pendukung ................................................................................6
2.3.1 PHP .................................................................................................6
2.3.2 CodeIgniter ....................................................................................6
2.3.3 MySQL ..........................................................................................7
2.3.4 XAMPP .........................................................................................7
2.3.5 Javascript .......................................................................................8
2.3.6 AJAX .............................................................................................8
2.3.7 Bootstrap .......................................................................................9
BAB III. ANALISIS DAN PERANCANGAN ....................................................10
3.1 Analisis Sistem ......................................................................................10
3.2 Spesifikasi Sistem ..................................................................................10
3.3 WBS Sistem...........................................................................................12
3.4 Desain Sistem ........................................................................................13
3.4.1 Entity Relationship Diagram .......................................................13
x
3.4.2 Mapping ERD ..............................................................................16
3.4.3 Data Flow Diagram .....................................................................16
3.4.4 Desain Tampilan Sistem ..............................................................20
BAB IV. IMPLEMENTASI .................................................................................23
4.1 Software .................................................................................................23
4.2 Hardware ...............................................................................................23
4.3 Pembuatan Database .............................................................................23
4.3.1 Struktur Database ........................................................................23
4.4 Pembuatan Sistem ..................................................................................30
4.4.1 Pembuatan Halaman Login .........................................................30
4.4.2 Pembuatan Halaman Home Administrator ..................................32
4.4.3 Pembuatan Halaman Menu Data Siswa Administrator ...............32
4.4.4 Pembuatan Halaman Form Tambah Data Siswa .........................34
4.4.5 Format Import Data Siswa dari Excel .........................................34
4.4.6 Import Data Sisa dengan Excel ...................................................35
4.4.7 Pembuatan Halaman Menu Data Guru Administrator ................36
4.4.8 Pembuatan Halaman Form Tambah Data Guru ..........................37
4.4.9 Format Import Data Guru Menggunakan Excel ..........................37
4.4.10 Import Data Guru Menggunakan Excel .....................................38
4.4.11 Pembuatan Halaman Menu Data Mapel Administrator ............38
4.4.12 Pembuatan Halaman Guru .........................................................16
4.4.13 Pembuatan Halaman Soal ..........................................................40
4.4.14 Tambah Soal ..............................................................................41
4.4.15 Format Excel Import Soal ..........................................................42
4.4.16 Halaman Import Data Soal ........................................................42
4.4.17 Pembuatan Halaman Jadwal Ujian ............................................43
4.4.18 Pembuatan Halaman Hasil Ujian ...............................................44
4.4.19 Pembuatan Halaman Siswa .......................................................45
4.4.20 Pembuatan Halaman Ujian ........................................................46
4.4.21 Pembuatan Tampilan Mengikuti Ujian ......................................46
4.4.22 Pembuatan Tampilan List Soal dan Jawaban ............................47
4.4.23 Pembuatan Tampilan Hasil Ujian Siswa ...................................47
4.4.24 Grafik hasil Ujian Siswa ............................................................48
4.4.25 Laporan hasil Ujian ...................................................................49
BAB V. PENGUJIAN DAN PEMBAHASAN ...................................................50
5.1 Spesifikasi Hardware dan software pengujian ......................................50
5.1.1 Spesifikasi Hardware Pengujian ..............................................50
5.1.2 Spesifikasi Software Pengujian ................................................50
5.2 Pengujian Sistem ...................................................................................50
xi
5.2.1 Pengujian Proses ..........................................................................50
5.2.2 Hasil Uji Coba .............................................................................52
5.3 Pengujian Pengguna .............................................................................56
BAB VI. KESIMPULAN ....................................................................................57
6.1 Kesimpulan ...........................................................................................58
6.2 Saran .....................................................................................................58
DAFTAR PUSTAKA ............................................................................................59
LAMPIRAN
xii
DAFTAR GAMBAR
Halaman
Gambar 3.1 WBS dari sistem ujian online ........................................................ ..12
Gambar 3.2 ERD SistemUjian Online ................................................................ 14
Gambar 3.3 Mapping Sistem Ujian Online ......................................................... 16
Gambar 3.4 DFD level 0 ..................................................................................... 17
Gambar 3.5 DFD level 1 ..................................................................................... 18
Gambar 3.6 DFD Level 2 Proses 1 Mengelola Data User .................................. 18
Gambar 3.7 DFD Level 2 Proses 2 Mengelola Data Soal................................... 19
Gambar 3.8 DFD Level 2 Proses 3 Mengelola Jadwal Ujian ............................. 19
Gambar 3.9 DFD Level 2 Proses 4 Mengelola Ujian ......................................... 20
Gambar 3.12 Desain Halaman Login .................................................................... 21
Gambar 3.13 Desain Halaman Admin .................................................................. 21
Gambar 3.14 Desain Halaman Guru ..................................................................... 21
Gambar 3.15 Desain Halaman Siswa .................................................................... 22
Gambar 4.1 Struktur Database ............................................................................ 24
Gambar 4.2 Tabel m_admin................................................................................ 25
Gambar 4.3 Tabel m_siswa ................................................................................. 25
Gambar 4.4 Tabel m_kelas ................................................................................. 26
Gambar 4.5 Tabel m_tahunajaran ....................................................................... 26
Gambar 4.6 Tabel tr_siswa mapel ....................................................................... 26
Gambar 4.7 Tabel m_guru .................................................................................. 27
Gambar 4.8 Tabel Guru_mapel ........................................................................... 27
Gambar 4.9 Tabel m_mapel ................................................................................ 27
Gambar 4.10 Tabel tr_guru_tes............................................................................. 28
Gambar 4.11 Tabel m_soal ................................................................................... 29
Gambar 4.12 Tabel tr_ikut_ujian .......................................................................... 30
Gambar 4.13 Halaman Login ................................................................................ 31
Gambar 4.14 Halaman Home Administrator ........................................................ 32
Gambar 4.15 Halaman Menu Data Siswa Administrator...................................... 33
Gambar 4.16 Halaman Form Tambah Data Siswa................................................ 34
Gambar 4.17 Format Tambah Data Siswa Menggunakan Excel .......................... 34
Gambar 4.18 Halaman Import data siswa menggunakan excel ............................ 35
Gambar 4.19 Halaman Menu Data Guru Administrator ....................................... 36
Gambar 4.20 Halaman Form Tambah Data Guru Administrator ......................... 37
Gambar 4.21 Format excel tambah data guru ....................................................... 38
Gambar 4.22 Halaman Import data excel ............................................................. 38
Gambar 4.23 Halaman Menu Data Mapel Administrator ..................................... 39
Gambar 4.24 Halaman Guru ................................................................................. 40
Gambar 4.25 Halaman Soal .................................................................................. 41
Gambar 4.26 Halaman Tambah Soal .................................................................... 42
Gambar 4.27 Halaman Format Excel Import Soal ................................................ 42
Gambar 4.28 Halaman Import Data Soal .............................................................. 42
Gambar 4.29 Halaman Jadwal Ujian .................................................................... 43
Gambar 4.30 Halaman Menu Data Hasil Ujian .................................................... 44
Gambar 4.31 Halaman Siswa ................................................................................ 45
xiii
Gambar 4.32 Halaman Ujian Siswa ...................................................................... 46
Gambar 4.33 Halaman Tampilan Mengikuti Ujian............................................... 47
Gambar 4.34 Halaman Tampilan List Soal dan Jawaban Ujian ........................... 47
Gambar 4.35 Halaman Tampilan Hasil Ujian Siswa ............................................ 48
Gambar 4.36 Grafik Hasil Ujian Siswa................................................................. 48
Gambar 4.37 Laporan Hasil Ujian Siswa.............................................................. 49
xiv
DAFTAR TABEL
Tabel 5.1 Spesifikasi Hardware.......................................................................... 50

Tabel 5.2 Spesifikasi Software ............................................................................ 50
Tabel 5.3 Pengujian Case Mengikuti Ujian ........................................................ 51
Tabel 5.4 Pengujian Case tampilan Grafik Hasil Ujian ...................................... 52
Tabel 5.5 Pengujian Case Laporan Hasil Ujian .................................................. 52
Tabel 3.6 Uji Coba Case Pembuatan Siswa Mengikuti Ujian ............................ 52
Tabel 3.7 Uji Coba Case Tampilan Grafik hasil Ujian ....................................... 54
Tabel 3.8 Uji Coba Case Laporan Hasil Ujian .................................................... 55
xv
DAFTAR LAMPIRAN
Lampiran 1 Contoh Kode Program

Lampiran 2 Kuesioner
Lampiran 3 Dokumentasi Pengujian Sistem
Lampiran 4 Activity Control
Lampiran 5 Lembar Revisi
Lampiran 6 Verifikasi Abstrak
Lampiran 7 Profil Penulis
xvi
BAB I. PENDAHULUAN
1.1 Latar Belakang

Ujian sekolah adalah kegiatan pengukuran pencapaian kompetensi peserta
didik yang dilakukan oleh satuan pendidikan untuk memperoleh pengakuan atas
prestasi belajar dan merupakan salah satu persyaratan kelulusan dari satuan
pendidikan.Keberhasilan ujian tidak cukup dilihat dari segi keberhasilan para
siswa dalam memperoleh nilai yang baik serta mutu para siswa itu sendiri, tetapi
juga dilihat dari segi teknis pelaksanaan ujian.
Setiap sekolah menginginkan siswanya mempunyai pengetahuan yang
luas.Untuk mengetahui sejauh mana pengetahuan serta pemahaman siswa, SMK
Negeri 10 Malang melakukan ujian pada setiap mata pelajaran di
sekolah.Umumnya, guru membagikan lembaran soal kepada siswa, kemudian
siswa harus mengisi jawaban pada lembar jawaban masing-masing.Kemudian,
guru mengambil penilaian dari hasil pengerjaan tersebut, namun siswa tidak dapat
secara langsung mengetahui hasil penilaian ujian karena guru harus mengoreksi
terlebih dahulu lembar jawaban siswa.Sehingga, untuk mengetahui hasil penilaian
dari ujian, siswa harus menunggu guru mengoreksi lembar jawaban. Guru
membutuhkan waktu dan ketelitian untuk menghindari kesalahan dalam
mengoreksi jawaban siswa. Guru juga membutuhkan waktu untuk merekap nilai
hasil jawaban siswa.
Guru membutuhkan waktu dan ketelitian untuk menghindari kesalahan

dalam mengoreksi jawaban siswa. Guru juga membutuhkan waktu untuk merekap
nilai hasil jawaban siswa. Selain itu, untuk mengetahui perbandingan nilai hasil
ujian siswa dengan cara melihat angka dari nilai hasil ujian dan Guru terlebih
dahulu menghitung rata-rata nilai hasil ujian setiap kelas untuk mendapatkan
perbandingan nilai hasil ujian siswa antar kelas.
Untuk mengatasi masalah tersebut, dibutuhkan sebuah Sistem Ujian Online
pada SMK Negeri 10 Malanguntuk membantu guru dalam pembuatan soal dan
pengoreksian jawaban, sehingga dapat menghemat waktu dalam pelaksanaan ujian
sekolah, serta mendapatkan nilai hasil ujian secara otomatis, dan merekap nilai
hasil ujian siswa secara cepat. Sehingga, siswa dapat mengetahui nilai hasil ujian
1
2
secara otomatis ketika siswa menghentikan pengerjaan ujiannya.Maka

dirancanglah Sistem Ujian Online berbasis WEB, dimana para guru dapat
mengelola soal-soal ujian siswa serta merekap hasil ujian siswa, begitu juga para
siswa setelah melakukan ujian akan bisa langsung melihat hasil ujian.
1.2 Rumusan Masalah
Berdasarkan uraian latar belakang di atas, maka dirumuskan masalah

sebagai berikut:
a. Bagaimana membuat aplikasi agar mendapatkan nilai hasil ujian secara
otomatis.
b. Bagaimana mengetahui nilai hasil ujian dalam bentuk grafik.
c. Bagaimana membuat laporan hasil ujian yang diperlukan pihak sekolah
berdasarkan data sistem.
1.3 Tujuan
Berdasarkan rumusan masalah diatas, tujuan dari pembuatan sistem ujian
online adalah:
a. Membuat aplikasi agar mendapatkan nilai hasil ujian secara otomatis.
b. Mengetahui perbandingan nilai hasil ujian siswa dalam bentuk grafik.
c. Membuat laporan hasil ujian yang diperlukan pihak sekolah berdasarkan
data sistem.
1.4 Batasan Masalah

Batasan masalah dalam sistem ujian online adalah sebagai berikut :
a. Aplikasi ini digunakan oleh siswa, guru, dan admin di SMK Negeri 10
Malang.
b. Aktifasi soal ujian online hanya dilakukan oleh Guru.
c. Aktifasi user dalam penggunaan aplikasi hanya dilakukan oleh admin.
d. Import soal menggunakan format excel yang telah disediakan pada sistem.
e. Nama gambar dari import gambar menggunakan format yang ada pada
excel.
f. Format dari gambar menggunakan jpg,jpeg, dan png.
3
g. Upload gambar menggunakan format ZIP.
1.5 Sistematika Penulisan

Sistematika penulisan penelitian ini diuraikan dalam beberapa bab yaitu:
BAB I. PENDAHULUAN
Bab ini membahas masalah umum tentang penyusunan Laporan Akhir, yang
meliputi latar belakang, rumusan masalah, tujuan, batasan masalah, dan
sistematika penulisan.
BAB II. LANDASAN TEORI
Bab ini membahas teori dasar dan teori penunjang yang digunakan untuk
menunjang penulisan dan relevan dengan masalah yang dibahas dalam
Laporan Akhir ini.
BAB III. ANALISIS DAN PERANCANGAN
Bab ini membahas uraian dari sistem yang digunakan untuk
mengidentifikasi permasalahan dan kebutuhan sistem yang diperlukan. Serta
perancangan sistem yang berisi rancangan sistem yang akan dibangun baik
berupa proses, data ataupun antarmuka.
BAB IV. IMPLEMENTASI
Bab ini membahas proses implementasi dari sistem yang telah dirancang
dan komponen (tools) bahasa pemrograman yang dipakai.
BAB V. PENGUJIAN DAN PEMBAHASAN
Pengujian merupakan proses untuk menentukan apakah hasil dari tugas
akhir sudah sesuai dengan kebutuhan sistem dan berjalan sesuai lingkungan
yang diinginkan. Pengujian dapat berupa pengujian fungsional, penerimaan
pengguna, ataupun performa sistem. Pada pengujian dipaparkan secara
detail mengenai metode pengujian, tujuan pengujian, proses pengujian, serta
analisa hasil pengujian.
Pembahasan merupakan argumentasi rasional dari penulis yang disusun

secara sistematis berdasarkan fakta ilmiah yang diperoleh dari hasil
pegujian.Pembahasan hasil pengujian dapat disajikan dalam bentuk uraian
teoritik, baik secara kualitatif maupun kuantitatif.Secara ilmiah, hasil
4
pengujian yang diperoleh dalam penelitian dapat berupa temuan baru atau
perbaikan, penegesan atau penolakan interpretasi suatu fenomena ilmiah
yang diteliti pada penelitian sebelumnya. Penyajian hasil penelitian dapat
diperjelas dengan menggunakan table, kurva, grafik, foto atau bentuk lain
yang dapat digunakan sesuai secara lengkap dan jelas.
BAB VI. KESIMPULAN
Bab ini membahas uraian singkat dan jelas tentang hasil tugas akhir yang
diperoleh serta saran yang dapat digunakan untuk menyampaikan hal-hal
yang dapat diperbaiki dan dikembangkan lebih lanjut terhadap Sistem
Informasi Registrasi Ulang Mahasiswa Politeknik Negeri Malang.
BAB II. LANDASAN TEORI
Landasan teori berfungsi untuk memberikan definisi tentang variabel-

variabel yang relevan dengan pembuatan sistem ujian online. Landasan teori yang
digunakan penulis adalah sebagai berikut :
2.1 Sistem Informasi
Murdick, Fuller dan Ross dalam Jogiyanto (2000), suatu sistem dapat
digambarkan secara sederhana sebagai suatu kumpulan elemen-elemen yang
bergabung bersama-sama untuk sasaran yang umum sedangkan informasi
merupakan data yang diolah menjadi bentuk yang memiliki nilai tertentu terhadap
penggunanya, menggambarkan suatu kejadian-kejadian (event) dan kesatuan
nyata (fact and entity) dan digunakan untuk pengambilan keputusan.
Sistem informasi sendiri adalah suatu sistem yang terdapat di dalam

organisasi yang mempertemukan kebutuhan pengolah transaksi harian,
mendukung operasi yang bersifat manajerial dan kegiatan strategis dari suatu
organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang
diperlukan.[1]
2.2 Ujian Online
Ujian adalah salah satu cara untuk mengevaluasi hasil belajar. Dalam dunia
pendidikan, ujian adalah mengukur taraf pencapaian suatu tujuan pengajaran oleh
siswa sebagai peserta didik, sehingga siswa dapat mengetahui tingkat
kemampuannya dalam memahami bidang mata pelajaran yang sedang
ditempuh.Salah satu tujuan ujian online otomatis adalah untuk mengatasi
beberapa masalah dan kekhawatiran dengan kertas yang ada ujian pilihan ganda.
Sistem ujian online adalah sistem pengujian baru yang memungkinkan melakukan
generate soal secara dinamis.
2.3 Software Pendukung
Software pendukung digunakan sebagai alat untuk membantu penulis dalam

proses pembuatan sistem ujian online. Software yang digunakan oleh penulis
diantaranya yaitu:
5
6
2.3.1 PHP
“PHP adalah bahasa pemrograman script yang paling banyak dipakai saat
ini. PHP adalah bahasa pemrograman web atau scripting language yang didesain
untuk web”.[2]
Menurut Winarno [3] menjelaskan ketika seorang web programmer
menggunakan PHP dalam membuat halaman HTML, maka hasilnya akan menjadi
lebih powerful. Selain itu, webprogrammer menggunakan PHP sebagai aplikasi
lengkap, seperti untuk bermacam aplikasi berbasis internet. Penggunaan PHP
sangat cocok untuk pengembangan web dan dapat dimasukkan ke dalam HTML.
Jika menggunakan PHP murni, pengembangan web akan membutuhkan waktu
yang relatif lama. Oleh karena itu, membutuhkan bantuan sebuah framework PHP
yang dapat mempercepat pembuatan aplikasi berbasis web.
Kode PHP diawali dengan <?php dan diakhiri ?>. Pasangan kedua kode
inilah yang berfungsi sebagai tag kode PHP. Berdasarkan tag inilah, pihak server
dapat memahami kode PHP kemudian memprosesnya. Hasilnya dikirim ke
browser.
Contoh :
<?php
echo “Hello World!”;
?>
2.3.2 Framework CodeIgniter
“Codeigniter adalah sebuah framework berbasis PHP yang dapat dibilang
cukup populer saat ini. Codeigniter sudah menyiapkan beberapa kumpulan class-
class untuk membuat aplikasi web”.[4]
Menurut Wiswakarma[4] pembuatan aplikasi web dengan menggunakan
framework CodeIgniter, akan memudahkan webprogrammerdalam membuat
maupun mengembangkan aplikasi web. Beberapa keunggulan framework
CodeIgniter diantaranya:
a. CodeIgniter bersifat open source(free) yang dapat digunakan dan
dikembangkan secara legal.

7
b. CodeIgniter sangat ringan jika dijalankan pada semua platformkarena hanya
memerlukan sedikit ruang pada server untuk membentuk suatu classlibrary.
c. CodeIgniter menggunakan model MVC (Model View Controller), sehingga
memudahkan dalam pengembangan web, memisahkan antara kode untuk
tampilan dan kode untuk database.
d. CodeIgniter merupakan sebuah framework yang lengkap, yaituterdiri dari
kumpulan class dalam sebuah library yang lengkap danmendukung proses
pembuatan web, seperti mengakses database, mengirim email, validasi form
data, memanipulasi gambar, dan banyak lagi.
e. CodeIgniter mempunyai user guide (dokumentasi) yang lengkap, rapi, dan
sangat jelas, sehingga akan sangat membantu para programmer pemula yang
ingin mempelajari framework CodeIgniter.
f. CodeIgniter mempunyai komunitas yang sangat besar, sehingga
memungkinkan untuk berbagi ilmu tentang CodeIngiter dari satu pengguna
ke pengguna lainnya.
2.3.3 MySQL
MySQL merupakan DBMS (Database Management Sistem) yang pertama
kali mulai dikembangkan tahun 1994 oleh sebuah perusahaan software bernama
tcX Data Kosnsult AB yang dikemudian hari berganti label menjadi MySQL-AB.
“My” pada kata MySQL sebenarnya bukan berarti MY dalam bahasa Inggris,
tetapi konon merupakan nama putri dari Michael Widenius, pemrogram DBMS
tersebut. Versi lain menyebutkan “My” adalah kependekan dari “Monty”, yang
merupakan julukan untuk Micahel Widenius.
MySQL digunakan oleh sebagian besar Web Server yang ada dijagat
internet. Disamping karena dianggap simpel, juga dapat di-porting pada berbagai
sistem operasi sekelas server, seperti Windows, Linux, Solaris, Mac OS, BSD,
Unix, IBM-AIX.
8
Walaupun relative simple, MySQL memiliki fitur-fitur yang sangat baik

sehingga sangat cocok untuk digunakan dalam implementasi aplikasi basis data,
khususnya yang berbasis Web.[5]
2.3.4 XAMPP
XAMPP adalah salah satu paket software web server yang terdiri dari
Apache, MySQL, PHP dan PHPMyAdmin.XAMPP sangat mudah, karena tidak
memerlukan konfigurasi Apache, PHP dan MySQL secara manual.XAMPP
melakukan instalasi dan konfigurasi secara otomatis. XAMPP memiliki kelebihan
untuk bisa berperan sebagai server web Apache untuk simulasi pengembangan
website.
2.3.5 Javascript
Javascript adalah bahasa pemrogaman tingkat tinggi dan dinamis. Javascript

pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah
namaMocha, kemudian nama itu diganti menjadi LiveScript dan akhirnya menjadi
JavaScript. JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk
membuat efek rollover baik dalam gambar maupun teks dan yang terpenting
adalah untuk membuat AJAX.
2.3.6 AJAX
AJAX, singkatan dari “Asynchronous JavaScript and XML“, merupakan

metode suatu laman web menggunakan JavaScript untuk mengirim dan menerima
data dari server tanpa harus menyegarkan (refresh) laman itu.XML adalah sejenis
markup languageseperti HTML, yang kerap dipakai untuk mengirimkan data
melalui internet. Belakangan ini, JSON (“JavaScript Object Notation”) lebih
populer dan bisa dibaca secara bawaan (native) – oleh JavaScript.Berikut uraian
yang lebih ringkas:
 AJAX: Asynchronous JavaScript and XML. Sebuah sistem untuk mengirim

dan menerima data dari server tanpa penyegaran laman (page refresh).
9
 XML: eXtensible Markup Language. Sebuah bahasa untuk mengorganisir

data arbitrer. Menggunakan banyak sekali kurung sudut (angle brackets):
“<>”.
 HTML: HyperText Markup Language. Sebuah subset XML yang
khususnya berfungsi untuk menjelaskan dan mengorganisir laman web.
 JSON: JavaScript Object Notation. Metode yang lebih modern untuk
memindahkan paket data yang sering dipakai bersama dengan AJAX. Bisa
dibaca secara bawaan oleh JavaScript.
Sebuah contoh perintah AJAX bisa berjalan seperti berikut:
 Client memanggil laman dari server

 Server merespon panggilan dan mengirimkan laman
 Client membuat perintah AJAX ke server dan memanggil lebih banyak
data
 Server mengirimkan data tersebut
 Client memutakhirkan laman dengan data tersebut tanpa me-refresh laman.
Facebook, Gmail, dan Pinterest adalah contoh situs-situs yang banyak
menggunakan AJAX.
Bagian “Asynchronous” merujuk pada fakta bahwa ketika JavaScript

menyampaikan panggilan AJAX ke webserver, ia terus berjalan sampai
memperoleh respon – ia tidak memblokir dan berhenti saat data sedang diproses
oleh server.
2.3.7 Bootstrap
Bootstrap adalah sebuah library framework css yang dibuat khusus untuk bagian
pengembangan front-end website. Bootstrap merupakan salah satu framework
HTML, CSS dan javascript yang paling populer dikalangan web developer. Pada
saat ini web developer telah menggunakan bootstrap untuk membuat tampilan
front-end menjadi lebih mudah dan sangat cepat, karena hanya perlu
menambahkan clas-clas tertentu untuk membuat tombol, grid dan lain sebagainya.
BAB III. ANALISIS DAN PERANCANGAN
Pada bagian ini dijelaskan tentang analisa kebutuhan sistem dan desain
sistem serta metode perancangan yang digunakan untuk ujian online SMK Negeri
10 Malang.
3.1 Analisis Sistem

Berdasarkan pengumpulan data dari analisis masalah yang didapatkan dari
wawancara Kaprog. Teknik Komputer Jaringan, beberapa guru di TKJ siswa
dengan jurusan TKJ dapat diuraikan beberapa strategi pemecahan masalah, antara
lain:
a. Ruangan yang dapat digunakan untuk ujian online tidak hanya
laboratorium, melainkan kelas juga yang telah difasilitasi hotspot area.
b. Membuat sistem ujian online yang dapat dikelola oleh admin dan setiap
guru yang akan dikerjakan oleh siswa.
c. Membuat sistem ujian online yang dapat membantu guru dalam
mengkoreksi hasil ujian siswa dan merekap nilai dengan waktu yang lebih
efektif.
d. Membuat sistem ujian online yang dapat mengkoreksi ujian secara
otomatis dan memberikan nilai hasil ujian secara otomatis kepada siswa
yang bersangkutan.
3.2 Spesifikasi Sistem
Berikut ini adalah spesifikasi dari aplikasi sistem ujian online.
a. Layanan Administrator
1) Mengelola data siswa
Admin menambahkan data siswa dengan tambah data langsung pada
sistem, selain dengan tambah data langsung admin juga dapat import
data siswa menggunakan format excel. Untuk upload dengan format
excel admin harus menggunakan format yang telah disediakan. Selain
tambah data admin juga dapat mengedit atau menghapus data siswa.
2) Mengelola data guru.
Admin menambahkan data guru dengan tambah data langsung pada

sistem, selain dengan tambah data langsung admin juga dapat import
10
11
data guru menggunakan format excel. Selain tambah data admin juga
dapat mengedit atau menghapus data guru.
3) Mengelola data mapel

Admin dapat menambahkan, mengahapus, atau edit data mata
pelajaran. Mata pelajaran ini berguna untuk data guru dalam
menggunakan sistem seperti upload soal dan lainnya.
4) Mengatur hak akses pengguna aplikasi.
Selain admin pengguna sistem ujian ini adalah guru dan siswa yang
telah ditambahkan oleh admin.Namun selain menambahkan data dari
guru dan siswa admin juga harus mengatur aktifasi user yang berguna
untuk guru dan siswa dalam menggunakan sistem.Jika aktifasi user
belum diaktifkan maka guru dan siswa tidak dapat menggunakan
sistem.
b. Layanan Guru
1) Mengelola soal ujian
Setelah login sebagai guru, guru dapat menambahkan soal ujian pada
sistem, baik dengan tambah soal secara langsung ataupun dengan
upload soal mengguanakan format excel. Dalam upload soal
menggunakan format excel guru harus mengikuti format excel yang
telah disediakan pada sistem. Upload gambar pada format excel
menggunakan ZIP dan nama dari gambar disesuaikan dengan format
excel yang disediakan. Format dari gambar bisa menggunakan jpg,
jpeg, dan png.
2) Membuat jadwal ujian
Guru dapat membuat atau mengatur jadwal ujian.
3) Melihat laporan hasil ujian siswa
Guru dapat melihat hasil ujian yang dilakukan oleh siswa.
c. Layanan Siswa
1) Mengerjakan ujian
Siswa dapat mengerjakan soal dengan waktu yang telah ditentukan
oleh guru.
12
2) Melihat hasilujian yang dikerjakan

Siswa dapat melihat hasil ujian setelah mengerjakan soal ujian.
3.3 Work Breakdown System (WBS)
WBS adalah suatu metode pengorganisasian proyek menjadi struktur
pelaporan. WBS digunakan untuk melakukan breakdown atau memecahkan tiap
proses pekerjaan menjadi lebih detail, hal ini dimaksudkan agar proses
perencanaan proyek memiliki tingkat yang lebih baik.
Gambar 3.1: WBS dari sistem ujian online

Keterangan dari gambar 3.1 :
Data:
 Data Admin diperlukan untuk login pada sistem.

 Data Guru diperlukan untuk login guru.
 Data Siswa diperlukan untuk login siswa agar bisa melakukan ujian.
 Data Ujian digunakan untuk membuat soal-soal ujian.
 Data Hasil Ujian digunakan untuk melihat data dari hasil ujian.
13
Layanan :
 Guru
o Login dilakukan agar guru dapat menggunakan sistem.
o Ubah password dapat dilakukan guru untuk menjaga keamanan
lebih lanjut.
o Tambah soal dilakukan guru untuk pelaksaan ujian.
o Atur jadwal dilakukan guru untuk mengatur jadwal ujian.
o Lihat hasil ujian dilakukan guru untuk melihat hasil ujian yang
dilaksanakan siswa.
 Siswa
o Login dilakukan siswa untuk melaksanakan ujian.
o Ubah password dapat dilakukan siswa demi keamanan lebih lanjut.
o Kerjakan ujian dapat dilakukan siswa untuk kelancaran proses
ujian.
o Lihat hasil ujian dapat dilakukan siswa setelah mengerjakan soal
ujian.
Laporan :
 Laporan Hasil Ujian didapat setelah ujian berhasil dilaksanakan.

3.4 Desain Sistem
3.4.1 Entity Relationship Diagram (ERD)
ERD merupakan notasi grafis dalam pemodelan data konseptual yang
mendeskripsikan hubungan antara penyimpanan.ERD digunakan untuk
memodelkan struktur data dan hubungan antar data, karena hal ini relatif
kompleks.Beberapa yang perlu diketahui tentang pembuatan ERD yaitu entitas,
atribut, relasi dan lain-lain.
Pada sistem ujian online ini setiap siswa yang akan melakukan ujian terdaftar
dalam data siswa. Siswa dapat mengikuti ujian setelah jadwal ujian diatur oleh
guru. Pada ujian terdapat soal yang akan dikerjakan oleh siswa. Setelah siswa
mengerjakan soal, siswa dapat melihat hasil ujian yang dikerjakan.Setiap guru
dapat melaporkan hasil ujian yang telah dikerjakan oleh siswa.

Gambar 3.2 Entity Relationshi Diagram
(ERD) Ujian Online Ujian
14
15
Keterangan ERD :
a. User adalah pengguna dari aplikasi Sistem ujian online yang dibedakan
berdasarkan peranannya atau role. Role terdiri dari:
1) Role 1 : m_admin
Merupakan user yang bisa melakukan insert, update dan delete terhadap
semua manajemen atau data master yang ada pada aplikasi. Admin juga
mengelola data login untuk user yang menggunakan sistem ini.
2) Role 2 : m_guru
Merupakan user yang bertindak sebagai pengelola data soal dan data ujian
yang akan dikerjakan oleh siswa. Guru juga dapat mengelola data jadwal
ujian yang akan dilaksanakan. Guru dapat melihat hasil ujian yang
dikerjakan oleh siswa.
3) Role 3 : m_siswa
Merupakan user yang akan melakukan ujian setelah diberikan hak akses
oleh admin.
b. Login. User yang menggunakan sistem ini pertama yaitu memasukkan data
authentifikasi login yang diketikkan melalui keyboard sesuai dengan username
dan password yang telah dibuat oleh admin sebelumnya.
c. Mengelola data master. m_admin (Role 1) dapat membuat, mengedit dan
menghapus data-data yang ada pada sistem. Data master terdiri dari data
m_guru(id_guru, id_mapel, id_user, nip, nama), siswa(id_siswa, id_user,
no_induk, nama, jurusan, kelas) serta data m_mapel(id_mapel, nama_mapel)
dan data m_kelas(id_kelas, nama_kelas).
d. Mengelola data soal. Pengelolahan data m_soal dilakukan oleh Guru (Role 2)
data yang dimasukkan yaitu (id_soal, soal, opsi_a, opsi_b, opsi_c, opsi_d,
opsi_e, jawaban_benar, nilai_bobot). Soal ini berupa soal pilihan ganda yang
akan dikerjakan oleh siswa dalam ujian.
e. Mengelola ujian. tr_gurutes dibuat dan dikelola oleh Guru (Role 2) data yang
terdapat pada tr_gurutes yaitu (id_tr_gurutes, id_guru, id_mapel, id_kelas,
nama_ujian, jumlah_soal, waktu, jenis, detail_jenis, tgl_mulai,
batas_keterlambatan,).
16
Siswa (Role 3) mengikuti ujian tr_ikutujian, data yang terdapat pada

tr_ikutujian yaitu (id, id_test, id_user, list_soal, list_jawaban, jml_benar,
nilai, nilai_bobot, tgl_mulai, tgl_selesai, status) Pada saat siswa mengikuti
ujian, siswa akan mengerjakan soal yang telah dibuat oleh guru. Setelah
mengerjakan soal siswa akan mendapatkan hasil dari soal yang telah
dikerjakan oleh siswa.
3.4.2 Mapping Entity Relationship Diagram (ERD)
Mapping merupakan proses perubahan dari model data konseptual ERD
kedalam bentuk model data fisik. Setelah merancang model basis data dengan
ERD tahap selanjutnya yaitu memetakan entitas-entitas ataupun relasinya kedalam
sebuah tabel. Mapping tabel mempunyai ketentuan yaitu setiap entitas pasti
berubah menjadi tabel serta atributnya akan menjadi field dari tabel tersebut.
Sedangkan relasi bisa berubah menjadi tabel dan bisa juga tidak.
Berikut ini adalah hasil mapping dari ERD:
Gambar 3.3 Mapping ERD (Entity Relationship Diagram)

3.4.3 Data Flow Diagram (DFD)
DFD adalah alat pembuatan model yang memungkinkan profesional sistem
untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang
dihubungkan satu sama lain dengan alur data, baik secara manual maupun
terkomputerisasi.
17
Gambar 3.4 DFD Level 0

 Admin melakukan Login dengan memasukkan username dan password,
kemudian dikelola oleh sistem apakah data sudah ada atau tidak, jika ada sistem
akan memberi notifikasi admin berhasil login pada sistem. Admin dapat
menambahkan data sari guru dan juga siswa. Untuk mendapatkan hak akses dalam
emnggunakan sistem harus mengatur aktifasi user agar guru dan siswa dapat
masuk pada sistem.
 Guru melalukan login dengan memasukkan username dan password,
kemudian dikelola oleh sistem apakah data sudah ada atau tidak, jika ada maka
sistem akan memberi notifikasi guru berhasil login. Guru dapat menambahkan
soal pada sistem dengan memilih dahulu mata pelajaran apa yang akan dibuatkan
soal. Setelah menambahkan soal pada matapelajaran selanjutnya adalah atur
jadwal, atur jadwal disini berisikian mapel, jumalah soal serta waktu dan lama
pengerjaan ujian. Setelah mengatur jadwal guru akan mendapatkan token yang
digunakan untuk siswa masuk kepada ujian yang telah dibuat oleh guru.
 Siswa melakukan login dengan memasukkan username dan password,
kemudian dikelola oleh sistem apakah data sudah ada atau tidak, jika ada maka
sistem akan member notifikasi bahwa siswa berhasil login. Siswa dapat
melaksanakan ujian yang di buat oleh guru. Untuk mengerjakan ujian siswa harus
memasukkan token pada ujian yang telah dibuat. Setelah token berhasil
18
dimasukkan maka siswa dapat mengerjakan soal, dan kemudian mendapatkan

nilai hasil ujian setelah berhenti melaksanakan ujian.
Data flow Diagram Level 0 merupakan diagram yang menggambarkan

proses relasi antar admin, guru, dan siswa. Setelah membahas tentang proses
relasi antar actor, selanjutnya Data Flow Diagram Level 1 yang menggambarkan
proses sistem, tentang proses apa saja yang dilakukan dalam sistem ini. Proses
tersebut dapat dijelaskan sebagai berikut :
Gambar 3.5 DFD Level 1

Setelah adanya Data Flow Diagram level 1 maka dipaparkan sub bab tentang
proses data user, soal, jadwal ujian, pelaksanaan ujian.Berikut gambar yang
menjelaskan proses tersebut.
Gambar 3.6 DFD Level 2 Proses 1 Kelola Data User

19
Data flow diagram level 2.1 ini menjelaskan tentang proses Mengelola data user
yang dilakukan oleh admin.Admin menambahkan data dari data guru dan data
siswa, selain itu admin melakukan aktifasi user agar guru atau siswa dapat login
dan menggunakan sistem.
Selanjutnya adalah sub bab dari proses tambah soal, yang digambarkan dengan
data flow diagram level 2.2
Gambar 3.8 DFD Level 2 Proses 2 Mengelola Data Soal

Data flow diagram level 2.2 ini menjelaskan tentang proses mengelola data soal
yang dilakukan oleh guru.Mengelola data soal dilakukan oleh guru. Dimana guru
harus memilih mata pelajaran dari soal yang akan diatmbahkan oleh guru.
Selanjutnya adalah sub bab dari proses jadwal ujian, yang digambarkan dengan
data flow diagram level 2.3.
Gambar 3.9 DFD Level 2 Proses 3 Mengelola Jadwal Ujian

20
Data flow diagram level 2.3 ini menjelaskan tentang proses mengelola data
jadwal ujian yang dilakukan oleh guru.
Selanjutnya adalah sub bab dari proses pelaksanaan ujian, yang digambarkan
dengan data flow diagram level 2.4.
Gambar 3.10 DFD Level 2 Proses 5 Mengelola Data Ujian

Data flow diagram level 2.4 ini menjelaskan tentang proses mengelola data ujian
yang dilakukan oleh siswa
3.4.4 Desain Tampilan Sistem

Desain tampilan sistem berfungsi sebagai acuan untuk membuat user
interface dalam implementasi sistem. Desain tampilan sistem terdiri dari desain
layout sistem.Berikut ini adalah penjabaran tentang desain tampilan sistem dalam
pembuatan sistem ujian online.
a. Desain Layout
Desain layout menggambarkan garis besar rancangan user interface
dalam pembuatan sistem ujian online yang terdiri atas halaman index
utama, halaman siswa, halaman guru dan halaman admin.
 Halaman login
Halaman index utama adalah halaman login, dimana user admin akan
melakukan login terlebih dahulu untuk menambahkan data dari guru dan siswa.
Rancangan halaman login akan ditunjukkan pada gambar 3.12
21
Gambar 3.12 Desain Halaman Login

 Halaman Admin
Halaman admin adalah halaman yang pertama kali diakses oleh admin yang
didalamnya berisi tentang data data dari siswa, guru dan maple yang akan
diujikan. Rancangan Halaman admin akan ditunjukkan pada gambar 3.13.
Gambar 3.13 Desain Halaman admin
 Halaman Guru
Halaman guru adalah halaman yang pertama kali diakses oleh guru yang
didalamnya berisi tentang pembuatan soal, jadwal ujian dan hasil ujian siswa.
Rancangan halaman guru akan ditunjukkan pada gambar 3.14
Gambar 3.14 Desain Halaman Guru

22
 Halaman Siswa
Halaman siswa untuk siswa yang akan melakukan ujian, didalamnya berisi
jadwal ujian yang akan dilaksanakan dan data nilai hasil ujian. Rancangan
halaman siswa akan ditunjukkan pada gambar 3.15
Gambar 3.15 Desain Halaman Siswa

BAB IV. IMPLEMENTASI
Pada bagian ini, menjelaskan mengenai software, hardware dan bahasa
pemrogaman yang digunakan untuk pembuatan sistem serta penjelasan setiap
proses bagian pembuatan halaman sistem yang disertai dengan potongan kode
program.
4.1 Software
Software yang digunakan dalam pembuatan Sistem Ujian Online yaitu:
 Browser Mozila Firefox 46.0.1
 Google Chrome Version 50.0.2661.102 m (64 bit)
 Xampp Version 3.2.2
 MySQL Server Version 5.6.16
4.2 Hardware
Hardware yang digunakan dalam pembuatan Sistem Ujian Online yaitu
komputer dengan spesifikasi :
 Processor intel pentium inside
 Memori 2 GB
4.3 Pembuatan Database
Database dibuat dengan menggunakan MySQL Server

Create Database db_ujian;
Pembuatan tabel dalam database

Create table (nama table) (field(tipe data) (length))
4.3.1 Struktur Database
Struktur database yang dibuat merupakan hasil mapping dari proses
desain sistem yaitu ERD. Berikut ini merupakan struktur database yang
telah dibuat terdiri dari 10 tabel
23
24
25
a. Tabel m_admin
Merupakan tabel yang digunakan untuk menyimpan data user yang diaktifkan
oleh admin untuk hak akses pada sistem, tabel m_admin terdiri dari 5 field.
Gambar 4.2 Tabel m_admin

Pembuatan Tabel m_admin dengan menggunakan script:
CREATE TABLE m_admin (id int(2), username

varchar(50), password varchar(50),level
enum(„admin‟,‟guru‟,‟siswa‟),kond_id int(3),status
int(1));
b. Tabelm_siswa
Merupakan tabel yang digunakan untuk menyimpan data siswa, tabel

m_siswa terdiri dari 5 field.
Gambar 4.3 Tabel m_siswa

Pembuatan Tabel m_siswa dengan menggunakan script:
CREATE TABLE m_siswa (id int(4), id_kelas
tinyint(2),id_tahun_ajaran int (2), nama
varchar(100),nim varchar(50),jurusan varchar(50));
26
c. Tabelm_kelas
Merupakan tabel yang digunakan untuk menyimpan data kelas yang ada
pada sistem, tabel m_kelas terdiri dari 2field.
Gambar 4.4 Tabel Kelas

Pembuatan Tabel m_kelas dengan menggunakan script:
CREATE TABLE m_kelas (id_kelas tinyint(2), nama_kelas
char(3));
d. Tabel m_tahun_ajaran
Merupakan tabel yang digunakan untuk menyimpan data tahun ajaran

yang ada pada sistem, tabel m_tahun_ajaran terdiri dari 2 field.
Gambar 4.5 Tabel m_tahun_ajaran

e. Tabel tr_siswa_mapel
Merupakan tabel yang digunakan untuk menyimpan data siswa dan data
mapel, tabeltr_siswa_mapel terdiri dari 3field.
Gambar 4.6 Tabel tr_siswa_mapel

Pembuatan Tabel tr_siswa_mapel dengan menggunakan script:
CREATE TABLE tr_siswa_mapel (id int(4), id_siswa
int(4), id_mapel int(3));
27
f. Tabelm_guru
Merupakan tabel yang digunakan untuk menyimpan data guru, tabel

m_guru terdiri dari 3 field.
Gambar 4.7 Tabel M_Guru

Pembuatan Tabel User dengan menggunakan script:
CREATE TABLE m_guru (id int(3), nip varchar(30),nama
varchar(100));
g. Tabel tr_guru_mapel
Merupakan tabel yang digunakan untuk menyimpan data guru dan data
mapel, tabel tr_guru_mapel terdiri dari 3 field.
Gambar 4.8 Tabel Guru_mapel

CREATE TABLE tr_guru_mapel (id int(3), id_guru int(3),
id_mapel int(3));
h. Tabelm_mapel
Merupakan tabel yang digunakan untuk menyimpan data mapel, tabel

m_mapel terdiri dari 2 field.
28
Gambar 4.9 Tabel m_mapel

CREATE TABLE m_mapel (id int(3), nama varchar(50));
i. Tabeltr_guru_tes
Merupakan tabel yang digunakan untuk menyimpan data ujian yang telah
dibuat oleh guru, tabel tr_guru_tes terdiri dari 11field.
Gambar 4.10 Tabel tr_guru_tes

Pembuatan Tabel tr_guru_tes dengan menggunakan script:
CREATE TABLE tr_guru_tes (id int(4), id_guru int(3),
id_mapel int(3), nama_ujian varchar(50),jumlah_soal
int(6),waktu int(6), jenis enum(„acak‟,‟set‟),
detil_jenis varchar(100), tgl_mulai datetime(),
terlambat int(3),token varchar(5));
j. Tabel m_soal
29
Merupakan tabel yang digunakan untuk menyimpan data soal, tabel

m_soal terdiri dari 16 field.
Gambar 4.11 Tabel m_soal

Pembuatan Tabel m_soal dengan menggunakan script:
CREATE TABLE m_soal (id int(6), id_guru int(6),
id_mapel int(6),bobot int(2),file varchar(150),
tipe_file varchar(50), soal longtext, opsi_a longtext,
opsi_b longtext, opsi_c longtext, opsi_d longtext,
opsi_e longtext, jawaban varchar(5), tgl_input
datetime,jml_benar int(6), jml_salah int(6));
30
k. Tabel tr_ikut_ujian
Merupakan tabel yang digunakan untuk menyimpan data Siswa yang

mengikuti ujian, tabel tr_ikut_ujian terdiri dari 11 field.
Gambar 4.12 Tabel tr_ikut_ujian

Pembuatan Tabel tr_ikut_ujian dengan menggunakan script:
CREATE TABLE tr_ikut_ujian (id int(6), id_tes int(6),
id_user int(4),list_soal longtext,list_jawaban
longtext, jml_benar int(6), nilai decimal(10,2),
nilai_bobot decimal(10,2), tgl_mulai datetime,
tgl_selesai datetime, status enum(„Y‟,‟N‟));
4.4 Pembuatan Sistem
Sistem yang dibuat menggunakan bahasa pemrogaman PHP dengan

framework CodeIgniter, terdapat 3 hak akses yaitu admin, guru dan siswa.
4.4.1 Pembuatan Halaman Login
Untuk masuk sebagain Admin, Guru maupun Siswa. Didalam sistem ujian
online ini menerapkan login otomatis, yaitu login hanya dengan memasukkan
username dan passworddari user langsung dapat diketahui apakah user seorang
Admin, Guru atau Siswa. Login digunakan untuk membedakan hak akses dari
setiap user yang ada.
31
Gambar 4.13 Halaman Login

$data = array(
'admin_id' => $a_data->id,
'admin_user' => $a_data->username,
'admin_level' => $a_data->level,
'admin_konid' => $a_data->kon_id,
'admin_nama' => $sess_nama_user,
'admin_valid' => true
);
if($a_data->Status == "1"){
$_log['log']['status'] = "0";
$_log['log']['keterangan']= "Maaf, username sedang
login";
$_log['log']['detil_admin'] = null;
}else{
$cUser = $a_data->username ;
$det_user = $this->db->query("update m_admin set Status =
'1' where username = '".$cUser."'");
$this->session->set_userdata($data);
$_log['log']['keterangan'] = "Login berhasil";
$_log['log']['detil_admin']= $this->session->userdata;}
} else {
$_log['log']['keterangan'] = "Maaf,username dan password
salah”
32
$_log['log']['detil_admin']= null;}
4.4.2 Pembuatan Halaman Home Administrator
Setelah proses Login berdasarkan Admin berhasil, maka Admin akan diarahkan
kedalam halaman utama dashboard administrator yang berisi menu-menu yang
berada diatas halaman.
Gambar 4.14 Halaman Home Administrator
if ($sess_level == "admin") {
$menu = array(
array("icon"=>"home", "url"=>"", "text"=>"Home"),
array("icon"=>"user", "url"=>"m_siswa", "text"=>"Data

Siswa"),
array("icon"=>"user", "url"=>"m_guru", "text"=>"Data Guru"),
array("icon"=>"th-list", "url"=>"m_mapel", "text"=>"Data

Mapel")
);
} else {
$menu = array(
array("icon"=>"home", "url"=>"", "text"=>"Home")
);
33
4.4.3 Pembuatan Halaman Menu Data Siswa Administrator
Halaman data siswa adalah sebuah halaman dimana Admin dapat melihat
data siswa berupa No induk dan Nama. Halaman ini digunakan sebagi
penambahan hak akses unuk siswa.
Gambar 4.15 Halaman Menu Data Siswa Administrator

if (!empty($det_user)) {
$q_cek_username = $this->db->query("SELECT id
FROM m_admin WHERE username = '".$det_user-
>nim."' AND level = 'siswa'")->num_rows();
if ($q_cek_username < 1) {
$this->db->query("INSERT INTO m_admin VALUES

(null, '".$det_user->nim."', md5('".$det_user-
>nim."'), 'siswa', '".$det_user->id."')");
$ret_arr['status'] = "ok";
$ret_arr['caption'] = "tambah user sukses";
j($ret_arr);
} else {
$ret_arr['status'] = "gagal";
$ret_arr['caption'] = "Username telah

digunakan";
34
j($ret_arr);
} else {
$ret_arr['caption'] = "tambah user gagal";
j($ret_arr);
4.4.4 Pembuatan Halaman Form Tambah Data Siswa
Halaman Tambah data siswa adalah sebuah halaman dimana Admin

mengisi form data siswa berupa No induk dan Nama.
Gambar 4.16 Halaman Form Tambah Data Siswa

if ($p->id != 0) {
$this->db->query("UPDATE m_siswa SET id_kelas =

'".bersih($p,"id_kelas")."' , nama =
'".bersih($p,"nama")."', nim = '".bersih($p,"nim")."',
jurusan = '".bersih($p,"jurusan")."' WHERE id =
'".bersih($p,"id")."'");
$ket = "edit";
} else {
$ket = "tambah";
$this->db->query("INSERT INTO m_siswa VALUES (null,

'".bersih($p,"id_kelas")."','".bersih($p,"nama")."',
35
'".bersih($p,"nim")."', '".bersih($p,"jurusan")."')");
$ret_arr['caption'] = $ket." suksess";
j($ret_arr);
exit();
4.4.5 Format Import Data Siswa dari Excel

Format Excel Tambah data siswa adalah Format dimana dalam import data
siswa menggunakan excel harus mengikuti format yang telah disediakan
seperti gambar dibawah ini.
Gambar 4.17 Format Tambah Data Siswa Menggunakan Excel

4.4.6 Import data Siswa menggunakan Excel
Setelah menambahkan data siswa dalam format excel, selanjutnya adalah
import data.
Gambar 4.18 Halaman Import data siswa menggunakan excel

4.4.7 Pembuatan Halaman Menu Data Guru Administrator
Halaman Data Guru adalah sebuah halaman dimana Admin dapat melihat
data guru berupa No Induk Pegawai dan Nama Guru. Halaman ini digunakan
sebagai penambahan hak akses untuk guru.
36
Gambar 4.19 Halaman Menu Data Guru Administrator

if (!empty($det_user)) {
$q_cek_username = $this->db->query("SELECT id FROM m_admin

WHERE username = '".$det_user->nip."' AND level =
'guru'")->num_rows();
if ($q_cek_username < 1) {
$this->db->query("INSERT INTO m_admin VALUES (null,

'".$det_user->nip."', md5('".$det_user->nip."'), 'guru',
'".$det_user->id."')");
$ret_arr['caption'] = "tambah user sukses";
j($ret_arr);
} else {
$ret_arr['caption'] = "Username telah digunakan";
j($ret_arr);
} else {
$ret_arr['caption'] = "tambah user gagal";

37
j($ret_arr);
exit();
4.4.8 Pembuatan Halaman Form Tambah Data Guru
Halaman Tambah data guru adalah sebuah halaman dimana Admin

mengisi form data siswa berupa No induk dan Nama.
Gambar 4.20 Halaman Form Tambah Data Guru Administrator

$ket = "tambah";
$this->db->query("INSERT INTO m_guru VALUES (null,

'".bersih($p,"nip")."', '".bersih($p,"nama")."')");
4.4.9 Format Import Data guru menggunakan excel
Format Excel Tambah data guru adalah Format dimana dalam import data
siswa menggunakan excel harus mengikuti format yang telah disediakan seperti
gambar dibawah ini
38
Gambar 4.21Format excel tambah data guru

4.4.10 Import data guru menggunakan Excel
Setelah menambahkan atau mengisi data guru pada format excel,

selanjutnya adalah import data guru dari fomart excel.
Gambar 4.22 Halaman Import data excel
4.4.11 Pembuatan Halaman Menu Data Mapel Administrator
Halaman data mapel adalah sebuah halaman dimana Admin dapat melihat
data mata pelajaran yang akan dilaksanakan saat ujian.
39
Gambar 4.23 Halaman Menu Data Mapel Administrator

if ($uri3 == "det") {
$a = $this->db->query("SELECT * FROM m_mapel WHERE id =

'$uri4'")->row();
j($a);
exit();
} else if ($uri3 == "simpan") {
$ket = "";
$q_data = $this->db->query("SELECT * FROM m_mapel

WHERE nama = '".bersih($p,"nama")."'");
$j_data = $q_data->num_rows();
$a_data = $q_data->row();
if($j_data > 0){
$ret_arr['status'] = "error";
$ret_arr['caption'] = " data sudah ada";
j($ret_arr);
exit();
4.4.12 Pembuatan Halaman Guru
Setelah proses Login berdasarkan Guru berhasil, maka Guru akan

diarahkan kedalam halaman utama dashboard dari login Guru yang berisi menu-
menu yang berada diatas halaman.
40
Gambar 4.24 Halaman Guru

if ($sess_level == "guru") {
$menu = array(
array("icon"=>"list-alt", "url"=>"m_soal",
"text"=>"Soal"),
array("icon"=>"file", "url"=>"m_ujian", "text"=>"Ujian"),
array("icon"=>"file", "url"=>"h_ujian", "text"=>"Hasil

Ujian"),};
4.4.13 Pembuatan Halaman Soal
Halaman Soal adalah sebuah halaman yang berisi penambahan soal yang
dilakukan oleh Guru. Guru dapat menambahkan Soal dengan mengklik tombol
tambah data yang ada pada gambar.
41
Gambar 4.25 Halaman Soal

if ($uri3 == "det") {
$a = $this->db->query("SELECT * FROM m_soal WHERE id =
'$uri4' ORDER BY id DESC")->row();
j($a);
exit();
} else if ($uri3 == "import") {
$a['p'] = "f_soal_import";
} else if ($uri3 == "hapus_gambar") {
$nama_gambar = $this->db->query("SELECT file FROM m_soal
WHERE id = '".$uri5."'")->row();
$this->db->query("UPDATE m_soal SET file = '', tipe_file =
'' WHERE id = '".$uri5."'");
@unlink("./upload/gambar_soal/".$nama_gambar->file);
redirect('adm/m_soal/pilih_mapel/'.$uri4);
} else if ($uri3 == "pilih_mapel") {
if ($a['sess_level'] == "guru") {
$a['data'] = $this->db->query("SELECT m_soal.*,
m_guru.nama AS nama_guru FROM m_soal INNER JOIN m_guru ON
m_soal.id_guru = m_guru.id WHERE m_soal.id_guru =
'".$a['sess_konid']."' AND m_soal.id_mapel = '$uri4' ORDER
BY id DESC")->result();
} else {
$a['data'] = $this->db->query("SELECT m_soal.*,
m_guru.nama AS nama_guru FROM m_soal INNER JOIN m_guru ON
m_soal.id_guru = m_guru.id WHERE m_soal.id_mapel = '$uri4'
ORDER BY id DESC")->result();
4.4.14 Tambah Soal

42
Halaman tambah soal digunakan guru untuk menambahkan soal yang akan
digunakan untuk ujian.
Gambar 4.26 Halaman Tambah Soal

4.4.15 Format excel Import Soal
Selain menambahkan soal secara langsung, guru juga dapat menggunakan

import soal menggunakan format excel. Namun dalam import soal menggunakan
soal guru harus menyesuaikan format excel yang telah disediakan. Guru bisa
mendownload format yang telah disediakan pada sistem.
Gambar 4.27 Halaman Format Excel Import Soal

4.4.16 Halaman Import Data Soal
Setelah menambahkan soal pada format excel selanjutnya adalah import

soal menggunakan excel. Selain import soal, jika ada soal yang memerlukan
gambar maka gambar digabung menjadi 1 file Zip agar bisa diupload. Untuk nama
dari gambar disesuaikan seperti yang ada pada format excel.
43
Gambar 4.28 Halaman Import Data Soal
4.4.17 Pembuatan Halaman Jadwal Ujian
Halaman ujian adalah sebuah halaman yang di gunakan guru untuk

menambahkan data pada ujian. Halaman ini dapat mengatur soal serta waktu dari
ujian yang akan dilaksanakan.
Gambar 4.29 Halaman Jadwal Ujian

$this->db->query("INSERT INTO tr_guru_tes VALUES
(null,'".$a['sess_konid']."', '".bersih($p,"mapel")."',
'".bersih($p,"id_kelas")."','".bersih($p,"nama_ujian")."',
'".bersih($p,"jumlah_soal")."','".bersih($p,"waktu")."','"
.bersih($p,"acak")."','', '".bersih($p,"tgl_mulai").",
".bersih($p,"wkt_mulai")."',
'".bersih($p,"terlambat")."','$token')");
4.4.18 Pembuatan Halaman Hasil Ujian

44
Halaman ini adalah sebuah halaman dimana guru dapat melihat hasil dari
ujian yang telah dilaksanakan oleh siswa.
Gambar 4.30 Halaman Menu Data Hasil Ujian

$q_datanya = $this->db->query("SELECT a.*, b.nama AS
mapel, c.nama AS nama_guru, d.nama_kelas AS kelas FROM
tr_guru_tes a
INNER JOIN m_mapel b ON a.id_mapel = b.id
INNER JOIN m_guru c ON a.id_guru = c.id
INNER JOIN m_kelas d ON a.id_kelas = d.id_kelas
WHERE (a.nama_ujian LIKE '%".$search['value']."%' OR
b.nama LIKE '%".$search['value']."%' OR c.nama LIKE
'%".$search['value']."%') ".$wh_1." ORDER BY a.id DESC
LIMIT ".$start.", ".$length."")->result_array();
$data = array();
$no = ($start+1);
foreach ($q_datanya as $d) {
$data_ok = array();
$data_ok[0] = $no++;
$data_ok[1] = $d['nama_ujian'];
$data_ok[2] = $d['nama_guru'];
$data_ok[3] = $d['mapel']."-(".$d['kelas'].")";
$data_ok[4] = $d['jumlah_soal'];
$data_ok[5] = $d['waktu']." menit";
$data_ok[6] = '<a
href="'.base_url().'adm/h_ujian/det/'.$d['id'].'"
class="btn btn-info btn-xs"><i class="glyphicon
glyphicon-search" style="margin-left: 0px; color:
#fff"></i> Lihat Hasil</a>';
45
$data[] = $data_ok;
}
4.4.19 Pembuatan Halaman Siswa
Setelah proses Login berdasarkan Siswa berhasil, maka Siswa akan

diarahkan kedalam halaman utama dashboard dari login Siswa yang berisi menu-
menu yang berada diatas halaman.
Gambar 4.31 Halaman Siswa

if ($sess_level == "siswa") {
$menu = array(
array("icon"=>"file", "url"=>"ikuti_ujian",
"text"=>"Ujian"),
);
4.4.20 Pembuatan Halaman Ujian
Halaman ini adalah sebuah halaman yang dapat digunakan siswa untuk
melaksanakan ujian. Selain melaksanakan ujian, siswa juga dapat melihat hasil
dari ujian yang telah dikerjakan.
46
Gambar 4.32 Halaman Ujian Siswa

$a['data'] = $this->db->query("SELECT a.id, a.nama_ujian,
a.jumlah_soal, a.waktu,b.nama nmmapel,c.nama nmguru,
IF((d.status='Y' AND NOW() BETWEEN d.tgl_mulai AND
d.tgl_selesai),'Sedang Tes',
IF(d.status='Y' AND NOW() NOT BETWEEN
d.tgl_mulai AND d.tgl_selesai,'Waktu Habis',
IF(d.status='N','Selesai','Belum Ikut'))) status

FROM tr_guru_tes a INNER JOIN m_mapel b ON a.id_mapel =
b.id
INNER JOIN m_guru c ON a.id_guru = c.id LEFT JOIN
tr_ikut_ujian d ON CONCAT('".$a['sess_konid']."',a.id) =
CONCAT(d.id_user,d.id_tes)
ORDER BY a.id ASC")->result();
4.4.21 Pembuatan Tampilan Mengikuti Ujian
Pada tampilan dibawah ini merupakan tampilan untuk memasukkan token

ujian sebagai memulai ujian. Pada tampilan dibawah ini juga menampilkan nama
ujian jadwal ujian mata pelajaran kelas guru yang mengajar waktu mengerjakan
ujian dan menampilkan batas keterlambatan ujian.
47
Gambar 4.33 Halaman Tampilan Mengikuti Ujian

4.4.22 Pembuatan Tampilan List Soal dan Jawaban
Pada tampilan dibawah ini merupakan tampilan dari list soal dan jawaban
yang akan dikerjakan oleh siswa.
Gambar 4.34 Halaman Tampilan List Soal dan Jawaban Ujian

4.4.23 Pembuatan Tampilan Hasil Ujian Siswa
Halaman ini adalah halaman nilai untuk siswa setelah selesai mengerjakan
soal dengan cara mengklik tombol yang ada di tabel aksi.
48
Gambar 4.35 Halaman Tampilan Hasil Ujian Siswa

if (empty($q_nilai)) {
redirect('adm/ikut_ujian/_/'.$uri3);
} else {
$a['p'] = "v_selesai_ujian";
$a['data'] = "<div class='alert alert-danger'>Anda telah
selesai mengikuti ujian ini pada : <strong style='font-
size: 16px'>".tjs($q_nilai->tgl_selesai, "l")."</strong>,
dan mendapatkan nilai : <strong style='font-size:
16px'>".$q_nilai->nilai."</strong></div>";
}
$this->load->view('aaa', $a);
4.4.24 Grafik Hasil Ujian Siswa

Guru dapat melihat grafik hasil dari ujian yang dilakukan oleh siswa.
Grafik dari keseluruhan ujian dan grafik dari tiap soal yang dikerjakan
siswa.
49
Gambar 4.36 Grafik Hasil Ujian Siswa

4.4.25 Laporan Hasil Ujian
Guru juga dapat mencetak laporan dari ujian yang telah dilaksanakan.
Gambar 4.37 Laporan Hasil Ujian

BAB V. PENGUJIAN DAN PEMBAHASAN
Pada bagian ini, menjelaskan mengenai pengujian dan pembahasan sistem
yang telah dibuat. Berupa spesifikasi software danhardware yang digunakan
untuk proses pengujian, pengujian proses sistem serta pembahasan hasil uji coba
sistem.
5.1 Spesifikasi Hardware dan Software Pengujian

5.1.1 Spesifikasi Hardware Pengujian
Spesifikasi perangkat yang digunakan untuk uji coba Sistem Ujian Online
adalah sebagai berikut :
Tabel. 5.1 Spesifikasi Hardware
Perangkat Keras Keterangan

CPU Intel (R) Pentium (R) CPU N3540 @2.16 GHz
Memori 2 GB
5.1.2 Spesifikasi Software Pengujian
Spesifikasi perangkat lunak yang digunakan untuk uji coba Sistem Ujian
Online adalah sebagai berikut :
Tabel 5.2 Spesifikasi Software
Perangkat Lunak Keterangan
XAMPP Version 3.2.2
MySQL Server Version 5.6.16
Google Chrome Version 50.0.2661.102 m
5.2 Pengujian Sistem

5.2.1 Pengujian Proses
Pengujian proses merupakan hasil dari pengujian yang dilakukan pada

sistem. Pengujian dilakukan dengan menggunakan Blackbox.
50
51
Tabel 5.3 Pengujian CaseMengikuti Ujian

Case Skenario Pengujian Hasil yang diharapkan
1.Siswa Mengikuti A. User menekan tombol Sistem akan
ujian “Ikuti Ujian” memunculkan form
Detail Ujian
B. User memasukkan Sistem akan
Token salah memunculkan notifikasi
“Token Salah”
C. User memasukkan Sistem akan
Token benar memunculkan notifikasi
“Token Benar”
D. User memilih tombol Sistem akan
“Mulai” menampilkan halaman
Ujian
E. User memilih tombol Sistem akan
no di menu navigasi menampilkan halaman
list soal nomor yang
dipilih
F. User mengisi jawaban Sistem akan mengganti
warna jawaban menjadi
hijau
G. User belum menjawab Sistem akan
soal menampilkan warna
orange pada navigasi
H. User menekan tombol Sistem akan
“Next” memunculkan soal
selanjutnya.
I. User menekan tombol Sistem akan
“Back” menampilkan halaman
soal sebelumnya.
J. User menekan tombol Sistem akan
“selesai ujian” menampilkan notifikasi
“Apakah Anda Yakin?”
jika “Ok” Akan keluar
menuju halaman Selesai
ujian. Yang berisi nilai
siswa.
K. Waktu ujian habis Sistem akan
menampilkan notifikasi
“Waktu Habis”
Dan akan menuju ke
52
halaman selesa ujian

yang berisi Nilai siswa
L. User menekan button Sistem akan
kembali menampilkan halaman
Home
Tabel 5.4 Pengujian Case tampilan Grafik Hasil Ujian

A. User menekan tombol Sistem akan
“HasilUjian” memunculkan form data
ujian yang telah dibuat
2.Tampilan Grafik Hasil B. User memilih tombol Sistem akan
Ujian “Lihat Hasil” memunculkan grafik
dari ujian yang telah
dibuat dan dikejakan
oleh siswa
Tabel 5.5 Pengujian Case Laporan Hasil Ujian

A. User menekan menu Sistem akan
“Hasil ujian” memunculkan Daftar
hasil Ujian
B. User menekan tombol Sistem akan
“Lihat Hasil” memunculkan laporan
data hasil ujian siswa
1. Pembuatan Soal
C. User menekan tombol Sistem akan
“Cetak” memunculkan halaman
cetak laporan hasil
ujian.
D. User memilih tombol Sistem akan menghapus
“Batalkan Ujian” data laporan hasil ujian.
5.2.2 Hasil Uji Coba
Berikut ini adalah hasil uji coba sistem berdasarkan pengujian proses.
Tabel 5.6 Uji Coba Case Pembuatan Siswa Mengikuti Ujian

1.A Case Pembuatan Siswa Mengikuti Ujian
53
Hasil yang diharapkan Sistem akan menampilkan daftar ujian yang ada pada
sistem
Hasil Pengujian Sistem menampilkan daftar ujian sesuai yang
diharapkan
Screenshot
Kesimpulan Valid
1.B Case Pembuatan Siswa Mengikuti Ujian
Hasil yang diharapkan Sistem akan menampilkan button pemberitahuan
bahwa ujian telah selesai jika waktu sudah
dilaksanakan
Hasil Pengujian Sistem menampilkan button pemberitahuan bahwa
ujian telah selesai sesuai yang diharapkan
Screenshot
Kesimpulan Valid
1.C Case Pembuatan Siswa Mengikuti Ujian
Hasil yang diharapkan Sistem akan menampilkan button hijau dengan kata
mulai jika jadwal ujian masih dalam waktu pengerjaan
Hasil Pengujian Sistem menampilkan button hijau sesuai dengan yang
diharapkan
Screenshot
Kesimpulan Valid
1.D Case Pembuatan Siswa Mengikuti Ujian
Hasil yang diharapkan Sistem akan menampilkan notifikasi salah saat token
tidak sesuai
54
Hasil Pengujian Sistem menampilkan notifikasi token salah sesuai

dengan yang diharapkan
Screenshot
Kesimpulan Valid
1.E Case Pembuatan Siswa Mengikuti Ujian
Hasil yang diharapkan Sistem akan menampilkan notifikasi benar saat token
sesuai
Hasil Pengujian Sistem menampilkan notifikasi token benar sesuai
dengan yang diharapkan
Screenshot
Kesimpulan Valid
Tabel 5.7 Uji Coba Case Tampilkan Grafik Hasil Ujian

2.A Case Laporan Hasil Ujian
Hasil yang Sistem akan menampilkan daftar dari ujian yang telah
diharapkan dibuat oleh guru
Hasil Pengujian Sistem menampilkan waktu dan daftar dari ujian sesuai
yang diharapkan
Screenshot
Kesimpulan Valid
3.B Case grafik hasil Ujian
Hasil yang Sistem akan menampilkan hasil ujian yang telah dibuat
diharapkan guru dalam bentuk grafik
Hasil Pengujian Sistem menampilkan hasil ujian yang telah dibuat guru
sesuai yang diharapkan
Screenshot
55
Kesimpulan Valid
Tabel 5.8 Uji Coba Case Laporan Hasil ujian

3.A Case Laporan Hasil Ujian
Hasil yang Sistem akan menampilkan hasil ujian siswa beserta
diharapkan waktu dan nilai
Hasil Pengujian Sistem menampilkan waktu dan nilai sesuai yang
diharapkan
Screenshot
Kesimpulan Valid
3.B Case Laporan Hasil Ujian
Hasil yang Sistem akan menampilkan hasil ujian yang telah dibuat
diharapkan guru
Hasil Pengujian Sistem menampilkan hasil ujian yang telah dibuat guru
sesuai yang diharapkan
Screenshot
Kesimpulan Valid
3.C Case Laporan Hasil Ujian
Hasil yang Sistem akan menmpilkan laporan hasil ujian dari setiap
diharapkan ujian yang guru buat
Hasil Pengujian Sistem menampilkan laporan sesuai yang diharapkan.
Screenshot
Kesimpulan Valid
56
5.3 Pengujian Pengguna

Berikut adalah hasil dari uji coba peneriman pengguna. Hasil ini dari
wawancara tertulis yang telah dibagikan kepada pengguna sistem yaitu
perwakilan dari pihak guru dan murid dari SMK Negeri 10 Malang yang
dapat dilihat dilampiran.
a. Sistem membantu Guru dalam pemberian nilai serta rekap nilai
pada ujian yang dilaksanakan siswa.
b. Tampilan sistem ujian yang menarik.
c. Tomobol navigasi yang ada pada sistem mudah dioperasikan.
d. Fitur yang ada pada sistem sudah sesuai dengan kebutuhan yang
ada pada SMK Negeri 10 Malang.
e. Fitur pilih jadwal membantu guru dalam pelaksanaan ujian yang
dilaksanakan pada SMK Negeri 10 Malang.

BAB VI. PENUTUP
6.1 Kesimpulan
Setelah melakukan analisis, desain, implementasi, dan pengujian terhadap

Sistem Ujian Online pada SMK Negeri 10 Malang, dapat diambil kesimpulan
bahwa:
a. Sistem yang dibuat sudah menampilkan nilai secara otomatis dari ujian
yang telah diekrjakan oleh siswa.
b. Guru dapat mengetahui perbandingan nilai hasil ujian siswa dalam bentuk
grafik yang ada pada sistem. Sistem sudah menampilkan nilai keseluruhan
hasil ujian siswa dalam bentuk grafik serta menmpilkan soal-soal yang ada
pada ujian dalam bentuk grafik.
c. Sistem juga dapat menampilkan laporan hasil ujian yang dilakukan oleh
siswa.
6.2 Saran
Berikut saran-saran untuk pengembangan dari aplikasi Ujian Online di SMA

Negeri 1 Malang agar aplikasi dapat berjalan lebih baik, antara lain aplikasi Ujian
Online di SMA Negeri 1 Malang dapat diakses secara online melalui internet,
tidak hanya dalam lokal (intranet) saja. Selain itu, Ujian Online juga digunakan
untuk semua mata pelajaran, tidak hanya pada pelajaran TIK saja dan disertakan
pembahasansoal. Ujian Online tidak hanya menggunakan tipe soal pilihan
berganda saja, melainkan juga menggunakan tipe soal essay. Serta akan menjadi
lebih baik lagi jika saat mengerjakan Ujian Online, tidak dapat membuka website
lain.
57
DAFTAR PUSTAKA
[1] Jogiyanto,Analisis dan Desain Sistem Informasi. Yogyakarta Edisi IV: Andi
Offset,2010.
[2]Septian, Gungun,Trik Pintar Menguasai Codeigniter. Jakarta: PT Elex Media

Komputindo, 2011.
[3]Winarno, E., Zaki,A.& SmitDev Community,Mudah Membuat Website dan e-

Commerce dengan PHP Framework. Jakarta: PT Elex Media Komputindo,
2011.
[4]Wiswakarma, Komang, 9 Langkah Menjadi Master Framework CodeIgniter.

Yogyakarta : Lokomedia.,2010.
[5]Fathansyah,Basis Data. Bandung: Informatika, 2012.
58
LAMPIRAN
Contoh Kode Program :
Import.php = fungsi import excel pada soal
public function soal() {

$p = $this->input->post();
$idx_baris_mulai = 3;
$idx_baris_selesai = 106;
$target_file = './upload/temp/';
$buat_folder_temp = !is_dir($target_file) ?
@mkdir("./upload/temp/") : false;
move_uploaded_file($_FILES["import_excel"]["tmp_name"],
$target_file.$_FILES['import_excel']['name']);
$file = explode('.',$_FILES['import_excel']['name']);
$length = count($file);
if($file[$length -1] == 'xlsx' || $file[$length -1] ==

'xls') {
$tmp =
'./upload/temp/'.$_FILES['import_excel']['name'];
//Baca dari tmp folder jadi file ga perlu jadi sampah
di server :-p
$this->load->library('excel');//Load library excelnya

$read =
PHPExcel_IOFactory::createReaderForFile($tmp);
$read->setReadDataOnly(true);
$excel = $read->load($tmp);
$_sheet = $excel->setActiveSheetIndexByName('data');
$data = array();
for ($j = $idx_baris_mulai; $j <= $idx_baris_selesai;
$j++) {
$bobot = $_sheet->getCell("A".$j)-
>getCalculatedValue();
$soal = $_sheet->getCell("B".$j)-
$opsi_a = $_sheet->getCell("C".$j)-
$opsi_b = $_sheet->getCell("D".$j)-
$opsi_c = $_sheet->getCell("E".$j)-
$opsi_d = $_sheet->getCell("F".$j)-
$opsi_e = $_sheet->getCell("G".$j)-
$kunci = $_sheet->getCell("H".$j)-
if ($soal != "") {
$data[] = "('".$p['id_guru']."',
'".$p['id_mapel']."', '".$bobot."', '".$soal."',
'#####".$opsi_a."', '#####".$opsi_b."', '#####".$opsi_c."',
'#####".$opsi_d."', '#####".$opsi_e."', '".$kunci."', NOW(), 0,
0)";
}
}
$strq = "INSERT INTO m_soal (id_guru, id_mapel, bobot,

soal, opsi_a, opsi_b, opsi_c, opsi_d, opsi_e, jawaban, tgl_input,
jml_benar, jml_salah) VALUES ";
$strq .= implode(",", $data).";";

//echo $strq;
//exit;
$this->db->query($strq);
} else {
exit('Bukan File Excel...');//pesan error tipe file
tidak tepat
}
redirect('adm/m_soal');
}
Login.php
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Vocsten</title>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/meyer-
reset/2.0/reset.min.css">
<link rel='stylesheet prefetch'
href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,50
0,700,900'>
href='http://fonts.googleapis.com/css?family=Montserrat:400,700'>
href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-
awesome.min.css'>
<link rel="stylesheet" href="<?php echo base_url();
?>___/login/css/style.css">
</head>
<body>
<div class="container">
<div class="info">
<h1>Ujian Online SMK Negeri 10 Malang</h1>
</div>
</div>
<div class="form">
<div class=""><img src="<?php echo base_url();
?>___/img/1.png"/></div><br>
<form class="login-form" action="" method="post" name="fl"
id="f_login" onsubmit="return login();">
<div class="panel-body">
<div id="konfirmasi"></div>
</div>
<input type="text" id="username" name="username" autofocus
value="" placeholder="username"/>
<input type="password" id="password" name="password" value=""
placeholder="password"/>
<button>login</button>
</form>
</div>
<script src="<?php echo base_url(); ?>___/js/jquery-
1.11.3.min.js"></script>
<script src="<?php echo base_url();
?>___/js/bootstrap.js"></script>
<script type="text/javascript">
base_url = "<?php echo base_url(); ?>";
uri_js = "<?php echo $this->config->item('uri_js'); ?>";
</script>
<script src="<?php echo base_url();
?>___/js/aplikasi.js"></script>
<script
src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min
.js'></script>
<script src="___/login/js/index.js"></script>
</body>
</html>
Hasil Kuesioner Siswa SMK Negeri 10 Malang
Berdasarkan hasil kuesioner Tugas Akhir “Sistem Ujian Online pada SMK
Negeri 10 Malang” yang diberikan kepada beberapa siswa SMK Negeri 10 kelas
X yang telah mengerjakan Ujian Online. Didapatkan hasil sebagai berikut:
Jumlah Jawaban
No Pertanyaan
SS S KS TS
1 Tampilan Ujian Online ini menarik 8 1 1 0
2 Tombol-tombol navigasi halaman Ujian Online ini
7 2 1 0
mudah dioperasikan
3 Ujian Online ini bermanfaat 9 1 0 0
4 Ujian Online ini lebih efektif dibandingkan dengan
8 0 1 1
ujian sebelumnya?
Keterangan:
SS = Sangat Setuju
S = Setuju
KS = Kurang Setuju
TS = Tidak Setuju
Jumlah Jawaban
No Pertanyaan
Pernah Tidak
1 Apakah sebelumnya pernah menggunakan Ujian 10 0
Online? Jika pernah, perbedaannya adalah ........
a.URL-nya
b.Tampilannya
c.Mudah
d.Jumlah soal Ujian Online ini lebih sedikit
e.Tampilan grafis lebih bagus.
f.Bisa langsung melihat nilai ujian ketika selesai
mengerjakan soal
2 Adakah komentar tentang Ujian Online ini? 7 3
a. Bagus
b. Ujian online efekif jika untuk pelajaran teoritis
tetapi tidak untuk matematis, tampilannya kurang
menarik karena terlalu polos untuk backgroundnya
c. Kalau bisa tab/windows lain tidak dapat dibuka
saat pengerjaan, sehingga tidak bisa mencontek.
No absen seharusnya diberi angka nol (ex. 01)
untuk absen berdigit 1, sehingga absen tidak acak
d. Ada. Sebaiknya disetting pada saat membuka
website ini, tidak bisa membuka website lain agar
tidak terjadi kecurangan pada saat ujian online
e. Sangat bermanfaat dan mudah untuk digunakan
f. Bagus
g. Sangat menarik dan modern
h. Menarik, tapi waktunya terlalu cepat sehingga
tidak bisa konsentrasi dalam mengerjakan soal
i. Kurang setuju, karena akses internet disini belum
sepenuhnya bagus/lancar sehingga membuat
kewalahan. Sebelum mengadakan ini, lebih baik
dibenahi sarana-prasarananya.
j. Kurang setuju, karena kurang efektif (jika jaringan
sedang masalah), mempermudah siswa mencontek
(mungkin saat mengerjakan dibantu orang lain)
k. Soalnya kurang banyak. Jika online mempermudah
siswa melihat buku saat ujian online
l. Kurang setuju, karena bisa mencontek / melihat
buku / dibantu orang lain. Selain itu, kita bisa
membuka memakai NIS siswa lain
m. Seharusnya ada pembahasan, jadi tahu dimana
kesalahannya. Kalau bisa ada materi online juga,
jadi bisa belajar sebelum ujian online.
DokumentasiProses PengujianSistem
 User sebagai Admin sistem
 User sebagai Guru
 User sebagai Siswa

PROFIL PENULIS
DATA PRIBADI
Nama : Dwi Inayatusa’diyah

Tempat, tanggal lahir : Malang, 11 Oktober 1996
Alamat : Jl. Kenikir RT/RW : 03/04
Kel. Bumiayu Kec. Kedung Kandang
Malang
Agama : Islam
Jenis Kelamin : Perempuan
Telepon : 0895322566653
Email : Dwiinayah15@gmail.com
PENDIDIKAN
2014 – 2017 : Manajemen Informatika, Politeknik Negeri Malang

2011 – 2014 : SMK Negeri 10 Malang
2008 – 2011 : SMP Negeri 3 Malang
2002 – 2008 : SD Negeri Bliming3Malang
LEMBARAN KATA
““
PROFIL PENULIS
DATA PRIBADI
Nama : Istiana
Tempat, tanggal lahir : Sumenep, 12 September 1995
Alamat : Jl. Puju Kramat RT/RW 003/004
desa Guluk- Guluk Kec. Guluk-guluk
Kab.Sumenep
Agama : Islam
Jenis Kelamin : Perempuan
Telepon : 082332109955
Email : istiana.ubudiy@gmail.com
PENDIDIKAN
2009 – 2012 : Manajemen Informatika, Politeknik Negeri Malang

2006 – 2009 : SMA 3 An-nuqayah Guluk-guluk
2003 – 2006 : MTs Putri 1 An-nuqayah Guluk-guluk
1997 – 2003 : SD Negeri 1 Guluk-guluk
LEMBARAN KATA
“ Berkata baik atau diam ”

SMK Ujian Online

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

SMK Ujian Online

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM UJIAN ONLINE PADA SMK NEGERI 10 MALANG

Politeknik Negeri Malang

DWI INAYATUSA’DIYAH 1431140040

PROGRAM STUDI MANAJEMEN INFORMATIKA

Politeknik Negeri Malang

DWI INAYATUSA’DIYAH 1431140040

PROGRAM STUDI MANAJEMEN INFORMATIKA

SISTEM UJIAN ONLINE PADA SMK NEGERI 10 MALANG

Laporan Akhir ini telah diuji pada tanggal 09 Agustus 2017

1. Penguji I : DR.Eng.Cahya Rahmad, ST., M.Kom ……………….

2. Penguji II : Dwi Puspitasari, S.Kom., M.Kom ……………….

3. Pembimbing I : Yan Watequlis Syaifudin, ST., MMT ……………….

4. Pembimbing II: Yuri Ariyanto, S.Kom., M.Kom ……………….

Ketua Jurusan Ketua Program Studi

Rudy Ariyanto,ST.,M.Cs. Dr. Eng. Rosa Andrie A.,S.T., MT

Malang, 09 Agustus 2017

Malang, 09 Agustus 2017

Laporan Akhir, Program Studi Manajemen Informatika, Jurusan Teknologi

Inayatusa’diyah, Dwi and Istiana.“Online Examination System in SMK Negeri

Final Report, Informatics Management Study Program, Departement of

SMK Negeri 10 Malang held examinations of every subject by distributing

Keywords :Online Examination, JSON, CodeIgniter

1. Bapak Rudy Ariyanto, ST., M.Cs.,selaku ketua jurusan Teknologi

Tabel 5.1 Spesifikasi Hardware.......................................................................... 50

Lampiran 1 Contoh Kode Program

1.1 Latar Belakang

Guru membutuhkan waktu dan ketelitian untuk menghindari kesalahan

secara otomatis ketika siswa menghentikan pengerjaan ujiannya.Maka

1.2 Rumusan Masalah

Berdasarkan uraian latar belakang di atas, maka dirumuskan masalah

1.4 Batasan Masalah

g. Upload gambar menggunakan format ZIP.

1.5 Sistematika Penulisan

Pembahasan merupakan argumentasi rasional dari penulis yang disusun

Landasan teori berfungsi untuk memberikan definisi tentang variabel-

2.1 Sistem Informasi

Sistem informasi sendiri adalah suatu sistem yang terdapat di dalam

2.2 Ujian Online

2.3 Software Pendukung

Software pendukung digunakan sebagai alat untuk membantu penulis dalam

“Codeigniter adalah sebuah framework berbasis PHP yang dapat dibilang

class untuk membuat aplikasi web”.[4]

Menurut Wiswakarma[4] pembuatan aplikasi web dengan menggunakan

framework CodeIgniter, akan memudahkan webprogrammerdalam membuat

maupun mengembangkan aplikasi web. Beberapa keunggulan framework

a. CodeIgniter bersifat open source(free) yang dapat digunakan dan

dikembangkan secara legal.

b. CodeIgniter sangat ringan jika dijalankan pada semua platformkarena hanya

memerlukan sedikit ruang pada server untuk membentuk suatu classlibrary.

c. CodeIgniter menggunakan model MVC (Model View Controller), sehingga

memudahkan dalam pengembangan web, memisahkan antara kode untuk

tampilan dan kode untuk database.

d. CodeIgniter merupakan sebuah framework yang lengkap, yaituterdiri dari

kumpulan class dalam sebuah library yang lengkap danmendukung proses

pembuatan web, seperti mengakses database, mengirim email, validasi form

data, memanipulasi gambar, dan banyak lagi.

e. CodeIgniter mempunyai user guide (dokumentasi) yang lengkap, rapi, dan

ingin mempelajari framework CodeIgniter.

f. CodeIgniter mempunyai komunitas yang sangat besar, sehingga

memungkinkan untuk berbagi ilmu tentang CodeIngiter dari satu pengguna

Walaupun relative simple, MySQL memiliki fitur-fitur yang sangat baik

Javascript adalah bahasa pemrogaman tingkat tinggi dan dinamis. Javascript