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 use case diagram login admin Nama Use Case Login Administrartor 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 use case diagram menambah pengguna admin Nama Use Case Menambah pengguna Administrartor Use case ini menjelaskan bahwa administrator mempunyai wewenang siapa saja yang dapat masuk ke sistem. dosen harus meminta username dan password terlebih dahulu kepada administrator untuk dapat login. mahasiswa harus meminta username dan password terlebih dahulu kepada administrator untuk dapat login. Administrator
29 berwewenang menambah pengguna dosen dan pengguna mahasiswa. Tabel 3.2 Menambah Pengguna Admin Tabel 3.3 use case diagram menghapus pengguna admin Nama Use Case Menghapus pengguna Administrartor Use case ini menjelaskan bahwa administrator dapat menghapus pengguna dosen dan pengguna mahasiswa. 3.2.1.2 Use Case Diagram Dosen Tabel 3.3 Menghapus Pengguna Admin Gambar 3.4 Use Case Diagram Dosen Berikut ini adalah keterangan dari use case yang dilakukan oleh dosen :
30 Tabel 3.4 use case diagram login dosen Nama Use Case Login Dosen 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 use case diagram menambah soal dosen Nama Use Case Menambah soal Dosen Use case ini menjelaskan bahwa hanya dosen yang dapat menambah soal. Tabel 3.5 Menambah Soal Dosen Tabel 3.6 use case diagram pengelolaan soal dosen Nama Use Case Mengelola soal Dosen Use case ini menjelaskan bahwa dosen dapat melakukan lihat soal, edit soal dan hapus soal. Tabel 3.6 Pengelolaan Soal Dosen Tabel 3.7 use case diagram memberi penilaian dosen Nama Use Case Memberi Penilaian Dosen 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 use case diagram login mahasiswa Nama Use Case Login Mahasiswa 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 use case diagram mengerjakan ujian mahasiswa Nama Use Case Mengerjakan ujian
32 Mahasiswa 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 use case diagram melihat nilai mahasiswa Nama Use Case Melihat nilai Mahasiswa 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 activity diagram login sistem Nama activity Login sistem Administrator, user dosen dan user mahasiswa 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 activity diagram tambah pengguna Nama activity Tambah pengguna Administrator 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. 3.2.2.3 Activity Diagram Hapus Pengguna Tabel 3.12 Tambah Pengguna
35 Gambar 3.8 Activity Diagram Hapus Pengguna Tabel 3.13 activity diagram hapus pengguna Nama activity Hapus pengguna Administrator memilih halaman data pengguna. Kemudian sistem menampilkan halaman data pengguna. 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 activity diagram edit profil pengguna Nama activity Edit profil pengguna Dosen/Mahasiswa memilih halaman profil pengguna kemudian akan menampilkan halaman profil pengguna. 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. 3.2.2.5 Activity Diagram Menambah Soal Tabel 3.14 Edit Profil Pengguna
37 Gambar 3.10 Activity Diagram Menambah Soal Tabel 3.15 activity diagram menambah soal Nama activity Menambah soal Dosen 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 activity diagram memberi penilaian Nama activity Memberi Penilaian Dosen memilih menu koreksi nilai dan sistem akan menampilkan halaman koreksi ujian. memilih kode soal yang sesuai yang akan dikoreksi. Kemudian sistem menampilkan nama mahasiswa yang sudah mengerjakan ujian. 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 activity diagram pengerjaan ujian Nama activity Pengerjaan ujian Mahasiswa memilih menu mengerjakan ujian dan sistem menampilkan kode soal. Sistem akan menampilakan soal form soal dan jawaban sesuai kode soal. 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 Tipe Keterangan id_admin int (1) primary key nama_admin varchar(30) username varchar(30) password varchar(32) Tabel 3.18 Administrator 2. Nama Tabel : Dosen Field Tipe Keterangan id_dosen int (4) primary key nidn varchar(20) kelas varchar(15) nama_dosen varchar(30) usename varchar(30) password varchar(32) Tabel 3.19 Dosen 3. Nama Tabel : Mahasiswa Field Tipe Keterangan id_mahasiswa int (4) primary key kelas varchar(15) nim varchar(12) nama_mahasiswa varchar(30) usename varchar(30) password varchar(32) Tabel 3.20 Mahasiswa 4. Nama Tabel : Jawaban Field Tipe Keterangan id_jawaban int (11) primary_key kelas varchar(15) kdsoal varchar(10) nim int(15)
42 nama_mahasiswa jawaban1 jawaban2 jawaban3 jawaban4 jawaban5 jawaban6 jawaban7 jawaban8 jawaban9 jawaban10 varchar(30) Tabel 3.21 Jawaban 5. Nama Tabel : Soal Field Tipe Keterangan id_soal int (4) primary key kelas varchar(15) kdsoal varchar(10) soal1 soal2 soal3 soal4 soal5 soal6 soal7 soal8 soal9 soal10 status_publish varchar(15) Tabel 3.22 Soal 6. Nama Tabel : Nilai Field Tipe Keterangan id_nilai int (5) primary key kelas varchar(15) kdsoal varchar(13) nama_mahasiswa varchar(30) nim varchar(15)
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
Gambar 3.24 Rancangan Antarmuka Pengerjaan Ujian 49