BAB IV PERANCANGAN SISTEM

Transkripsi

1 BAB IV PERANCANGAN SISTEM 4.1 Deskripsi Sistem Pembangunan e-learning praktikum perencanaan dan pengendalian produksi teknik industri universitas widyatama merupakan satu kesatuan perangkat lunak yang diharapkan mampu : 1. Menyediakan fasilitas yang dapat digunakan mahasiswa untuk belajar mandiri di luar jam perkuliahan. 2. Untuk memudahkan proses belajar mengajar bagi dosen maupun mahasiswa 4.2 Pengguna Sistem Software aplikasi ini dirancang untuk dapat digunakan oleh pengguna atau user, yaitu : 1. Administrator sebagai user yang mempunyai hak otoritas paling tinggi karena administrator bertugas untuk mengelola user dan mengelola berita. 2. Dosen sebagai user yang mempunyai hak akses melakukan proses perkuliahan (pengajar). 3. Mahasiswa mempunyai hak akses sebagai pengguna yang melakukan aktifitas perkuliahan. 4.3 Perancangan Sistem Berdasarkan informasi permasalahan, maka di kembangkan sebuah perangkat lunak atau software yang dapat memudahkan proses belajar mengajar bagi dosen maupun mahasiswa. Oleh karena itu, langkah awal dalam perancangan suatu sistem perangkat lunak yaitu sebagai berikut : IV - 1

2 IV Activity Diagram Berikut ini adalah Activity Diagram pembangunan e-learning: mahasiswa, dosen dan admin Start membuka website halaman utama elearning menekan tombol login memasukan username dan password username dan password invalid username dan password valid cek hak aksen/ jabatan mahasiswa Halaman utama mahasiswa dosen redirect halaman utama dosen admin redirect halaman utama admin Finish Gambar 4.1 Activity Diagram Login User (Mahasiswa,Dosen dan Admin)

3 IV - 3 Mahasiswa dan Dosen start memilih menu biodata tampil detail data biodata user pilih edit biodata ubah nama,alamat, ,phone dan pilih submit form masih kosong / invalid form terisi/valid simpan perubahan data user finish Gambar 4.2 Activity Diagram mengelola User (Mahasiswa,Dosen)

4 IV - 4 admin start pilih menu pengolahan user tampil detail data user pilih insert user pilih update user pilih delete user input npm/nip, nama, , phone, alamat, password ubah npm/nip, , phone, alamat, password konfirmasi hapus data user form tidak terisi/invalid form data terisi /valid simpan penambahan data user form tidak terisi/invalid form data terisi/valid simpan perubahan data user form tidak terisi/invalid form data terisi/valid simpan perubahan data user finish Gambar 4.3 Activity Diagram mengelola User (Admin)

5 IV - 5 mahasiswa start pilih menu modul praktikum pilih sub menu modul tampil modul dengan pilihan user Finish Gambar 4.4 Activity Diagram view modul praktikum (Mahasiswa) mahasiswa start pilih menu quiz tampil soal quiz dan waktu ujian user menjawab soal quiz waktu ujian habis ujian selesai dan menekan tombol jawab tampil nilai quiz user simpan nilai quiz finish Gambar 4.5 Activity Diagram view kuis (Mahasiswa)

6 IV - 6 mahasiswa start pilih menu referensi tampil list referensi pilih tombol download tampil referensi pilihan yang di unduh finish Gambar 4.6 Activity Diagram view referensi (Mahasiswa)

7 IV - 7 Administrator start pilih menu pengolahan berita tampil list data berita pilih insert berita insert berita edit berita pilih edit berita pilih delete berita delete berita masukan judul,isi berita dan menekan tombol submit merubah judul,isi berita dan menekan tombol submit konformasi penghapusan berita data kosong/invalid data di isi/valid simpan penambahan data berita ke data base simpan perubahan data berita ke database finish Gambar 4.7 Activity Diagram mengelola berita (Administrator)

