Perancangan Aplikasi Ujian Online Berbasis Web

7

BAB 2

LANDASAN TEORI

2.1. Konsep Dasar Ujian, Ujian Online
2.1.1. Ujian
Ujian adalah salah satu cara untuk mengevaluasi proses belajar. Dalam dunia
pendidikan ujian dimaksudkan untuk mengukur taraf pencapaian suatu tujuan
pengajaran oleh siswa atau mahasiswa sebagai peserta didik, sehingga siswa atau
mahasiswa dapat mengetahui tingkat kemampuannya dalam memahami bidang studi
yang sedang ditempuh. Bila ternyata hasilnya belum maksimal, maka proses belajar
harus ditingkatkan baik kualitas maupun kuantitas.

Teknologi komunikasi dan elektronik sudah berkembang sedemikian pesat,
sehingga menyebabkan bidang pendidikan juga turut mengalami peningkatan
dalam hal kualitas, kecepatan, kepraktisan dan juga kemudahan, ujian
konvensional pun bergeser ke arah komputerisasi, salah satunya dengan adanya ujian
online.


Universitas Sumatera Utara

8

Hampir setiap negara sedang mempertimbangkan ujian secara online,
setidaknya beberapa bagian dari program penilaian K-12 (setara dengan
tahun pertama di Universitas).
Penelitian pendidikan di K-12 menunjukkan bahwa siswa menggunakan
komputer di sekolah atau kelas mereka untuk kegiatan pembelajaran mereka
sehari-hari (US Department of Commerce, 2002). Selain itu, kesenjangan akses
komputer di kalangan K-12 siswa telah terbukti diabaikan selama lima tahun
terakhir. Oleh karena itu, diprediksi kedepannya hampir setiap aspek pendidikan
akan mempergunakan dan memanfaatkan teknologi, termasuk pengujian secara
online.

Di banyak negara,

memberikan penilaian berbasis komputer telah

menjadi standar dan menjadi semakin menarik untuk departemen pendidikan,

legislatif, dan pembuat kebijakan lainnya. Kelebihan potensi ujian online adalah
pelaporan skor langsung, penurunan beban biaya administrasi pada personil
distrik sekolah, peningkatan keamanan bahan pengujian, dan penjadwalan ujian
yang lebih fleksibel. Di banyak negara, pembuat kebijakan mengaku senang
tentang potensi untuk pengukuran efisien kemampuan siswa melalui model
ujian inovatif.

Jika berbicara tentang penilaian, tentunya tidak akan terlepas dari valid atau
tidaknya suatu penilaian. Kecurangan dalam ujian menjadi salah

satu faktor

tidak validnya penilaian kemampuan siswa.

Universitas Sumatera Utara

9

Curang menurut Bower, adalah perbuatan yang menggunakan cara-cara
yang tidak sah untuk tujuan yang sah atau terhormat yaitu mendapatkan

keberhasilan akademis atau menghindari kegagalan akademis. Salah satu bentuk
perilaku curang dalam dunia pendidikan adalah

menyontek. Menyontek

menurut Sukarsih merupakan tindak kecurangan dalam tes melalui pemanfaatan
informasi yang berasal dari luar secara tidak sah.

Keberadaan pengawas dan randomisasi dalam penyajian soal merupakan
solusi yang sering digunakan dalam mengatasi kecurangan. Pada saat sekarang
ini sudah banyak content management system atau e-learning yang menyediakan
randomisasi soal, menurut Neill metode tampilan soal yang berbeda dan dapat
membuat kuis yang sama muncul berbeda setiap kali ujian, merupakan solusi
yang bagus dalam ujian online. namun sebahagian besar sistem yang telah ada
tidak mempunyai fitur pengawasan peserta ujian yang memadai, sehingga
peserta masih bisa berdiskusi secara online (chatting, email, message dll.).

Salah satu cara yang dapat digunakan untuk membuat sistem ujian online
berbasis WEB adalah dengan bahasa pemrograman Personal Home Page (PHP).
PHP merupakan bahasa pemrograman WEB (server side) yang nantinya akan

berkomunikasi dengan Database, sehingga data dapat diolah.

Universitas Sumatera Utara

10

