JURNAL SAINS DAN INFORMATIKA

Research of Science and Informatic V4.I1

Vol.xxNo.xx(xxxx)xx-xx p-issn : 2459-9549
http://ejournal.kopertis10.or.id/index.php/sains e-issn : 2502-096X

PENERAPAN SISTEM UJIAN ONLINE PADA STIQ QURAN

CENTRE BATAM DENGAN MENGGUNAKAN PEMODELAN UML
Okta Veza1 , Nofri Yudi Arifin2
1,2
Sekolah Tinggi Teknik Ibnu Sina Batam, Jl. Teuku Umar, Lubuk Baja.
1,2
Program Studi Teknik Informatika, STT Ibnu Sina, Batam
e-mail: 1okta@uis.ac.id,2nofri.yudi@uis.ac.id,

Abstract
Exams based on a large Indonesian dictionary can mean something that is used to test the quality of something
(intelligence, ability, learning outcomes, etc.). At this time, web-based application programs are in great demand
by various groups. Including in the world of education, especially in institutions that do not use technology,
especially in information technology and telecommunications. to change the conventional exams that are
currently running. The online exam application is expected to reduce obstacles in the examination activities. The
online exam application can be used as an alternative in conducting exams in the education field. Based on the
need to be an alternative that can be used as a means of conducting examinations in any educational institution,
especially for the STIQ Quran Center Batam. This Online Exam application was created using the PHP
programming language and MySQL database.

Keywords: Exam, PHP, MySQL, JavaScript.

Abstrak
Ujian berdasarkan kamus besar Bahasa Indonesia dapat berarti sesuatu yg dipakai untuk menguji mutu
sesuatu (kepandaian, kemampuan, hasil belajar, dsb). Pada saat ini, program aplikasi berbasis web sangat
diminati oleh berbagai kalangan.Termasuk di dunia pendidikan, khususnya di lembaga yang belum
menggunakan teknologi terutama pada teknologi informasi dan telekomunikasi.Untuk memenuhi kebutuhan
tersebut, penulis merancang sebuah aplikasi ujian online yang dapat dimanfaatkan di institusi pendidikan untuk
mengubah ujian konvensional yang sedang berjalan saat ini.Aplikasi ujian online ini diharapkan dapat
mengurangi kendala dalam kegiatan ujian. Aplikasi ujian online dapat digunakan sebagai alternatif dalam
pelaksanaan ujian dalam bidang pendidikan. Berdasarkan kebutuhan untuk menjadi suatu alternatif lain yang
dapat digunakan sebagai sarana pelaksanaan ujian di lembaga pendidikan manapun khususnya untuk di
lingkungan STIQ Quran Center Batam. Aplikasi Ujian Online ini dibuat dengan menggunakan bahasa
pemograman PHP dan database MySQL.

Kata Kunci : Aplikasi Ujian Semester, PHP, MySQL, JavaScript.

© 2018 Jurnal Sains dan Informatika

1. PENDAHULUAN menggunakan media kertas dan alat tulis sebagai

penunjang kegiatan ujian baik untuk pembuatan soal,
1.1 Latar Belakang Masalah pencetakaan soal, perbanyak soal dan lain-lain. Hal ini
menyebabkan kurangnya efisisiensi kertas dan
Perkembangan teknologi telekomunikasi dan efisisensi waktu untuk pelaksanaan ujian. dosen juga
informatika (telematika) berjalan dengan sangat pesat kesulitan bisa datang tepat waktu ke tempat ujian bila
diera modern ini. Perkembangan tersebut telah ada kendala macet ataupun kesibukan lain ataupun
menciptakan suatu revolusi mutakhir yang biasa sakit. Yang menyebabkan kegiatan ujian yang sesuai
disebut dengan revolusi informasi. jadwalnya harus ditunda.
Dalam dunia pendidikan, ujian konvensional masih STIQ Quran Center Batam adalah merupakan
sering digunakan sebagai kegiatan untuk mengetahui perguruan tinggi yang terletak di Batam, Kepulauan
hasil belajar mahasiswa.ujian konvensional ini masih Riau. STIQ merupakan Sekolah tinggi yang memiliki
 Nama penulis./ Jurnal Sains dan Informatika : Vol.xx No. xx (xxxx)xx-xx