8 IV - 8 Dosen dan Admin start pilih menu pengolahan referensi tampil list pengolahan referensi pilih insert soal quiz insert berita edit berita pilih edit soal quiz pilih delete soal quiz delete berita masukan soal,pilihan a,pilihan b, pilihan c,pilihand,jawaban,publish dan menekan tombol submit merubah soal,pilihan a,pilihan b, pilihan c,pilihand,jawaban,publish dan menekan tombol submit konformasi penghapusan soal quiz data kosong /invalid data di isi /valid si mpan penambahan data soal quiz ke data base simpan perubahan data soal quiz ke database tampil list pengolahan referensi pilih upload photo pilih file photo dan menekan tombol upload si mpan perubahan data soal quiz ke database finish Gambar 4.8 Activity Diagram mengelola referensi (Dosen)

9 IV - 9 Dosen start pilih menu pengolahan quiz tampil list data soal quiz pilih insert soal uts atau uas insert soal quiz pilih edit soal uts atau uas edit soal quiz delete soal quiz pilih delete soal uts atau uas masukan soal, jawaban a, jawaban b, jawaban c, jawaban d, jawaban, publish, tipe ujian dan menekan tom... merubah soal, jawaban a, jawaban b, jawaban c, jawaban d, jawaban, publish, tipe ujian dan menekan tom... konformasi penghapusan soal uts atau uas data kosong/invalid data di isi/valid simpan penambahan data soal uts atau uas ke data base simpan perubahan data uts atau uas ke database fini sh Gambar 4.9 Activity Diagram mengelola Kuis (Dosen)

10 IV - 10 Dosen start pilih menu pengolahan nilai pilih edit nilai tampil nilai npm dan nilai mahasiswa merubah nilai mahasiswa dan menekan submit simpan perubahan nilai mahasiswa finish Gambar 4.10 Activity Diagram mengelola Nilai(Dosen)

11 IV - 11 Dosen Start pilih menu pengolahan tugas tampil list tugas pilih delete tugas pilih download laporan pilih download tugas pendahuluan konfirmasi hapus tugas tampil file yg di download tampil file yg di download Finish Gambar 4.11 Activity Diagram mengelola Tugas(Dosen)

12 IV - 12 Mahasiswa start pilih menu tugas tampil list tugas pilih sub menu upload laporan pilih sub menu upload tugas pendahuluan tampil form upload tugas laporan tampil form upload tu... Fi nish Gambar 4.12 Activity Diagram select Tugas(Mahasiswa) 4.4 Sequence Diagram Untuk mengetahui interaksi sistem dengan pengguna, maka digunakan sequence diagram untuk memodelkan sistem yang dirancang. Dengan sequence diagram, alur kerja dan cara interaksi sistem dengan user dapat dilihat.

13 IV - 13 Administrator, Dosen,Mahasiswa : User : Form Login : authentikasi : T_user memasukan data user() kirim data user() cek data user() data user valid() menampilkan halaman utama administrator() data user valid() menampilkan halaman utama dosen() data user valid() menampilkan halaman utama mahasiswa() data user invalid() mengirim pesan user tidak terdaftar() menampilkan form login() menampilkan pesan user tidak terdaftar() Gambar 4.13 Sequence Diagram untuk Login (Mahasiswa, Dosen dan Admin)

14 IV - 14 : Administrator : Form Kelola User : Controller Admin : T_user menampilkan form insert user dosen() memasukan data user () cek data user() tambah data dosen() memanggil kelola user dosen() mengirim pesan berhasil ditambahkan() menampilkan halaman kelola user dosen() menampilkan pesan berhasil ditambahkan() pilih kelola user mahasiswa() kirim pilihan kelola mahasiswa() cek data mahasiswa() memanggil kelola user mahasiswa() menampilkan halaman kelola user mahasiswa() pilih insert mahasiswa() kirim pilihan insert mahasiswa() memanggil form insert mahasiswa() menampilkan form insert mahasiswa() memasukan data user() cek data user() tambah data mahasiswa() memanggil kelola user () mengirim pesan berhasil ditambahkan() menampilkan halaman kelola user mahasiswa() menampilkan pesan berhasil ditambahkan() Gambar 4.14 Sequence Diagram untuk Kelola User (insert)

