SISTEM UJIAN BERBASIS WEB

JURNAL TEKNOLOGI DAN INFORMATIKA (TEKNOMATIKA) Sistem Ujian Berbasis Web

VOL. 1 NO. 1 JANUARI 2011

SISTEM UJIAN BERBASIS WEB Bobby Melky Tulangow STMIK PalComTech Palembang

Abstract Growth of information technology these days have touched most of all sector of life of us. This growth claim us to increase performance either from face of effectivity and of effeciently. Every sector are being increase their performance to make a better solution for timing and costs of their productivity. One of the sector becoming important matter to be paid attention the make-up of performance is education sector especially examination system. Even though, still many side of examination can be make automaticly work to minimize costs and timing that being used. With information technology, an efficient and effective examination system capable to do examination quickly and precisely can be claim. Many ideas can be made to an automatic system for every problems that disturb examination work effective and efficiently. One of its, the system can be made to facilitate in doing examination and assessment of itself. For that ideas Writer try to give one of the solution alternative to make a examination web based system so an efficient and effective examination can be achieve. With this system, Writer hope can solve many problems that happens during the examination using the manual way such timing, costs and human procedures. Keywords : System, Test, Examination

PENDAHULUAN Perkembangan teknologi informasi telah menyentuh hampir semua sektor. Hal ini menuntut peningkatkan kinerja baik dari segi efektifitas dan efesiensi. Salah satu sektor yang menjadi hal penting untuk diperhatikan peningkatan kinerja ialah sektor pendidikan. Dengan meningkat dan berkembangnya teknologi informasi dibutuhkan suatu sistem pendidikan yang berkualitas baik dari segi mutu materi pendidikan, pengajaran, pengujian serta sarana dan prasarana pendidikan. Dalam hal ini yang menjadi sorotan yang baik untuk dijadikan pembahasan ialah sistem pengujian dimana masih banyak lembaga lembaga pendidikan baik universitas, sekolah-sekolah dan lembaga pendidikan non-formal lainnya yang menggunakan cara manual. Penggunaan cara manual ini banyak mengalami kendala dalam pelaksanaannya, diantaranya dalam hal biaya penyediaan bahan soal dan jawaban ujian, waktu pengerjaan dan sebagainya. Dengan Perkembangan teknologi informasi saat ini menuntut suatu sistem pengujian yang efektif dan efisien serta mampu melakukan pengujian secara cepat, tepat dan memudahkan dalam melakukan pengujian serta penilaian itu sendiri. Diharapkan semua kendala yang ditemui pada saat menjalankan cara manual dapat diperkecil atau bahkan dihilangkan.

36



PEMBAHASAN SISTEM UJIAN DAN PENUNJANG SISTEM Sistem ujian adalah sebuah sistem terintegrasi, sistem manusia-mesin, untuk menyediakan dan mengadakan ujian secara lebih cepat dan efektif sehingga dapat diketahui mutunya. Sistem ini memanfaatkan perangkat keras dan perangkat lunak komputer, prosedur manual, dan basis data. Dari definisi di atas terdapat beberapa kata kunci: a. Berbasis komputer dan Sistem Manusia/Mesin - Berbasis komputer: perancang harus memahami pengetahuan komputer dan pemrosesan data dan informasi - Sistem manusia mesin: ada interaksi antara manusia sebagai pengelola dan mesin sebagai alat untuk memroses data dan informasi. Ada proses manual yang harus dilakukan manusia dan ada proses yang terotomasi oleh mesin. Oleh karena itu diperlukan suatu prosedur/manual sistem. b. Sistem basis data terintegrasi Adanya penggunaan basis data secara bersama-sama (sharing) dalam sebuah database khusus. c. Mengetahui Mutu Data dan informasi yang diolah dan dihasilkan digunakan untuk hasil ujian.

mengetahui mutu dari

Lapisan – Lapisan Sistem Sebuah sistem seperti ini menurut Hartono (2004) biasanya terdiri atas 3 lapis (layer), yaitu GUI (Graphical User Interface), program aplikasi (application) dan DBMS (Database Management System). GUI (Graphical User Interface) GUI adalah program yang bertugas menangani komunikasi antara user (pengguna) dengan program aplikasi dan DBMS. Melalui program GUI inilah user melakukan aktifitas penanganan data, mulai dari pencatatan hingga pemrosesan data menjadi informasi. Dalam sistem ini, GUI yang digunakan berupa halaman web yang diakses melalui sebuah browser. Web adalah layanan internet yang paling banyak memiliki tampilan grafis dan kemampuan link yang sangat bagus. Keistimewaan inilah yang telah menjadikan web sebagai service yang paling cepat pertumbuhannya. Web mengizinkan pemberian highlight (penyorotan/penggaris-bawahan) pada kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk ke media lain seperti dokumen, atau file suara. Web dapat menghubungkan dari sembarang tempat dalam sebuah dokumen atau gambar ke sembarang tempat di dokumen lain. Dengan sebuah browser yang memiliki Graphical User Interface (GUI), link-link dapat dihubungkan ke tujuannya.

37



DBMS (Database Management System) DBMS adalah sistem database tempat penyimpanan data yang datanya harus saling berhubungan dan memiliki relasi dengan yang lain, misalnya Oracle dan SQL Server. DBMS adalah gudang data dari sistem. Kumpulan file yang tidak saling terkait satu sama lain tidak dapat disebut database (Oetomo,2002:102). Untuk mengakses DBMS, digunakan bahasa SQL (Structured Query Language). DBMS dan program aplikasi dibagi lagi menjadi beberap work environment, yaitu decvelopment environment (pengembangan), testing environment (pengujian), dan production environment (on-line data). Environment ini dapat diletakan pada server terpisah maupun dalam satu server. Tujuan dibuatnya environment adalah agar tahap development dan testing tidak terganggu aktifitas user di production environment. MySQL Merupakan salah satu pengelola database yang sering dipakai dalam kombinasi sistem yang menggunakan interface (Widigdo, 2003). Untuk melakukan pengaksesan terhadap pengelola database MySQL, digunakan MySQL extension yang di dalamnya banyak terdapat fungsi-fungsi untuk memanipulasi (memanajemen) database MySQl diantaranya input data, update data, menghapus data, pengambilan data dan lain sebagainya, sehingga proses lebih cepat dan mudah. Untuk berhubungan dengan database MySQL ini caranya cukup mudah. Contoh setting koneksinya : $connect=mysql_connect(“localhost”,”username”,”password”); $masuk=mysql_select_db(“nama_database”); Tabel 1. Argumen Koneksi ke Database MySQL Argumen Penjelasan Connect Nama variabel untuk inisialisasi (membuka) koneksi $mysql_connect Fungsi untuk melakukan koneksi ke database Localhost Nama server dimana MySQL server berada Username Nama yang dipakai untuk mengakses database Password Kata sandi digunakan untuk mengakses database $mysql_select_db Nama fungsi untuk memilih database $masuk Nama varibel untuk memilih database yang diakses

