## Journal of Scientech Research and Development Volume 5, Issue 2, December 2023
P-ISSN: 2715-6974           E-ISSN: 2715-5846 Open Access at: http://idm.or.id/JSCR

## WEB-BASED  INTERACTIVE  MULTIMEDIA  QUIZ  SYSTEM  DESIGN  IN DATABASE COURSES
PERANCANGAN SISTEM QUIZ MULTIMEDIA INTERAKTIF BERBASIS WEB PADA MATAKULIAH DATABASE
Nuraeni Dahri 1 , Danyl Mallisza 2 , Putri Medya Belsa 3
Program Diploma III Manajemen  Informatika,  Fakultas Ekonomi, Universitas  Ekasakti Padang Email : nuraenidahri2014@gmail.com 1
ARTICLE  INFO ABSTRACT
Correspondent:
Nuraeni Dahri nuraenidahri2014@gmai l.com
Key words: Information systems, system design, web base, recapitulation of learning outcomes, UML, MYSQL Website: https://idm.or.id/JSCR/in dex.php/JSCR
Page: 404 - 416
The  design  of  a  quiz  system  using  interactive  multimedia  that  runs on  a  website  platform  aims  to  meet  the  needs  of database learning in the  Informatics  Management  study  program  at  Unes  Padang.
Presentation  of  material  and  quizzes  that  have  been  held  so far have not  been  effective  and  efficient.  The  objectivity  of  student  quiz assessments  is  not  yet  effective,  efficient  in  its  implementation.  The technical  presentation  of  the  material  and  the  process  of  conducting quizzes  and  assessments  are  still  conventional  and  have  not  been integrated  in  real  time.  The  quiz  system  design  is  run  on  an  online website  platform.  The  design  method  uses  the  System  Development Life  Cycle  (SDLC)  with  the Waterfall model approach which consists of  5  stages,  namely,  a)  Analysis  b)  Design  c)  Implementation  d) Maintenance  e)  Planning.  Multimedia  design  refers  to  the Multimedia  Development  Life  Cycle  (MDLC)  method.  The programming  language  used  is  PHP,  and  the  database  application uses  the  MySql  data  processor.  The  system  design  tool  uses  the Unified  Modeling  Language  (UML)  method  using 4 (four) diagrams according  to  design  needs,  namely  Usecase  Diagrams,  Activity Diagrams,  Sequence  Diagrams, and Class Diagrams. E-learning with interactive  multimedia  quizzes  produces  output  documents  in  the form  of  accurate  and  objective  reports on learning outcomes and quiz assessment  results.

## INFO  ARTIKEL
ABSTRAK Koresponden
Nuraeni Dahri nuraenidahri2014@gmai l.com Kata kunci:
Sistem informasi,
Perancangan sistem,
Basis Web, Rekapitulasi nilai hasil belajar, UML,
MYSQL
Website: https://idm.or.id/JSCR/in dex.php/JSCR
Hal: 404 - 416
Perancangan  sistem  kuis  menggunakan  multimedia  interaktif yang  dijalankan  pada  platform  website  bertujuan  untuk memenuhi  kebutuhan  pembelajaran  Database  pada  program studi  Manajemen  Informatika  Unes  Padang.  Penyajian  materi dan  Kuis  yang  diselenggarakan  selama  ini  belum  efektif  dan efisien.  Objektivitas  penilaian  kuis  mahasiswa  belum  efektif, efisien  alam  pelaksanaannya.    Teknis  penyajian  materi  dan proses pelaksanaan kuis serta penilaian masih konvensional dan belum  terintegrasi  secara  real  time.  Rancangan  sistem  kuis dijalankan  pada  platform  website  secara  online.  Metode perancangan  menggunakan  System  Development  Life  Cycle (SDLC)  dengan  pendekatan  model  Waterfall  yang  terdiri  5 tahapan,  yakni,  a)  Analisys  b)  Design  c)  Implementation  d) Maintance  e)  Planing.  Perancangan  multimedia  mengacu  pada metode  Multimedia  Developmen  Life  Cycle  (MDLC).  Bahasa pemrograman  yang  digunakan  adalah  PHP,  dan  aplikasi database  menggunakan  pengolah  data  MySql.  Alat  bantu perancangan  sistem  menggunakan  metode  Unifed  Modeling Language  (UML)  dengan  menggunakan  4  (empat)  diagram sesuai  kebutuhan  perancangan,  yakni  Usecase  Diagram, Activity  Diagram,  Sequence  Diagram,  dan  Class  Diagram.  E- learning  dengan  quiz  multimedia  interaktif  ini  menghasilkan dokumen  output  berupa  laporan  hasil  belajar  dan  hasil penilaian quiz secara akurat dan objektif.
Copyright © 2023 JSCR. All rights reserved.