misi pengembangan ilmu pengetahuan berdasarkan tidak efisien yaitu dengan mengcopy file soal ujian ke
nilai-nilai Islam ini diketuai oleh Prof DR Said Agil semua komputer diruang ujian dengan menggunakan
Husein Almunawar mantan Menteri Agama RI. visi flashdisk.
Quran Centre untuk mencetak generasi qurani dan 2.Bagaimana menerapkan sebuah sistem informasi
berkualitas, khususnya di wilayah Kepri. pada ujian semester menjadi suatu sistem informasi
berupa perangkat lunakdan dapat mengatasi kendala-
Berdasarkan uraian tersebut di atas, maka masalah kendala yang terjadi pada ujian semester, serta
yang akan disajikan dalam penelitian ini dan juga membantu pengetahuan tentang bagaimana membuat
sebagai data atau bahan informasi bagi penulis dalam sistem pengumpulan soal ujian dan memudahkan
menyusun penelitian ini, penulis merasa tertarik dalam mendokumentasi soal ujian pada STIQ Quran Center
mengambil judul “"Penerapan sistem ujian online pada Batam.
STIQ Quran Center Batam dengan menggunakan
UML"”. 2. TINJAUAN LANDASAN TEORI

1.2 Perumusan Masalah 2.1 Konsep Dasar Sistem Informasi

Berdasarkan latar belakang yang telah diuraikan di Sistem informasi merupakan suatu sistem dalam suatu
atas, maka dapat dikemukakan perumusan masalah organisasi yang mempertemukan kebutuhan
adalah sebagai berikut : pengolahan transaksi harian yang mendukung fungsi
operasi organisasi yang bersifat manajerial dengan
1.Bagaimana merancang sistem informasi soal ujian kegiatan strategi dari suatu organisasi untuk dapat
semester pada STIQ Quran Center Batam? menyediakan kepada pihak luar tertentu dengan
2.Bagaimana menerapkan rancangan tersebut menjadi informasi yang diperlukan untuk pengambilan
perangkat lunak berbasis web mobile? keputusan.

1.2 Batasan Masalah 2.2 Pengertian Sistem

Pembatasan masalah ini dilakukan agar dalam Sebuah sistem terdiri dari berbagai unsur yang saling
mengelola sistem dapat lebih terarah dan agar tidak melengkapi dalam mencapai tujuan dan sasaran. Unsur-
menyimpang dari tujuannya. Adapun batasan masalah unsur yang terdapat dalam sistem itulah yang
dalam penelitian ini adalah : disebut dengan subsistem. Subsistem- subsistem
tersebut harus saling berhubungan dan berinteraksi
1.Pengambilan atau sampeldata pada UTS dan UAS melalui komunikasi yang relevan sehingga sistem
ganjil 2018/1019. dapat bekerja secara efektif dan efisien.
2.Perancangan aplikasi ini hanya membahas bagaimana
proses distribusi soal ujian semester di STIQ Quran 2.3 JavaScript
Center Batam , tidak membahas bagaimana soal ujian
dibuat dan bagaimana proses penilaian ujian. JavaScript adalah bahasa pemograman yang sederhana
karena bahasa ini tidak dapat digunakan untuk
1.3 TujuanPenelitian membuat aplikasi ataupun appalet.Bahasa ini adalah
bahasa pemogrraman untuk memberikan kemampuan
Dalam menganalisa dan perancangan sistem ujian tambahan terhadap bahasa HTML dengan mengizinkan
semester pada STIQ Quran Center Batam adapun pengeksekusian perintah di sisi klien, yang artinya di
tujuan penulisan adalah sebagai berikut: sisi browser yang memanggil halaman web berisi
script.JavaScript tidak memerlukan komplikator atau
1.Merancang sebuah sistem informasi yang penerjemah khusus untuk menjalankannya.
dapatmemudahkan pengumpulan data bagi petugas
pelaksanaan ujian semester. 2.4 Pengertian MySQL
2.Menerapkan sistem informasi ujian semester STIQ
Quran Center Batam menjadi perangkat lunak. MySQL adalah sebuah perangkat lunak sistem
manajemen basis data SQL (bahasa Inggris: database
1.4 Manfaat Penelitian management system) atau DBMS yang multithread,
multi-user, dengan sekitar 6 juta instalasi di seluruh
Adapun manfaat dari penulisan laporan ini adalah dunia. MySQL AB membuat MySQL tersedia sebagai
sebagai berikut: perangkat lunak gratis dibawah lisensi GNU General
Public License (GPL), tetapi mereka juga menjual
1.Dapat memudahkan pelaksanaan ujian semester pada dibawah lisensi komersial untuk kasus-kasus dimana
STIQ Quran Center Batam, agar tidak terkendala penggunaannya tidak cocok dengan penggunaan
dengan soal yang masih berbentuk word, serta tidak GPL.Relational Database Management System
terkendala dengan proses pembagian soal ujian yang (RDBMS).
 Nama penulis./ Jurnal Sains dan Informatika : Vol.xx No. xx (xxxx)xx-xx