PERSIAPAN DALAM PEMBANGUNAN SISTEM Untuk membangun sebuah sistem, diperlukan beberapa persiapan yang meliputi perangkat keras (hardware), perangkat lunak (software) dan sumber daya manusia (Hartono, 2004), dan langkah kerja serta konsep sistem yang dibuat yang biasanya diwakili oleh diagram- diagram seperti DFD (Data Flow Diagram) dan STD (State Transition Diagram). Perangkat Keras (Hardware) Arsitektur perangkat keras yang biasa digunakan untuk membangun sistem adalah Stand Alone, Client – Server, dan 3 Tiers. Untuk sistem ini digunakan Client – Server jenis Server Side dan bisa dikembangkan menggunakan 3 Tiers.

38



Perangkat Lunak (Software) Perangkat lunak yang dibutuhkan untuk membangun sebuah sistem adalah sistem operasi (Operating System), bahasa pemrograman (programming language), dan sistem database (DBMS). Sistem operasi merupakan software yang diperlukan agar perangkat komputer dapat beroperasi seperti Microsoft Windows, Linux, Unix dan sebagainya. Untuk sistem ini digunakan sistem operasi Windows. Bahasa pemrograman adalah bahasa komputer yang dipakai untuk menulis programprogram komputer yang membentuk sistem. Contoh bahasa pemrograman adalah Microsoft Visual Basic. Sistem database adalah software khusus yang dirancang untuk melakukan tugastugas penanganan data seperti penyimpanan dan pencarian data dengan bahasa standar SQL (Structured Query Language). Contoh sistem database adalah Microsoft Access, Microsoft SQL Server, MySQL dan Oracle. Bahasa Pemrograman Web Bahasa pemrograman berkembang lagi dengan munculnya berbagai bahasa pemrograman berbasis web, yang mengakibatkan home page di internet tidak lagi statis, tetapi dapat dibuat dinamis. Programming bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh bahasa pemrograman berbasis web adalah ASP, PHP dan sebagainya. PHP (Pre Hypertext Pre Processor) Merupakan bahasa scripting ( bahasa pemrograman ) yang menyatu dengan HTML dan berada pada server (server side HTML embedded scripting). Dengan PHP ini Anda dapat membuat beragam aplikasi berbasis web, mulai dari halaman web yang sederhana sampai aplikasi kompleks yang membutuhkan koneksi ke database. Sumber Daya Manusia Organisasi dalam perusahaan yang bertanggung jawab dalam mengembangkan sistem disebut IT (Information Technology) atau kadang juga disebut EDP (Electronic Data Processing). Menurut Hartono (2004), dalam devisi IT terdapat sejumlah orang dengan keahlian tertentu yang mempunyai tanggung jawab dan tugas masing-masing dalam siklus SDLC, antara lain: 1. System Analist (SA) adalah analis pemrograman yang bertugas mendesain hal – hal yang berkaitan dengan pemrograman berdasarkan hasil desain BPA (Bussinees Process Analyst), misalnya desain database, diagram proses, screen layout, dan report layout. 2. Programmer adalah orang yang bertugas menulis program komputer dengan bahasa komputer berdasarkan desain pemrograman yang dibuat SA. 3. Tester adalah orang yang bertugas melakukan testing terhadap sistem. 4. System Administrator adalah orang yang bertanggung jawab atas keamanan sistem misalnya mengontrol otorisasi user. 5. Database Administrator adalah orang yang bertanggung jawab atas keamanan server database. 6. Help Desk adalah layanan pelanggan yang akan memberi bantuan kepada user jika diperlukan.

39



Adakalanya beberapa pekerjaan dikerjakan oleh orang atau tim yang sama karena alasan keterbatasan sumber daya manusia, misalnya System Analyst merangkap Programmer dan System Administrator. LANGKAH KERJA DAN KONSEP PEMBANGUNAN SISTEM Sebuah sistem dibangun dengan siklus SDLC (System Development Life Cycle). Siklus ini akan memberi panduan dan prosedur bagi semua yang terlibat dalam proyek pembangunan sistem dengan beberapa manfaat seperti alokasi waktu yang terencana, mengurangi resiko kegagalan proyek, memastikan bahwa semua kebutuhan tercakup dalam proyek, mengindetifikasikan masalah teknikal dan manajerial yang mungkin muncul, mengukur kemajuan jalannya proyek, dan mempermudah pengaturan sumber daya serta anggaran (Hartono, 2004). SDLC adalah keseluruhan proses dalam membangun sebuah sistem melalui beberapa langkah. Ada beberapa model SDLC. Skripsi ini memakai model SDLC waterfall yang cukup populer dan banyak digunakan. Model ini disebut waterfall karena dikerjakan langkah per langkah seperti air mengalir. Model lain SDLC misalnya fountain, spiral, rapid protyping, incremental, build & fix, dan synchronize dan stabilize. Dalam sebuah siklus SDLC terdapat 7 langkah yaitu : 1. Perencanaan (planning), yaitu membuat perencanaan yang berkaitan dengan proyek sistem misalnya alokasi waktu dan sumber daya, jadwal proyek dan cakupan (scope) proyek. 2. Analisa (analysis), yaitu membuat analisa workflow manajemen yang berjalan. 3. Desain (design), yaitu membuat desain workflow manajemen dan desain pemrograman yang diperlukan untuk pengembangan sistem. 4. Pengembangan (development), yaitu tahap pengembangan sistem informasi dengan menulis program-program yang diperlukan. 5. Testing (pengujian), yaitu melakukan pengujian terhadap sistem yang telah dibuat. 6. Implementasi (implementation), yaitu menerapkan sistem yang telah dibuat untuk digunakan user. 7. Pengoperasian dan pemeliharaan (operations and maintenance), yaitu kegiatan yang mendukung beroperasinya sistem. ANALISIS MASALAH DAN PERANCANGAN Dengan berkembangnya internet membawa perubahan yang signifikan terhadap semua bidang termasuk salah satunya dalam bidang pendidikan. Dengan internet maka dunia pendidikan tidak hanya terbatas pada ruang dan wilayah tertentu saja namun sudah meluas ke semua wilayah, yang mana pengaksesannya bisa dilakukan secara langsung/online. Kegiatan manual di dalam pelatihan yang selama ini berjalan dilihat kurang terlalu efektif (terutama dalam hal ujian) karena banyak memakan biaya, waktu, tempat dan personil juga merupakan salah satu alasan. Biaya dalam hal banyaknya dana yang dikeluarkan untuk menyediakan dokumen-dokumen ujian seperti fotokopi materi, kuesioner. Waktu dalam hal lamanya tahap-tahap pengerjaan dan pelaporan hasil ujian. Selain masalah biaya dan waktu yang telah disebutkan di atas masih ada masalah lain, yaitu pengarsipan yang memerlukan tempat yang besar serta personil yang melakukan