Selain itu, penelitian dan pengembangan yang menghasilkan produk tertentu
untuk bidang pendidikan, khususnya pendidikan teknologi dan kejuruan masih
sangat rendah ( kurang dari 1%). Dengan tersedianya sistem ujian online ini
diharapkan dapat membantu guru/ pembimbing/ penguji menyelenggarakan ujian
online yang sehat, serta ekfektif dan efisien.
2.1.2. Ujian Online
Ujian online sudah tidak lagi menggunakan media kertas atau alat tulis sebagai
ujian. Sistem ujian ini dibangun secara komputerisasi,

dimana

langsung

melalui


mendapat

Pemeriksaan

dan menjawab

soal

ujian

peserta

uji

komputer.

ujian dilakukan langsung oleh sistem, dan peserta akan

mendapatkan laporan hasil ujian secara langsung. Ujian ini dipakai seperti pada

sertifikasi MICROSOFT, TryOut, dan lain-lain (Darmawan, Dilar. 2007).

2.2. Internet
Internet

(Inter-Network)

adalah

sebutan

untuk

sekumpulan

jaringan

komputer yang menghubungkan situs akademik, pemerintahan, komersial,
organisasi, maupun perorangan. Internet menyediakan akses untuk layanan
telekomnunikasi dan sumber daya informasi untuk jutaan pemakainya yang

tersebar di seluruh dunia. Adapun Layanan internet yang tersedia saat ini seperti
komunikasi langsung (email, chat), diskusi (Usenet News, email, milis), sumber
daya informasi yang terdistribusi (World Wide Web, Gopher), remote login dan lalu
lintas file (Telnet, FTP), dan aneka layanan lainnya.

Universitas Sumatera Utara

11

Jaringan yang membentuk internet bekerja berdasarkan suatu set protokol
standar yang digunakan untuk menghubungkan jaringan komputer dan
mengalamati lalu lintas dalam jaringan. Protokol ini mengatur format data yang
diijinkan, penanganan kesalahan (error handling), lalu lintas pesan, dan standar
komunikasi lainnya. Protokol standar pada internet dikenal sebagai TCP/IP
(Transmission Control Protocol/Internet Protocol). Protokol ini memiliki
kemampuan untuk bekerja diatas segala jenis komputer, tanpa terpengaruh oleh
perbedaan perangkat keras maupun sistem operasi yang digunakan. Sebuah
sistem komputer yang terhubung secara langsung ke jaringan memiliki nama
domain dan alamat IP (Internet Protocol) dalam


bentuk

numerik

dengan

format tertentu sebagai pengenal. Internet juga memiliki gateway ke jaringan
dan layanan yang berbasis protokol lainnya.

2.3. WWW (Wide World Web)
World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu
layanan yang didapat oleh pemakai computer yang terhubung ke internet.

Web pada awalnya adalah ruang informasi dalam internet, dengan
menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi
dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan
dlaam browser web.

Kini internet identic dengan web, karena kepopuleran web sebagai standar
interface pada layanan-layanan yang ada di internet, dari awalnya sebagai


Universitas Sumatera Utara

12

penyedia informasi, kini digunakan untuk komunikasi dari e-mail, chatting,
sampai dengan melakukan transaksi bisnis (commerce).

Kini, web seakan lebih popular daripada email, walaupun secara statistic
email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna
internet. Web lebih popular bagi khalayak umum dan pemula, terutama untuk tujuan
pencarian informasi dan melakukan komunikasi email yang menggunakan web
sebagai interfacenya (Kadir, Abdul, 2007).

Internet indentik dengan web, karena popularitasnya sebagai penyedia
informasi dan interface yang dibutuhkan oleh pengguna internet dari masalah
informasi sampai dengan komunikasi. Informasi produk dari yang serius, cumacuma sampai dengan komersial, semuanya ada.

Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku
internet lainnya dan menelusuri (informasi) di internet. Selain itu web


telah

diadopsi oleh perusahaan sebagai sebagian dari strategi teknologi informasi,
karena beberapa alasan :
1. Akses informasi mudah.
2. Setup server lebih mudah.
3. Informasi mudah didistribusikan,
4. Bebas platform: informasi dapat disajikan oleh browser web pada sistem
operasi mana saja karena adanya standar dokumen berbagai tipe data dapat
disajikan.

Universitas Sumatera Utara