15 IV - 15 : Administrator pilih edit dosen() : Form Kelola User : Controller Admin : T_user kirim pilihan edit dosen() cek id dosen() memangil form edit dosen() menampilkan form edit dosen() memasukan data dosen() cek data user() ubah data dosen() memanggil kelola user() mengirim pesan berhasil diubah() menampilkan halaman kelola dosen() menampilkan pesan berhasil diubah() pilih edit mahasiswa() kirim pilihan edit mahasiswa() cek id mahasiswa() memanggil form edit mahasiswa() menampilkan form edit mahasiswa() memasukan data mahasiswa() cek data user() ubah data mahasiswa() memanggil kelola user mahasiswa() mengirim pesan berhasil diubah() menampilkan halaman kelola user mahasiswa() menampilkan pesan berhasil diubah() Gambar 4.15 Sequence Diagram untuk Kelola User (Update)

16 IV - 16 : Administrator : Form Kelola User : Controller Admin : T_user pilih delete dosen() kirim hapus dosen() cek id dosen() mengirim pesan konfirmasi hapus dosen() menampilkan pesan konfirmasi hapus dosen() konfirmasi pesan hapus dosen() konfirmasi pilihan hapus dosen() hapus data dosen() memanggil kelola user() mengirim pesan berhasil dihapus() menampilkan halaman kelola user dosen() menampilkan pesan berhasil dihapus() pilih delete mahasiswa() kirim pilihan hapus mahasiswa() cek id mahasiswa() mengirim pesan konfirmasi hapus mahasiswa() menapilkan pesan konfirmasi hapus mahasiswa() konfirmasi hapus mehasiswa() konfirmasi pilihan hapus mahasiswa() hapus data mahasiswa() memanggil kelola user mahasiswa() mengirim pesan berhasil dihapus() menampilkan halaman kelola user mahasiswa() menampilkan pesan berhasil dihapus() Gambar 4.16 Sequence Diagram untuk Kelola User (Delete)

17 IV - 17 Dosen, Mahasiswa : User : Form kelola account user menampilkan detail biodata dosen() : Controller Dosen : Controller Mhs : T_user pilih edit biodata() kirim pilihan edit biodata() cek id dosen() memanggil forl edit biodata() menampilkan form edit biodata() memasukan biodata dosen() cek data user() ubah biodata dosen() memanggil form biodata dosen() menampilkan halaman biodata dosen() menampilkan detail biodata mahasiswa() pilih edit biodata() kirim pilihan edit biodata() cek id mahasiswa() memanggil form edit biodata () menampilkan form edit biodata() memasukan biodata mahasiswa() cek data user() ubah biodata mahasiswa() memanggil form biodata mahasiswa() menampilkan halaman biodata mahasiswa() Gambar 4.17 Sequence Diagram untuk Kelola Account User

18 IV - 18 Dosen, Mahasiswa : User : Form Kelola Modul_prak : Controller Dosen : Controller Mhs : T_modul_prak memasukan data modul praktikum() cek data masukan() tambah data modul praktikum() memanggil form kelola modul prak() mengirim pesan berhasil ditambahkan() menampilkan data modul praktikum() menampilkan pesan berhasil ditambahkan() pilih edit modul praktikum() kirim pilihan edit modul prak() cek data modul prak() memanggil form edit modul prak() menampilkan form edit modul prak() mengubah data modul prak() cek data masukan() ubah data modul prak() memanggil form kelola modul prak() mengirim pesan berhasil diubah() menampilkan data modul prak() menampilkan pesan berhasil diubah() pilih delete modul prak() kirim pilihan delete modul prak() cek id modul prak() mengirim pesan konfirmasi hapus modul prak() menampilkan pesan konfirmasi hapus modul prak() konfirmasi hapus modul prak() kirim pilihan hapus modul prak() hapus data modul prak() memanggil form kelola modul prak() mengirim pesan berhasil dihapus() menampilkan data modul prak() menampilkan pesan berhasil dihapus() pilih modul prak() kirim pilihan modul prak() cek id modul prak() memanggil halaman modul prak() menampilkan halaman modul prak () Gambar 4.18 Sequence Diagram untuk Kelola Modul Praktikum