40



pengarsipan tersebut. Untuk itu di rancanglah sebuah sistem untuk mengatasi ini, dalam hal ini sistem untuk ujian berbasis web. Pemecahan Masalah Melihat permasalahan yang telah dijelaskan di atas, maka alternatif pemecahan masalah yang ditawarkan adalah dengan menggunakan jasa teknologi jaringan komputer intranet (yang dapat dikembangkan ke internet) yaitu melalui sistem yang berbasis web online sehingga proses ujian yang dahulu terlalu rumit bisa disederhanakan. Sistem ini dijalankan dengan menggunakan jaringan yang berbasis web dan bahasa pemrograman web yaitu PHP dilihat dari pemrograman PHP yang open source sehingga tidak memerlukan pembelian lisensi dan kemudahan ketersediaan contoh kode-kode PHP serta banyaknya variasi yang bisa digunakan yang sesuai dengan pengetahuan dasar penulis. Dan tidak lupa juga dari sisi keamanan sistem yang cukup baik diatasi oleh pemrograman PHP yang bersifat Client-Server. Sistem ini juga menggunakan pengelola database MySQL yang sangat cocok dengan pemrograman PHP yang dipilih penulis. Di sini penulis mencoba untuk membantu membuat program untuk sistem tersebut walaupun masih banyak kekurangan di sana-sini, namun sistem ini sudah dapat digunakan untuk memecahkan masalah atas permasalahan di atas. peserta cukup mengetikan datadata dirinya melalui sistem ujian ini, setelah itu peserta tersebut langsung bisa mengikuti ujian melalui komputer. Selain itu peserta bisa juga langsung mengetahui hasil dari ujian yang mereka ikuti. RANCANGAN SISTEM Berikut akan diberikan analisa tentang algoritma sistem, serta rancangan – rancangan layar tampilan, serta juga akan dijabarkan pula secara detail proses – proses yang terjadi dan yang dilakukan oleh algoritma tersebut. Sebagai penjelasan pendahuluan, pada sistem ujian ini dibagi atas 2 (dua) besar bagian pokok sistem yaitu sistem yang mengatur ujian berupa administrator dan instruktur yang bertugas memimpin dan mengawasi ujian serta sistem ujian yang akan akan dilaksanakan/dikerjakan oleh user. Halaman Masuk/Login Administrator/Instruktur Pada Halaman ini terjadi permintaan data pengguna sistem khusus administrator ataupun instruktur agar bisa memakai fasilitas yang ada di dalamnya. Disini juga terjadi pemisahan antara fasilitas untuk administrator dan fasilitas untuk instruktur (terbatas hanya pada menu penambahan admin). Untuk bisa mengakses halaman administrator atau instruktur ini, dibuat suatu address tertentu seperti http://localhost/bobby/admin. Pada algoritma halaman masuk/login administrator dan instruktur, berisi form pemasukan data username dan password untuk bisa masuk ke dalam halaman utama/home pengaturan administrator dan ujian. Bila username dan password yang dimasukan benar maka akan ditampilkan pada halaman utama administrator dan instruktur berbagai penunjuk ke menu – menu yang lain yaitu menu yang berhubungan dengan administrator atau instruktur seperti tambah admin, edit admin, ubah password, cek statistic, dan lihat halaman kuis serta menu yang berhubungan dengan ujian seperti add quiz (tambah ujian), edit quiz, dan menu password hari ini. Berikut algoritma halaman utama/home pengaturan ujian dan administrator, berisi link yang digunakan oleh administrator untuk mengatur pengaturan administrator seperti

41



tambah admin, edit admin, ubah password, cek statistik dan lihat halaman kuis serta link yang digunakan oleh instruktur untuk mengatur pengaturan ujian berupa add quiz, edit quiz dan password hari ini. Menu Tambah Admin Pada halaman ini akan tampil form untuk memasukan data nama, username, password dan posisi dari administrator yang akan ditambahkan. Merupakan Menu untuk menampilkan form untuk pengisian data – data administrator serta level akses untuk masuk ke halaman utama/home pengaturan ujian dan administrator. Menu Edit/Delete Admin Pada halaman menu ini menampilkan informasi administrator–administrator yang telah terdaftar sebelumnya yang bisa kita edit (dalam hal ini hanya menghapus) administrator yang diinginkan. Pada Halaman ini juga akan tampil nama-nama administrator baik yang level posisinya super admin ataupun admin biasa. Namun hak akses edit/delete ini hanya bisa digunakan oleh super admin. Menu Ubah Password Pada algoritma menu ubah password, dibuat sedikit sederhana yaitu hanya dengan mengetikan password lama dan memasukan password baru. Pengecekan hanya terjadi pada pemasukan password baru yang pertama dengan password baru yang kedua apakah sama atau tidak. Berikut algoritma dari menu ubah password. Menu Cek Statistik Di menu cek statistik, administator ataupun instruktur bisa melihat daftar nama – nama peserta ujian secara lengkap yang berisi alamat email serta nilai ujian dalam bentuk angka serta huruf. Administrator atau instruktur hanya perlu memilih tanggal, bulan dan tahun tanggal ujian diadakan. Setelah hasil statistiknya keluar, administator atau instruktur diberikan satu fasilitas lagi yaitu pencetakan dalam bentuk dokumen fisik / laporan. Menu Lihat Halaman Kuis Pada menu lihat halaman kuis hanya berupa link untuk ke halaman login kuis. Dipergunakan jika administrator ataupun instruktur ingin mengecek apakah benar – benar kuisnya telah diaktifkan dan bagaimana tampilan kuisnya. Menu Add Quiz Pada halaman add quiz, administrator atau instruktur diminta untuk memasukan nama kuis atau ujian yang akan ditambahkan beserta dengan jumlah soal kuis yang akan di input. Setelah itu memilih create untuk membuat kuis tersebut. Kemudian akan keluar tombol edit content untuk memasukan pertanyaan – pertanyaan kuis atau ujian beserta isi jawabannya yang diikuti dengan memilih isi jawaban yang benar. Menu Edit/Delete Quiz Pada halaman edit/delete quiz, disediakan banyak fasilitas link yang digabung dalam satu menu untuk bisa mempercepat kegiatan peng-edit-an, diantaranya ada link untuk add quiz yang sebenarnya telah ada sebelumnya. Setelah instruktur atau administrator meng-

