|
|
PENDAHULUAN
|
|
|
===========
|
|
|
|
|
|
TUJUAN PEMBUATAN DOKUMEN
|
|
|
------------------------
|
|
|
|
|
|
> Dokumen *user* manual Aplikasi CAT (*Computer Assisted Test*) Ujian
|
|
|
> Komprehensif STIS Modul Web CAT ini dibuat dengan tujuan untuk
|
|
|
> menggambarkan dan menjelaskan secara ringkas tentang petunjuk
|
|
|
> penggunaan aplikasi web CAT ujian komprehensif di STIS bagi pengguna
|
|
|
> yaitu pengawas dan peserta ujian. Di dalam dokumen ini dibahas tentang
|
|
|
> fitur-fitur aplikasi web CAT ujian komprehensif STIS dan
|
|
|
> langkah-langkah dalam menggunakan setiap fitur dari aplikasi ini.
|
|
|
|
|
|
DESKRIPSI UMUM APLIKASI
|
|
|
-----------------------
|
|
|
|
|
|
> Aplikasi web CAT ujian komprehensif STIS adalah sebuah aplikasi
|
|
|
> berbasis web untuk melaksanakan ujian komprehensif berbasis komputer
|
|
|
> di STIS. Aplikasi ini dibuat untuk membantu proses pelaksanaan ujian
|
|
|
> komprehensif di STIS agar lebih efisien. Yaitu, mempercepat proses
|
|
|
> pemeriksaan dan penilaian, dan penghematan anggaran percetakan.
|
|
|
|
|
|
PERSYARATAN SISTEM
|
|
|
------------------
|
|
|
|
|
|
### *Server*
|
|
|
|
|
|
- Sistem Operasi Windows 7 atau yang terbaru
|
|
|
|
|
|
- Buat folder “kompre” dan masukka semua file project ke dalamnya
|
|
|
|
|
|
- Jalankan Apache dan MySQL pada XAMPP
|
|
|
|
|
|
- Buat database mysql dengan nama sipadu\_db lalu import
|
|
|
sipadu\_db.sql dari folder db/mysql/
|
|
|
|
|
|
INSTALASI
|
|
|
---------
|
|
|
|
|
|
### *Server*
|
|
|
|
|
|
- Install XAMPP
|
|
|
|
|
|
- MySQL (XAMPP)
|
|
|
|
|
|
- Google Chrome / Mozilla Firefox
|
|
|
|
|
|
### *Client*
|
|
|
|
|
|
- Google Chrome / Mozilla Firefox
|
|
|
|
|
|
PANDUAN APLIKASI CAT UJIAN KOMPREHENSIF STIS
|
|
|
============================================
|
|
|
|
|
|
ANTARMUKA HALAMAN DEPAN
|
|
|
-----------------------
|
|
|
|
|
|
> Untuk memulai Aplikasi Web CAT Ujian Komprehensif STIS ketikan alamat
|
|
|
> dari laman web aplikasi ini pada *address-bar* *browser* yang
|
|
|
> digunakan. Halaman antarmuka awal dari Aplikasi Web CAT Ujian
|
|
|
> Komprehensif STIS menampilkan formulir *login* bagi pengguna. Terdapat
|
|
|
> 2 tipe pengguna yang dapat masuk ke dalam aplikasi ini, yaitu pengawas
|
|
|
> dan peserta. Pengawas merupakan dosen ataupun pegawai STIS yang diberi
|
|
|
> tugas oleh BAAK sebagai pengawas ujian. Peserta merupakan mahasiswa
|
|
|
> tingkat empat STIS yang melaksanakan ujian komprehensif.
|
|
|
|
|
|
<img src="media/image4.png" width="525" height="405" />
|
|
|
|
|
|
Gambar 1. Tampilan awal web CAT Ujian komprehensif STIS
|
|
|
|
|
|
AKSES APLIKASI SEBAGAI PENGAWAS
|
|
|
-------------------------------
|
|
|
|
|
|
1. ### *Login* Pengawas
|
|
|
|
|
|
Pada tampilan awal web, isi *username* dan *password* SIPADU pada
|
|
|
formulir yang tersedia, lalu klik tombol *Login*
|
|
|
|
|
|
<img src="media/image5.png" width="377" height="237" />
|
|
|
|
|
|
> Gambar 2. Halaman *login* pengawas web CAT Ujian komprehensif STIS
|
|
|
|
|
|
1. ### Halaman utama
|
|
|
|
|
|
Halaman utama ini akan tampil setelah pengawas melakukan *login*.
|
|
|
Halaman ini memuat tampilan berupa *dashboard* yang berisi
|
|
|
informasi-informasi penting, yaitu keterangan ujian, tombol aktifkan
|
|
|
ujian, tabel berisi daftar peserta dan statusnya, dan tombol
|
|
|
*logout*.
|
|
|
|
|
|
<img src="media/image6.png" width="529" height="260" />
|
|
|
|
|
|
Gambar 3. Halaman utama pengawas web CAT Ujian komprehensif STIS
|
|
|
|
|
|
1. ### *Sidebar *
|
|
|
|
|
|
Pada bagian *sidebar* terdapat beberapa informasi berupa nama akun
|
|
|
pengawas, keterangan ujian, dan tombol *logout*. Tombol berlogo
|
|
|
*logout* berfungsi untuk keluar dari aplikasi. Pada bagian
|
|
|
keterangan ujian menampilkan:
|
|
|
|
|
|
- Pengawas
|
|
|
|
|
|
Menampilkan nama pengawas
|
|
|
|
|
|
- Ruangan
|
|
|
|
|
|
Menampilkan nomor ruangan yang digunakan
|
|
|
|
|
|
- Sesi
|
|
|
|
|
|
Menampilkan sesi ujian yang berlangsung
|
|
|
|
|
|
- Tanggal
|
|
|
|
|
|
Menampilkan tanggal ujian berlangsung
|
|
|
|
|
|
- Peserta
|
|
|
|
|
|
Menampilkan jumlah peserta yang seharusnya mengikuti ujian di
|
|
|
ruangan tersebut
|
|
|
|
|
|
- Kode Token
|
|
|
|
|
|
Menampilkan kode token yang akan digunakan oleh peserta ujian pada
|
|
|
ruangan tersebut untuk memasuki Aplikasi CAT Ujian
|
|
|
Komprehensif STIS.
|
|
|
|
|
|
<img src="media/image7.png" width="230" height="422" />
|
|
|
|
|
|
> Gambar 4. *Sidebar* berisi keterangan ujian untuk pengawas
|
|
|
|
|
|
1. ### *Navigation* *Bar *
|
|
|
|
|
|
Pada bagian *navigation bar* hanya terdapat menu yang berisi sub
|
|
|
menu *logout*. Tombol berlogo *logout* berfungsi untuk keluar
|
|
|
dari aplikasi.
|
|
|
|
|
|
<img src="media/image8.png" width="528" height="54" />
|
|
|
|
|
|
Gambar 5. *Navigation bar* berisi sub menu *logout* untuk pengawas
|
|
|
|
|
|
1. ### *Dashboard*
|
|
|
|
|
|
Pada bagian *dashboard* terdapat tombol Aktifkan Ujian, fungsi
|
|
|
menampilkan jumlah peserta, kolom pencarian, dan tabel berisi daftar
|
|
|
dan keterangan peserta ujian komprehensif STIS pada
|
|
|
ruangan tersebut.
|
|
|
|
|
|
<img src="media/image9.png" width="504" height="271" />
|
|
|
|
|
|
> Gambar 6. *dashboard* berisi tabel keterangan peserta ujian untuk
|
|
|
> pengawas
|
|
|
|
|
|
Fitur yang terdapat pada bagian ini adalah:
|
|
|
|
|
|
- Tombol aktifkan ujian
|
|
|
|
|
|
Berfungsi untuk mengaktifkan dan memulai ujian pada ruangan tersebut
|
|
|
|
|
|
- *Show entries*
|
|
|
|
|
|
Berfungsi untuk menentukan jumlah baris yang ditampilkan pada tabel
|
|
|
peserta ujian.
|
|
|
|
|
|
- Kolom pencarian
|
|
|
|
|
|
Berfungsi untuk melakukan pencarian pada tabel peserta ujian
|
|
|
|
|
|
- Tabel peserta ujian
|
|
|
|
|
|
Berisi daftar peserta ujian pada ruangan tersebut dan memiliki
|
|
|
keterangan berupa: NIM, Nama, Kelas, dan Status dari peserta ujian.
|
|
|
Status berisi 5 keterangan dari peserta yang mengikuti ujian, yaitu
|
|
|
Belum Login, Sudah Login, Sudah Memasukkan Token, Sedang
|
|
|
Mengerjakan, dan Selesai.
|
|
|
|
|
|
- *Sorting*
|
|
|
|
|
|
Terdapat fungsi pengurutan pada bagian tabel peserta ujian, yaitu
|
|
|
pada bagian nama kolom. Pengguna dapat melakukan pengurutan
|
|
|
berdasarkan Nomor, NIM, Nama, Kelas, dan Status.
|
|
|
|
|
|
1. ### *Logout* Pengawas
|
|
|
|
|
|
*Logout* dapat dilakukan dengan menekan tombol *logout* pada bagian
|
|
|
*sidebar* atau pada bagian menu di *navigation bar*.
|
|
|
|
|
|
AKSES APLIKASI SEBAGAI PESERTA
|
|
|
------------------------------
|
|
|
|
|
|
1. ### Login Peserta
|
|
|
|
|
|
Pada tampilan awal web, isi *username* dan *password* SIPADU pada
|
|
|
formulir yang tersedia, lalu klik tombol *Login*. Selanjutnya akan
|
|
|
muncul halaman konfirmasi data peserta ujian.
|
|
|
|
|
|
<img src="media/image5.png" width="377" height="237" />
|
|
|
|
|
|
> Gambar 7. Halaman *login* peserta web CAT Ujian komprehensif STIS
|
|
|
|
|
|
1. ### Halaman Konfirmasi Data Peserta
|
|
|
|
|
|
Pada halaman konfirmasi data peserta terdapat informasi data diri
|
|
|
peserta, yaitu NIM, nama, kelas, dan jenis ujian yang dikerjakan
|
|
|
peserta ujian komprehensif STIS. Selain itu terdapat kolom kode
|
|
|
token yang berfungsi sebagai autentikasi kedua pengguna setelah
|
|
|
*login* menggunakan *username* dan *password* SIPADU. Token yang
|
|
|
digunakan berbeda-beda pada setiap ruangan dan merupakan hasil
|
|
|
pengacakan dari BAAK. Masukkan kode token yang didapat dari pengawas
|
|
|
ujian, lalu klik tombol *submit*. Sehingga akan muncul halaman
|
|
|
konfirmasi data ujian.
|
|
|
|
|
|
> <img src="media/image10.png" width="464" height="585" />
|
|
|
>
|
|
|
> Gambar 8. Halaman konfirmasi data peserta web CAT Ujian komprehensif
|
|
|
> STIS
|
|
|
|
|
|
### Konfirmasi Data Ujian
|
|
|
|
|
|
> Pada halaman konfirmasi data ujian terdapat informasi yang berkaitan
|
|
|
> dengan ujian yang sedang berlangsung, yaitu NIM peserta, nama peserta,
|
|
|
> kelas peserta, jenis ujian, tanggal ujian, sesi ujian, dan ruangan
|
|
|
> yang digunakan. Lalu terdapat tombol mulai yang berfungsi untuk
|
|
|
> memulai ujian. Tombol tersebut akan aktif ketika pengawas telah
|
|
|
> mengaktifkan ujian dari *dashboard* pengawas. Tekan tombol mulai untuk
|
|
|
> memulai ujian, maka akan muncul halaman utama bagi peserta ujian.
|
|
|
>
|
|
|
> <img src="media/image11.png" width="431" height="524" />
|
|
|
>
|
|
|
> Gambar 9. Halaman konfirmasi data peserta web CAT Ujian komprehensif
|
|
|
> STIS
|
|
|
|
|
|
### Halaman Utama Peserta Ujian
|
|
|
|
|
|
> <img src="media/image12.png" width="528" height="257" />
|
|
|
>
|
|
|
> Gambar 10. Halaman Ujian peserta web CAT Ujian komprehensif STIS
|
|
|
>
|
|
|
> Pada halaman utama peserta ujian terdapat beberapa tampilan,
|
|
|
> diantaranya:
|
|
|
|
|
|
1. *Sidebar *
|
|
|
|
|
|
Pada bagian *sidebar* terdapat keterangan paket soal beserta
|
|
|
nomornya
|
|
|
|
|
|
2. *Navigation bar*
|
|
|
|
|
|
Pada *navigation bar* terdapat sub menu *logout*
|
|
|
|
|
|
3. Tampilan utama
|
|
|
|
|
|
Pada tampilan utama terdapat beberapa fitur, diantaranya:
|
|
|
|
|
|
- *Timer* ujian
|
|
|
|
|
|
Menampilkan waktu ujian yang tersisa
|
|
|
|
|
|
- Soal
|
|
|
|
|
|
Menampilkan soal yang terpilih secara acak beserta nomor soalnya
|
|
|
|
|
|
- Opsi jawaban
|
|
|
|
|
|
Menampilkan opsi jawaban yang dapat dipilih melalui *radio button*
|
|
|
|
|
|
- Kotak bernomor
|
|
|
|
|
|
<img src="media/image13.png" width="287" height="459" />
|
|
|
|
|
|
> Gambar 11. *Hyperlink* nomor dan status isian
|
|
|
|
|
|
Memiliki fungsi untuk menampilkan status isian dari soal dan sebagai
|
|
|
*hyperlink* menuju soal dengan nomor yang dimaksud. Status isian yang
|
|
|
dimaksud berupa warna hijau untuk soal yang sudah terisi, merah untuk
|
|
|
soal yang dilihat namun tidak terisi, hitam untuk soal yang belum
|
|
|
dikunjungi, dan oranye untuk soal dengan jawaban yang ditandai. Klik
|
|
|
salah satu kotak bernomor untuk menuju soal dengan nomor yang dimaksud.
|
|
|
|
|
|
- Tombol-tombol di bawah opsi jawaban
|
|
|
|
|
|
<img src="media/image14.png" width="389" height="45" />
|
|
|
|
|
|
> Gambar 12. *Footer* Tombol
|
|
|
|
|
|
Terdapat tombol *review later* yang berfungsi untuk menandai soal atau
|
|
|
isian untuk ditinjau kembali. Terdapat tombol *back* yang berfungsi
|
|
|
untuk kembali ke nomor sebelumnya. Lalu terdapat tombol *save & next*
|
|
|
yang berfungsi untuk menyimpan jawaban dan maju ke soal berikutnya. Dan
|
|
|
terakhir terdapat tombol *submit quiz* untuk menyimpan jawaban dan
|
|
|
mengakhiri ujian.
|
|
|
|
|
|
> Klik tombol *submit* quiz untuk mengakhiri ujian. Maka akan muncul
|
|
|
> kotak dialog yang memastikan keputusan untuk mengakhiri ujian, klik
|
|
|
> yakin. Maka akan muncul halaman akhir.
|
|
|
>
|
|
|
> <img src="media/image15.png" width="478" height="153" />
|
|
|
>
|
|
|
> Gambar 13. Kotak dialog
|
|
|
|
|
|
### Halaman akhir
|
|
|
|
|
|
> Pada halaman ini, terdapat keterangan data peserta ujian dengan nilai
|
|
|
> dan status kelulusannya. Klik tombol *logout* untuk keluar.
|
|
|
>
|
|
|
> <img src="media/image16.png" width="393" height="566" />
|
|
|
>
|
|
|
> Gambar 14. Halaman akhir |
|
|
\ No newline at end of file |