19 IV - 19 Dosen, Mahasiswa : User : Form kelola Soal : Controller Dosen : Controller Mhs : T_soal menampilkan form insert soal() memasukan data soal() cek data soal() tambah data soal() memanggil form kelola soal() mengirim pesan berhasil ditambahkan() menampilkan halaman kelola soal() menampilkan pesan berhasil ditambahkan() pilih edit soal () kirim pilihan edit soal() cek id soal() memanggil form edit soal() menampilkan form edit soal() memasukan data soal() cek data soal() ubah data soal() memanggil form kelola soal() mengirim pesan berhasil diubah() menampilkan halaman kelola soal() menampilkan pesan berhasil diubah() pilih delete soal() kirim pilihan hapus soal() cek id soal() mengirim pesan konfirmasi hapus soal() menampilkan pesan konfirmasi hapus soal() konfirmasi hapus soal() kirim pilihan konfirmasi hapus soal() hapus data soal() memanggil form kelola soal() mengirim pesan berhasil dihapus() menampilkan halaman kelola soal() menampilkan pesan berhasil dihapus() pilih menu pilih soal kuis() kirim pilihan menu soal kuis() cek data soal() memanggil halaman soal kuis() menampilkan halaman soal kuis() menjawab soal kuis() cek jawaban soal kuis() cek data jawaban() memanggil form hasil nilai kuis() menampilkan form hasil nilai kuis() Gambar 4.19 Sequence Diagram untuk mengelola Soal

20 IV - 20 Dosen,Mahasiswa : User : Form Kelola Nilai : Controller Dosen : Controller Mhs : T_nilai menampilkan form edit nilai() mengubah nilai kuis mahasiswa() cek data kuis() ubah data nilai() memanggil kelola nilai() mengirim pesan berhasil diubah() menampilkan halaman kelola nilai() menampilkan pesan berhasil diubah() pilih menu nilai kuis() kirim pilihan menu nilai kuis() cek id nilai() memanggil form nilai kuis() menampilkan halaman nilai kuis() Gambar 4.20 Sequence Diagram untuk mengelola Nilai

21 IV - 21 Dosen, Mahasiswa : User menampilkan form insert referensi() : Form Kelola Referensi : Controller Dosen : Controller Mhs : T_referensi memasukan data referensi() meng-upload file referensi() cek data referensi() tambah data referensi() memanggil form kelola referensi() mengirim pesan berhasil ditambahkan() menampilkan halaman kelola referensi() menampilkan pesan berhasil ditambahkan() pilih edit referensi() kirim pilihan edit referensi() cek id referensi() memanggil form edit ferensi() menampilkan form edit referensi() memasukan data referensi() cek data referensi() ubah data referensi() memanggil form kelola referensi() mengirim pesan berhasil diubah() menampilkan halaman keiola referensi() menampilkan pesan berhasil diubah() pilih delete referensi() kirim pilihan hapus referensi() cek id referensi() memasukan pesan konfirmasi hapus referensi() menampilkan pesan konfirmasi hapus referensi() konfirmasi hapus referensi() kirim pilihan konfirmasi hapus referensi() hapus data referensi() memanggil form kelola referensi() mengirim pesan berhasil dihapus() menampilkan halaman kelola referensi() menampilkan pesan berhasil dihapus() pilih menu referensi() kirim pilihan menu referensi() cek data referensi() memanggil form kelola referensi() menampilkan halaman referensi() pilih download referensi() kirim pilihan download referensi() cek id referensi() menampilkan file referensi() menampilkan file referensi download() Gambar 4.21 Sequence Diagram untuk mengelola Referensi

22 IV - 22 : Administrator : Form Kelola Berita : Controller Admin : T_berita menampilkan form insert kelola berita() memasukan data berita() cek data berita() tambah data berita() memanggil kelola berita() mengirim pesan berhasil ditambahkan() menampilkan halaman kelola berita() menampilkan pesan berhasil ditambahkan() pilih edit berita() kirim pilihan edit berita() cek id berita() memanggil form edit berita() menampilkan form edit berita() memasukan data berita() cek data berita() ubah data berita() memanggil kelola berita() mengirim pesan berhasil diubah() menampilkan halaman kelola berita() menampilkan pesan berhasil diubah() pilih delete berita() kirim pilihan hapus berita() cek id berita() mengirim pesan konfirmasi hapus berita() menampilkan pesan konfirmasi hapus berita() konfirmasi pesan hapus berita() kirim konfirmasi hapus berita() hapus data berita() menampilkan kelola berita() mengirim pesan berhasil dihapus() menampilkan halaman kelola berita() menampilkan pesan berhasil dihapus() Gambar 4.22 Sequence Diagram untuk mengelola Berita