42



klik menu edit/delete quiz, akan tampil beberapa link utama untuk melakukan pengubahan dalam hal ini peng-edit-an kuis (edit quiz) serta penghapusan kuis (delete quiz). Link edit quiz mengizinkan instruktur atau administrator untuk melakukan action pengubahan (up-date/edit) soal – soal kuis yang telah ada. Pengubahan ini termasuk pengubahan pertanyaan dan jawaban dari kuis serta pemindahan (move) soal – soal kuis menurut nama dan jenis kuisnya. Sang instruktur atau administrator hanya memilih soal yang perlu diubah (edit) atau dipindahkan (move) kemudian memilih action yang ingin dilakukan. Link delete quiz, mengizinkan instruktur atau administrator untuk menghapus kuis yang ingin dihapus bilamana kuis itu tidak diperlukan lagi. Instruktur atau administrator hanya memilih nama kuis yang ingin dihapus kemudian mengklik tombol delete, maka kuis itu akan terhapus dari database soal. Menu Password Hari ini Pada halaman password hari ini dibuat proses khusus yang bersifat otomatis untuk mengacak (generate) kata sandi (password) yang akan digunakan. Kegunaan halaman password ini untuk mencegah adanya pihak luar diluar pelatihan yang tanpa sepengetahuan mencoba masuk mengerjakan kuis – kuis yang telah dibuat dan diaktifkan. Ketika diklik link menu password hari ini, secara automatic php engine akan menggenerate sebuah variabel menjadi password untuk bisa masuk dan mengerjakan kuis yang telah diaktifkan. Kemudian password itu dicopy dan digunakan pada saat login ke kuis untuk pengerjaan kuis tersebut. Halaman Kuis/Ujian Halaman ini adalah halaman awal khusus untuk user/peserta ujian supaya bisa login dan langsung dapat mengerjakan soal – soal kuis yang telah ada. Ada permintaan nama, email peserta serta password hari ini untuk dapat mengerjakan soal–soal kuis tersebut. Nama yang dimasukan diberikan kebebasan kecuali email dan password dimana ada syarat tertentu untuk dipenuhi supaya dapat langsung login dan mengerjakan kuis. Setelah nama, email dan password hari ini dimasukan ke dalam form login, maka akan terjadi pengecekan terhadap data – data tersebut apakah telah valid dalam bentuk dan jenis datanya. Jika telah valid maka ditampilkan soal – soal kuis/ujian yang telah aktif yang berbentuk pilihan ganda (multiple choice) sebanyak jumlah soal yang telah di setting sebelumnya. Untuk menjawab, user/peserta hanya perlu mengklik jawaban yang benar dari tiap pertanyaan yang diberikan. Apabila semua soal telah dijawab, maka user/peserta mengklik submit yang kemudian akan langsung ditampilkan halaman yang berisi nilai total, jumlah soal yang benar dan jumlah soal yang salah. Juga diberikan fasilitas link untuk melihat jawabanjawaban yang salah dan apa jawaban yang benar sebenarnya.

Hierarchy Chart dan Diagram Konteks Sistem (Berbasis Web) Hierarchy Chart adalah sebuah grafik struktur hirarki sebuah bagian, dalam hal ini adalah struktur urutan menu-menu dari bagian-bagian inti sistem ujian berbasis web ini. Berikut adalah struktur hirarki dari sistem ujian berbasis web :

43



Gambar 1. Hierarchy Chart

Diagram Konteks / Hubungan Sistem Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks berisi gambaran umum (secara garis besar) sistem yang akan dibuat. Diagram ini berisi informasi mengenai siapa saja yang member data ke sistem, data apa yang dikirimkan ke sistem, kepada siapa data atau informasi akan dikirimkan sebagai hasil sistem, serta data atau informasi apa yang dihasilkan sistem tersebut. Berikut adalah diagram konteks dari sistem ujian berbasis web : Gambar 2. Diagram Konteks Sistem Ujian Berbasis Web

Diagram Level Diagram level adalah diagram yang merupakan hasil pengembangan dari diagram konteks ke dalam komponen yang lebih detil dari sistem (dekomposisi dari diagram konteks). Setiap level mewakili ke dalam komponen serta alur data yang berjalan di dalam sistem tersebut. Berikut adalah diagram level dari masing-masing komponen detil sistem ujian berbasis web. Diagram Level 0 (Zero) Diagram level 0 (Zero) adalah diagram level awal dari detil komponen sistem ujian berbasis web. Dalam diagram ini diberikan gambaran mengenai 2 (dua) komponen besar dari sistem ujian berbasis web ini yaitu komponen pendaftaran dan komponen login berserta aliran data yang menyertai proses komponen tersebut.

44



Gambar 3. Diagram Level 0 Sistem Ujian Berbasis Web