13

2.4. HTML (Hyper Text Markup Languange)
HTML kependekan dari Hyper Text Markup Languange. HTML adalah file teks
murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal
sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam

browser web surfer. Dokumen ini umumnya berisi informasi atau interface
aplikasi di dalam internet.

HTML dikembangkan dari SGML (Standart General Markup Languange
atau Bahasa yang ditingkatkan secara umum dan yang dibakukan). HTML dibuat
dengan menggunakan Tag (Etiket/ Tempelan). Tag adalah kata-kata atau
ungkapan kunci, yang diapit oleh tanda kurung siku miring , untuk melukiskan
bagaimana teks maupun grafik itu harus ditampilkan, dan membuat Link
(Penghubung) antara dokumen-dokumen yang berbeda, atau antara bagian- bagian
yang ada didalam dokumen yang sama itu juga. HTML mampu menangani semya
link, yang memungkinkan terciptanya web tersebut (Microsoft, 1999).

Ada du acara untuk membuat sebuah web page : dengan web editor
(misalnya : Macromedia Dreamweaver atau Microsoft Frontpage) atau dengan
editor teks biasa (misalnya : notepad++ atau editplus).

2.4.1. Penamaan Dokumen HTML

Universitas Sumatera Utara

14

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama,
sembarang nama, kemudian menambahkan sebuah ekstensi “htm” atau ”html”
(tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).

Ekstensi dokumen HTML yang menggunakan 3 karakter awalnya adalah
untuk mengakomodasikan sistem penamaanya yang ada dalam sistem operasi
DOS. Nama dokumen pada beberapa sistem operasi bersifat case sensitive
(membedakan huruf besar dan kecil). Nama dokumen yang sama tetapi dituliskan
dengan case yang berbeda dengan Dokumen.html. Kasus case sensitive akan
dijumpai pada dokumen web yang di-hosting didalam server yang berbasis *nix
(keluarga sistem operasi UNIX).

2.4.2. Elemen Dan Tag HTML
Dokumen HTML disusun oleh elemen-elemen. Elemen merupakan istilah bagi
komponen-komponen dasar pembentuk dokumen HTML. Untuk menandai berbagai
elemen dalam suatu dokumen HTML, digunakan tag. Tag HTML terdiri atas sebuah
kurung sudut kiri (< , tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut
kanan (> , tanda lebih besar). Tag umumnya berpasangan (misalnya
dengan ), tag yang menjadi pasangan selalu diawali dengan karakter
garis miring. Tag yang pertama menunjukkan tag awal yang berarti awal elemen,
dan yang kedua menunjukkan tag akhir, berarti akhir elemen.

Nama elemen ditunjukkan dengan nama tag-nya. Sutau elemen di dalam
dokumen HTML harus ditandai dengan penulisan tag-nya yang berpasangan. Ada

Universitas Sumatera Utara

15

beberapa elemen yang tidak mengharuskan tag-nya dituliskan berpasangan,
elemen tersebut diantaranya adalah:

a.

Paragraf dengan tag .

b.

Garis baris – line break dengan tag .

c.

Garis datar – horizontal rule dengan tag .

d. List item dengan tag .

Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan
tag-nya, dituliskan : _. Penulisan penamaan tag bebas,
dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case
sensitive). Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan
untuk menuliskan tag dengan menggunakan huruf kecil semuanya.

Tag mark up ini digunakan sebenarnya memberi tahu browser web
bagaimana memperlakukan atau menampilkan (memformat) halaman dokumen
tersebut dalam browser.

Dalam membuat suatu dokumen HTML dibutuhkan elemen yang
dinyatakan dengan tag , , dan berikut tag-tag pasangannya.
Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi
tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang
tersusun dari link, grafik, paragraph, dan elemen lainnya.

Universitas Sumatera Utara

16

Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section
head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola
dasar sebagai berikut:


… informasi tentang dokumen HTML


…informasi yang ditampilkan dalam browser web



Setiap dokumen HTML harus diawali dengan menuliskan tag dan
tag di akhir dokumen. Tag ini menandai elemen HTML, yang berarti
dokumen ini adalah dokumen HTML.

