Institutional Repository | Satya Wacana Christian University: Analisis dan Perancangan Test Online di Sekolah Tinggi Ilmu Farmasi “Yayasan Pharmasi Semarang” T1 682004061 BAB IV
23
Analisa dan Perancangan Sistem
4.1
Rancangan Sistem Menggunakan UML
4.1.1 Use Case Diagram
Use Case Diagram memperlihatkan himpunan usecase dan aktor. Diagram ini penting untuk mengorganisasikan dan memodelkan perilaku dari suatu sistem yang dibutuhkan serta diharapkan oleh pengguna. Use case dari sistem yang akan dibuat, dapat dilihat dalam gambar dibawah ini.
Sistem Tes Online PMB
Tambah Tes Ubah Tes Hapus Tes Tambah Pengguna Ubah Pengguna
Hapus Pengguna Pengerjaan Tes
Lihat nilai Calon Mahasiswa
Pengelolaan Tes Pembuat Soal <<include>>
<<include>>
<<include>>
<<include>>
<<include>> <<include>> Cetak Hasil Tes
<<include>> Menjalankan Tes <<include>>
Login <<include>>
Administrator
Pengaturan pengguna <<include>>
<<include>> <<include>>
Gambar 4.1Use Case Diagram Proses Tes Seleksi PMB Jalur Reguler Pada gambar 4.1 dapat dijabarkan bahwa terdapat 3 aktor pada sistem test online, yaitu Administrator, Pembuat Soal, dan Calon Mahasiswa. Administrator bertugas untuk mengelola siapa saja
(2)
pengguna yang dapat menggunakan sistem, baik itu menambah pengguna, mengubah pengguna, dan menghapus pengguna, menjalankan tes, mencetak hasil tes. Pembuat Soal bertugas melakukan pengelolaan tes yaitu membuat tes, menghapus tes, dan menghapus tes. Calon Mahasiswa merupakan aktor yang melakukan pengerjaan tes, dan dapat melihat nilai. Ketiga aktor tersebut, sebelum dapat menggunakan Sistem Test Online PMB harus terlebih dahulu melakukan Login supaya pengguna-pengguna yang berhak saja yang dapat menggunakan sistem ini.
4.1.2 Activity Diagram
Activity Diagram memperlihatkan aliran dari suatu aktivitas ke aktivitas lainnya dalam suatu sistem. Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
Memasukkan username dan password
Tampilkan menu utama aplikasi Jalankan
aplikasi Tampilkan Form Login
sesuai username & password tidak sesuai
(3)
Pada Gambar 4.2 dapat menggambarkan alur Login pada Sistem Test Online PMB. Proses login dilakukan dengan cara memasukkan username beserta password yang telah diatur oleh Administrator. Jika login sukses maka aplikasi utama akan ditampilkan.
Menjalankan aplikasi tes client
Memasukkan nomor pendaftaran
Memasukkan password
Menampilk an form tes
Cek nomor dan password
sesuai
tidak sesuai
Tes Serv er Calon Mahasisw a
Gambar 4.3 Activity DiagramLogin Tes
Gambar 4.3 menggambarkan proses login di mana Calon Mahasiswa memasukkan nomor pendaftaran sebagai username dan
password yang diberikan saat melakukan pendaftaran. Server akan mememeriksa nomor pendaftaran dan password, jika sesuai maka
form tes akan ditampilkan. Jika tidak sesuai, maka form login akan ditampilkan kembali.
(4)
Meminta informasi tes Menampilkan
daftar soal Memilih
soal
Memilih jawaban Mengirim
jawaban Menampilkan pertanyaan
dan daftar jawaban
Menampilkan nilai
selesai mengerjakan tes belum selesai
Calon Mahasisw a
Gambar 4.4 Activity Diagram Pengerjaan Tes dan Menampilkan Nilai Pada Gambar 4.4 menjabarkan mengenai aktifitas pengerjaan tes oleh Calon Mahasiswa. Pertama Calon Mahasiswa meminta informasi tes, yaitu berupa jumlah tes dan durasi waktu yang diperlukan saat proses tes berlangsung. Kemudian Calon Mahasiswa meminta soal berdasarkan nomor soal yang kemudian akan menampilkan pertanyaan beserta daftar jawaban. Setelah mengetahui jawaban yang dianggap benar maka Calon Mahasiswa akan memilih jawaban dan selanjutnya akan mengirim jawaban tersebut. Aktivitas akan berulang apabila Calon Mahasiswa belum menyelesaikan tes. Jika tes telah selesai maka Calon Mahasiswa dapat melihat hasil tes beserta keputusan mengenai lulus tidaknya dalam tes PMB ini.
(5)
Membuat tes baru
Membuat pertanyaan
Membuat daftar jawaban
Memberikan skor jawaban
menambahkan pertanyaan baru
selesai membuat tes Memberikan
batasan nilai tes
Pembuat soal
Gambar 4.5Activity Diagram Pembuatan Tes
Pada Gambar 4.5 menjabarkan aktivitas pembuatan tes yang dilakukan oleh Pembuat Soal. Tahapan yang dilakukan Pembuat Soal yaitu membuat tes baru, kemudian memberikan batasan nilai tes untuk penilai akhir. Setelah membuat tes maka proses selanjutnya membuat pertanyaan yang kemudian diikuti dengan membuat daftar jawaban pertanyaan. Lalu setiap jawaban akan diberikan skor nilai.
(6)
Tekan tombol hapus Konfirmasi penghapusan
pengguna Data pengguna dihapus
dari basis data Pilih menu pengaturan
pengguna
Pilih tombol tambah
Pilih pengguna
Pilih pegawai Memberikan
password Memilih hak
akses Simpan ke
basis data
Tekan tombol ubah
tambah baru ubah atau hapus pengguna
ubah hapus
Ubah data pengguna
Administrator
Gambar 4.6 Activity Diagram Pengaturan Pengguna Sistem
Penambahan pengguna sistem dilakukan dengan cara memilih menu pengaturan pengguna, username diisi dengan nomor pegawai dan password acak. Selain menambah pengguna, administrator dapat mengubah hak akses pengguna, serta mengubah pengguna yang dapat mengakses sistem, serta dapat menghapus pengguna yang sudah tidak lagi memiliki wewenang untuk mengakses sistem.
(7)
Memilih tes
Menjalanka n server tes
Mencetak laporan nilai tes Menunggu
request
belum selesai
tes selesai Administrator
Gambar 4.7 Activity Diagram Menjalankan Tes
Pada Gambar 4.7 merupakan aktivitas Administrator dalam menjalankan tes, yaitu sebelum proses tes dilakukan. Administrator menjalankan tes berdasarkan tes yang yang telah dipilih. Selanjutnya
server akan menunggu dan merespon request Calon Mahasiswa. Jika tes telah usai maka Administrator dapat mencetak laporan hasil tes yang telah dilaksanakan.
4.1.3 Sequence Diagram
Sequence diagram merupakan sebuah diagram yang menggambarkan interaksi antar objek di dalam sebuah system. Interaksi tersebut berupa pesan yang digambarkan berdasarkan waktu kejadian. Diagram ini juga menggambarkan urutan kejadian yang terjadi. dan lebih detail dalam menggambarkan aliran data, termasuk data yang dikirimkan atau diterima.
Urutan kejadian yang pertama adalah login sistem. Login diperlukan agar hanya pengguna yang berhak atau diberikan wewenang untuk mengelola atau menggunakan sistem. Kejadian pada tahapan login ini ditunjukkan pada gambar 4.8.
(8)
: Pengguna : Form Login
: Basis Data : Form Utama
login( )
cekLoginAdmin( )
login valid
show( )
hide( )
Gambar 4.8 Sequence Diagram Login Sistem
Pengguna yang dimaksud termasuk Administrator maupun Pembuat Soal. Pada tahapan ini pengguna akan memasukkan username yang berupa nomor induk pegawai, password, dan tipe pengguna yang berupa Administrator atau Pembuat Soal. Selanjutnya Form Login memeriksa valid tidaknya pengguna tersebut. Jika login valid maka Form Utama akan dimunculkan, sedangkan Form Login akan disembunyikan.
: Pembuat Soal : Form Tes : Form Soal : Basis Data tesBaru ( )
setJudul( )
tambahSoal( )
show( )
setSkor( ) simpan( )
hide( )
setPertanyaan( ) setJawaban( )
insertSoal( ) setDeskripsi( )
simpanTes( )
insertTes( )
(9)
Pada Gambar 4.9 merupakan sequence diagram pembuatan tes oleh aktor Pembuat Soal. Pembuatan tes diikuti dengan memberikan judul dan deskripsi tes. Setelah tes dibuat, hal yang dilakukan selanjutnya adalah menambahkan soal beserta jawaban soal berupa pilihan berganda beserta skor jawaban.
: Administrator : FormTes : Tes Server : Basis Data
show()
pilihTes( ) startTes( )
start( )
ambilDataTes( ) listen( ) ambilDataTes( ) tampilkanDaftarTes( )
Gambar 4.10 Sequence Diagram Memulai TestOnline
Pada gambar 4.10 menunjukkan sequence diagram memulai test online yang dimulai dengan Administrator menampilkan Form Tes. Form Tes mengambil daftar tes yang ada pada basis data yang kemudian ditampilkan ke Administrator. Selanjutnya Administrator memilih tes yang akan digunakan untuk tes seleksi penerimaan mahasiswa baru.
Tes Server merupakan kelas yang berfungsi untuk melayani permintaan dari client. Kelas ini menjebatani antara basis data dengan client sehingga client tidak mengakses basis data secara langsung. Saat method startTest() dieksekusi maka objek Tes Server memanggil
(10)
method start() yang akan mengambil informasi tes beserta daftar soal beserta jawaban. Terakhir objek Tes Server akan mengeksekusi method listen() untuk menerima permintaan dari client.
: Calon Mahasiswa
: Form Login Tes
: Form Peserta Tes : Tes Client : Tes Server : Basis Data
login( )
login( )
login( )
cek_login_peserta( ) valid responseLogin( )
loginValid( ) show( )
ambilInfoTes( )
ambilInfoTes( ) responseInfoTes( ) tampilkanInfoTes( )
mulaiTes( )
ambilDaftarSoalDanJawaban( )
ambilDaftarSoalDanJawaban( )
responseDaftarSoalDanJawaban( ) tampilkanSoalDanJawaban( )
pilihJawaban( ) next( ) finish( )
simpanDaftarJawaban( )
simpanDaftarJawaban( )
prosesNilai( ) simpanNilai( ) responseNilai( )
tampilkanNilai( ) tampilkanInfoLulus( )
acakSoal( ) hide( )
Gambar 4.11Sequence Diagram Pengerjaan Tes Seleksi PMB
Pada Gambar 4.11 menjabarkan mengenai interaksi berdasarkan watu kejadian setelah Administrator menjalankan Test Online. Pada urutan kejadian pengerjaan tes ini, pertama-tama Calon Mahasiswa
(11)
akan melakukan tahapan login. Permintaan login dilakukan melalui Tes Client. Tes Client merupakan kelas yang berfungsi untuk melakukan permintaan layanan ke server, yaitu Tes Server. Login
Calon Mahasiswa ditangani langsung oleh Tes Server yang kemudian memeriksa valid tidaknya nomor pendaftaran dan password dengan cara membandingkan parameter tersebut melalui pengecekan pada basis data. Kemudian Tes Server merespon dengan mengirimkan respon login ke Form Login Tes. Jika login berhasil maka Form
Peserta Tes ditampilkan. Form Peserta Tes meminta informasi tes ke Tes Server untuk mengetahui jumlah pertanyaan atau soal beserta durasi waktu yang dibutuhkan untuk menyelesaikan soal tes. Setelah tes dimulai, maka akan ditampilkan soal yang pertama beserta pilihan jawaban yang telah disediakan. Selanjutnya Calon Mahasiswa memilih jawaban yang dianggap paling benar dan melanjutkan ke soal yang berikutnya hingga semua soal telah terjawab atau waktu telah berakhir. Setelah tes usai, maka jawaban-jawaban dikirim ke Tes Server. Selanjutnya Tes server memproses jawaban-jawaban tersebut dan menghasilkan nilai akhir dari tes. Hasil tes ini dikembalikan ke Calon Pengguna yang ditampilkan pada Form Peserta Tes.
4.1.4 Class Diagram
Class Diagram adalah diagram yang digunakan untuk menampilkan beberapa kelas yang ada dalam sistem atau perangkat lunak yang dikembangkan. Pada diagram ini pula digambarkan relasi-relasi tiap kelas. Class Diagram pada Sistem Tes Seleksi Penerimaan Mahasiswa Baru Jalur Reguler ditunjukkan pada Gambar 4.12.
(12)
Administrator Pembuat Soal
Form Peserta Tes
tesClient : Tes Client
show() tampilkanInfoTes() mulaiTes() tampilkanSoalDanJawaban() pilihJawaban() next() finish() tampilkanNilai() tampilkanInfoLulus() Calon Mahasiswa no_peserta nama alamat password prodi_id kelamin tempat_lahir tanggal_lahir telpon alamat_asal kota_asal kode_pos_asal provinsi_asal alamat_semarang pendidikan_akhir agama kode_pos_semarang jurusan status golongan_darah asal_sekolah no_ijazah provinsi_sekolah Tambah() Ubah() Hapus() Tes Server
port : Integer
mulai() hentikan() login() infoTes() soal() jawab() hasilTes() ambilDataTes() start() listen() login() ambilInfoTes() simpanDaftarJawaban() cekJawaban() acakSoal() stop() Tes kode judul deskripsi tanggal_dibuat Tambah() Ubah() Hapus() Soal kode pertanyaan tipe_soal Tambah() Ubah() Hapus() Form Tes
tesServer : Tes Server formSoal : Form Soal
tesBaru() pilihTes() show() cetakNilaiTes() setJudul() tambahSoal() hide() setDeskripsi() ubahTes() editTes() ubahSoal() simpanTes() tambahSoal() Form Utama
formTes : Form Tes tesServer : Tes Server formPengguna
show() close()
Form Pengguna
pengguna : Pengguna
Tambah() Ubah()
Hapus() Form Login
formUtama : Form Utama pengguna : Pengguna
login() hide() Pengguna nip password tipe_pengguna Tambah() Ubah() Hapus() Jawaban kode jawaban skor Tambah() Ubah() Hapus() Form Soal
tes : Tes
show() setSkor() simpan() close() setPertanyaan() setJawaban() pilihSoal() Tes Client
host : String port : Integer
login() responseLogin() ambilInfoTes() responseInfoTes() getDaftarSoalDanJawaban() responseDaftarSoalDanJawaban() kirimJawaban() responseNilai()
Form Login Tes
formPeserta : Form Peserta Tes calonMahasiswa : Calon Mahasiswa tesClient : Tes Client
show() responLogin() login() loginValid() hide() close()
Gambar 4.12Class Diagram Sistem TestOnline
Gambar 4.12 menunjukkan bahwa terdapat 16 kelas pada Sistem
Test Online. Kelas-kelas tersebut adalah Form Utama, Form
(13)
Pembuat Soal, Form Soal, Tes Server, Jawaban, Soal, Tes, Form Login Tes, Calon Mahasiswa, Form Peserta Tes, dan Tes Client.
Form Login merupakan kelas untuk antarmuka pengguna sistem yaitu Administrator dan Pembuat Soal. Tujuan dari kelas adalah untuk membatasi siapa saja yang dapat mengakses sistem. Kelas ini memiliki
attribute formUtama yang merupakan kelas Form Utama, dan pengguna yang merupakan kelas Pengguna. Methodlogin() pada kelas ini digunakan untuk memeriksa keabsahan nip dan password
pengguna sistem. Jika nip dan password benar maka Form Utama ditampilkan ke Pengguna.
Form Utama merupakan antarmuka utama dari aplikasi Sistem
Test Online. Dari kelas ini Administrator dapat mengakses Form Tes untuk menjalankan tes seleksi dan mencetak hasil tes, dan Form
Pengguna untuk mengelola pengguna-pengguna yang dapat mengakses sistem. Sedangkan dari sisi Pembuat Soal, kelas ini akan menampilkan opsi untuk menambah tes beserta soal, jawaban, dan skor jawaban.
Form Tes merupakan antarmuka yang memiliki dua fungsi yang berbeda bergantung pada siapa yang menggunakannya. Seperti yang telah dijelaskan pada Form Utama.
Kelas Pengguna adalah kelas yang menangani pengguna-pengguna yang mengakses sistem. Administrator dan Pembuat Soal merupakan kelas yang diturunkan dari kelas Pengguna. Di kelas ini terdapat fungsi-fungsi untuk menambah, mengubah, dan menghapus pengguna sistem.
(14)
Tes Server merupakan kelas yang paling penting, yaitu kelas yang berfungsi untuk menangani permintaan-permintaan dari client. Permintaan-permintaan tersebut adalah login Calon Mahasiswa, permintaan tes yang berupa soal-soal, dan jawaban-jawaban, mengacak urutan soal, dan memproses nilai serta mengirim nilai akhir dari tes kepada Calon Mahasiswa.
Kelas Calon Mahasiswa, Tes, Soal, Jawaban merupakan merupakan kelas yang menampung informasi dari tabel yang terdapat pada basis data. Tujuannya adalah untuk mempermudah akses ke tabel yang dibutuhkan.
Form Login Tes merupakan antarmuka yang digunakan untuk menangani login Calon Mahasiswa. Permintaan login dikirim melalui kelas Tes Client yang kemudian diterima oleh Tes Server. Tes Server
melakukan validasi data dan mengembalikan status sukses ataupun tidak ke Tes Client. Jika login sukses maka Form Peserta Tes ditampilkan ke Calon Mahasiswa.
Form Peserta Tes merupakan antarmuka bagi Calon Mahasiswa untuk melaksanakan proses tes. Soal-soal tes akan ditampilkan beserta pilihan jawaban yang ada. Calon Mahasiswa memilih jawaban yang dianggap benar, kemdian melanjutkan ke soal yang berikutnya. Selain itu, form ini juga menampilkan hasil tes setelah proses tes selesai.
Tes Client bertindak sebagai client yang mengirim permintaan-permintaan ke server, yaitu Tes Server. Kelas ini terdapat method
-method untuk melakukan proses login, mengambil informasi tes, mengambil daftar soal dan jawaban, mengirim jawaban.
(15)
4.2
Rancangan Basis Data
Adapun tabel dalam perancangan basis data dalam membangun aplikasi testonline adalah sebagai berikut:
Tabel 4.1 user
Field Tipe Keterangan
Id int(10) id user sebagai primary key
Username varchar(10) Username berupa nomor induk pegawai
Password varchar(20) Password untuk login sistem tipe_user_id tinyint Id tipe user
Pada Tabel 4.1 merupakan tabel user atau pengguna selain Calon Mahasiswa atau peserta tes dalam aplikasi test online PMB. Tabel ini memiliki empat (4) field yaitu id, username, password, dan tipe_user_id. Field id merupakan primary key dari tabel user . Field username merupakan foreign key dari tabel pegawai untuk menampung nomor induk pegawai, jadi username beriisi nomor pegawai. Field password merupakan digunakan untuk menyimpan kata kunci untuk bisa menjalankan aplikasi test online ini. Terakhir,
field tipe_user_id merupakan foreign key dari tabel tipe_user yang mengindikasikan jenis pengguna sesuai dengan tugasnya masing-masing.
Tabel 4.2 tipe_user
Field Tipe Keterangan
id tinyint id tipe user sebagai primary key nama varchar(30) nama tipe user
(16)
Tabel 4.2 merupakan tabel untuk menampung tipe pengguna yang dapat mengakses aplikasi test online. Field id merupakan
primary key dari tabel tipe_user, dan nama adalah nama tipe pengguna.
Tabel 4.3 pegawai
Field Tipe Keterangan
nip varchar(11) Nomor induk pegawai sebagai primary key nama varchar(50) nama tipe user
alamat varchar(50) telpon varchar(25) kelamin char(1) tahun_masuk char(4) jabatan varchar(30)
Tabel 4.3 merupakan tabel yang menampung data-data pegawai STIFAR “Yayasan Pharmasi Semarang”. Tabel pegawai memiliki field nip sebagai primary key untuk menyimpan nomor induk pegawai, nama merupakan nama pegawai, alamat sebagai alamat pegawai, telpon sebagai nomor telpon pegawai, kelamin sebagai jenis kelamin pegawai yang diisi dengan nilai L(laki-laki) atau P (perempuan), tahun masuk sebagai tahun pegawai tersebut mulai bekerja, dan yang terakhir adalah jabatan pegawai.
Tabel 4.4 peserta
Field Tipe Keterangan
no_peserta varchar(10) nomor peserta sebagai primary key
(17)
prodi_id tinyint id program studi pilihan kelamin char(1) jenis kelamin dengan nilai L atau P
tempat_lahir varchar(30)
tanggal_lahir date
telpon varchar(25)
alamat_asal varchar(50)
kota_asal varchar(30)
kode_pos_asal varchar(10)
provinsi_asal varchar(30)
alamat_semarang alamat tinggal di semarang
kode_pos_semarang
agama varchar(10)
pendidikan_akhir varchar(20)
jurusan
status Nikah atau Belum Nikah
golongan_darah char(1)
asal_sekolah varchar(45) asal sekolah atau perguruan tinggi provinsi_sekolah
varchar(45)
provinsi sekolah atau perguruan tinggi
no_ijazah varchar(45)
Password varchar(20)
Pada Tabel 4.4 merupakan tabel untuk menyimpan informasi mengenai calon mahasiwa. Field no_peserta digunakan untuk menyimpan nomor urut pendaftaran saat dilakukan pendaftaran mahasiswa baru. Field nama merupakan nama dari calon mahasiswa, prodi_id merupakan foreign key dari tabel prodi untuk menyimpan
(18)
program studi yang dipilih oleh calon mahasiswa. Field kelamin merupakan jenis kelamin dari calon mahasiswa yang diisi dengan nilai L atau P. Field tempat_lahir adalah kota di mana calon mahasiswa dilahirkan. Field tanggal_lahir adalah tanggal calon mahasiswa dilahirkan. Field telpon digunakan untuk menyimpan nomor telpon yang dapat digunakan untuk menghubungi calon mahasiswa. Field
alamat_asal adalah alamat di mana calon mahasiswa tinggal di tempat asalnya. Field kota_asal adalah kota asal di mana calon mahasiswa tinggal. Field kode_pos_asal merupakan kode pos di kota asal calon mahasiswa tinggal. Field alamat_semarang merupakan alamat tempat tinggal di kota Semarang. Field kode_pos_semarang merupakan kode pos tempat tinggal di kota Semarang. Field agama berisi agama yang dianut oleh calon mahasiswa. Field pendidikan_akhir berisisi pendidikan terakhir calon mahasiswa saat melakukan pendaftaran. Jurusan merupakan jurusan yang diambil saat menempuh studi di SMA maupun saat menempuh perguruan tinggi sebelumnya. Field
status berisi nilai Belum Nikah atau Nikah. Field golongan_darah untuk menyimpan golongan darah calon mahasiswa. Field
asal_sekolah berisi alamat lengkap sekolah atau perguruan tinggi calon mahasiswa baru sebelum melanjutkan pendidikan di STIFAR “Yayasan Pharmasi Semarang”. Field provinsi_sekolah adalah provinsi sekolah atau perguruan tinggi. Field no_ijazah berisi nomor ijazah calon mahasiswa. Terakhir adalah field password untuk bisa melakukan login saat tes berlangsung.
(19)
Tabel 4.5 tes
Field Tipe Keterangan
Id int(10) id tes sebagai primary key
Judul varchar(50)
tanggal_dibuat datetime
Keterangan varchar(100)
Pada Tabel 4.5 adalah tabel untuk menyimpan informasi tes yang akan dibuat. Tabel tes terdiri dari empat (4) field yaitu id sebagai primary key, judul yang berisi nama tes yang akan dibuat, untuk mempermudah pemilihan tes, tanggal_dibuat merupakan tanggal dan waktu tes dibuat, dan yang terakhir field keterangan untuk memperjelas informasi tentang tes yang dibuat.
Tabel 4.6 soal
Field Tipe Keterangan
Id int(10)
id pertanyaan sebagai primary key
tes_id int(10) id tes
pertanyaan text
tipe_pertanyaan_id tinyint
Pada Tabel 4.6 merupakan tabel yang digunakan untuk menyimpan soal-soal tes. Tabel soal terdiri dari empat(4) field yaitu
field id sebagai primary key, field tes_id sebagai foreign key ke tabel tes untuk mengaitkan pertanyaan ke tes yang dibuat. Field pertanyaan merupakan pertanyaan yang akan diajukan kepada peserta tes. Field
(20)
sebagai indikator untuk membedakan tipe pertanyaan yang akan dibuat.
Tabel 4.7 keterangan_pertanyaan
Field Tipe Keterangan
Id int(10)
Id keterangan pertanyaan sebagai perimary key
pertanyaan_id int(10) id jawaban
Keterangan text
Pada Tabel 4.7 merupakan tabel yang berisi mengenai keterangan yang diperlukan dalam menjawab pertanyaan. Tabel keterangan_pertanyaan memiliki dua(3) field yaitu id sebagai primary key, field pertanyaan_id sebagai foreign key ke tabel pertanyaan untuk memastikan keterangan ditampilkan sesuai dengan pertanyaan yang diberikan, dan terakhir adalah field keterangan yang berisi keterangan yang diinginkan.
Tabel 4.8 tipe_pertanyaan
Field Tipe Keterangan
Id tinyint id tipe pertanyaan primary key Nama varchar(35) nama tipe pertanyaan
Pada Tabel 4.8 merupakan tabel yang berisi tipe pertanyaan yang terdiri dari dua(2) field yaitu id yang merupakan primary key, dan yang terakhir adalah field nama untuk tipe pertanyaan.
(21)
Tabel 4.9 jawaban
Field Tipe Keterangan
Id int(10) id jawaban sebagai primary key
Jawaban text
pertanyaan_id int(10) id pertanyaan Skor tinyint
Pada Tabel 4.9 merupakan tabel yang berisi mengenai pilihan-pilihan jawaban pada pertanyaan yang dibuat. Tabel jawaban terdiri dari empat(4) field yaitu id sebagai primary key, field jawaban berisi jawaban dari pertanyaan, field pertanyaan_id merupakan foreign key
ke tabel pertanyaan untuk memperjelas bahwa jawaban X adalah untuk pertanyaan Y, dan yang terakhir adalah field skor, yaitu skor jawaban.
Tabel 4.10 jawaban_peserta
Field Tipe Keterangan
no_peserta varchar(10) no peserta
jawaban_id int(10) id jawaban
Pada Ttabel 4.10 menunjukkan tabel yang berisi data jawaban yang dipilih oleh peserta tes. Tabel jawaban_peserta terdiri atas dua(2)
field yaitu field no_peserta yang merupakan foreign key ke tabel peserta yang berisi nomor pendaftaran calon mahasiswa baru, dan field
jawaban_id merupkan foreign key ke tabel jawaban yang berisi nomor id jawaban.
(22)
4.2.1 Relasi Antar Tabel
Relasi basis data menggambarkan relasi antar tabel dalam basis data, pada Gambar 4.13 adalah gambar diagram untuk aplikasi test online PMB pada STIFAR “Yayasan Pharmasi Semarang” :
Gambar 4.13 Relasi Antar Tabel
Gambar 4.13 menunjukkan relasi-relasi antar tabel pada basis data sistem testonline sebagai berikut:
• Tabel peserta dan prodi memiliki relasi many to one, yang mana banyak peserta dapat memilih prodi yang sama. Tabel
(23)
jawaban_peserta merupakan kelas bantu untuk menyimpan pilihan jawaban peserta sesuai dengan tes yang ditentukan. • Tabel tes memiliki relasi one to many dengan tabel pertanyaan
karena tiap tes memiliki banyak pertanyaan. Tabel tes memiliki relasi many to one dengan tabel opsi_tes karena tiap tes dapat memiliki opsi yang sama.
• Tabel pertanyaan memiliki relasi one to many dengan tabel pertanyaan karena tiap soal dapat memiliki banyak pilihan jawaban. Tabel pertanyaan juga memiliki relasi zero or one to zero or one dengan tabel keterangan_pertanyaan karena pertanyaan dapat memiliki keterangan ataupun tidak. Tabel pertanyaan memiliki relasi many to one dengan tabel tipe_pertanyaan karena tipe pertanyaan bias bermacam-macam meskipun pada perancangan ini hanya dibuat satu tipe saja yaitu pilihan ganda. Alasannya adalah untuk pengembangan lebih lanjut dengan menambahkan tipe-tipe pertanyaan yang lain misalnya essay.
• Tabel user memiliki relasi one to zero or one dengan tabel pegawai karena user dengan username admin tidak harus seorang pegawai. Tabel user dengan tabel tipe_user memiliki relasi one to one karena tiap user hanya boleh memiliki 1 tipe user.
(24)
4.3
Rancangan Antarmuka
Rancangan antarmuka diperlukan untuk menggambarkan bagaimana aplikasi yang nantinya akan dibuat dengan maksud pengguna akan menjadi lebih mudah memahami cara kerja aplikasi.
4.3.1 Rancangan Form Login Sistem
Gambar 4.14 Rancangan Form Login Sistem
Pada Gambar 4.14 dapat ditunjukkan rancangan Form Login Sistem yang digunakan oleh Administrator, dan Pembuat Soal untuk dapat masuk ke dalam aplikasi utama. NIP diisi dengan nomor induk pegawai atau admin, password diisi dengan password yang sesuai, dan Akses merupakan tipe penguna sistem yaitu Administrator dan Pembuat Soal.
(25)
4.3.2 Rancangan Form Login Peserta Tes
Gambar 4.15 Rancangan Form Login Peserta
Gambar 4.15 merupakan rancangan Form Login Peserta Tes meminta No. Untuk dapat membuka Form Tes Peserta maka Calon Mahasiswa harus memasukkan nomor pendaftaran beserta password
yang telah diberikan saat melakukan pendaftaran.
4.3.3 Rancangan Form Utama TestOnline
(26)
Gambar 4.16 merupakan form utama aplikasi test online penerimaan mahasiswa baru. Pada bagian atas merupakan Toolbar yang terdapat Action Pengguna, Tes, dan Keluar. Jika Action Pengguna ditekan maka akan menampilkan form pengaturan pengguna. Action akan menampilkan form yang berbeda sesuai dengan hak akses. Jika Administrator yang menekan tombol maka akan ditampilkan form untuk memulai tes, apabila Pembuat Soal yang menekan tombol maka akan ditampilkan form untuk pengelolaan tes. Terakhir adalah tombol Keluar yang digunakan untuk keluar dari aplikasi.
4.3.4 Rancangan Form Pengaturan Pengguna
Gambar 4.17 Rancangan Form Pengaturan Pengguna
Gambar 4.17 merupakan rancangan tampilan untuk pengaturan pengguna yang dijalankan oleh Administrator. Tombol tambah berfungsi untuk menambah pengguna baru, kemudian Administrator mengisi username dengan nomor induk pegawai, password, beserta menentukan tipe pengguna. Tombol Ubah digunakan untuk mengubah
(27)
pengguna. Sedangkan tombol hapus digunakan untuk menghapus pengguna.
4.3.5 Rancangan Form Pengelolaan Tes oleh Pembuat Soal
Gambar 4.18 Rancangan Form Pengelolaan Tes
Gambar 4.18 merupakan rancangan form pengelolaan tes yang dijalankan oleh Pembuat Soal. Bagian kiri merupakan daftar tes yang tersimpan dalam basis data. Tombol-tombol disebelah kanan atas digunakan untuk menambah, mengubah, dan menghapus tes, serta tombol untuk mengisi soal-soal dan jawaban-jawaban pada tes yang dipilih oleh Pembuat Soal.
(28)
4.3.6 Rancangan Form Tes oleh Adminstrator
Gambar 4.19 Rancangan Form Tes
Gambar 4.19 merupakan tampilan Form Tes jika yang menjalankan adalah Administrator. Pada bagian sebelah kiri merupakan daftar tes yang tersimpan pada basis data. Untuk memulai tes maka Administrator memilih salah satu daftar tes dan selanjutnya menekan tombol Jalankan Tes. Tombol Cetak Nilai berfungsi untuk mencetak hasil tes yang telah dijalankan sebelumnya.
(29)
4.3.7 Rancangan Form Tes Peserta
Gambar 4.20 Rancangan Form Tes Peserta
Pada Gambar 4.20 menunjukan rancangan Form yang digunakan calon mahasiswa untuk mengerjakan tes. Bagian paling atas merupakan nomor urut tes yang sedang dikerjakan beserta jumlah soal yang diberikan dan sisa waktu yang tersedia. Bagian tengah adalah soal atau pertanyaan beserta pilihan jawaban yang tersedia. Bagian bawah terdapat pilihan jawaban berupa Combo Box disertai dengan tombol untuk menyimpan jawaban, tombol untuk menampilkan soal yang selanjutnya, dan tombol untuk mengentikan tes. Apabila tombol tes ditekan maka jawaban akan dikirim ke server dan hasil tes akan ditampilkan.
(1)
4.3
Rancangan Antarmuka
Rancangan antarmuka diperlukan untuk menggambarkan bagaimana aplikasi yang nantinya akan dibuat dengan maksud pengguna akan menjadi lebih mudah memahami cara kerja aplikasi. 4.3.1 Rancangan Form Login Sistem
Gambar 4.14 Rancangan Form Login Sistem
Pada Gambar 4.14 dapat ditunjukkan rancangan Form Login Sistem yang digunakan oleh Administrator, dan Pembuat Soal untuk dapat masuk ke dalam aplikasi utama. NIP diisi dengan nomor induk pegawai atau admin, password diisi dengan password yang sesuai, dan Akses merupakan tipe penguna sistem yaitu Administrator dan Pembuat Soal.
(2)
4.3.2 Rancangan Form Login Peserta Tes
Gambar 4.15 RancanganForm Login Peserta
Gambar 4.15 merupakan rancangan Form Login Peserta Tes meminta No. Untuk dapat membuka Form Tes Peserta maka Calon Mahasiswa harus memasukkan nomor pendaftaran beserta password
yang telah diberikan saat melakukan pendaftaran. 4.3.3 Rancangan Form Utama TestOnline
(3)
Gambar 4.16 merupakan form utama aplikasi test online
penerimaan mahasiswa baru. Pada bagian atas merupakan Toolbar yang terdapat Action Pengguna, Tes, dan Keluar. Jika Action Pengguna ditekan maka akan menampilkan form pengaturan pengguna. Action akan menampilkan form yang berbeda sesuai dengan hak akses. Jika Administrator yang menekan tombol maka akan ditampilkan form untuk memulai tes, apabila Pembuat Soal yang menekan tombol maka akan ditampilkan form untuk pengelolaan tes. Terakhir adalah tombol Keluar yang digunakan untuk keluar dari aplikasi.
4.3.4 Rancangan Form Pengaturan Pengguna
Gambar 4.17 Rancangan Form Pengaturan Pengguna
Gambar 4.17 merupakan rancangan tampilan untuk pengaturan pengguna yang dijalankan oleh Administrator. Tombol tambah berfungsi untuk menambah pengguna baru, kemudian Administrator mengisi username dengan nomor induk pegawai, password, beserta menentukan tipe pengguna. Tombol Ubah digunakan untuk mengubah
(4)
pengguna. Sedangkan tombol hapus digunakan untuk menghapus pengguna.
4.3.5 Rancangan Form Pengelolaan Tes oleh Pembuat Soal
Gambar 4.18 Rancangan Form Pengelolaan Tes
Gambar 4.18 merupakan rancangan form pengelolaan tes yang dijalankan oleh Pembuat Soal. Bagian kiri merupakan daftar tes yang tersimpan dalam basis data. Tombol-tombol disebelah kanan atas digunakan untuk menambah, mengubah, dan menghapus tes, serta tombol untuk mengisi soal-soal dan jawaban-jawaban pada tes yang dipilih oleh Pembuat Soal.
(5)
4.3.6 Rancangan Form Tes oleh Adminstrator
Gambar 4.19 Rancangan Form Tes
Gambar 4.19 merupakan tampilan Form Tes jika yang menjalankan adalah Administrator. Pada bagian sebelah kiri merupakan daftar tes yang tersimpan pada basis data. Untuk memulai tes maka Administrator memilih salah satu daftar tes dan selanjutnya menekan tombol Jalankan Tes. Tombol Cetak Nilai berfungsi untuk mencetak hasil tes yang telah dijalankan sebelumnya.
(6)
4.3.7 Rancangan Form Tes Peserta
Gambar 4.20 Rancangan Form Tes Peserta
Pada Gambar 4.20 menunjukan rancangan Form yang digunakan calon mahasiswa untuk mengerjakan tes. Bagian paling atas merupakan nomor urut tes yang sedang dikerjakan beserta jumlah soal yang diberikan dan sisa waktu yang tersedia. Bagian tengah adalah soal atau pertanyaan beserta pilihan jawaban yang tersedia. Bagian bawah terdapat pilihan jawaban berupa Combo Box disertai dengan tombol untuk menyimpan jawaban, tombol untuk menampilkan soal yang selanjutnya, dan tombol untuk mengentikan tes. Apabila tombol tes ditekan maka jawaban akan dikirim ke server dan hasil tes akan ditampilkan.