23 IV - 23 Dosen, Mahasiswa : User menampilkan detail tugas mhs() : Form Kelola tugas : Controller Dosen : Controller Mhs : T_tugas pilih hapus tugas mhs() kirim pilihan hapus tugas mhs() cek id tugas mhs() mengirim pesan konfirmasi hapus tugas mhs() menampilkan pesan konfirmasi hapus tugas mhs() konfirmasi hapus tugas mhs() kirim pilihan konfirmasi hapus tugas mhs() hapus tugas mhs() memanggil form kelola tugas() menampilkan halaman kelola tugas() pilih download laporan() kirim pilihan download laporan() cek id laporan() kirim file download laporan() menampilkan file laporan yg di download() pilih upload tugas laporan() kirim pilihan upload laporan() memanggil form upload laporan() menampilkan form upload laporan() memasukan file laporan() kirim data file laporan() insert data laporan() memanggil form kelola tugas() menampilkan halaman kelola tugas() pilih upload tugas pendahuluan() kirim pilihan upload tugas pendahuluan() memanggil form upload tugas pendahuluan() menampilkan form upload tugas pendahuluan() memasukan file tugas pendahuluan() kirim data file tugas pendahuluan() insert data tugas pendahuluan() memanggil form kelola tugas() menampilkan halaman kelola tugas() Gambar 4.23 Sequence Diagram untuk mengelola Tugas

24 IV - 24 : Dosen : form kelola perentase nilai : Controller Dosen : T_rums_nilai menampilkan form presentase nilai pilih edit presentase nilai() kirim pilihan edit presentase nilai() cek id presentase() memanggil form edit presentase nilai() menampilkan form edit presentase nilai() memasukan data presentase nilai() kirim data masukan presentase nilai() mengubah data presentase nilai() memanggil form list presentase nilai() menampilkan list presentase nilai Gambar 4.24 Sequence Diagram untuk Kelola Presentase Nilai 4.5 Class Diagram Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan antar class. Berikut adalah class diagram dari sistem yang dibangun.

25 Gambar 4.25 Class Diagram e-learning (Dosen dan Mahasiswa) IV - 25

26 Gambar 4.26 Class Diagram e-learning (Administrator) IV - 26

27 IV - 27 Tabel 4.1 Tabel User Field Tipe Data Kunci Keterangan username varchar(100) Username user npm varchar(100) Nomor pokok mahasiswa. nip int(100) Nomor pokok pengajar. nama varchar(100) Nama mahasiswa. phone varchar(20) Nomor telepon mahasiswa. varchar(100) Primary key Alamat mahasiswa. alamat text Alamat mahasiswa. password varchar(255) Password user jabatan varchar(255) Jabatan dosen status Int(10) Status user 1= aktif dan 0=tidak aktif type Varchar(255) Type user (admin, dosen,mahasiswa) photo Varchar(255) Photo user tgl_lahir Varchar(255) Tanggal lahir user j_kelamin Varchar(255) Jenis kelamin user

28 IV - 28 Tabel 4.2 Tabel Soal Field Tipe Data Kunci Keterangan Id_soal int(10) Primary Key Id Pertanyaan Soal Text Isi Pertanyaan Jawaban_a Varchar(255) Isi jawaban A Jawaban_b Varchar(255) Isi jawaban B Jawaban_c Varchar(255) Isi jawsaban C Jawaban_d varchar(255) Isi jawaban D Jawaban varchar(255) Isi jawaban Publish Enum( yes, no ) Mem-publish-kan pertanyaan dan soal Jenis_ujian Varchar(100) Jenis ujian UAS dan UTS Tabel 4.3 Tabel Nilai Field Tipe Data Kunci Keterangan Npm Varchar(255) Primary_key Nomor Pokok Mahasiswa Nilai int(10) Nilai mahasiswa Benar int(10) Nilai benar Salah int(10) Nilai salah

29 IV - 29 Kosong int(10) Nilai kosong Point_uts int(10) Nilai Point Date Datetime Waktu pelaksaan kuis Laporan Int(10) Nilai tugas laporan praktikum Tugaspendahuluan Int(10) Nilai tugas pendahuluan praktikum Point_uas Int(10) Nilai ujian UAS Tabel 4.4 Tabel Pesan Field Tipe Data Kunci Keterangan Id_pesan int(100) Primary Key Id pesan _to Varchar(255) Alamat yang akan dikirim _from Varchar(255) Alamat penngirim Subjek Varchar(255) Subjek pesan Isi_pesan Text Isi pesan yang akan dikirim Npm Varchar(255) Nomor pokok mahasiswa Nip Varchar(255) Nomor pokok dosen Date Timestamp Waktu pengiriman