## PENDAHULUAN
Transformasi  pembelajaran  di  dunia  pendidikan  berubah  signifikan  di  era industry 4.0 khususnya teknologi pembelajaran baik dari segi software maupun hardware . Perubahan  pola  interaksi  antara  pendidik  dan  peserta  didik  lebih efektif  dilakukan  dalam  platform  website.  website  merupakan  halaman  yang memberikan  informasi  berupa  teks,  audio,  video,  gambar  dan  sebagainya. Website  dapat  diakses  kapan  dan  dimana  saja  selama  masih  terhubung  oleh jaringan internet. Informasi-informasi yang disajikan dalam berbagai unsur dan dalam bentuk multimedia. Multimedia sebagai produk Teknologi Informasi dan Komunikasi  (TIK),  memberikan  kontribusi  besar  terhadap  transformasi pendidikan global tersebut.
Dalam dunia pendidikan, teknologi multimedia digunakan sebagai media bantu penyajian  materi  ajar  maupun  penyajian  soal-soal  ujian  secara  interaktif. Multimedia  interaktif  tampilannya  menginformasikan  pesan  dan  memiliki interaktivitas  kepada  penggunanya.  multimedia  pembelajaran  interaktif memiliki  kemampuan  menggabungkan  dan  mensinergikan  dalam  penyajian teks,  suara,  gambar,  animasi,  grafik,  video  dan interaktivitas secara sekaligus dalam suatu media (Green & Brown, 2012; Rahmansyah, 2014). Setiap elemen
Journal of Scientech Research and Development (JSCR). Vol. 5, Issue 2, December 2023: 404-416
tersebut berkolaborasi dalam mewujudkan informasi yang menarik. Kelebihan Multimedia diantaranya tidak verbalistis, mengatasi keterbatasan ruang, waktu, tenaga, dan daya indera, menimbulkan gairah belajar, interaksi lebih langsung antar  pelajar  dengan  sumber  belajar  memungkinkan  pelajar  belajar  mandiri sesuai  dengan  bakat  dan  kemampuan  visual,  auditori,  dan  kinestetiknya, memberi  rangsangan  yang  sama,  mempersamakan  pengalaman,  dan menimbulkan peserpsi yang sama (R Susilana dan C Riyana, 2013). Multimedia interaktif  sebagai  media  bantu  pembelajaran  dinilai efektif dalam pencapaian kompetensi pembelajaran. Selain itu, efisien dalam aktivitas pembelajaran yang dapat meningkatkan kemampuan kognitif, afektif, dan psikomotor peserta didik. Proses  persiapan  hngga  pelaksanaan  ujian  kuis  pada  mata  kuliah database, selama  ini  masih  menggunakan  aplikasi Social  Messaging  Group untuk penyampaian  instruksi  seputar  jadwal  dan  materi  ujian  kepada  mahasiswa. Proses  kuis  dilakukan  dengan Platform Google Form sebagai media bantu kuis. Akan  tetapi platform tersebut  belum  cukup  efektif  dari  aspek  penilaian  dan objektivitas  jawaban  mahasiswa.  Keterbatasan  dalam  pendeteksian  dan pengontrolan  keaslian  hasil  kerja  mahasiswa  tidak  dapat  didentifikasi  secara tepat.  Informasi  tentang  keaslian  jawaban.  Jawaban  hasil “c opy  paste ” tidak terdeteksi karena tidak adanya riwayat pengeditan. Keterbatasan lainnya ialah terbatasnya space drive yang tidak memadai untuk data yang berjumlah besar. Penyampaian instruksi dan soal ujian melalui aplikasi social messaging group tidak efektif.  Tumpang  tindihnya  text  messaging  kerap  membuat  mahasiswa  salah interpretasi terhadap instruksi dosen. Komunikasi antara dosen dan mahasiswa juga sering terjadi trouble akibat dari penggunaan kalimat pesan teks seringkali tidak  tepat.  Berikut  pemetaan  berpikir  dalam  perancangan  sistem  kuis menggunakan multimedia dalam platform website:
Fenomena Pembelajaran
Berbasis TIK
Transformasi Sistem Pembelajaran Kesenjangan: 1. Pembelajaran konvensional 2. Media  konvensional  (google form,  aplikasi  media  teks sosial 3. Penilaian ujian tidak akurat 4. miskomunikasi Asesmen dan Analisa data dan alternatif Solusi: Sistem Pembelajaran, sistem Kuis, sistem penilaian kuis pada sistem yang sedang berjalan Sumberdaya: 1. Metode  perancangan 2. Software dan hardware
3. Literatur  review
4. Multimedia  Interaktif 5. Desain  Database  dan web Hasil: Perancangan Sistem E- Learning dan Quiz Media Interaktif
Berbasis Website
Mind  mapping diatas  menunjukkan  bahwa  keterbatasan  pelaksanaan pembelajaran  dan  sistem  kuiz  perlu  diatasi  dengan  perancangan  sistem  kuiz berbasis  multimedia  untuk  memudahkan  penyajian  soal  dan sistem penilaian yang  efektif.  multimedia  pembelajaran  interaktif  memiliki kemampuan dalam menyajikan teks, suara, gambar, animasi, dan video secara sekaligus dalam suatu media  (Rahmansyah,  2014).  Permasalahan  komunikasi  dan  koordinasi  dapat diatasi  dengan  sistem  berbasis  web  yang  sistematis  dan  pengolahan  nilai mahasiswa.  Informasi  hasil  ujian  berbasis  web  dalam  proses  ujian  dan penghitungan nilai siswa akan lebih efektif, efisien, akurat dan real time. Sistem yang dijalankan melalui platform website merupakan solusi keterbatasan sistem pengolahan  data  konvensional.  Sistem  informasi  berbasis web lebih tersistem, terpusat,  dan  termonitoring  dengan  baik  (Roger  S  Pressman,  2010). Dari segi keaman data juga lebih terjamin (Yuhefizar, 2009).
Penggabungan  antara  sistem dengan teknologi untuk menghasilkan informasi disebut sistem informasi terintegrasi. Seluruh komponen sistem yang termasuk klasifikasi  sistem  buatan  manusia  ini  saling  terintegrasi  dalam  menghimpun, menyimpan,  mengelola  data  untuk  menghasilkan  informasi.  Informasi  yang dihasilkan sistem berguna dalam pengambilan keputusan (Purwanto dkk;2012, A Nugroho; 2015). Kegiatan prosedur-prosedur diorganisasikan secara otomatis agar  informasi  yang  dihasilkan  berkualitas  dan  akurat,  sehingga  informasi sebagai  penunjang  keputusan  tersebut  efektif  dalam  pengendalian  aktivitas (Lucas, 2015).

## METODE PENELITIAN
Perancangan  multimedia  menggunakan Multimedia  Development  Life  Cycle (MDLC),  sedangkan  perancangan  sistem  menggunakan  metode System Development Life Cycle (SDLC) dengan model waterfall. Alat perancangan sistem menggunakan Unified Modeling Language (UML) yang merupakan bahasa grafis yang  menvisualisasikan  pemodelan  sistem.  UML  menggambarkan  komponen sistem  secara  keseluruhan,  interaksi  antara  komponen  sistem  dalam  setiap aktivitas  transaksi.  UML (Unified  Modeling  Language) merupakan  salah  satu standar bahasa yang banyak digunakan di dunia industri untuk mendefinisika n requirement, membuat  analisis  dan  desain,  serta  menggambarkan  arsitektur dalam pemrograman berorientasi objek (Rosa dan Salahudin, 2014). Asesmen  dilakukan  terhadap  sistem  kuiz  yang  sedang  berjalan  agar  mudah mengidentifikasi  permasalahan  sistem  dan  kebutuhan  pengguna  sistem. Selanjutnya, studi Pustaka dilakukan untuk memperoleh informasi dari berbagai literatur.  Informasi  tentang  teoritis  sistem  dan  sumber  daya  yang  digunakan dalam perancangan, serta informasi mengenai perancangan sistem dari penilitian yang relevan. Kredibilitas penelitian harus didukung studi literatur karya ilmiah yang  relevan  (Sugiyono,  2021).  Aktivitas  perancangan  sistem  berdasarkan tahapan metode SDLC diuraikan sebagai berikut:

## Analisa Sistem Berjalan
Sistem berjalan ditunjukkan pada diagram berikut:

## Gambar 2 Use Case Sistem Kuis Berjalan Desain Sistem Usulan
Hasil Analisa sistem berjalan merupakan pedoman dalam merancang sistem baru  sebagai  solusi  keterbatasan  sistem  berjalan.  Perancangan  sistem dilakukan menggunakan diagram use case sebagai salah satu diagram dari Unified  Modeling  Language (UML)  untuk  menggambarkan  sistem  secara keseluruhan. Ilustrasi desain usulan sistem baru ditunjukkan pada diagram berikut:
Gambar 3 Use Case Diagram Pada Sistem Kuis Usulan
Use  case  di  atas  merupakan  rancangan  sistem  kuis  usulan  berbasis  web. Terdapat 3 (tiga) aktor yang berperan dalam sistem, yakni dosen, mahasiswa dan superadmin. Setiap aktor terlebih dulu melakukan registrasi dan login ke dalam sistem. Superadmin dapat me manage kelas dan mata kuliah, seperti menambah dan  menghapus  data  kelas  dan  mata  kuliah.  Dosen  dapat  mengubah  profil, seperti foto dan password login. Dosen dapat mengupload materi yang dapat berupa modul pdf, power point atau video, serta mengupload materi kuis dengan media  interaktif.  Dosen  juga  dapat  melihat  dan  mencetak  nilai  mahasiswa berdasarkan mata kuliah dan tahun ajaran. Pada aktor mahasiswa, setelah registrasi dan login mahasiswa dapat mengubah profilnya, seperti foto dan password login . Mahasiswa dapat mendownload materi yang  telah  dosen  upload  dan  mahasiswa  dapat  menjalankan  kuis  media interaktif  tanpa harus mendownloadnya. Mahasiswa juga dapat melihat nilai kuis yang telah dikerjakan.

## Implementasi dan Pengujian
Pada  tahap  implementasi  dilakukan  konversi  hasil  desain  sistem  baru. Implementasi  software  multimedia  dan  pemrograman  website  serta  software database untuk mengimplementasikan konseptual database kedalam data base fisik.  Sebelum  Implementasi  dalam  pemrograman,  terlebih  dulu  dilakukan desain  interface sistem. Desain interface dalam bentuk desain form-form yang nantinya  berfungsi  sebagai  antarmuka  antara  pengguna  dengan  sistem. Sedangkan  tahap  uji  coba  dilakukan trial error terhadap script program yang telah  diimplementasikan  berdasarkan  logika  proses  sistem.  Setelah  program bebas  dari  error,  maka  sistem  siap  untuk  running  atau  digunakan  dan diimplementasikan.
Perancangan  Sistem  Kuis  menggunakan  multimedia  Berbasis Web Pada Mata Kuliah Database ini dilakukan dengan menggunakan bahasa pemrograman PHP , database MySQL dan Penggunaan Adobe Flash CS6 sebagai aplikasi pembua tan quiz  media  iteraktif . Aplikasi PHP dapat  dijalankan  pada  berbagai platform sistem  informasi  dan  perangkat  keras,  tetapi  implementasi  dan  pengujian sepenuhnya  dilakukan  pada  perangkat  keras PC  (Personal  Computer) dengan sistem operasi Microsoft Windows 10. .

## HASIL DAN PEMBAHASAN
Hasil  implementasi  perancangan  sistem  pembelajaran  dan  quiz  multimedia interaktif ditunjukkan dengan hasil desain beberapa interface berikut:
Halaman Utama, Registrasi, dan Login
Gambar 4 Halaman Utama Ruang Belajar Online

## Gambar 5 Halaman Registrasi User
Gambar 6 Halaman Login User
Pada gambar 4, 5, dan 6 secara berurut merupakan tampilan halaman utama, halaman registrasi pengguna dan halaman login pengguna sebelum beraktivitas di  dalam  E-learning.  Halaman  utama website terdapat  fitur-fitur  yang  dapat diakses oleh dosen, mahasiswa dan superadmin. Pada form terlihat semua actor dapat mengakses system melalui tab halaman utama , tab login dan tab registrasi. Pada body  web terdapat  informasi  seputar  perancangan  sistem  multimedia berbasis  web  dalam  pembelajaran  dan  pengerjaan  kuis  pada  mata  kuliah database .

## Halaman Beranda Dosen
Pada  halaman  beranda  ini  terdapat  informasi pentunjuk penggunaan system aplikasi, serta dapat melihat progress belajar mahasiswa, Halaman beranda dosen dapat dilihat pada gambar berikut:
Gambar 7 Tampilan Beranda Dosen Halaman Mata Kuliah Dosen Pada halaman mata kuliah dosen ini terdapat 3 button yang dapat diakses oleh dosen, yaitu button lihat materi, button lihat kelas, button lihat nilai. Halaman tersebut sebagai berikut:
Gambar 8 Tampilan Mata Kuliah Dosen pada halaman mata kuliah dosen terdapat field nama mata kuliah serta 3 button aksi, yaitu lihat materi dan lihat kelas. Button lihat materi terintegrasi pada tab materi yang ada pada halaman dosen ini. Halaman Materi ( Button Lihat Materi) berfungsi  untuk  dosen  melakukan  upload  materi  berdasarkan  tipe  konten materi.  Terdapat  2  tipe  konten  materi,  yaitu  modul  pembelajaran  dan  kuis. Halaman materi ini dapat dilihat pada gambar berikut:

## Gambar 9 Tampilan Halaman Materi Halaman Materi Modul Belajar
Pada halaman materi ini terdapat 2 tipe konten, yaitu modul pembelajaran dan kuis. Pada modul pembelajaran dapat mengakses bermacam tipe fie, seperti pdf, doc, ppt, video pembelajaran dan shockwave flash . Pada modul pembelajaran ini memiliki  fitur  print  dan  download.  Halaman  materi  modul  pembelajaran  ini dapat dilihat pada gambar berikut:
Gambar 10 Tampilan Halaman Modul Pembelajaran

## Halaman Materi Quiz
Gambar 11 Tampilan Halaman Quiz Interaktif Pada gambar di atas terdapat tipe konten materi kuis yang menggunakan tipe file shockwave flash atau .swf. Mahasiswa mengerjakan kuis dengan menekan tombol soal  tes,  setelah  selesai  mengerjakan  soal  test  maka  penilaian  akan  otomatis masuk kedalam database.

## Halaman Komentar
Halaman  komentar  ini  berfungsi  untuk  membantu  mahasiswa  yang  ingin bertanya seputar materi atau submateri pembelajaran kepada dosen. Halaman komentar dapat dilihat pada gambar dibawah ini:
.

## Gambar 12 Tampilan Halaman Komentar
Halaman Laporan Hasil Belajar
Laporan  hasil  belajar  yang  dihasilkan  E-learning  terdiri  atas  2  (dua)  buah laporan, yakni 1) Laporan Data Nilai Pembelajaran Materi, dan 2) Laporan hasil Quiz.
Gambar 13.a Tampilan Halaman Hasil Belajar Materi Halaman  button  data  nilai  menampilkan  table  informasi  nilai  mahasiswa berdasarkan matakuliah, materi dan submateri. Pada halaman button data nilai ini  juga  terdapat  1  button  print  yang  berfungsi  unutk  mencetak  laporan hail belajar mahasiswa.
Gambar 13.b Tampilan Halaman Nilai Quiz Mahasiswa laporan  hasil  pengerjaan  kuiz  mahasiswa  ditunjukkan  pada  tabel  yang berisikan  nama  materi,  nama  submateri,  nilai  quiz  dan  keterangan  kuis. Keterangan  kuis  menampilkan  informasi  lulus  atau  tidak  lulusnya mahasiswa,  keterangan  juga  menampilkan  informasi  nilai  kosong  bagi mahasiswa yang belum mengerjakan kuis.