Diagram Rinci Diagram rinci adalah diagram yang menguraikan proses apa yang ada dalam diagram zero atau diagram level diatasnya. Diagram rinci adalah diagram yang memungkinkan proses yang ada di diagram nol lebih diperinci lagi. Berikut adalah diagram rinci dari diagram level 0 dan diagram konteks di atas : Diagram Rinci Level 1 (Satu) Proses 1.0 Diagram ini berisi diagram rinci level 1 (satu) dari proses daftar sistem ujian berbasis web. Peserta diminta untuk memasukan data-data pribadi untuk pendaftaran kemudian akan divalidasi. Setelah validasi berhasil, maka peserta akan masuk ke halaman ujian untuk memulai proses pengujian. Gambar 4. Diagram Rinci Level 1 (Satu) Proses 1.0 (Pendaftaran)

45



Diagram Rinci Level 1 (Satu) Proses 2.0 Diagram ini berisi diagram rinci level 1 (satu) dari proses masuk (login) dari sistem ujian berbasis web. Proses login ini dikhususkan untuk user administrator, yang mengelola keseluruhan data soal, jawaban, peserta dan statistik pengujian serta manajemen level user administrator lain di sistem ujian berbasis web ini. Gambar 5. Diagram Rinci Level 1 (Satu) Proses 2.0 (Login)

46



State Transition Diagram (STD) Sistem Untuk mendapatkan gambaran secara umum mengenai transisi yang terjadi pada tiap tahap proses, maka didapat State Transition Diagram dari sistem seperti di bawah ini. State Transition Diagram Halaman Admininistrator/Instruktur Berikut diagram transisi dari tahap proses halaman administrator/instruktur pada sistem ujian berbasis web. Gambar 6. STD Halaman Admin/Instruktur

47



State Transition Diagram Menu Tambah Admin Berikut diagram transisi dari tahap proses halaman menu administrator/instruktur pada sistem ujian berbasis web. Gambar 7. STD Halaman Menu Tambah Admin

State Transition Diagram Menu Edit/Hapus Admin Berikut diagram transisi dari tahap proses halaman menu Edit/Hapus administrator pada sistem ujian berbasis web. Gambar 8. STD Halaman Menu Edit/Hapus Admin

State Transition Diagram Menu Ubah Password Berikut diagram transisi dari tahap proses halaman menu Ubah Password pada sistem ujian berbasis web.

48



Gambar 9. STD Halaman Menu Edit/Hapus Admin

State Transition Diagram Menu Cek Statistik Berikut diagram transisi dari tahap proses halaman menu Cek Statistik pada sistem ujian berbasis web. Gambar 10. STD Halaman Menu Cek Statistik

State Transition Diagram Menu Lihat Halaman Kuis Untuk State Transition Diagram digambarkan pada bagian khusus karena menu ini menampilkan halaman login kuis / ujian secara terpisah. State Transition Diagram Add Quiz Berikut diagram transisi dari tahap proses halaman menu Add Quiz pada sistem ujian berbasis web. Gambar 11. STD Halaman Menu Add Quiz

49



State Transition Diagram Menu Edit/Delete Quiz Berikut diagram transisi dari tahap proses halaman menu Edit/Delete Quiz pada sistem ujian berbasis web. Gambar 12. STD Halaman Menu Edit/Delete Quiz

Dari Gambar di atas, transisi yang terjadi adalah : A1/A2 B1/B2 C1/C2 D1/D2 E1/E2 F1/F2 G1/G2 H1/H2 I1/I2 J1/J2 K1/K2 L1/L2 M1/M2 N1/N2

: Pilih Menu / Tampil Halaman : Tampil Halaman / Klik Pilihan : Edit di pilih / Tampil Halaman Edit : Tampil Halaman Edit / Klik Pilihan : Isi Halaman Jump / Klik Tombol : Cari Halaman / Tampil Halaman dicari : Isi Form Add / Klik Tombol : Cek Form / Tampil Halaman : Tampil Halaman Soal / Klik Pilihan Soal : Pilihan Soal diklik / Klik Pilihan Aksi : Tampil Halaman / Klik Edit : Tampil Form Edit / Isi Form Edit : Form diisi / Klik Tombol : Cek Form / Tampil Halaman

50


O1/O2 P1/P2 Q1/Q2 R1/R2 S1/S2 T1/T2 U1/U2 V1/V2


: Tampil Halaman / Klik Move : Tampil Form Move / Isi Form Move : Form diisi / Klik Tombol : Tampil Halaman Delete / Klik Delete : Proses Delete / Tampil Halaman : Tampil Halaman Delete / Klik Delete : Tampil Konfirmasi / Klik Tombol : Proses Delete / Tampil Halaman

State Transition Diagram Menu Password Hari Ini Berikut diagram transisi dari tahap proses halaman menu Password Hari Ini pada sistem ujian berbasis web. Gambar 13. STD Halaman Menu Edit/Delete Quiz

State Transition Diagram Menu Logout Berikut diagram transisi dari tahap proses halaman menu Logout ini pada sistem ujian berbasis web. Gambar 14. STD Halaman Menu Logout

State Transition Diagram Halaman Ujian/Quiz Berikut diagram transisi dari tahap proses halaman menu Ujian/Quiz ini pada sistem ujian berbasis web.

51



Gambar 15. STD Halaman Menu Ujian/Quiz

Rancangan Layar Di dalam aplikasi sistem ujian ini menggunakan dua rancangan layar halaman utama yaitu halaman administrator atau instruktur dan halaman kuis/ujian. Pada halaman administrator atau instruktur terdapat 24 (dua puluh empat) halaman yaitu halaman login administrator/instruktur, halaman tambah admin (untuk administrator), halaman pesan bukan superuser (untuk instruktur pada saat klik tambah admin), halaman edit/hapus admin (untuk adminstrator), halaman pesan bukan superuser (untuk instruktur pada saat klik edit/hapus admin), halaman ubah password, halaman pesan berhasil ubah password, halaman pesan kesalahan ubah password, halaman cek statistik, halaman lihat halaman kuis, halaman add quiz, halaman pesan berhasil add quiz, halaman edit isi kuis, halaman pesan kesalahan add quiz, halaman edit quiz, halaman edit soal kuis, halaman pesan kesalahan edit soal kuis, halaman pesan berhasil edit quiz, halaman pesan berhasil move kuis, halaman pesan kesalahan move kuis, halaman confirm delete kuis, halaman pesan berhasil delete kuis, dan halaman password hari ini. Sedangkan halaman kuis/ujian berisi halaman login masuk kuis, halaman soal – soal kuis, halaman hasil kuis serta halaman daftar jawaban – jawaban yang salah. Rancangan Layar Halaman Administrator Berikut adalah rancangan layar untuk halaman administrator pada sistem ujian berbasis web ini. Halaman Login Administrator/Instruktur Pada halaman login administrator/Instruktur menampilkan form login untuk administrator atau instruktur.