2.5 UML Metode Pengumpulan Data

Unified Modelling Language (UML) adalah salah satu 1.Observasi

alat bantu yang sangat handal didunia pengembangan 2.Wawancara
siste yang berorientasi obyek Hal ini disebabkan karena 3.Studi kepustakaan
UML menyediakan bahasa pemodelan visual yang
memungkinkan bagi pengembang sistem untuk 3.1 Perancangan Sistem
membuat cetak biru atas visi mereka dalam bentuk
yang baku, mudah dimengerti serta dilengkapi dengan Tujuan dari perancangan sistem secara umum adalah
mekanisme yang efektif untuk berbagi (sharing) dan untuk memberikan gambaran kepada user dan
mengkomuni- kasikan rancangan mereka dengan yang manajemen dengan jelas tentang sistem yang baru.
lain.
3.2 Use Case
2.6 Use Case Diagram
Diagram Use Case merupakan bagian tertinggi dari
Use Case diagram menggambarkan fungsionalitas dari fungsionalitas yang dimiliki sistem yang
sebuah sistem yang mempresentasikan sebuah interaksi mengambarkan bagaimana seseorang atau aktor akan
antara aktor dan sistem. Use case dan diagram use case menggunakan dan memanfaatkan sistem. Diagram ini
adalah beberapa alat yang paling penting untuk juga mendeskripsikan apa yang akan dilakukan oleh
digunakan dalam analisis dan desain sistem berorientasi sistem.
objek. Login

* *
*

edit jadwan ujian

2.7 Activity Diagram *

*
*
**
Cek Jadwal Ujian
*
Activity Diagram Activity diagram adalah diagram * Mahasiswa

yang menggambarkan work flow. Activity ** edit mata kuliah

*** * *
diagramdibuat untuk memperjelas alur proses dari *
*

setiap business use case yang ada. Activity diagram ini Admin
edit data kelas
*

didapat dari hasil wawancara dari masing-masing * *

*

bagian. edit data dosen

dosen

edit soal ujian

2.8 Class Diagram *

cek profil

Class adalah spesifikasi yang akan menghasilkan objek

*
dan merupakan inti dari pengembangan dan desain cek soal ujian
*

berorientasi objek. Class menggambarkan keadaan *

(atribut atau properti) suatu sistem, sekaligus ujian online

menawarkan layanan untu memanipulasi keadaan

tersebut metode atau fungsi. Gambar 3.0 Use Case Diagram Sistem

2.9 HTML 3.3 Context Diagram

