KATA PENGANTAR
Puji syukur kita panjatkan ke Hadirat Tuhan Yang Maha Esa, karena atas berkat rahmat dan hidayah-NYA maka program Ujian On Line dan Buku Petunjuk Penggunaan ini dapat terselesaikan.
Buku Petunjuk Penggunaan ini disiapkan untuk membantu pemakai serta unsur-unsur lainnya yang terkait dengan kegiatan Ujian On Line agar dapat mengoperasikan secara benar agar didapatkan hasil yang maksimal.
Pada kesempatan ini kami ucapkan terima kasih kepada semua pihak yang membantu pembuatan Buku Petunjuk ini, semoga program ini dapat bermanfaat buat kita semua dalam rangka memajukan pendidikan di Sekolah Menengah Kejuruan.
Jika dalam pembuatan dan pemaparan pada buku ini terjadi kesalahan dan kurang lengkapnya informasi yang ditampilkan kami mohon koreksinya dan sebelumnya kami mohon maaf. Saran dan kritik untuk penyempuranaan Ujian On Line ini tetap kami tunggu melalui email ke : [email protected]
Akhirnya kami ucapkan selamat menggunakan Program Bank Soal semoga bermanfaat. Terima Kasih
DAFTAR ISI
hal I. INSTALASI WEB SERVER
1. Mengintalasi Web Server WAMPServer ………. 01
2. Menjalankan Variabel PHP(Register Globals) ………. 05
3. Meng-extract Database Ujian Pada PHPMyadmin ……….. 08
4. Meng-copy Source Ujian Online ………. 09
5. Tampilan Web Test Online Di Browser ……… 09
II. APLIKASI PROGRAM UJIAN ON LINE 1. Tempat Saran dan Kritik ……….. 10
2. Forum ……….. 10
3. Headline Online ……… 12
4. Pengoperasian Pada Administrator ……….. 13
5. Pengoperasian Pada Content Manager ………. 18
6. Pengoperasian Pada User ……….. 22
7. Mail ……… 23
III. APLIKASI PROGRAM BANK SOAL 1. Input Soal Tertulis ( Esay ) ……….. 25
2. Input Soal Pilihan ………. 25
3. Mencari Soal Pilihan dan Soal Esay ……….. 26
4. Mencari Soal Essay ………. 27
5. Mengubah Hak Akses ……… 28
6. Edit Profile ……… 28
7. Menambah dan Menghapus Program Keahlian ……….. 29
IV. APLIKASI PROGRAM HOT POTATOES 1. Jquiz ……… 31 2. Jcloze ……… 34 3. JCross. ………. 35 4. JMatch ………. 36 5. JMatch ……… 37 6. The Masher ……….. 38
1. Menginstall Software Web Server WAMPServer
Untuk menjalankan program ujian online ini, diperlukan proram webserver. Salah satunya kami menyediakan di F:\Software\wamp5_1.4.4.exe. untuk menjalankan program ini anda men-double klik aplikasi tersebut. Step by step nya dijelaskan sebagai berikut :
a. Langkah 1
Klik Next untuk melanjutkan ke langkah Berikutnya b. Langkah 2
Checklist pada checkbox I Accept the Agreement maka tombol Next akan bisa di klik.
c. Langkah 3
Silahkan pilih direktori untuk tempat menyimpan folder WAMP. Secara default telah di tentukan di C:\wamp. Setelah selesai pada step ini silahkan klik Next d. Langkah 4
Pada step ini kita akan memberikan nama folder di Start Menu. Secara default telah diberikan nama WampServer. Untuk melanjutkan ketik Next.
e. Langkah 5
Checklist pada Checkbox ini apabila anda menginginkan WampServer berjalan secara automatis ketika StartUp. Secara default diharapkan tidak di-checklist. Klik Next untuk melanjutkan.
f. Langkah 6
Step ini melihat kembali hal-hal apa saja yang telah anda lakukan pada step berikutnya. Klik Install untuk melanjutkan ke progress peng-copy-an. Setelah anda klik Install maka akan muncul progress peng-instalan
g. Langkah 7
Setelah hampir selesai, maka akan muncul kotak dialog meminta tempat menyimpan Document_root
klik Ok untuk melanjutkan ke step berikutnya h. Langkah 9
Pada step ini WAMPServer meminta file explorer.exe. klik Open untuk melanjutkan
Setelah lengkap semua step peng-installan maka pada kotak dialog ini klik
Finish. Secara automatis WAMPServer akan berjalan dengan melihat Icon pada
bawah pojok kanan seperti gambat berikut :
akan terlihat gambar speedometer, berarti WAMPServer telah berjalan.
2. Menjalankan Variabel PHP(Register Globals)
Untuk menjalankan program ini harus dilakukan step berikut agar variabel PHP yaitu
register_globals menjadi On. Stepnya sebagai berikut :
a. Langkah 1
klik kiri pada icon speedometer di notification area lalu pilih Config Files dan pilih file php.ini
maka muncul notepad file php.ini, setelah itu klik Edit lalu pilih Find. Lalu pada kotak dialog Find ketik register_globals dan klik ok
Lalu ganti Tulisan Off menjadi On.
c. Lalu Restart semua Service pada WAMPServer dengan cara klik icon peedometer dan pilih Restart All Services maka akan telihat jarum speedometer bergerak
3. Meng-extract Database Ujian Pada PHPMyadmin
Untuk meng-extract database bank_soal buka http://localhost/phpmyadmin/index.php
Lalu anda buat database bank_soal dengan mengetikkan bank_soal pada textbox, lalu klik Create. Setelah itu akan muncul halaman yang baru, klik SQL dan pilih
browse. Lalu anda cari file bank_soal.sql di F:\database\bank_soal.sql. setelah itu klik Go.
4. Meng-copy Source Ujian Online
Silahkan anda copy-kan folder Test di F:\Web ke document_root pada web server anda(default di C:\wamp\www\). Untuk mengakses program ini silahkan buka web browser anda dan ketik http://localhost/bank_soal/online/index.php
5. Tampilan Web Test Online Di Broser
Berikut tampilan web test online di IE
II. APLIKASI PROGRAM UJIAN ON LINE
Pada awal tampilan web test online ini telah disediakan beberapa feature seperti tempat saran dan kritik, forum dan Headline online.
1. Tempat Saran dan Kritik
Setelah anda mengisi forum Kritik & Saran maka kritik yang anda ketikkan akan muncul di bagian kanan web ini
2. Forum
Di Forum ini anda bisa membuat topic dan memberikan komentar pada topic yang telah disediakan serta dapat melihatnya. Berikut bila anda ingin melihat komentar yang telah diberikan user ke topic tersebut :
Berikut adalah tampilan bila anda ingin membuat topic baru dan membuat comment untuk topic tersebut :
Berikut ini tampilan jika anda ingin memberikan sebuah komentar untuk topic yang anda pilih
3. Headline Online
Disini anda akan melihat beberapa berita dan pengumuman yan disampaikan
content manager untuk para user disimak baik-baik
Untuk Mengoperasikan program Test Online ini ada tiga hak akses yang disediakan oleh program ini. Hak akses yang berlaku pada program ini ada tiga, yaitu administrator, content manager dan user. Disini akan dipaparkan step pengoperasian program ini.
4. Pengoperasian Pada Administrator
Tampilan awal ketika anda login sebagai administrator
Berikut menu-menu yang terdapat pada tampilan administrator - Buat Test - Daftar User - Lihat Test - Mail - Edit My Profile - Logout
Langkah Buat Test
Untuk membuat sebuah test berikut dijelaskan langkah-langkahnya : Anda Klik Buat Test maka akan muncul form Buat Test Baru
setelah anda selesai klik Berikutnya maka akan muncul form pengisian soal
Anda masukkan kata kunci soal yang anda cari lalu pilih Program Keahlian dan kesulitannya, setelah selesai klik search. Maka akan muncul soal yang anda cari. Untuk memasukkan soal tersebut, anda tinggal meng-checklist box yang ada di sebelah nomor. Untuk soal yang sudah masuk pada test itu, maka tidak akan ada checkbox pada sebelah nomor.
setelah sisa soal sudah mencapai 0, maka dengan sendirinya test tersebut akan selesai
untuk melanjutkan ke step berikutnya, anda tinggal klik disini untuk melanjutkan maka anda akan melihat tampilan untuk memilih user yang cocok untuk mengikuti test ini :
Setelah anda selesai memilih user tersebut maka akan tampil seperti berikut :
setelah anda masuk ke link lihat test maka akan tampil sebagai berikut :
Action yang disediakan sebagai berikut : 1. Lihat Peserta
2. Edit
Pada step ini hampir sama ketika kita membuat test baru jadi disini tidak akan dijelaskan lagi secara terperinci
3. Delete
Pada action ini anda akan menghapus test tersebut apabila anda sudah merasa test tersebut telah lama dan bisa dibilang kadaluarsa.
setelah keluar keterangan seperti diatas maka test tersebut telah selesai dihapus. Berikutnya ketika anda meng-klik Daftar User maka akan keluar box dialog sebagai berikut
untuk menghapus user silahkan klik action Delete. Maka akan muncul tulisan
User Berhasil Dihapus dibawah kotak daftar user yang telah terdaftar 5. Pengoperasian Pada Content Manager
Pada tampilan Content Manager akan tampil beberapa menu dashboard : - Lihat Headline
- Lihat Forum - Lihat Guestbook
1. Lihat Headline
Pada menu ini anda dapat membuat dan melihat Berita yang telah kita buat untuk tampilan depan.
Berikut tampilan untuk melihat berita, dengan meng-klik view pada isi berita
Berikut tampilan apabila content menghapus berita yang telah masuk
2. Lihat Forum
Tampilan forum ini untuk melihat forum yang telah masuk, serta melihat comment yang masuk. Apabila ada forum atau comment yang kurang berkenan, maka anda tinggal menghapus dengan meng-klik link yang ada di sebelah content tsb.
3. Lihat Guestbook
Tampilan berikut untuk melihat Kritik dan saran yang telah masuk. Jika kurang berkenan maka anda tinggal menghapusnya dengan meng-klik link delete, pada sebelah kanan komentar tersebut
6. Pengoperasian Pada User
Pada pengoperasian sebagai user, anda akan menemukan tampilan sebagai berikut
1. untuk melihat test yang sedang aktif
2. untuk melihat log nilai user pada ujian-ujian yang telah anda ikuti 3. sebagai action, ketika anda sudah mengikuti test
4. sebagai action, ketika test belum dilaksanakan pada waktunya
5. sebagai action, ketika test aktif. Setelah anda mengklik ini maka akan muncul halaman ujian sebagai berikut :
7. MAIL
Masing-masing hak akses memiliki feature ini. Feature ini untuk mengirimkan mail dari user ke user lainnya. Berikut tampilan untuk membuat mail ke user lain
III. APLIKASI PROGRAM BANK SOAL
Untuk mengoperasikan bank soal ini bisa dilakukan lewat internet atau dengan mengetik alamat pada komputer stand alone dengan alamat : http://localhost/bank_soal Bilamana berhasil akan muncul tampilan seperti dibawah ini :
Bilamana belum terdaftar sebagai member maka klik Register untuk mendaftar sebagai member, kemudian lengkapi seluruh isian blank yang ada dengan benar dan klik Submit.
Setelah terdaftar sebagai member maka login ulang lagi dengan user name dan pasword yang telah anda masukan. Bila betul maka tampilan selanjutnya adalah sebagai berikut :
1. Input Soal Tertulis ( Esay )
• klik Menu Soal Esay,
• masukan kode soal (lihat lampiran)
• pilih Bidang Keahlian dan Program Keahlian soal yang ditulis
• masukan nama diklat, kompetensi dan nama penyusun dari soal yang dibuat
• Masukan atribut yang lain sesuai dengan kemampuannya dan bilamana kurang jelas dengan penjelasan atribut tersebut, dapat dilihat pada lampiran
• Bilamana ada gambar yang mengikuti soal tersebut maka upload gambar tersebut .
• Setelah data-data tersebut dkiirim ke bank soal, selanjutnya data tersimpan pada database sementara.
2. Input Soal Pilihan
• klik menu input soal pilhan
• tuliskan atribut dari soal-soal yang meliputi kode soal (lihat lampiran), bidang keahlian, program keahlian, mata diklat, kompetensi, nama penyusun, level kompetensi, indeks sensitifitas (0.10 – 0.39 = diterima , 0.40 – 1.00 = baik), semester, tingkat kesulitan, waktu penyelesaian, tahun penyususunan.
• Setelah itu lanjutkan dengan pengisian soal, bila ada gambar maka gambar bisa diupload terlebih dahulu, nama file gambar juga dituliskan pada atribut nama file, dilanjutkan dengan kunci jawaban serta jawaban dari option A,B,C,D,E
• Kemudian setelah lengkap klik tombol submit dan lihat blanko konfirmasi,bilamana datanya dianggap benar lalu klik submit sekali lagi.
• Data soal yang dikirimkan masuk ke database sementara, dan bilamana telah divalidasi atau dieditor oleh tim editor maka soal tersebut baru dapat digunakan.
`
3. Mencari Soal Pilihan dan Soal Esay
• Klik menu cari soal pilihan atau cari soal esay.
• Pada menu ini pencaharian soal dibagi dua yaitu quick search dan advand search. • Untuk quick search, masukan kata kunci soal dan program keahlian yang akan dicari,
sedangkan atribut untuk menampilkan hasil pencaharian memiliki pilihan 5, 10, 30 dan 50, setelah itu klik search.
• Sedangkan advand search, yaitu model pencaharian yang dengan filter atribut yang lebih banyak. Bila tidak diisi maka berarti yang dicari seluruhnya.
• Setelah diisi seluruh atribut yang dicari, lalu klik search untuk menampilkan hasil pencaharian. Tampilan hasil pencaharian bisa 5, 10, 39 dan 50 soal.
• Setelah hasil pencaharian ditampilkan, maka soal tersebut bisa dicetak langsung atau disimpan pada disket . Untuk mencetak, cukup klik print halaman ini. Sedang jika ingin menyimpan ke disk dapat dilakukan dengn dua cara yaitu :
- Pilih File, lalu klik save as dan pilih lokasi tempat menyimpan file hasil pencaharian.
- Blok seluruh tampilan lalu klik kanan, pilih copy. Selanjutnya buka micosoft word kemudian klik paste.
4. Mencari Soal Essay
Pencarian soal essay, dapat dilakukan dengan mengetik kata kunci dari soal, kemudian memilih program keahlian dari soal tersebut. Bilamana Program keahlian tidak dipilih, maka default pilihan adalah semua program keahlian ditampilkan. Hasil pencarian akan ditampilkan sebanyak 5, 10,30 soal perpage.
5. Mengubah Hak Akses
Hak akses user dapat diubah menjadi penyusun, editor dan admin. Kewenangan masing-masing tingkatan berbeda-beda. Admin memiliki kewenagan paling luas, sedangkan editor dapat melakukan editing soal, penyusun hanya dapat melakukan penyusunan soal saja. Perubahan hak akses hanya dilakukan dengan mengklik salah satu hak akses.
6. Edit Profile
Fasilitas Edit Profile merupakan fasilitas tambahan yang dapat dipakai oleh user untuk melakukan perubahan profile. Untuk menyimpan perubahan profile, klik tombol “Submit”
7. Menambah dan Menghapus Program Keahlian
Fasilitas menambah dan menghapus bidang/program keahlian yang ada hanya dapat
dilakukan oleh Administrator. Penambahan ini dapat dilakukan dengan mengetikkan
Bidang Keahlian dan dilanjutkan mengetikkan program keahlian.
IV. APLIKASI PROGRAM
HOT POTATOES
Hot Potatoes adalah seperangkat authoring Tool (terdiri dari 6 bentuk), yang diciptakan oleh tim Research and Development di Universitas Victoria Humanities Computing dan Media Center. Tool tersebut memungkinkan untuk membuat latihan soal interaktif berbasis web dengan beberapa macam tipe soal. Soal-soal latihan yang dibuat ditampilkan dalam bentuk web menggunakan kode XHTML 1.1 dan JavaScript (ECMAScript) untuk interaktifnya. Mendukung beberapa browser untuk tampilan seperti: Internet Explorer 6+, Mozilla 1.2+, Phoenix, Safari, dst. Tool ini menangani Unicode sehingga mendukung beberapa bahasa atau campuran bahasa. Kita tidak perlu memahami tentang XHTML atau JavaScript untuk menggunakan tool ini, yang kita lakukan hanyalah memasukan pertanyaan soal baik dalam bentuk teks atau gambar serta jawabannya. Kemudian program yang akan meng-create halaman web nya secara otomatis. Tetapi program ini didesain juga agar kita dapat melakukan perubahan pada setiap aspek pada tiap halaman web, tentunya dibutuhkan pengetahuan tentang HTML dan JavaScript untuk melakukan hal ini termasuk merubah format dari halaman web.
Sekarang kita lihat beberapa contoh dari beberapa tipe soal latihan yang bisa dibuat oleh Hot Potatoes. Berikut ini adalah tampilan awal pada saat Hot Potatoes dijalankan.
Gambar 1. Tampilan Awal Hot Potatoes
Pada tampilan awal Hot Potatoes (gambar 1 tedapat 6 menu, yaitu: Jquiz, JCloze, JCross, JMatch, JMix dan The Masher.
1. JQuiz
JQuiz adalah tool untuk membuat soal/pertanyaan yang memiliki sejumlah jawaban yang tak terbatas seperti Multiple-Choice, Short-Answer, Hybrid dan Multi-Select.
Ada tiga tahap sederhana untuk membuat Soal/Latihan menggunakan JQuiz: 1. Memasukan data (Soal, jawaban, dst)
2. Konfigurasi output (Mempersiapkan Tombol captions, instructions, dan fitur-fitur pada
Web pages).
3. Membuat halaman web (Kompilasi ke halaman HTML).
1.1 Langkah-Langkah Memasukan Data:
1. Klik, Menu JQuiz pada gambar 1, berikut tampilan dari JQuiz:
Gambar 2. Tampilan JQuiz
Gambar 2. Tampilan JQuiz.
Pilihan untuk Jenis Soal
Checklist Jawaban yang
Kolom isian untuk Respon Jawaban Soal Kolom isian untuk
Jawaban Soal
Kolom isian untuk
Soal/Pertanyaan Kolom isian untuk Judul Soal/Latihan
2. Tuliskan Judul Soal/Latihan pada kolom title box yang tersedia 3. Tuliskan pertanyaan/Soal pada question box yang tersedia
4. Pastikan bahwa "Multiple-c hoice" terpilih pada drop-down list box pada sisi kanan kolom soal atau pilihlah sesuai jenis soal yang dikehendaki
5. Tuliskan jawaban pada kolom answer box dan feedback/respon jawaban pada kolom yang tersedia. Catatan: Setiap Jawaban yang benar atau salah akan mendapat respon yang sesuai dengan respon yang dimasukan.
6. Pilihlah jawaban yang benar dengan me-checklist checkbox yang tersedia.
1.2. Konfigurasi Output
Konfigurasi output berisi tentang konfigurasi halaman web setelah dikompilasi, seperti nama tombol, Link URLs, dst. sebenarnya kita tidak perlu merubah konfigurasi ini tetapi cukup merubah beberapa instruksi kalimat pada konfigurasi output untuk Subtitle Soal dan Instruction saja, seperti pada gambar 3.
Klik pada menu Option | Configure Output, pada tab pertama: Titles/Instructions
Gambar 2. Tampilan JQuiz Pengenalan HTML
Pilihlah satu jawaban yang paling tepat
1.3. Membuat Halaman Web
Langkah terakhir adalah membuat halaman web, klik pada menu File | option | Create Web pages
2. JCloze
Tool JClose digunakan untuk membuat soal/pertanyaan dalam bentuk cerita, dimana jawabannya berupa teks yang dituliskan pada kolom teks box yang tersedia untuk melengkapi soal cerita tersebut, sehingga membentuk suatu kalimat lengkap.
Penggunaan tools ini sama seperti JQuiz, yaitu:
1. Memasukan data (Soal, jawaban, dst)
2. Konfigurasi output (Mempersiapkan Tombol captions, instructions, dan fitur-fitur pada Web pages).
3. Membuat halaman web (Kompilasi ke halaman HTML). Langkah-Langkah Penggunaan JCloze:
1. Klik JClose pada tampilan Hot Potatos (Gambar 1)
2. Tuliskan soal cerita pada Kolom yang tersedia (Gambar 5) dengan lengkap
3. Pilihlah kata-kata yang akan dibuat menjadi jawaban, (contoh pada gambar 5. elephant) kemudian blok kata tersebut menggunakan mouse dan klik tombol Gap.
4. Ulangi untuk kata lainnya, sesuai keinginan.
Gambar 5. Tampilan JCloze
3. JCross.
Langkah-Langkah Penggunaan JCross:
1. Klik JCross pada tampilan Hot Potatos (Gambar 1) 2. Tuliskan kata-kata/jawaban pada grid yang tersedia.
Gambar 6. Tampilan Jcross, input jawaban
3. Tuliskan Pertanyaan pada kolom yang tersedia
Gambar 7. Tampilan Jcross, input Soal/Pertanyaan
Untuk tahap Selanjutnya ikuti Konfigurasi Output dan Membuat Halaman Web yang ada pada JQuiz.
4. JMatch
Jmatch digunakan untuk membuat soal/pertanyaan dengan Menjodohkan. Output Jmatch ada dua tipe: standar dan drag-drop.
Langkah-Langkah Penggunaan JMatch:
1. Klik JMatch pada tampilan Hot Potatos (Gambar 1)
2. Tuliskan soal/pertanyaan pada kolom sebelah kiri yang tersedia. 3. Tuliskan jawaban pada kolom sebelah kanan yang tersedia.
Gambar 7. Tampilan Jcross, input Soal/Pertanyaan
Kolom Jawaban Kolom Soal/
Pertanyaan
Untuk tahap Selanjutnya ikuti Konfigurasi Output dan Membuat Halaman Web yang ada pada JQuiz.
5. JMatch
Jmix digunakan untuk membuat Soal/Pentanyaan dengan menyusun kalimat. Output Jmatch ada dua tipe: standar dan drag-drop.
Langkah-Langkah Penggunaan JMatch:
1. Klik JMix pada tampilan Hot Potatos (Gambar 1)
2. Susunkan Pernyataan yang benar pada kolom yang tersedia dengan cara menuliskan kata per kata pada setiap barisnya.
3. Pilihlah salah satu tombol (lihat gambar) untuk output standard atau drag-drop
Gambar 8. Tampilan JMix
FTP Adalah File Transfer Protocol
Kolom untuk
menuliskan
Title
Susunlah dengan Benar kata-kata berikut ini
Pilih salah satu
tombol ini untuk
create webpages
Tuliskan
pernyataan yang
benar, satu kata
per baris
Untuk tahap Selanjutnya ikuti Konfigurasi Output dan Membuat Halaman Web yang ada pada JQuiz.
6. The Masher
The masher berbeda dengan 5 aplikasi hot potatoes lainnya, yaitu berfungsi untuk menggabungkan soal-soal/pertanyaan yang dibuat oleh JQuiz, Jmix, Jcloze, Jcross, Jmatch atau aplikasi non-Hot Potatoes lainnya yang berbasis web menjadi satu kesatuan unit. File index nya pun secara otomatis akan dibuat oleh The Masher,
Langkah-Langkah Penggunaan JMatch:
1. Klik The Masher pada tampilan Hot Potatos (Gambar 1)
2. Klik tombol Add files (Gambar 9) untuk menambahkan file-file aplikasi yang akan digabungkan.
3. Klik tombol Build Unit (Gambar 9) untuk menggabungkan file-file yang akan digabungkan.
Tombol untuk menggabungkan Tombol Tambah
File File-file yang akan digabungkan