## SIMPULAN
Sistem  E-learning  untuk  pembelajaran  database  (basisdata)  dirancang berdasarkan  permasalahan  pembelajaran  dan  kebutuhan  akan  digitalisasi sebagai Upaya optimalisasi perkuliahan. Sistem E-learning ini dilengkapi sistem quiz multimedia interaktif ini menggunakan bahasa pemrograman PHP, database MySQL dan adobe  flash  CS6 dalam  merancang  kuis  media  interaktif.  Dalam sistem, mahasiswa dapat mengakses modul pembelajaran selain melakukan kuis
secara interaktif, menarik, dan fleksible dari segi waktu pengerjaannya. System ini diharapkan dapat memudahkan mahasiswa memahami materi perkuliahan basis data dan meningkatkan hasil belajar mahasiswa.
Sistem  berbasis  web  (E-learning)  yang  dirancang  mengefektifkan  dan mengefisienkan  pengolahan  data,  meningkatkan  efesiensi  dalam  penyajian materi pembelajaran. Demikian halnya dengan pengaplikasian media interaktif berbasis  web  dapat  meningkatkan  efektifitas  dalam proses kuis, efektif dalam penilaian secara objektif, tdan idak monoton. Dengan E-learning dan quiz media interaktif  berbasis  web  ini  dapat  menghasilkan output penilaiain  yang terintergrasi kedalam database dan dapat dicetak tanpa harus menginput nilai secara konvensional. Penyajian laporan hasil belajar dapat lebih akurat dan riil time.