52



Gambar 16. Rancangan Layar Halaman Login Administrator/Instruktur

Halaman Pesan Kesalahan Username atau Password Kosong (1) Pada halaman menampilkan pesan kesalahan apabila ada peng-input-an data yang kosong pada form login untuk administrator atau instruktur. Gambar 17. Rancangan Layar Pesan Kesalahan Username & Password Kosong pada Login Administrator/Instruktur

Halaman Pesan Kesalahan Username atau Password (2) Pada halaman menampilkan pesan kesalahan apabila ada peng-input-an data tidak benar/valid di komponen username atau password pada form login untuk administrator atau instruktur.

53



Gambar 18. Rancangan Layar Pesan Kesalahan Username & Password Login Administrator/Instruktur

Halaman Menu Tambah Admin Halaman tambah admin ini digunakan untuk memberikan dan menambah akses kepada administrator atau instruktur baru ke sistem. Halaman ini bisa digunakan apabila administrator atau instruktur tersebut mempunyai hak akses sebagai super admin. Gambar 19. Rancangan Layar Halaman Tambah Admin

Jika ada data yang kurang untuk menambah admin baru maka akan keluar pesan kesalahan tambah admin, selain itu juga bila administrator atau instruktur tidak memiliki hak akses sebagai super admin, maka ketika mengklik menu tambah admin akan keluar pesan kesalahan bukan super user.

54



Halaman Pesan Kesalahan Tambah Admin Berisi rancangan halaman pesan kesalahan pada saat proses tambah admin baru ke dalam sistem. Gambar 20. Rancangan Layar Halaman Pesan Kesalahan Tambah Admin

Halaman Pesan Kesalahan Bukan Super Admin Berisi halaman pesan kesalahan pada saat proses tambah admin dimana status yang menambahkan administrator baru bukanlah super admin. Gambar 21. Rancangan Layar Halaman Pesan Kesalahan Bukan Super Admin

Halaman Menu Edit/Hapus Admin Halaman ini digunakan untuk menambah atau menghapus administrator atau instruktur lain di dalam sistem. Halaman ini bisa diakses dan digunakan untuk administrator atau instruktur yang mempunyai hak akses sebagai super admin.

55



Gambar 22. Rancangan Halaman Edit/Hapus Admin

Jika administrator atau instruktur mengklik menu hapus pada nama admin yang dipilih maka nama administrator atau instruktur tersebut akan dihapus dari sistem dan akan tampil pesan berhasil menghapus. Namun bila administrator atau instruktur tersebut tidak mempunyai hak akses untuk menghapus maka akan keluar pesan kesalahan bukan super user. Halaman Pesan Berhasil Hapus Admin Berisi rancangan halaman pesan berhasil menghapus admin dari sistem ini. Gambar 23. Rancangan Halaman Pesan Berhasil Hapus Admin

Halaman Menu Ubah Password Merupakan halaman untuk mengganti password (kata sandi) untuk masuk ke dalam halaman utama administrator atau instruktur. Ada 3 (tiga) permintaan data yaitu satu data password lama serta 2 (dua) data password baru.

56



Bila data yang diminta dimasukan dengan benar maka akan keluar konfirmasi berhasil ubah password, tetapi jika salah akan keluar pesan kesalahan (password kosong atau tidak sama). Gambar 24. Rancangan Halaman Menu Ubah Password

Halaman Pesan Berhasil Ubah Password (1) Berisi rancangan halaman pesan berhasil mengubah password admin dari sistem ini. Gambar 25. Rancangan Halaman Pesan Berhasil Ubah Password

Halaman Pesan Kesalahan Ubah Password (1) Berisi rancangan halaman pesan kesalahan mengubah password admin dari sistem ini pada saat password yang baru di-entry kosong.

57



Gambar 26. Rancangan Halaman Pesan Kesalahan Ubah Password (1)

Halaman Pesan Kesalahan Ubah Password (2) Berisi rancangan halaman pesan kesalahan mengubah password admin dari sistem ini pada saat password pertama yang diketik tidak sama dengan password yang kedua, begitupun sebaliknya. Gambar 27. Rancangan Halaman Pesan Kesalahan Ubah Password (2)

Halaman Menu Cek Statistik Halaman ini digunakan untuk melihat jumlah dan nama peserta yang mengikuti ujian serta nilai yang di dapat oleh mereka.

58



Gambar 28. Rancangan Halaman Cek Statistik

Setelah dipilih tanggal diadakannya pelatihan dan ujian, maka administrator atau instruktur akan mengklik tombol lihat statistik yang akan menampilkan data dan jumlah peserta yang mengikuti ujian tersebut beserta dengan nilai yang mereka dapatkan. Disini juga disediakan fasilitas untuk mencetak nama – nama peserta dan nilai mereka. Halaman Login Kuis Halaman ini merupakan halaman depan untuk masuk mengikuti ujian / kuis yang sedang diadakan. Lebih jelasnya halaman ini akan diterangkan pada topik berikutnya. Halaman Menu Add Quiz (1) Halaman ini digunakan untuk menambah ujian / kuis ke dalam sistem. Pada halaman ini diminta untuk memasukan nama kuis / ujian yang akan ditambah beserta dengan jumlah soal yang ingin dimasukan. Bila data yang dimasukan salah akan keluar pesan kesalahan. Gambar 29. Rancangan Halaman Menu Add Quiz (1)

59



Halaman Menu Add Quiz (2) Berisi halaman informasi bahwa nama quis, jumlah pertanyaan dan pilihan yang telah ditentukan, perlu untuk di-edit lebih lanjut. Gambar 30. Rancangan Halaman Menu Add Quiz (2)

Halaman Menu Add Quiz (3) Berisi halaman untuk memasukan pertanyaan demi pertanyaan ke dalam sistem berserta pilihan jawaban dan jawaban yang benar atar pertanyaan tersebut. Gambar 31. Rancangan Halaman Menu Add Quiz (3)