HTML (Hyper Text Mark-up Language) adalah suatu Diagram konteks dari sistem ujian online yang akan
bahasa yang digunakan untuk menulis halaman dirancang adalah sebagai berikut :
Input, edit soal,
web.HTML dirancang untuk digunakan tanpa input edit Input, edit soal
tergantung pada suatu platform tertentu platform data dosen dan mahasiswa
independent.
Admin sistem aplikasi ujian
Dosen
online
Dengan HTML, Anda dapat membuat halaman web
dasar, teks layout dan grafik, serta membuat table dan laporan laporan
form. HTML mampu memformat teks sederhana,
menggunakan atribut seperti bold, italic, underline, laporan
bullet, dan list.
Input soal jawaban

3. METODE PENELITIAN

Dalam penyusunan penelitian ini, maka peneliti Mahasiswa

melakukan serangkaian penelitian yaitu sebagai

berikut. Gambar 3.1 Diagram Konteks Sistem
 Nama penulis./ Jurnal Sains dan Informatika : Vol.xx No. xx (xxxx)xx-xx

3.3 Activity Diagram

Activity Diagram pengolahan data soal

memperlihatkan segala aktifivitas penginputan data
soal ujian.Aktor yang paling berperan penting di dalam
aplikasi ini adalah Panitia dan Dosen. Adapun diagram
aktivitas soal adalah sebagai berikut:

Gambar 3.4 Activity Diagram Pembuatan Jadwal Ujian

Gambar 3.2 Activity Diagram Login

Gambar 3.5 ActivityDiagram Pengawas Ujian

3.1.3 Class Diagram

tbljadwal tbldosen
tblwktu
PK id_jadwal PK id_dosen
PK id_waktu
id_makul nidn
waktu
id_dosen dosen
id-prodi gelar
id_kelas username
id_ruang password
tblpanitia id_sifat tblmakul
PK id_panitia tanggal
id_waktu tblprodi PK id_makul
nik validasi
soal PK id_prodi makul
panitia
Gambar 3.3 Activity Diagram Pengolahan soal ujian gelar prodi
sks
username nm_prodi
tblruang
password
PK id_ruang
tblsifat
tblsoal
ruang PK id_sifat
PK id_soal
sifat
tblkelas id_jadwal
PK id_kelas no_soal
soal
kelas gambar
durasi
bobot

Gambar 3.6 Class Diagram Tampilan Database

 Nama penulis./ Jurnal Sains dan Informatika : Vol.xx No. xx (xxxx)xx-xx

4. HASIL DAN PEMBAHASAN 3. Tampilan Mata Kuliah

4.1 Implementasi Tampilan Form Mata Kuliah dapat di lihat seperti pada
gambar 4.3.
Implementasi adalah sebuah tindakan yang dilakukan
untuk mengetahui bagaimana jika aplikasi yang telah
dibangun ini dapat diimplementasikan ke dalam sebuah
5ystem, apakah aplikasi ini mampu memberikan
manfaat yang baik bagi usernya. Implementasi juga
dilakukan untuk mengetahui batasan 5ystem yang
diperlukan dalam menjalankan aplikasi ini.

4.2 Pengujian dan Implementasi Sistem

Pengujian dan implementasi sistem bertujuan untuk

melihat apakah sistem yang dirancang sudah sesuai
dengan apa yang diinginkan atau belum, setelah Gambar 4.3 Form Mata Kuliah
dilakukannya pengujian dan implementasi, kualitas
sebuah system akan terlihat. Tampilan program yaitu
merupakan sub bab yang menjelaskan tentang proses
4. Tampilan Form Tambah Mata Kuliah
dimulainya sampai program ini selesai dieksekusi,
point-point pada sub bab ini akan menjelaskan tentang
Pada tampilan form tambah mata kuliah, admin dapat
bagaimana sebuah form dijalankan dan apa saja fungsi
melakukan penambahan data mata kuliah.berikut
yang terdapat pada form tersebut.
adalah tampilan tambah mata kuliah pada Gambar 4.4.
1.Tampilan Form Login

