25
BAB III ANALISA DAN PERANCANGAN SISTEM 3.1
Analisa Sistem Secara umum pengertian dari sistem adalah sekelompok elemen atau
komponen yang saling berhubungan dan bekerjasama dalam mencapai suatu tujuan tertentu. Elemen-elemen dari suatu sistem pada dasarnya terdiri dari input, proses dan output. Sistem ujian online essay berbasis web disini dijelaskan tahapan analisa sistem yang memproses input dari tiga pengguna yaitu user mahasiswa, user dosen dan administrator. Dalam sistem ujian online essay disini terdiri dari tiga user yang merupakan entitas-entitas yang melakukan fungsinya masing-masing, oleh karena itu perlu mendefinisikan fungsi masing-masing entitas dalam sistem agar dalam perancangan sistem tidak terjadi kesalahankesalahan dalam implementasinya. 3.1.1
Alur Sistem Sistem ujian online essay berbasis web dikembangkan atas dasar fungsi
operasi dari user dosen dan mahasiswa yang harus dilakukan dalam menempuh ujian konvensional. Dosen dan mahasiswa adalah pengguna sistem yang melakukan proses ujian, didalam sistem ini dosen sebagai penyedia bahan ujian sedangkan mahasiswa adalah peserta ujian. Sementara itu administrator adalah pengguna dari sistem yang menyediakan layanan atau sebagai pengelola sistem agar user dosen dan mahasiswa dapat melaksanakan proses ujian didalam sistem tanpa masalah. Berdasarkan kebutuhan dari user terhadap sistem berikut ini dijelaskan fungsi masing-masing entitas user dalam sistem : 1. Entitas Dosen : user dosen merupakan entitas external yang menggunakan sistem dalam hal memberikan bahan ujian kepada user mahasiswa. Fungsi: mengelola soal, memberi penilaian, melihat nilai
26
2. Entitas Mahasiswa : user mahasiswa merupakan entitas external dari sistem yang melakukan ujian secara online berdasarkan bahan yang diberikan oleh user dosen. Fungsi : melaksanakan ujian, melihat nilai 3. Entitas Administrator : administrator adalah pemelihara dan pengelola sistem yang menyediakan berbagai kebutuhan dari user dosen dan mahasiswa terhadap sistem. Fungsi : menambah pengguna, menghapus pengguna Dalam Gambar 3.1 berikut ditampilkan alur proses sistem yang terjadi didalam operasional sistem berdasarkan fungsi kebutuhan masing-masing user.
Gambar 3.1 Diagram Sistem Ujian Online
3.2
Perancangan Aplikasi Agar aplikasi ini mudah dipahami maka pembuatan permodelan use case
diagram untuk menunjukan fungsionalita suatu sistem. Permodelan sequance diagram untuk menggambarkan interaksi antar objek di dalam dan di sekitar sistem, permodelan diagram aktifitas untuk mengurutkan aktifitas dalam suatu proses.
27
3.2.1
Use Case Diagram Use Case Diagram memperlihatkan himpunan use case dan aktor.
Diagram ini penting untung 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.
Gambar 3.2 Use Case Diagram Proses Ujian Online Essay
28
3.2.1.1 Use Case Diagram Administrator
Gambar 3.3 Use Case Diagram Administrator
Berikut ini adalah keterangan dari use case yang dilakukan oleh administrator : Tabel 3.1 Deskripsi use case diagram login admin Nama Use Case
Login
Aktor
Administrartor
Deskripsi
Use case ini menjelaskan bahwa sebelum administrator masuk ke dalam sistem maka administrator harus login terlebih dahulu untuk dapat mengakses halaman administrator. Tabel 3.1 Login Admin
Tabel 3.2 Deskripsi use case diagram menambah pengguna admin Nama Use Case
Menambah pengguna
Aktor
Administrartor
Deskripsi
Use case ini menjelaskan bahwa administrator mempunyai wewenang siapa saja yang dapat masuk ke sistem. Aktor dosen harus meminta username dan password terlebih dahulu kepada administrator untuk dapat login. Aktor mahasiswa harus meminta username dan password terlebih dahulu kepada administrator untuk dapat login. Administrator
29
berwewenang menambah pengguna mahasiswa.
pengguna dosen dan
Tabel 3.2 Menambah Pengguna Admin
Tabel 3.3 Deskripsi use case diagram menghapus pengguna admin Nama Use Case
Menghapus pengguna
Aktor
Administrartor
Deskripsi
Use case ini menjelaskan bahwa administrator dapat menghapus pengguna dosen dan pengguna mahasiswa. Tabel 3.3 Menghapus Pengguna Admin
3.2.1.2 Use Case Diagram Dosen
Gambar 3.4 Use Case Diagram Dosen
Berikut ini adalah keterangan dari use case yang dilakukan oleh dosen :
30
Tabel 3.4 Deskripsi use case diagram login dosen Nama Use Case
Login
Aktor
Dosen
Deskripsi
Use case ini menjelaskan bahwa sebelum dosen masuk ke dalam sistem maka dosen harus login terlebih dahulu untuk dapat mengakses halaman dosen. Tabel 3.4 Login Dosen
Tabel 3.5 Deskripsi use case diagram menambah soal dosen Nama Use Case
Menambah soal
Aktor
Dosen
Deskripsi
Use case ini menjelaskan bahwa hanya dosen yang dapat menambah soal. Tabel 3.5 Menambah Soal Dosen
Tabel 3.6 Deskripsi use case diagram pengelolaan soal dosen Nama Use Case
Mengelola soal
Aktor
Dosen
Deskripsi
Use case ini menjelaskan bahwa dosen dapat melakukan lihat soal, edit soal dan hapus soal. Tabel 3.6 Pengelolaan Soal Dosen
Tabel 3.7 Deskripsi use case diagram memberi penilaian dosen Nama Use Case
Memberi Penilaian
Aktor
Dosen
Deskripsi
Use case ini menjelaskan bahwa setelah jawaban yang di input oleh aktor mahasiswa masuk ke dalam database maka dosen akan mengoreksi jawaban. Dosen memberi nilai secara manual untuk kemudian
31
masuk ke dalam database. Dosen memberi penilaian pada data ujian yang sudah masuk Tabel 3.7 Memberi Penilaian Dosen
3.2.1.3 Use Case Diagram Mahasiswa
Gambar 3.5 Use Case Diagram Mahasiswa
Berikut ini adalah keterangan dari use case yang dilakukan oleh mahasiswa : Tabel 3.8 Deskripsi use case diagram login mahasiswa Nama Use Case
Login
Aktor
Mahasiswa
Deskripsi
Use case ini menjelaskan bahwa sebelum mahasiswa masuk ke dalam sistem maka mahasiswa harus login terlebih dahulu untuk dapat mengakses halaman mahasiswa. Tabel 3.8 Login Mahasiswa
Tabel 3.9 Deskripsi use case diagram mengerjakan ujian mahasiswa Nama Use Case
Mengerjakan ujian
32
Aktor
Mahasiswa
Deskripsi
Use
case
ini
menjelaskan
bahwa
mahasiswa
mengerjakan ujian kemudian jawaban yang telah di submit akan masuk ke dalam database. Tabel 3.9 Mengerjakan Ujian Mahasiswa
Tabel 3.10 Deskripsi use case diagram melihat nilai mahasiswa Nama Use Case
Melihat nilai
Aktor
Mahasiswa
Deskripsi
Use case ini menjelaskan bahwa mahasiswa dapat melihat nilai yang sudah di input oleh aktor dosen. Tabel 3.10 Melihat Nilai Mahasiswa
3.2.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.
3.2.2.1 Activity Diagram Login Sistem
33
Gambar 3.6 Activity Diagram Login Sistem
Tabel 3.11 Deskripsi activity diagram login sistem Nama activity
Login sistem
Aktor
Administrator, user dosen dan user mahasiswa
Deskripsi
Aktor membuka tampilan interface, maka akan tampil form login. Masukkan username dan password yang sesuai maka akan muncul tampilan menu utama aplikasi dan jika username dan password tidak sesuai maka akan kembali ke form login. Tabel 3.11 Login Sistem
3.2.2.2 Activity Diagram Tambah Pengguna
34
Gambar 3.7 Activity Diagram Tambah Pengguna
Tabel 3.12 Deskripsi activity diagram tambah pengguna Nama activity
Tambah pengguna
Aktor
Administrator
Deskripsi
Aktor membuka form tambah pengguna. Kemudian melengkapi data yang ada di form tambah pengguna. Maka akan diseleksi oleh sistem apabila data tidak lengkap maka akan kembali ke tampilan tambah pengguna. Dan apabila data lengkap maka sistem akan menyimpannya ke database. Tabel 3.12 Tambah Pengguna
3.2.2.3 Activity Diagram Hapus Pengguna
35
Gambar 3.8 Activity Diagram Hapus Pengguna
Tabel 3.13 Deskripsi activity diagram hapus pengguna Nama activity
Hapus pengguna
Aktor
Administrator
Deskripsi
Aktor memilih halaman data pengguna. Kemudian sistem menampilkan halaman data pengguna. Aktor memilih menu hapus pengguna. Sistem mengkonfirmasi hapus pengguna kemudian menghapus dari basis data. Tabel 3.13 Hapus Pengguna
3.2.2.4 Activity Diagram Edit Profil Pengguna
36
Gambar 3.9 Activity Diagram Edit Profil Pengguna
Tabel 3.14 Deskripsi activity diagram edit profil pengguna Nama activity
Edit profil pengguna
Aktor
Dosen/Mahasiswa
Deskripsi
Aktor memilih halaman profil pengguna kemudian akan menampilkan halaman profil pengguna. Aktor memilih menu edit profil dan akan menampilkan form pembaruan profil yang berisikan username dan password. Kemudian aktor memasukkan data yang akan diperbarui dan sistem menyimpan ke basis data. Tabel 3.14 Edit Profil Pengguna
3.2.2.5 Activity Diagram Menambah Soal
37
Gambar 3.10 Activity Diagram Menambah Soal
Tabel 3.15 Deskripsi activity diagram menambah soal Nama activity
Menambah soal
Aktor
Dosen
Deskripsi
Aktor memilih menu menambah soal dan sistem menampilkan
form
isian
soal.
Kemudian
aktor
memasukkan kode soal dan mengisi soal. Sistem akan memeriksa kelengkapan soal, jika soal tidak lengkap maka akan kembali ke isian soal dan jika soal lengkap maka akan memasukkan ke basis data. Tabel 3.15 Menambah Soal
3.2.2.6 Activity Diagram Memberi Penilaian
38
Gambar 3.11 Activity Diagram Memberi Penilaian
Tabel 3.16 Deskripsi activity diagram memberi penilaian Nama activity
Memberi Penilaian
Aktor
Dosen
Deskripsi
Aktor memilih menu koreksi nilai dan sistem akan menampilkan halaman koreksi ujian. Aktor memilih kode soal yang sesuai yang akan dikoreksi. Kemudian sistem menampilkan nama mahasiswa yang sudah mengerjakan ujian. Aktor akan memberi penilaian manual pada form nilai. Sistem akan memeriksa apakah nilai total kurang dari sama dengan 100 maka akan menyimpan ke basis data, jika nilai total lebih dari 100 maka akan kembali ke form penilaian. Tabel 3.16 Memberi Penilaian
3.2.2.7 Activity Diagram Pengerjaan Ujian
39
Gambar 3.12 Activity Diagram Pengerjaan Ujian
Tabel 3.17 Deskripsi activity diagram pengerjaan ujian Nama activity
Pengerjaan ujian
Aktor
Mahasiswa
Deskripsi
Aktor memilih menu mengerjakan ujian dan sistem menampilkan kode soal. Sistem akan menampilakan soal form soal dan jawaban sesuai kode soal. Aktor memasukan jawaban yang sesuai kemudian sistem akan memeriksa kelangkapan jawaban, apabila jawaban tidak lengkap maka akan kembali ke form soal dan jawaban dan jika soal lengkap maka akan menyimapan ke basis data. Tabel 3.17 Mengerjakan ujian
40
3.2.3 Class Diagram
Gambar 3.13 Class Diagram
Pada gambar diatas terlihat proses class Admin, Dosen, Mahasiswa, Soal, Jawaban dan Nilai berjalan. Maka hasilnya akan diteruskan ke masing-masing fungsi class. Class admin berhubungan dengan class dosen dan class mahasiswa. Class dosen berhubungan dengan class soal, jawaban dan nilai. Class mahasiswa berhubungan dengan class soal, jawaban dan nilai.
3.3
Perancangan Basis Data Tabel dalam perancangan basis data dalam membangun aplikasi ujian
online adalah sebagai berikut: 3.3.1
Rancangan Struktur Basis Data
41
1. Nama Tabel : Administrator Field id_admin nama_admin username password
Tipe int (1) varchar(30) varchar(30) varchar(32)
Keterangan primary key
Tabel 3.18 Administrator
2. Nama Tabel : Dosen
Field id_dosen nidn kelas nama_dosen usename password
Tipe int (4) varchar(20) varchar(15) varchar(30) varchar(30) varchar(32)
Keterangan primary key
Tabel 3.19 Dosen
3. Nama Tabel : Mahasiswa
Field id_mahasiswa kelas nim nama_mahasiswa usename password
Tipe int (4) varchar(15) varchar(12) varchar(30) varchar(30) varchar(32)
Keterangan primary key
Tabel 3.20 Mahasiswa
4. Nama Tabel : Jawaban
Field id_jawaban kelas kdsoal nim
Tipe int (11) varchar(15) varchar(10) int(15)
Keterangan primary_key
42
nama_mahasiswa jawaban1 jawaban2 jawaban3 jawaban4 jawaban5 jawaban6 jawaban7 jawaban8 jawaban9 jawaban10
varchar(30) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) Tabel 3.21 Jawaban
5. Nama Tabel : Soal
Field id_soal kelas kdsoal soal1 soal2 soal3 soal4 soal5 soal6 soal7 soal8 soal9 soal10 status_publish
Tipe int (4) varchar(15) varchar(10) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(1000) varchar(15)
Keterangan primary key
Tabel 3.22 Soal
6. Nama Tabel : Nilai
Field id_nilai kelas kdsoal nama_mahasiswa nim
Tipe int (5) varchar(15) varchar(13) varchar(30) varchar(15)
Keterangan primary key
43
nilai
varchar(3) Tabel 3.23 Nilai
3.4
Rancangan Antarmuka Rancangan antarmuka diperlukan untuk menggambarkan bagaimana
aplikasi yang nantinya akan dibuat dengan maksud pengguna akan menjadi lebih mudah memahami cara kerja aplikasi. 3.4.1 Rancangan Antarmuka Halaman Login Halaman login adalah halaman yang pertama sebelum masuk ke sistem. Setiap pengguna diwajibkan login terlebih dahulu sebelum masuk ke sistem. Pada halaman ini terdiri dari username dan password. Jika username dan password dimasukkan dengan benar maka akan masuk ke halaman utama.
Gambar 3.8 Rancangan Antarmuka Halaman Login
3.4.2 Rancangan Antarmuka Halaman Administrator Halaman Administrator adalah halaman yang digunakan untuk melakukan pendaftaran kelas dan melihat data kelas. 3.4.2.1 Rancangan Halamam Awal Administrator
44
Gambar 3.14 Rancangan Antarmuka Halaman Awal Administrator
3.4.2.2 Rancangan Halaman Pendaftaran Kelas
Gambar 3.15 Rancangan Antarmuka Pendaftaran Pengguna
3.4.2.3 Rancangan Halaman Data Kelas
45
Gambar 3.16 Rancangan Antarmuka Data Kelas
3.4.3 Rancangan Antarmuka Halaman Dosen Halaman Dosen adalah halaman yang digunakan untuk melakukan pengaturan soal dan nilai. Dihalaman ini terdapat menu menambahkan soal dan menambahkan nilai. 3.4.3.1 Rancangan Antarmuka Halaman Awal Dosen
Gambar 3.12 Rancangan Antarmuka Halaman Awal Dosen
3.4.3.2 Rancangan Antarmuka Menambah Soal
46
Gambar 3.18 Rancangan Antarmuka Menambah Soal
3.4.3.3 Rancangan Antarmuka Kelola Soal
Gambar 3.19 Rancangan Antarmuka Halaman Kelola Soal
3.4.3.4 Rancangan Antarmuka Kode Soal
47
Gambar 3.20 Rancangan Antarmuka Kode Soal
3.4.3.5 Rancangan Antarmuka Koreksi Nilai
Gambar 3.21 Rancangan Antarmuka Koreksi Nilai
3.4.4 Rancangan Antarmuka Halaman Mahasiswa
48
Halaman Mahasiswa adalah halaman yang digunakan untuk melakukan ujian. Di halaman mahasiswa ini mahasiswa dapat memilih kode soal terlebih dahulu untuk melaksanakan ujian. Dan mahasiswa dapat melihat nilai yang sudah dikoreksi dosen. 3.4.4.1 Rancangan Antarmuka Halaman Awal Mahasiswa
Gambar 3.22 Rancangan Antarmuka Halaman Awal Mahasiswa
3.4.4.2 Rancangan Antarmuka Kode Soal Mahasiswa
Gambar 3.23 Rancangan Antarmuka Kode Soal Mahasiswa
3.4.4.3 Rancangan Antarmuka Pengerjaan Ujian
49
Gambar 3.24 Rancangan Antarmuka Pengerjaan Ujian