## DAFTAR PUSTAKA
Aprizal, 2018, “Sistem In formasi Rekapitulasi Nilai Siswa Pada SMPN 9 Benai”.
Jurnal Teknologi dan Open Source, vol. 1, No.1, Benai.
Harianto, Kristanto, 2007 , “P aper Title” (to be published).
Henry C Lucas JR, 1993, Analisis, Desain, dan Implementasi Sistem Informasi, Jakarta, Erlangga
Jeperson  &  Hutahean,  2015, “Konsep  Sistem  Informasi”,  CV  Budi  Utam a, Yogyakarta.
Jogiyanto  HM,  2000,  “Pengenalan  Komputer:  Dasar  I lmu  K omputer”, Yogyakarta, Andi Offset.
Jogiyanto HM, 2005, “Sistem Teknologi Informasi” Edisi II, Andi, Yogyakarta . K adir,  Abdul,  2014,  “Pengenalan Sistem Informasi”, Edisi Revisi, Yogyakart a, Andi.
Kristanto, Harianto, 2004, “ Konsep Perancangan Database ”, Yo gyakarta:Andi.
Kusrini,  2001, “ S trategi  Perancangan  dan  Pengelolaan  Basis  Data”,  Andi, Yogyakarta.
Kusumo, N Har yo, 2011, “Sistem Informasi Penilaian di SMA Negeri I Karang Anyer”, Tuga s Akhir, Surakarta: Teknik Informatika Universitas Sebelas Maret.
Kus wayatno,  Lia,  2006,  “Mahir dan  Terampil Berkomputer”, Grafindo Media Pratama, Bandung.
Ladjamuddin,  Al-Bahra  Bin, 2005,  “Analisis  dan  Desain  Sistem  Informasi”, Yogyakarta, Graha Ilmu.
Mani ah,  D  Hamidin,  2017.  “Analisis  dan  Perancangan  Sistem  Informasi : Pembahasan secara praktis dengan c ontoh kasus”. Yogyakarta, Publiser. Mas’ud,  Ibnu,  2009.  “Sistem  Informasi  Nilai  Akademik  Siswa Berbasis Web”. Skripsi. Program S1 Teknik Informatika Universitas Islam Negeri Syarif Hidayatullah. Jakarta.
Mulyani  S,  2016. “Met ode Analisis dan Perancangan Si stem”. Bandung. Abdi Sistematika.
Nugroho,  Bunafit.  2004.  “PHP  &  MySql  Dengan  Editor  Dreamweaver  MX”.
Yogyakarta: Andi Offset.
Nugroho, Bunafit. 2008. “Apli kasi Pemrograman Web Dinamis Dengan PhP dan MySql”. Yogyakarta: Gava Media.
O’Brien,  James  A.  2005.  “Pengantar  Sistem  Informasi”.  Edisi  12.  Salemba  4. Jakarta.
Pressman, Roger S. 2012 . “Rekayasa Perangkat Lunak : Pendekatan Praktis (Buku 1)”. Edisi 7. Andi. Yogyakarta.