Halaman Pesan Kesalahan Add Quiz Berisi halaman informasi pesan kesalahan pada saat proses menambah kuis ke sistem.

60



Gambar 32. Rancangan Halaman Pesan Kesalahan Add Quiz

Halaman Pesan Berhasil Add Quiz Berisi halaman informasi pesan berhasil pada saat proses menambah kuis ke sistem. Gambar 33. Rancangan Halaman Pesan Berhasil Add Quiz

Halaman Menu Edit/Delete Quiz (1) Halaman ini berisi informasi kuis – kuis yang telah ada dan fasilitas untuk melakukan pengeditan ataupun penghapusan kuis yang telah dibuat sebelumnya. Selain itu juga ditambahkan beberapa links khusus ke fasilitas lain misalnya fasilitas penambahan kuis yang lain sehingga administrator ataupun instruktur dipermudah untuk memasukan kuis yang baru atau fasilitas untuk memindahkan soal kuis dari satu kategori kuis ke kategori kuis yang lain.

61



Gambar 34. Rancangan Halaman Edit/Delete Quiz (1)

Halaman Menu Edit/Delete Quiz (2) – Edit Halaman ini akan tampil setelah dipilih nama kuis yang ingin di-edit lebih lanjut. Kemudian ditampilkan soal – soal kuis yang ada dalam kuis tersebut untuk dipilih dan dilakukan pengeditan dengan cara memberi tanda conteng pada soalnya dan setelah itu memilih jenis action (edit atau move) dan dilanjutkan dengan mengklik tombol edit. Selain pengeditan dilakukan pada soal – soal kuis kita juga dapat mengedit nama kuisnya. Gambar 35. Rancangan Halaman Edit/Delete Quiz (2)

62



Bila dipilih action edit/delete maka pertanyaan yang diconteng akan ditampilkan lagi agar bisa diedit langsung baik pertanyaan maupun jawabannya. Terdapat juga di dalamnya pilihan untuk menghapus pertanyaan yang telah diconteng. Gambar 36. Rancangan Halaman Pengeditan Kuis

Bila dipilih action move maka pertanyaan kuis yang diberi conteng akan dipindahkan ke tipe kuis yang lain dengan memilih nama kuis yang akan menjadi tempat baru bagi pertanyaan tersebut. Gambar 37. Rancangan Halaman Move Quis

Pada proses ini terdapat juga pesan bila terjadi kesalahan ataupun keberhasilan dalam mengedit pertanyaan maupun memindahkan pertanyaan – pertanyaan tersebut.

63



Halaman Menu Password Untuk Hari Ini Merupakan halaman untuk menampilkan kata sandi (password) bagi peserta ujian/kuis untuk bisa mengikuti ujian/kuis yang sedang aktif. Kata sandi (password) ini merupakan hasil generate dari kode yang dibuat. Otomatis akan berubah sendiri setiap harinya bila diklik pada menunya. Gambar 38. Rancangan Halaman Password Hari Ini

Halaman Menu Log Out Merupakan menu untuk keluar (log out) dari halaman administrator/instruktur dan kembali ke halaman login awal. Rancangan Layar Halaman Ujian/Kuis Halaman Login Ujian/Kuis Merupakan halaman untuk masuk (login) peserta ujian/kuis agar bisa mengikuti ujian/kuis yang sedang diaktifkan. Ada tiga data yang perlu dimasukan oleh peserta yaitu nama dan alamat peserta serta kata sandi (password) yang diberikan oleh instruktur.

64



Gambar 39. Rancangan Halaman Login Ujian/Kuis

Halaman Ujian/Kuis Bila password yang dimasukan oleh peserta ujian benar dan sesuai dengan yang telah diberikan instruktur dari sistem, maka selanjutnya akan tampil halaman ujian/kuis, menampilkan pertanyaan – pertanyaan dan pilihan – pilihan jawaban atas pertanyaan tersebut. Peserta tinggal memilih jawaban yang paling benar sampai halaman terakhir pertanyaan ujian/kuis. Pada saat ujian/kuis telah semua dikerjakan, maka sistem akan menganalisa dan menampilkan hasil ujian/kuisnya langsung kepada peserta, berapa yang benar dan berapa jawaban yang salah serta nilai total yang didapat oleh peserta tersebut. Gambar 40. Rancangan Halaman Ujian/Kuis

65



Gambar 41. Rancangan Halaman Hasil Ujian/Kuis

Pada halaman hasil ujian/kuis disediakan juga fasilitas untuk melihat jawaban mana yang salah. Ini digunakan untuk membantu peserta untuk mengingat kembali jawaban yang benar terhadap pertanyaan – pertanyaan yang diajukan. Halaman ini akan tampil pada window baru (new window). Rancangan Database Database ini dirancang untuk mengantisipasi knowledge base dan jumlah soal ujian/kuis yang terus bertambah karena sifatnya yang dinamis. Tabel – tabel yang disesuaikan disimpan di dalam database yang diberi nama file bobby.sql. Ada lima (5) tabel di dalam database ini, dapat kita lihat sebagai berikut yaitu tabel admin_kuis_dj, tabel konfig_kuis, tabel user_kuis, tabel wisequiz_questions, dan wisequiz_test. 1. Tabel Admin_kuis_dj Tabel ini berisikan field aid, nama, username, password, last_login, dan posisi dengan besarnya 2,1 Kb. Field – field tersebut berisi data - data administrator atau instruktur yang mengelola sistem. 2. Tabel Konfig_kuis Tabel ini berisikan field tgl_pelatihan, today_pass, dan status dengan besar 1,6 Kb. Field – field tersebut berisi keterangan tanggal pelatihan dan password untuk masuk serta validasi atas pengaktifan ujiannya oleh user/peserta. 3. Tabel User_kuis Tabel ini berisikan field id, email, nama, alamat, no_telp, nilai, angka, tgl_pelatihan dan status dengan besar 14,4 Kb. Field – field ini berisi data dan informasi mengenai user/peserta dan nilai atau hasil yang didapat oleh user/peserta tersebut.

66