Dalam satu dokumen hanya ada satu elemen HTML. Section atau elemen
head ditandai dengan tag di awal, dan tag di akhir. Section ini
berisi informs tentang dokumen HTMLnya. Minimal informasi yang dituliskan
dalam elemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada
caption bar dari window browser, ditandai dengan menggunakan tag , dan
diakhiri dengan .

Universitas Sumatera Utara

17

Section atau elemen body ditandai dengan tag di awal, dan tag
di akhir. Section body merupakan elemen terbesar di dalam dokumen
HTML. Elemen ini berisi isi dokumen yang akan ditampilkan pada browser,
meliputi paragraf, grafik, link, table, dan sebagainya.

Contoh penulisan suatu dokumen HTML sebagai berikut:


contoh


Hello World ..!



2.5. PHP (Hypertext Prepocessor)
PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar
yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang
berbentuk script yang diletakkan didalam server web. Kelebihan PHP dari bahasa
pemrograman lain :
1.

Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaanya.

2.

Web Server yang mendukung PHP dapat ditemukan di mana – mana

Universitas Sumatera Utara

18

dari mulai IIS sampai dengan apache, dengan konfigurasi yang relatif
mudah.
3.

Dalam sisi pengembangan lebih muda h, karena banyaknya milis –
milis dan developer yang siap membantu dalam pengembangan.

4.

Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling
mudah karena referensi yang banyak.

2.5.1. Sejarah Asal Mula PHP
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu
PHP bernama FI

(Form Interpreted). Pada saat tersebut PHP adalah

sekumpulan script yang digunakan untuk mengolah data form dari web.
Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut
dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI
adalah Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber
ini menjadi open source, maka banyak programmer yang tertarik untuk ikut
mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter
sudah diimplementasikan dalam C. Dalam rilis ini disertakan juga modul –
modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
Sebuah perusahaan bernama Zend, menulis ulang interpreter PHP menjadi

Universitas Sumatera Utara

19

lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan
tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut
menjadi PHP 3.0.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan
rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling
banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk
membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan
stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir
dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan
besar. Dalam versi ini
objek

juga

dikenalkan

model pemrograman berorientasi

baru untuk menjawab perkembangan bahas

pemrograman ke arah

pemrograman berorientasi objek.

2.5.2. Variabel pada PHP
Variabel dapat disebut sebagai sebuah tempat penyimpanan data bagi nilai
numeris maupun non numeris, agar dapat digunakan pada bagian lain dari script
program PHP. PHP mendukung berbagai jenis variabel yaitu : Integer (bilangan
bulat), bilangan floating point (presisi tunggal, ganda), boolean, null (untuk
variabel yang belum diset), string dan array, object dan resource (Atkinson, Leon.
2004).

Universitas Sumatera Utara

20

Jika menggunakan bahasa pemrograman C atau Pascal, maka kita harus
mendefinisikan variabel tiap elemen,
mendefinisikan terlebih

dahulu

namun

jenis

pada

variabel

PHP

kita

sebelum

tidak

perlu

menggunakannya.

PHP memiliki kepandaian untuk membedakan jenis variabel secara otomatis
berdasarkan konteks yang sedang berlaku bagi variabel tersebut.

Setiap variabel dalam PHP selalu dimulai dengan tanda dolar ("$") dan
harus dimulai dengan huruf dan dapat diikuti oleh huruf dan angka. Dengan
demikian, $warpspeed, $impuls_speed, $LCAR dan $Dilithium1 adalah contoh
penamaan variabel PHP yang valid.

Setiap variabel dalam PHP peka terhadap perbedaan huruf kapital dan
non kapital, sehingga $subspace, $SubSpace, dan $SUBSPACE adalah tiga buah
variabel yang berbeda.

2.5.3. Konsep Dasar Penggunaan PHP
Kode PHP diawali dengan tanda lebih kecil (). Ada empat cara untuk menuliskan script PHP yaitu :
1.



2.



3.



4.

Apa kabar..

Pemisah antar instruksi adalah titik koma (;) dan untuk membuat atau
menambahkan komentar standar penulisan adalah : /* komentar */, // komentar, #

Universitas Sumatera Utara

21

komentar. Cara penulisan dibedakan menjadi Embeded dan Non Embeded script.

1.

Embeded Script

Contoh dari Embeded script :


Coba






2.