30 IV - 30 Tabel 4.5 Tabel berita Field Tipe Data Kunci Keterangan Id_berita Int(4) Primary Key Id Berita judul Varchar(255) Subjek berita isi Text Isi berita Tanggal Varchat(255) Waktu pembuatan pesan Tabel 4.6 Tabel Modul_prak Field Tipe Data Kunci Keterangan Id_modul int(10) Primary Key Id Modul praktikum Judul Varchar(255) Judul modul praktikum Isi Text Isi modul praktikum Tabel 4.7 Tabel Ebook Field Tipe Data Kunci Keterangan Id_ebook int(100) Primary Key Id ebook Judul Varchar(255) Judul referensi Photo Varchar(255) Gambar cover referensi File Varchar(255) File referensi Publish Enum( yes, no ) Mem-publish-kan referensi Keterangan Text Keterangan singkat referensi

31 IV - 31 Tabel 4.8 Tabel Tugas Field Tipe Data Kunci Keterangan Id int(100) Primary Key Id tugas NPM Varchar(255) Nomor Pokok Mahasiswa Laporan Varchar(255) File tugas laporan Tp Varchar(255) File tugas pendahuluan Id_modul Varchar(255) foreign_key Modul praktikum Tabel 4.9 Tabel Rums_nilai Field Tipe Data Kunci Keterangan Id int(100) Primary Key Nilai Tp Int(10) Nilai Tugas Pendahuluan Lp Int(10) Nilai Laporan Praktikum Uts Int(10) Nilai uts Uas Int(10) Nilai uas 4.6 Perancangan Antarmuka Perancangan antarmuka menjelaskan rutinitas program yang akan dijalankan oleh sebuah sistem untuk menjelaskan interaksi antara user dengan program. Penelitian ini membahas mengenai Pembangunan Perangkat Lunak E-learning Praktikum Perencanaan dan Pengendalian Produksi Teknik Industri Universitas Widyatama. Berikut adalah perancangan antarmukanya :

32 IV Rancangan Antarmuka Pembangunan Perangkat Lunak E- learning Praktikum Perencanaan dan Pengendalian Produksi Teknik Industri Universitas Widyatama 1. Tampilan utama Tampilan utama dari website e-learning praktikum perencanaan dan pengendalian proses produksi pada saat dioanggil melalui web browser Login Content Pengumuman Gambar 4.27 Desain Tampilan Halaman Depan E-learning

33 IV Halaman Home Desain tampilan halaman home dari user berisi konten-konten atau menu yang dapat diakses oleh user dalam menampilkan halaman yang akan dilihat oleh user. Modul Praktikum Download Ebook Konten Profil MenuPesan Soal logout Isi konten Gambar 4.27 Desain Tampilan Halaman Home E-learning 3. Halaman Referensi Desain halaman referensi dimana di halaman ini berisi detail referensi (electronic books) yang dapat user lihat maupun di unduh. Modul Praktikum Download Ebook Profil Pesan Soal logout photo Detail ebook photo Detail ebook photo Detail ebook Gambar 4.28 Desain Tampilan Halaman Download Referensi

34 IV Halaman Biodata Desain halaman biodata ini adalah halaman menampilkan detail atau identitas pengguna website e-learning. Modul Praktikum Download Ebook Profil Pesan Soal logout photo Detail data user Gambar 4.29 Desain Tampilan Halaman Biodata user 5. Halaman Soal Ujian Desain halaman soal ujian ini adalah halaman dimana user dapat melakukan ujian secara online. Modul Praktikum Download Ebook Profil Pesan Soal logout Soal Pilihan A Pilihan B Pilihan C Pilihan D Submit Gambar 4.30 Desain Tampilan Halaman Soal ujian

