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 '


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


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.


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/


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


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


berubah

Data diblok iniAkan berubahSesuai dengan

Ujian yang dipilih


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


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


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


10/13


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.


berubah

!enyimpan perubahanyang dibuat

:lik menu4ihat 9ilai :lik !enu ini

Untuk melihatDa"tar nilai ujian

6ada mata pelajaranUjian baru


11/13


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'


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


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.

manual ujian online

Documents