Download - Manual Ujian Online
-
7/22/2019 Manual Ujian Online
1/13
http://asligresik.wordpress.com 1 Kaji ( [email protected])
Ujian Online Sederhana
Aplikasi ujian online sederhana ini adalah sebuah aplikasi berbasis web yang dibangun
menggunakan bahasa pemrograman php sehingga dapat dijalankan pada sebagian besar sistem
operasi yang telah banyak digunakan baik dari keluarga linux maupun windows. Diharapkan
dengan aplikasi ini ujian yang selama ini diselenggarakan menggunakan kertas dan pena serta
proses penilaian hasil ujian dilakukan secara manual oleh guru / pendidik dapat digantikan denganbantuan teknologi komputer sehingga siswa dapat mengerjakan ujian tanpa kertas dan pena namun
mengerjakan secara langsung di depan komputer tentunya hal ini dapat menghemat pemakaian
kertas dan pena. Sedangkan penilaian ujian tersebut juga dapat dilakukan secara otomatis oleh
aplikasi ujian online sederhana ini sehingga seketika itu pula siswa sudah dapat melihat nilai dari
hasil ujiannya. !eskipun model dari aplikasi ujian online seperti ini sudah banyak beredar di
internet namun ternyata masih belum banyak sekolah yang menggunakannya sebagai alternati"
pelaksanaan ujian di sekolah tersebut. Oleh karena itulah saya berusaha membangun sebuah ujian
online yang sangat sederhana agar mudah diimplementasikan oleh para guru dengan beberapa
kemampuan sebagai berikut #
1. Dapat digunakan untuk soal pilihan ganda
$. Dapat menangani soal dan pilihan jawaban bergambar%. Dapar menulis rumus matematika atau kimia & web browser harus mendukung "ile "lash '
(. Urutan soal dan pilihan jawaban ditampilkan secara acak untuk menghindari saling
mencontek
). *asil ujian dapat diketahui seketika setelah siswa mengerjakan ujian
+. *asil ujian dapat didownload dalam "ormat spreadsheet & excel '
Diatas adalah kemampuan dasar ujian online sederhana ini maka selanjutnya saya akan
membahas langkah , langkah penggunaan aplikasi ini. Secara garis besar langkah - langkah ini
dibagi menjadi % bagian yaitu #
1. nstalasi aplikasi dan database
$. !engelola ujian & admin '
%. !engerjakan ujian & siswa '
Instalasi aplikasi dan database
Sebelum saya menjelaskan proses instalasi ada baiknya anda telah mengenal apa itu web
serer apache mys0l php phpmyadmin atau xampp & paket yang berisi apache interpreter php
phpmyadmin dan mys0l '. Dalam contoh kali ini kita akan menggunakan apache sebagai web
serer. erikut ini langkah , langkahnya #
1. Salin "older online2test2kaji ke dalam root document & biasanya "older htdoc public2html
atau /ar/www'
$. uat database misal namanya online2test
%. uka phpmyadmin & localhost/phpmyadmin ' pilih database simple2test dan jalankan 0uerydalam "older online2test2kaji/s0l secara berurutan tabel2saja.s0l trigger.s0l dan iew.s0l
3oot documentnya /ar/www & pake OS 4inux '
5ambar 1 # 3oot documentnya /ar/www & pake OS 4inux '
-
7/22/2019 Manual Ujian Online
2/13
http://asligresik.wordpress.com $ Kaji ( [email protected])
uka web browser anda dan ketikkan alamat dari phpmyadmin biasanya localhost/phpmyadmin
lalu klik tab basisdata & database ' dan buat databae baru seperti gambar dibawah ini
5ambar $ # uat database melalui phpmyadmin
6ilih database online2test yang telah dibuat tadi lalu pilih tab S74 kemudian buka "ile
s0l/tabel2saja.s0l dan salin seluruh isinya kedalam textarea s0l seperti dibawah ini
5ambar % # 7uery ketika membuat tabel yang dibutuhkan
Setelah tabel berhasil dibuat saatnya membuat trigger agar aplikasi yang dibuat lebih mudah
dikelola. uka kembali tab S74 seperti ketika membuat tabel lalu salin isi "ile s0l/trigger.s0l
kedalam textarea s0l seperti dibawah ini dan ubah pembatas & delimitter ' yang secara de"ault adalah8 diubah menjadi //. 4ihat gambar kursor pada bagian bawah kiri
7uery ini adalah
isi dari "ile s0l/tabel2saja.s0l
9ama database
:lik tab asisdata
:lik tab S74
-
7/22/2019 Manual Ujian Online
3/13
http://asligresik.wordpress.com % Kaji ( [email protected])
5ambar ( # 7uery ketika membuat trigger
Selanjutnya kita menjalankan 0uery dari "ile s0l/iew.s0l dengan cara yang sama seperti diatas
5ambar ) # 7uery ketika membuat iew
*al selanjutnya yang diperlukan adalah menyesuaikan beberapa "ile yaitu #
Untuk koneksi ke database :
1. ;ile include/koneksi.php sesuaikan nama host username dan password database
Setting untuk fmat_editor ( untuk menulis rumus ) :
1.
-
7/22/2019 Manual Ujian Online
4/13
http://asligresik.wordpress.com ( Kaji ( [email protected])
address bar http#//name2serer/"older2root2document/ & misal # http#//localhost/online2test2kaji/'.
5ambar + # @ampilan halaman awal
6ada tahap ini kita telah berhasil menginstall aplikasi ini kedalam serer kita selanjutnya kita akan
mencoba menggunakan aplikasi ini untuk membuat ujian & admin ' dan mengerjakan ujian & siswa '.
engelola !jian ( admin )
*al pertama yang kita lakukan setelah melakukan instalasi aplikasi dan database adalah kita
harus login ke dalam aplikasi sebagai user dengan leel admin adapun kemampuan utama yang
dimiliki oleh admin adalah sebagai berikut #
1. !enambah mengedit dan menghapus mata pelajaran$. !enambah mengedit dan menghapus siswa peserta ujian
%. !enambah mengedit dan menghapus da"tar ujian
(. !enambah mengedit dan menghapus soal beserta jawaban soal
). !enghapus nilai hasil ujian dari siswa & reset nilai '
+. !endownload hasil ujian dalam bentuk spreadsheet & excel '
erikut ini gambaran singkat langkah , langkahnya yang disajikan dalam bentuk gambar supaya
lebih mudah dipahami #
5ambar # @ampilan awal ketika berhasil login sebagai admin
!engelola
ujian
!engelola
6eserta ujian
!elihat*asil ujian 5anti
password!elihatpro"il
http://name_server/folder_root_document/http://localhost/online_test_kaji/http://name_server/folder_root_document/http://localhost/online_test_kaji/ -
7/22/2019 Manual Ujian Online
5/13
http://asligresik.wordpress.com ) Kaji ( [email protected])
5ambar B # *alaman ketika memilih menu da"tar ujian
5ambar C # *alaman ketika melakukan pengeditan nama mata pelajaran
Selanjutnya kita akan menambahkan ujian baru pada mata pelajaran yang kita pilih
5ambar 1 # !enambah ujian
Da"tar mata pelajaranyang telah dibuat
!enambah mata pelajaran
!enambah / melihat ujian
!engedit mata pelajaran
!enghapus mata pelajaran
:etika diklik makabackground akan
berubah
:lik ini untuk
!enyimpanperubahan
:lik ini jikamembatalkan
pengeditan
6ilih ini maka untukmelihat / menambah ujian
!enunjukkan jumlah
ujian yang telah dibuat
-
7/22/2019 Manual Ujian Online
6/13
http://asligresik.wordpress.com + Kaji ( [email protected])
5ambar 11 # *alaman da"tar ujian per mata pelajaran
5ambar 1$ # !engedit data ujian
Menambah daftar ujian
n"o ujian yang telahdibuat
!engedit data ujian
!enambah soal ujian
!engedit soal ujian
!enghapus ujian
:etika diklik makabackground akan
berubah
Data diblok iniAkan berubahSesuai dengan
Ujian yang dipilih
-
7/22/2019 Manual Ujian Online
7/13
http://asligresik.wordpress.com Kaji ( [email protected])
5ambar 1% # !embuat soal
5ambar 1( # !enulis soal
:lik untuk!enambah soal
:lik untuk!enyimpan soal
@empat membuat soal
6ilihan jawaban
Untuk masukke text editor
untuk menyisipkan gambar dll
:lik ini untuk menyisipkangambar
Untuk menyisipkan rumus
-
7/22/2019 Manual Ujian Online
8/13
http://asligresik.wordpress.com B Kaji ( [email protected])
5ambar 1) # !enyisipkan gambar sebagai pilihan jawaban
5ambar 1+ # Soal sudah disimpan
Selanjutnya kita akan melakukan pengeditan terhadap soal yang telah dibuat sebelumnya untuk itu
masuklah ke menu da"tar ujian seperti terlihat pada gambar 11 lalu pilihlah menu edit soal sehingga
akan nampak gambar seperti berikut ini.
5unakan menu text editor
!enyimpannya persoal:lik kembali untuk!enuju halaman sebelumnya
-
7/22/2019 Manual Ujian Online
9/13
http://asligresik.wordpress.com C Kaji ( [email protected])
5ambar 1 # !engedit soal ujian
6enjelasan diatas adalah langkah , langkah singkat menambah mengedit dan menghapus ujian
termasuk soal dan pilihan jawabannya. Selanjutnya kita akan membahas mengenai menambah
mengedit dan menghapus peserta ujian dan nampaknya ini akan jauh lebih mudah bila kita telah
paham dengan penjelasan diatas.
5ambar 1B # Da"tar siswa peserta ujian
:lik ikon ini untuk mengedit
!enyimpan soalyang telah diedit
!enghapus soal
Menambah siswa
peserta ujian
!enambah siswa
!enghapus siswa!engedit siswa
-
7/22/2019 Manual Ujian Online
10/13
http://asligresik.wordpress.com 1 Kaji ( [email protected])
5ambar 1C # !engedit siswa
Selanjutnya akan dijelaskan bagaimana caranya melihat nilai dari hasil ujian sebelumnya klik
terlebih dahulu menu 4ihat 9ilai & sehingga berwarna hijau ' kemudian pilih mata pelajaran yang
akan dilihat nilainya.
5ambar $ # !elihat 9ilai
!aka setelah itu kita akan dibawa menuju halaman da"tar nilai ujian semua siswa pada mata
pelajaran yang dipilih selanjutnya admin bisa melakukan reset nilai bila memang diperlukan
sehingga siswa tersebut dapat melakukan ujian kembali. 9amun admin tidak dapat mengubah nilai
ujian siswa. Admin juga bisa mendowload da"tar nilai ujian dalam bentuk spreadsheet & excel ' bila
memang diperlukan. Untuk lebih jelasnya silakan lihat gambar dibawah ini.
:etika diklik makabackground akan
berubah
!enyimpan perubahanyang dibuat
:lik menu4ihat 9ilai :lik !enu ini
Untuk melihatDa"tar nilai ujian
6ada mata pelajaranUjian baru
-
7/22/2019 Manual Ujian Online
11/13
http://asligresik.wordpress.com 11 Kaji ( [email protected])
5ambar $1 # Da"tar 9ilai
engerjakan !jian ( siswa )
agian terakhir dari manual aplikasi ini adalah untuk user siswa mengenai cara , cara
mengerjakan ujian yang telah disediakan untuknya. 6ertama buka aplikasi melalui web browser
sehingga nampak halaman seperti gambar + kemudian isikan username dan password & silakan
tanya kepada adminnya ' secara de"ault username > password sehingga nanti siswa dapat
mengubahnya sendiri melalui menu ganti password. ila login berhasil maka akan nampak halaman
beranda seperti pada gambar dan gambar dibawah ini adalah tampilan ketika user memilih menu
ujian #
5ambar $$ # Da"tar mata pelajaran yang tersedia
Download dalamentuk spreadsheet
&excel'
-
7/22/2019 Manual Ujian Online
12/13
http://asligresik.wordpress.com 1$ Kaji ( [email protected])
5ambar $% # Da"tar ujian yang tersedia
erikut ini adalah tampilan ketika user memilih menu kerjakan kurang lebih tampilannya seperti
ini #
5ambar $( # *alaman mengerjakan ujian
ila waktu yang tersisa telah habis maka secara otomatis sistem akan memberikan peringatan
bahwa waktu telah habis dan proses koreksi segera dilakukan sehingga seketika itu pula siswa telah
dapat mengetahui nilai dari hasil ujiannya tersebut. 9amun bila waktu yang tersisa masih ada dan
user ingin segera menyelesaikan ujiannya maka user dapat memilih tombol koreksi dan simpan
pada bagian bawah agar aplikasi segera melakukan proses koreksi dan menyimpan nilai dari hasil
ujian tersebut. erikut ini tampilan ketika user memilih tombol koreksi dan simpan :
ila iconnya seperti iniberarti ujian telah
dikerjakan dengan klik icontersebut akan melihat detail
jawaban yang telahdiberikan oleh siswa
:lik ini untukmengerjakan ujian
Eaktu yang tersisa
:lik pada area yang dipilihatau pada radio button
untuk memilih jawaban
-
7/22/2019 Manual Ujian Online
13/13
http://asligresik.wordpress.com 1% Kaji ( [email protected])
5ambar $) # 6roses koreksi dan nilai hasil ujian
Setelah user memilih tombol OK maka secara otomatis halaman akan berubah menuju da"tar ujian
seperti pada gambar $% dan iconnya berubah menjadi menu jawaban ( lihat detail jawaban) .
erikut ini contoh ketika user memilih untuk menampilkan detail jawaban dari ujian yang telah
dikerjakannya.
5ambar $+ # Detail jawaban siswa
Alhamdulillah akhirnya manual dari aplikasi "jian #nline $ederhana dapat diselesaikan pada
akhir romadlon 1(%% * baFda sholat ashar di rumah tercinta desa 9gembung :ec =erme :ab
5resik. Semoga dapat menjadi amal jariyah bagi penulis dan diman"aatkan oleh sebanyak ,
banyaknya manusia untuk tujuan apapun asalkan tidak bertentangan dengan syariat Alloh
subhanahu wa ta'ala.