4. Tabel Wisequiz_questions Tabel ini berisikan field ID, test, question, ans1, ans2, ans3, ans4 dan corans dengan besar 6,5 Kb. Field – field ini berisi kumpulan soal – soal ujian dan jawaban dari soal – soal tersebut. 5. Tabel Wisequiz_test Tabel ini berisikan field name dan question_no dengan besarnya 1,0 Kb. Field – field ini berisi data nama peserta dan hasil ujian yang salah. EVALUASI SISTEM UJIAN BERBASIS WEB Keistimewaan Sistem Ujian Berbasis Web 1. Kemudahan dalam mengelola dan menjalankan sistem sehingga mudah diadakan penyesuain bila perlu (seperti dalam penambahan atau penghapusan ujia/kuis yang ada). 2. Kemudahan dalam membuka dan mengakses serta melaksanakan ujian dari mana saja baik secara intranet atau dengan menggunakan internet. 3. Kemudahan dalam melihat hasil ujian/kuis secara langsung tanpa perlu menunggu waktu yang lama. 4. Bisa dapat melihat langsung jawaban yang benar dari pertanyaan – pertanyaan yang telah diberikan. 5. Menghemat waktu dan biaya yang sering dikeluarkan dalam pengerjaan ujian secara manual. 6. Adanya sebuah database yang menampung semua informasi user/peserta yang telah mengikuti ujian/kuis untuk dapat di follow-up lebih lanjut. 7. Meningkatkan prestise dari lembaga/perusahaan pemakai sistem ini. Kelemahan Aplikasi Sistem Ujian Berbasis Web 1. Perlu sebuah sistem jaringan yang aman dan cepat untuk dapat menjalankan sistem ini secara lebih dinamis dan praktis karena jika pemakaian bersama secara lebih besar/luas akan membuat down jaringan. 2. Ketergantungan kepada administrator apabila ada kesalahan atau error pada saat menjalankan sistem ini. 3. Untuk memulai ujian harus mengetahui password hari ini untuk bisa mengikuti ujian, apabila tidak tersedia maka tidak dapat melaksanakan ujian. 4. Modal awal yang cukup besar untuk dapat menyiapkan komponen – komponen sistem ujian ini seperti pembelian Komputer untuk server dan user/peserta. 5. Belum tersedianya fasilitas ujian essai karena bentuk ujian/kuisnya masih berupa multiple choice (pilihan ganda).

67



PENUTUP Setelah dilakukan pengujian yang ada pada pelaksanaan sistem ujian berbasis web, dan feedback yang diterima penulis secara langsung atau tidak langsung maka dapat diambil kesimpulan bahwa dengan menggunakan sistem ini, membuat pekerjaan dalam mengadakan ujian/kuis, memberi penilaian dan pelaporan nilai bisa lebih mudah dan cepat dari segi waktu dan biaya. Untuk menjaga keamanan data dan keikut-sertaan dari pihak yang dikenal maka perlu digunakan password untuk bisa mengikuti ujian dari sistem ini. Sistem ini dapat berjalan pada semua operating system (dari sisi user) dan hanya memerlukan sebuah jaringan yang telah terhubungan dengan komputer server. Penulis mengerti bahwa sistem ini belumlah sempurna dan masih banyak kekurangan, untuk itu Penulis menyarankan sebagai berikut : 1. Perlunya melakukan pengembangan lebih lanjut terhadap sistem ujian berbasis web ini dengan makin berkembangnya teknologi informasi dan jaringan, maka tidak dapat dipastikan apakah algoritma ini masih dapat diandalkan atau tidak. 2. Masih perlu penambahan features – features di dalam sistem ini khususnya di halaman web ujian/kuis seperti dalam meng-edit jawaban, pengaturan waktu pengerjaan dan adanya sistem pengacakan soal dan jawaban sehingga tidak ada soal yang muncul sama dengan soal untuk user yang lain. 3. Diharapkan kepada semua pihak agar penerapan teknologi informasi yang menggunakan jaringan komputer internet ini dapat lebih dipertimbangkan untuk dikembangkan lebih lanjut demi tercapainya efektifitas dan efisiensi dalam segala segi kehidupan kita sehari-hari. 4. Pengembangan terhadap algoritma yang dituangkan masih sangat sederhana, sehingga masih perlu lagi dikembangkan lebih lanjut dengan penambahan metode lain sehingga sistem ini menjadi lebih baik dan lebih dinamis. DAFTAR PUSTAKA Active Education. Step By Step Microsoft Frontpage 2000. PT. Elex Media Computindo. Jakarta, 2000. Hartono, Mulia. 7 Langkah Mudah Membangun Sistem ERP. PT. Elex Media Computindo. Jakarta. 2004. Irawan, Ivan. PHP? Siapa Takut ! Teknik Pemrogram PHP Volume 1 – 5. 2003. (http://www.ilmukomputer.com/berseri/ivan-php/index.php, diakses 30 Januari 2005). Jogiyanto. Sistem Informasi Manajemen. Andi Publisher. Yogyakarta. 2002. Oetomo, Budi Sutedjo Dharma. Perancangan dan Pembangunan Sistem Informasi. Jakarta, 2002. Surjadi, Harry. Membuat Halaman Web dengan (http://www.toekangweb.or.id/00-essays-kebutuhan.html).

HTML.

2004.

Tosin, Rijanto. Microsoft Frontpage 2000. PT. Elex Media Computindo. Jakarta, 2000.

68



Tunggala, Welly. Membuat Website dengan PHP. 2004. (http://www.ilmukomputer.com/ Populer/welly-tipstrikphp.php). Widigdo, Anon Kuncoro. Dasar Pemrograman PHP dan MySQL. Jakarta. 2003. -.Kamus Besar Bahasa Indonesia. Jakarta, 1995. -.Bahan Ajar Rekayasa Perangkat Lunak (http://lecturer.ukdw.ac.id/othie/bhn7.pdf)

Konsep

Desain

Software.

2006.

-.Tinjauan Umum Pengembangan Sistem (http://library.gunadarma.ac.id/files/disk1/2/ jbptgunadarma-gdl-course-2004-setiawiraw -64-materi01.pdf) http://www.ftsm.ukm.my/jabatan/tr/smy/TR3343/Kuliah%2019.pdf http://www.hotscripts.com/php/quiz http://www.devshed.com http://www.devarticles.com

69

SISTEM UJIAN BERBASIS WEB

Recommend Documents