35 IV Halaman pengolahan kuis Halaman pengolahan kuis halaman ini ditunjukan hanya untuk user dengan identitas sebagai dosen, dimana didalam halaman ini dosen dapat melakukan penambahan ujian maupun pengurangan soal ujian, nantinya user yang bertindak sebagai mahasiswa dapat melakukan ujian secara online Pengolahan soal Pengolahan Ebook Profil Pesan Logout Add soal No Soal Pilihan A Pilihan B Pilihan C Pilihan D Jawaban Soal Pilihan A Pilihan B Pilihan C Pilihan D Jawaban Soal Pilihan A Pilihan B Pilihan C Pilihan D Jawaban Soal Pilihan A Pilihan B Pilihan C Pilihan D Jawaban Soal Pilihan A Pilihan B Pilihan C Pilihan D jawaban Soal Pilihan A Pilihan B Pilihan C Pilihan D Jawaban Soal Pilihan A Pilihan B Pilihan C Pilihan D Jawaban Gambar 4.31 Desain Tampilan Pengolahan kuis 7. Halaman pengolahan referensi Halaman pengolahan referensi pada halaman ini yang dapat memproses hanya dosen, dimana pada halaman ini dosen dapat menambahkan maupun mengurasi data referensi yang dapat diunduh oleh mahasiswa yang telah memiliki akun ke dalam website. Pengolahan soal Pengolahan Ebook Profil Pesan Logout Add ebook No Photo Nama File Keterangan edit Delete A a edit 1.jpg Keterangan Delete b b edit 2.jpg Keterangan Delete c c edit 3.jpg Keterangan Delete d d edit 4.jpg Keterangan Delete e e edit 5.jpg Keterangan Delete f f edit 6.jpg Keterangan Delete Gambar 4.32 Desain Tampilan Pengolahan data referensi

36 IV Halaman pengolahan data user Halaman pengolahan data user pada halaman ini hanya user yang bertindak sebagai administrator, dimana didalam halaman ini user dapat melakukan penambahan akun mahasiswa maupun dosen. Konten Menu Add User Pengolahan user Logout No Npm Nama Phone Alamat Password Jurusan edit Delete 1 06 a 12 Alamat Password Jurusan edit Delete Add User 2 06 b 34 Alamat Password Jurusan edit Delete No Npm Nama Phone Alamat Password Jurusan edit Delete 1 06 a 12 Alamat Password Jurusan edit Delete 2 06 b 34 Alamat Password Jurusan edit Delete Gambar 4.33 Desain Tampilan Pengolahan data user 9. Form Tambah Soal Form tambah soal, terdiri dari filed Soal, Pilihan A, Pilihan B, Pilihan C, Pilihan D, Jawaban dan tombol submit juga cancel Pengolahan soal Pengolahan Ebook Profil Pesan Logout Konten Menu Soal Pilihan A Pilihan B Pilihan C Pilihan D Jawaban Simpan Cancel Gambar 4.34 Form Tambah Soal

37 IV Form Tambah Referensi Form tambah referensi,terdiri dari filed jusul, file, photo, keterangan, publish dan tombol simpan juga cancel. Konten Menu Pengolahan soal Pengolahan Ebook Profil Pesan Logout Judul Photo Browse Keterangan Publish Yes Simpan Cancel Gambar 4.35 Form Tambah referensi 11. Halaman Pengolahan Tugas Halaman pengolahan tugas pada halaman ini yang dapat memproses hanya dosen, dimana pada halaman ini dosen mengurangi data tugas yang telah di upload oleh mahasiswa yang dapat diunduh oleh dosen yang telah memiliki akun ke dalam website. Konten Menu Add User Modul Pengolahan Praktikum user SoalLogoutUpload Tugas Referensi Profil Pesan No Npm Nama Phone Alamat Password Jurusan edit Delete logout 1 06 a 12 Alamat Password Jurusan edit Delete Alamat Password Jurusan edit Delete No Npm Laporan Tugas Pendahuluan Modul 1 06 a 12 Modul 2 06 b 34 modul Aksi delete delete Gambar 4.36 Halaman pengolahan tugas

38 IV Form Tambah Tugas Form tambah tugas,terdiri dari filed NPM, upload tugas,, keterangan, modul dan tombol simpan juga cancel. Konten Menu Modul Pengolahan Praktikum soal Soal Pengolahan Upload Ebook Tugas Referensi Profil Profil Pesan Pesan Logout logout NPM Upload Tugas Browse Modul Simpan Cancel Gambar 4.37 Halaman pengolahan tugas