Tampilan Form login berfungsi untuk seorang user

masuk ke dalam sistem. Untuk masuk ke halaman login
maka klik menu login dan kemudian user dapat
memasukkan username dan password seperti pada
Gambar 4.1

Gambar 4.4 Form Tambah Mata Kuliah

5. Tampilan Form Tambah Kelas

Gambar 4.1 Tampilan Login
Pada tampilan form tambah kelas, admin dapat
melakukan penambahan data kelas.berikut adalah
2. Tampilan Form Jadwal Ujian tampilan tambah kelas pada Gambar 4.5.

Tampilan Form Jadwal Ujian dapat di lihat seperti pada

Gambar 4.2

Gambar 4.2 Tampilan Ujian Gambar 4.5 Form Tambah Kelas

 Nama penulis./ Jurnal Sains dan Informatika : Vol.xx No. xx (xxxx)xx-xx
6. Tampilan Form Tambah Dosen
Pada tampilan form Tambah Dosen, admin dapat
melakukan penambahan data dosen.berikut adalah
tampilan tambah dosen pada Gambar 4.6.
Gambar 4.6 Form Tambah Dosen
7. Tampilan Form Tambah Soal
Pada tampilan form Tambah Soal, admin dapat
melakukan penambahan data soal.berikut adalah
tampilan tambah soal pada Gambar 4.7.
Gambar 4.7 Form Tambah Dosen
8. Tampilan Soal Ujian
Tampilan Soal Ujian dapat di lihat seperti pada Gambar Setelah penulis mengikuti ujian dan melakukan
berikut:
1. Tampilan Mulai
Gambar 4.8 Tampilan Mulai
2. Tampilan Soal Ujian
Gambar 4.9 Tampilan Soal Ujian
3. Tampilan ujian selesai
Gambar 4.10 Tampilan Ujian Selesai
5. Kesimpulan
wawancara pada Panitia ujian STT Ibnu Sina Batam,
maka penulis dapat membuat suatu kesimpulan tentang
keadaan yang terjadi. Berdasarkan penelitian yang telah
dilakukan,maka dapat ditarik beberapa kesimpulan
antara lain:
1.Hasil Analisan dan Perancangan Aplikasi ujian
semester yang selama ini masih berbentuk power point
di distribusikan menggunakan flasdisk dapat dijalankan
dengan sistem aplikasi berbasis web mobile.
2.Dengan menggunakan aplikasi yang berbasis web
akan memudahkan dosen dan panitia untuk membuat
dan mendistribusikan soal ujian semester, serta bisa
menyajikan informasi dan mencetak soal dengan
mudah.
3.Dengan penggunaan aplikasi ini kesalahan dalam
mengimput soal, memberi bobot dan durasi waktu,
serta flasdisk yang terkena virus dapat
berkurang.menyajikan informasi dan mencetak soal
dengan mudah.
 Nama penulis./ Jurnal Sains dan Informatika : Vol.xx No. xx (xxxx)xx-xx

PETUNJUK PENULISAN REFERENSI

A.S.Rosa dan Shalahuddin M.2015.Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung :
Informatika.

Nasril & Saputra, A.Y. (2016). Rancang Bangun Sistem Informasi ujian online, Jurnal Lentera ICT, Vol.3(1),
ISSN:2338-3143

Setyowati, W., Winarno, W.W., dkk. (2015). Analisis Penerimaan Teknologi Sistem Ujian Online untuk
Meningkatkan Kualitas Layanan Teknologi, Jurnal STMK AMKOM Yogyakarta, ISSN:2302-3805

Sholiq. (2010). “Analisis dan Perancangan Berorientasi Obyek”. Bandung: Muara Indah.

Andriansyah, Doni. 2016. Sistem Informasi Pendaftaran Event Dengan PHP Untuk Panduan Skripsi.
Cirebon: CV.ASFA Solution.