Non Embeded Script

Contoh dari Non Embeded Script :


2.6. MySQL
MySQL merupakan salah satu perangkat lunak sistem pengelola basis data
(Database Management System). MySQL juga dapat dikategorikan sebagai
Relational Database Management System (RDBMS), karena dalam pembuatan

Universitas Sumatera Utara

22

basis data pada MySQL dapat dipilah-pilah ke dalam berbagai table dua dimensi.
Setiap tabel pada MySQL terdiri atas lajur Horizontal dan lajur vertikal (Meloni,
Julie C.2002).

MySQL adalah suatu database popular dengan pengembang web (web
developers). Kecepatan dan ukuran yang kecil membuatnya ideal untuk website.
Ditambah lagi dengan fakta bahwa MySQL adalah open source, yang berarti
grafis.

MySQL pada saat ini, banyak digunakan oleh pemograman web untuk
membangun situs yang memerlukan basis data sebagai data dan pengelahan data.
2.7. CSS (Cascanding Style Sheet)
CSS mendefenisikan karakteristik tampilan (warna, style, dan posisi) suatu elemen
pada dokumen HTML dalam bentuk property elemen tersebut. Pemisahan isi
dengan tampilan yang dilakukan dengan penerapan CSS ini, memberikan
kemungkinan penyusunan struktur suatu halaman HTML dengan lebih fleksibel.
CSS merupakan bagian/subset dari DOM yang sangat berperan dalam HTML.

Perbedaan Implementasi antara Netscape dan Microsoft sehingga akhirnya
W3C melakukan suatu standardisasi CSS. Pada awalnya, upaya standardisasi CSS
dibagi dua, yaitu CSS1 untuk pengaturan warna dan style, serta CSS-P untuk
pengaturan posisi suatu elemen. CSS2 dari W3C selanjutnya menggabungkan kedua
standar ini menjadi suatu standar yang meliputi semua setting tampilan suatu
elemen halaman HTML (Saputra Agus, 2011) .

Universitas Sumatera Utara

23

2.8. JavaScript
JavaScript pertama kali muncul di Netscape2.0 dan dikembangkan lebih lanjut pada
Netscape 3.0. Walaupun memiliki nama yang serupa. JavaScript sama sekali tidak
berhubungan dengam Java.

Java adalah bahasa pemograman tingkat tinggi untuk membuat aplikasi
cross-platform, sedangkan JavaScript hanyalah scripting language yang terintegrasi
dengan

web

browser

untuk

memberikan

fleksibilitas

tambahan sebagai

programmer untuk mengontrol elemen-elemen dalam halaman web.

Aplikasi JavaScript sebenarnya cukup luas, tetapi disini penulis
menggunakan JavaScript dibatasi untuk DHTML, yaitu JavaScript yang
digunakan untuk mengakses property, method, dan event handler yang disediakan
oleh DOM dan CSS.

Property didefenisikan sebagai setting nilai suatu objek tertentu.
Contohnya adalah warna suatu teks, action untuk suatu form, nama file untuk
suatu gambar, dll. Method adalah fungsi-fungsi yang dapat diterapkan untuk suatu
objek. Misalnya: maximize untuk window. Event handler menspesifikasikan
bagaimana suatu objek merespon terhadap suatu kejadian, misalnya suatu button
di click, window di resize, dll.

Universitas Sumatera Utara

24

2.9. Sublime Text

Sublime Text adalah teks editor berbasis Python, sebuah teks editor yang elegan,
kaya akan fitur, cross-platform, mudah, dan simple yang cukup terkenal di kalangan
pengembang, penulis, dan desainer. Para programmer biasanya menggunakan
sublime text untuk menyunting source code yang sedang dikerjakan. Sampai
saat ini sublime text sudah mencapai pada versi 3 Beta.

Berikut ini adalah beberapa kelebihan yang dimiliki Sublime Text:
1.

Multi Platform
Kelebihan pertama dari Sublime Text adalah software ini tersedia dalam
berbagai platform sistem operasi, antara lain Windows, Linux dan MacOs.

2.

Plugin
Plugin-nya sangat beragam, sehingga bisa memudahkan programmer dalam
mengembangkan software-nya.

3.

Tema dan color scheme yang bervariasi

Universitas Sumatera Utara