Perancangan Web Sistem Akademik

Aplikasi Ujian Online Berbasis Web
Pada Universitas Saintek Muhammadiyah

LEMBAR JUDUL
SKRIPSI
Diajukan untuk memenuhi sebagian persyaratan dalam

Menempuh gelar Sarjana Komputer
Jenjang Pendidikan Strata-1
Oleh :
HAVIDZ DWI HERIYAN

18.300.223
PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS SAINTEK MUHAMMADIYAH
2022
LEMBAR PERSETUJUAN
SKRIPSI

HAVIDZ DWI HERIYAN

NIM : 18.300.223
Jakarta, 04 Oktober 2022
Menyetujui,
Kepala Program Studi Dosen Pembimbing

Teknik Informatika
Bambang Subana, M.Kom M. Raihan Febriansyah, S.I.Kom, M.Si

NBM: 1334387 NBM: 962117
i
LEMBAR PENGESAHAN
SKRIPSI

HAVIDZ DWI HERIYAN

NIM : 18.300.223
Dipertahankan di depan Dewan Penguji

Fakultas Ilmu Komputer Universitas Saintek Muhammadiyah
Pada Tanggal, 26 November 2022
Susunan Dewan Penguji
Penguji I : Dr. Faiz Rafdhi, S.Kom, M.Kom ..................................
Penguji II : Drs. Taufiqqurrachman, M.Si ..................................
Penguji III : Dora Bernadisman, S.Kom, M.Kom ..................................
Jakarta, 26 November 2022
Mengetahui,
Dekan Fakultas Ilmu Komputer
Universitas Saintek Muhammadiyah
Ma’mun Johari, S.Kom.,M.Kom

NBM : 0408097803
ii
SURAT PERNYATAAN
Yang bertanda tangan dibawah ini:

Nama : Havidz Dwi Heriyan
NIM : 18300223
Program Pendidikan : Strata Satu (S1)
Program Studi : Teknik Informatika
Fakultas : Ilmu Komputer
Dengan ini menyatakan bahwa :
1. Skripsi ini merupakan hasil karya penulis sendiri dan bukan hasil plagiasi.
Jika dikemudian hari diketahui ternyata hasil karya orang lain, Saya
bersedia menerima sanksi sesuai Undang-undang nomor 20 tahun 2003
pasal 25 tentang Sistem Pendidikan Nasional yaitu berupa pencabutan
gelar sarjana dan ijazah.
2. Memberikan ijin kepada pihak Universitas Saintek Muhammadiyah
Hak Bebas Royalti Non-Eksklusif atas karya ilmiah yang
berjudul:”Aplikasi Ujian Online Berbasis Web Pada Universitas
Saintek Muhammadiyah”
3. Pihak Universitas Saintek Muhammadiyah berhak menyimpan, mengelola,
mendistribusikan, atau mempublikasikan di internet atau media lain untuk
kepentingan akademi tanpa perlu meminta ijin dari penulis/pencipta karya
ilmiah tersebut.
4. Penulis bersedia menanggung secara pribadi, tanpa melibatkan pihak
Universitas Saintek Muhammadiyah dengan segala bentuk tuntunan
hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah ini.
Demikian pernyataan ini saya buat dengan sebenar-benarnya.

Yang menyatakan,
Materai 10.000,-
Havidz Dwi Heriyan
iii
Motto
“Sesuatu yang menyelamatkan kita di masa depan adalah ilmu,

maka tingkatkan dan kembangkanlah ilmu itu mulai hari ini
dan bawalah ilmu itu dalam kebaikan”
(Havidz Dwi Heriyan)
Skripsi ini penulis persembahkan untuk:

1. Orangtua tercinta
2. Pembaca
iv
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah SWT yang telah

melimpahkan serta memberikan kasih sayang, rahmat dan hidayah-Nya, sehingga
penulisan skripsi ini dapat diselesaikan dengan tepat waktu atas karya ilmiah yang
berjudul ”Aplikasi Ujian Online Berbasis Web Pada Universitas Saintek
Muhammadiyah.
Penulis pun menyadari bahwa tanpa bimbingan dan dorongan dari semua
pihak, penulisan skripsi ini tidak dapat terselesaikan dengan baik. Oleh karena itu
pada kesempatan ini penulis menyampaikan rasa terima kasih banyak kepada para
pihak:
1. Bapak Dr. Faiz Rafdhi, S.Kom., M.Kom., Selaku Rektor Universitas Saintek
Muhammadiyah.
2. Bapak Ma’mun Johari, S.Kom.,M.Kom., selaku Dekan Fakultas Ilmu
Komputer Universitas Saintek Muhammadiyah.
3. Bapak Bambang Subana, S.kom M. Kom selaku Kepala Program Studi
Teknik Informatika Universitas Saintek Muhammadiyah.
4. M. Raihan Febriansyah, S.I.Kom, M.Si, Selaku Dosen Pembimbing Skripsi
yang telah dengan sabar membimbing dan mengarahkan penulis sehingga
dapat menyelesaikan proposal penelitian skripsi ini.
5. Ayahanda Heru Suseno dan Ibunda Nurheryani yang selalu memberikan do’a
dan dukungan kepada penulis.
6. Seluruh staff dan dosen pada Universitas Saintek Muhammadiyah.
7. Teman seperjuangan yang selalu memberikan informasi kepada penulis.
8. Serta semua pihak yang telah membantu dalam penulisan skripsi ini yang
tidak bisa penulis sebutkan satu persatu.
Penulis tidak mampu membalas semua jasa baiknya, hanya berdoa dengan
penuh harap semoga Allah SWT yang dapat memberikan ganjaran yang setimpal
dengan amal perbuatannya. Semoga Skripsi ini dapat berguna bagi penulis dan
pembaca pada umumnya dalam rangka pengembangan ilmu pengetahuan.
Havidz Dwi Heriyan
v
Havidz Dwi Heriyan, 18300223, (2022) Aplikasi Ujian Online Berbasis Web
pada Universitas Saintek Muhammadiyah. Skripsi, Program Studi Teknik
Informatika Universitas Saintek Muhammadiyah.
ABSTRAK
Sistem ujian online merupakan salah satu bagian, sistem informasi pendidikan
jarak jauh melalui media teknologi internet. Ujian yang dilakukan oleh sebagian
besar institusi pendidikan, dalam hal ini Universitas Saintek Muhammadiyah
masih dilaksanakan secara konvensional. konsep ujian online yang tidak terkait
ruang dan waktu dapat mempermudah dosen dalam memberikan ujian dan proses
pemberian nilai ujian yang efektif dan efisien karena proses penilaian diberikan
langsung saat mahasiswa selesai mengerjakan ujian.
Penelitian dilakukan dengan mengamati secara langsung sehingga didapatkan

hasil analisis mengenai kebutuhan sistem, sebagai dasar dan acuan untuk
membuat sistem ujian online dilakukan studi pustaka kemudian membuat
perancangan database sistem menggunakan waterfall Bahasa Pemprograman yang
digunakan adalah PHP dan My SQL sebagai databasenya, soal yang disajikan
dalam sistem ialah pilihan ganda, implementasi dari sistem ujian online ini dibuat
dengan fasilitas meliputi manajemen ujian, manajemen soal ujian, manajamen
data dosen, manajemen data mahasiswa yang nantinya akan menghasilkan
keluaran nilai.
Hasil dari penelitian adalah terciptanya sebuah aplikasi yang dapat mempermudah
proses ujian online, hingga yang semula harus menggunakan alat tulis/ATK dan
sangat terlalu lama untuk penilaian dan penjadwalan nya hingga menghabiskan
waktu yang cukup lama.
Kata Kunci: Aplikasi, Ujian Online
vi
Havidz Dwi Heriyan, 18300223, (2022) Application of Online Exam Web-
Based at Universitas Saintek Muhammadiyah. Skripsi, Program Studi Teknik
Informatika Universitas Saintek Muhammadiyah.
ABSTRACT
The online exam system is one part of the distance education information system
through internet technology media. Exams conducted by most educational
institutions, in this case Universitas Saintek Muhammadiyah Jakarta, are still
carried out conventionally. the concept of online exams that are not related to
space and time can make it easier for lecturers to give exams and the process of
giving exam scores that are effective and efficient because the assessment process
is given directly when students finish taking exams.
Research is done by direct observation of system requirements, asa basis and

reference for having online test systems done library studies and then creating
system design databases using waterfal, the programming languages used are
PHP and my SQL as its database, the issues presented in the system are multiple
choices, the implementation of this online test system is made with facilities
including exam management, The management of the exam, the management of
the lecturer's data, the management of the student's data which will eventually
produce the value output.
The expected result of research is the invention of an application that makes an

online exam easier, until one must first use a stationery and take too long for its
assessment and scheduling to take a considerable amount of time
Keywords: Aplication, Exams Online
vii
DAFTAR ISI
LEMBAR JUDUL..................................................................................................1
LEMBAR PERSETUJUAN...................................................................................i
LEMBAR PENGESAHAN...................................................................................ii
SURAT PERNYATAAN......................................................................................iii
KATA PENGANTAR............................................................................................v
ABSTRAK.............................................................................................................vi
ABSTRACT..........................................................................................................vii
DAFTAR ISI.......................................................................................................viii
DAFTAR GAMBAR.............................................................................................xi
DAFTAR TABEL...............................................................................................xiii
BAB I PENDAHULUAN.......................................................................................1
1.1. Latar Belakang Masalah................................................................................1
1.2. Identifikasi Masalah......................................................................................2
1.3. Batasan Masalah............................................................................................2
1.4. Rumusan Masalah.........................................................................................2
1.5. Sistematika Penulisan....................................................................................3
BAB II LANDASAN TEORI................................................................................4
2.1. Tinjauan Penelitian Terdahulu......................................................................4
2.2. Perbedaan Dengan Penelitian Terdahulu (Novelty)......................................7
2.3. Pengertian Sistem..........................................................................................8
2.3.1. Sistem.................................................................................................8
2.3.2. Klasfikasi Sistem................................................................................9
2.3.3. Informasi..........................................................................................10
2.3.4. Sistem Informasi Manajemen..........................................................10
2.3.5. Penjadwalan.....................................................................................11
2.3.6. Ujian.................................................................................................11
2.3.7. Sistem Ujian Online.........................................................................11
2.4. Pendukung Sistem (Support System)...........................................................12
2.4.1. World Wide Web..............................................................................12
2.4.2. Web Browser....................................................................................13
viii
2.4.3. PHP (Hypertext Preprocessor)........................................................13
2.4.4. MySQL.............................................................................................14
2.4.5. HTML (Hypertext Markup Language)............................................15
2.4.6. CSS (Cascading Style-Sheet)...........................................................15
2.4.7. Javascript.........................................................................................16
2.4.8. Basis Data (Database).....................................................................16
2.4.9. XAMPP............................................................................................16
2.4.10. Unified Modelling Language (UML).............................................18
2.5. Blackbox Testing.........................................................................................23
BAB III METODOLOGI PENELITIAN..........................................................24
3.1. Tujuan dan Manfaat Penelitian....................................................................24
3.1.1. Tujuan Penelitian.............................................................................24
3.1.2. Manfaat Penelitian...........................................................................24
3.2. Tempat dan Waktu Penelitian.....................................................................25
3.2.1. Tempat Penelitian.............................................................................25
3.2.2. Waktu Kegiatan................................................................................25
3.3. Teknik Pengumpulan Data..........................................................................26
3.3.1. Metode Wawancara..........................................................................26
3.3.2. Metode Studi Pustaka.......................................................................26
3.3.3. Metode Observasi............................................................................27
3.4. Metode Pengembangan Sistem...................................................................27
BAB IV HASIL DAN PEMBAHASAN.............................................................29
4.1. Analisa Kebutuhan (Requirement Analysis)................................................29
4.1.1. Analisis Kebutuhan Perangkat Lunak (Software)............................29
4.1.2. Analisis Kebutuhan Perangkat Keras (Hardware)...........................29
4.1.3. Analisa Kebutuhan Fungsional........................................................30
4.2. Analisis Sistem yang Berjalan.....................................................................30
4.2.1. Analisis Aktor Pada Sistem Berjalan...............................................31
4.2.2. Gambaran Umum Sistem Berjalan..................................................31
4.3. Desain Usulan Sistem (Design)...................................................................32
4.3.1. Desain Pemodelan Sistem................................................................33
4.3.2. Perancangan Basis Data...................................................................53
ix
4.3.3. Perancangan Antarmuka Pengguna (User Interface).......................57
4.3.4. Implementasi Aplikasi.....................................................................64
4.4. Testing.........................................................................................................71
4.4.1. Rencana Pengujian...........................................................................71
4.4.2. Hasil Pengujian................................................................................74
4.5. Maintenance................................................................................................76
4.5.1. Backup Data.....................................................................................76
4.5.2. Feedback..........................................................................................77
BAB V PENUTUP................................................................................................78
5.1. Kesimpulan..................................................................................................78
5.2. Saran............................................................................................................78
DAFTAR PUSTAKA...........................................................................................79
DAFTAR RIWAYAT HIDUP............................................................................92
SURAT KETERANGAN RISET.......................................................................93
BAB I
x
DAFTAR GAMBAR
Gambar 2. 1 Logo Resmi MySQL..........................................................................15
Gambar 2. 2 XAMPP.............................................................................................17
Gambar 2. 3 Metode Pengujian Black Box............................................................23
Gambar 3. 1 Tahapan Waterfall.............................................................................29
Gambar 4. 1 Activity Diagram Sistem Berjalan.....................................................32
Gambar 4. 2 Use Case Diagram Sistem Usulan....................................................33
Gambar 4. 3 Activity Diagram Usulan Admin Kelola Data List User..................35
Gambar 4. 4 Activity Diagram Usulan Admin Kelola Data Pembayaran..............36
Gambar 4. 5 Activity Diagram Usulan Admin Kelola Data Soal Ujian................37
Gambar 4. 6 Activity Diagram Usulan Admin Kelola Data Menu Ujian Online. .38
Gambar 4. 7 Activity Diagram Usulan Admin Kelola Data Laporan Hasil Tes
Ujian.......................................................................................................................39
Gambar 4. 8 Activity Diagram Usulan Dosen Data Pembayaran Mahasiswa.......40
Gambar 4. 9 Activity Diagram Usulan Dosen Data Jadwal Ujian Online
Mahasiswa..............................................................................................................41
Gambar 4. 10 Activity Diagram Usulan Dosen Pembuatan Data Soal Ujian........42
Gambar 4. 11 Activity Diagram Usulan Dosen Halaman Laporan Hasil Tes Ujian
Online Mahasiswa..................................................................................................43
Gambar 4. 12 Activity Diagram Usulan Lihat Data Jadwal Ujian Mahasiswa......44
Gambar 4. 13 Activity Diagram Usulan Ujian Online Mahasiswa........................45
Gambar 4. 14 Activity Diagram Usulan Hasil Tes Ujian Mahasiswa....................46
Gambar 4. 15 Sequence Admin Kelola Data List User.........................................47
Gambar 4. 16 Sequence Admin Kelola Data Pembayaran.....................................47
Gambar 4. 17 Sequence Admin Kelola Data Soal.................................................48
Gambar 4. 18 Sequence Admin Kelola Data Ujian Online....................................48
Gambar 4. 19 Sequence Admin Kelola Data Hasil Tes Ujian...............................48
Gambar 4. 20 Sequence Dosen Melihat Data Pembayaran....................................49
Gambar 4. 21 Sequence Dosen Membuat Data Soal Ujian....................................49
Gambar 4. 22 Sequence Dosen Membuat Data Jadwal Ujian................................50
Gambar 4. 23 Sequence Dosen Akses Laporan Hasil Tes Ujian...........................50
Gambar 4. 24 Sequence Mahasiswa Melihat Data Jadwal Ujian...........................51
Gambar 4. 25 Sequence Mahasiswa Mengikuti Ujian Online...............................51
Gambar 4. 26 Sequence Mahasiswa Melihat Hasil Tes Ujian...............................51
Gambar 4. 27 Class Diagram Usulan....................................................................52
Gambar 4. 28 Rancangan Halaman Login.............................................................57
Gambar 4. 29 Rancangan Halaman Utama............................................................58
Gambar 4. 30 Rancangan Halaman Mahasiswa.....................................................58
Gambar 4. 31 Rancangan Halaman Dosen............................................................59
Gambar 4. 32 Rancangan Halaman Dosen............................................................59
Gambar 4. 33 Rancangan Halaman orang tua........................................................60
Gambar 4. 34 Rancangan Halaman Ruang Kelas..................................................60
Gambar 4. 35 Rancangan Halaman Jadwal Kuliah................................................61
Gambar 4. 36 Rancangan Halaman Pembayaran...................................................61
xi
Gambar 4. 37 Rancangan Halaman Jadwal Ujian Mahasiswa...............................62
Gambar 4. 38 Rancangan Halaman Soal Ujian......................................................62
Gambar 4. 39 Halaman Hasil Tes Ujian Online....................................................63
Gambar 4. 40 Rancangan Halaman Kelola Data User...........................................63
Gambar 4. 41 Tampilan Login Aplikasi (Admin dan User)..................................64
Gambar 4. 42 Tampilan Halaman Utama (Dashboard) Aplikasi..........................64
Gambar 4. 43 Rancangan Halaman Tambah Data Mahasiswa..............................65
Gambar 4. 44 Rancangan Halaman Membuat Soal Ujian.....................................65
Gambar 4. 45 Tampilan Halaman Tambah Data Mahasiswa................................66
Gambar 4. 46 Tampilan Halaman Input Data Dosen.............................................66
Gambar 4. 49 Halaman Input Ruang Kelas...........................................................68
Gambar 4. 50 Tampilan Halaman Jadwal Kuliah..................................................68
Gambar 4. 51 Tampilan Halaman Soal Ujian........................................................69
Gambar 4. 52 Tampilan Halaman Pembayaran.....................................................69
Gambar 4. 53 Tampilan Halaman Jadwal Ujian Mahasiswa.................................70
Gambar 4. 54 Tampilan Halaman Hasil Tes Ujian Online....................................70
Gambar 4. 55 Tampilan Halaman Kelola Data User.............................................71
Gambar 4. 56 Halaman Backup Data....................................................................77
xii
DAFTAR TABEL
BAB II
Tabel 2. 1 Penelitian Terdahulu...............................................................................6
Tabel 2. 2 Simbol Use Case Diagram...................................................................18
Tabel 2. 3 Simbol Activity Diagram......................................................................20
Tabel 2. 4 Simbol Sequence Diagram...................................................................21
Tabel 2. 5 Simbol Class Diagram..........................................................................22
Tabel 3. 1 Jadwal Penelitian
Tabel 3. 2 Form Pedoman Wawancara
Tabel 4. 1 Spesifikasi Perangkat Lunak (Software)...............................................29
Tabel 4. 2 Spesifikasi Perangkat Keras (Hardware)..............................................29
Tabel 4. 3 Struktur Tabel Data User......................................................................53
Tabel 4. 4 Struktur Tabel Data Mata Kuliah..........................................................54
Tabel 4. 5 Struktur Tabel Data Jadwal...................................................................54
Tabel 4. 6 Struktur Tabel Data Ujian.....................................................................55
Tabel 4. 7 Struktur Tabel Data Pembayaran..........................................................56
Tabel 4. 8 Struktur Tabel Data Hasil Tes Ujian.....................................................57
Tabel 4. 9 Rencana Pengujian User Admin...........................................................72
Tabel 4. 10 Rencana Pengujian User Admin.........................................................74
xiii
BAB I
PENDAHULUAN
I.1. Latar Belakang Masalah

Pemanfaatan dan pengembangan teknologi informasi semakin pesat.
Hal ini ditandai dengan semakin tingginya kebutuhan akan sistem
informasi yang terkomputerisasi dan dapat saling terhubung. Sistem
informasi ini lebih dikenal dengan sistem informasi berbasis web, dimana
sebuah informasi dapat diakses dimana saja dan kapan saja selama
perangkat terhubung dengan jaringan. Sistem informasi berbasis web ini
telah diterapkan diberbagai bidang dan terus berkembang.
Pendidikan adalah salah satu sektor penting yang di perhatikan
peningkatan kinerjanya. Dalam hal ini yang menjadi sorotan adalah sistem
ujian dimana masih banyak lembaga-lembaga pendidikan seperti sekolah,
perguruan tinggi, maupun lembaga non-formal lainnya yang belum
menggunakan sistem secara online dalam pelaksanaan ujian. Hal ini
terkadang dapat menimbulkan beberapa kendala dalam pelaksanaanya,
seperti kecurangan dalam pelaksanaan ujian yang di lakukan mahasiswa
seperti mencontek dan lambatnya proses penilaian yang membutuhkan
waktu untuk memeriksa hasil ujian karena banyaknya peserta ujian yang
dapat memakan banyak waktu.
Berdasarkan beberapa permasalahan yang telah dipaparkan, diperlukan
sebuah teknologi informasi berupa penjadwalan ujian online berbasis web
yang dapat memudahkan pengolahan data dan komunikasi antara dosen
dan mahasiswa sehingga kegiatan ujian menjadi lancar. Dari itu penulis
tertarik untuk mengangkat judul dan mengadakan sebuah penelitian
mengenai “Aplikasi Ujian Online Berbasis Web Pada Universitas
Saintek Muhammadiyah” yang diharapkan dapat memberi kemudahan
kepada dosen dan mahasiswa dalam melaksanakan ujian.
1
2
I.2. Identifikasi Masalah

Berikut merupakan identifikasi masalah dari penelitian pada
Universitas Saintek Muhammadiyah Jakarta :
1. Mahasiswa harus konfirmasi terlebih dahulu ke admin jika belum
melakukan pembayaran. jika tidak konfirmasi maka tidak akan bisa
melakukan ujian.
2. Mahasiswa dan orang tua tidak dapat langsung mengetahui hasil ujian,
karena lamanya waktu evaluasi ujian konvensional.
3. Terjadinya kecurangan dalam pelaksanaan ujian yang dilakukan
mahasiswa seperti mencontek.
I.3. Batasan Masalah

Dengan identifikasi masalah seperti di atas, maka batasan masalah
yang diambil dari tugas ini adalah sebagai berikut.
1. Sistem ini dapat mengkonfirmasi ke sistem admin mengenai siapa saja
mahasiswa yang memenuhi syarat untuk mengikuti ujian.
2. Sistem ini dapat mempermudah dan mempercepat evaluasi ujian.
3. Sistem ini diharapkan dapat meminimalisir kecurangan dalam
pelaksanaan ujian online.
I.4. Rumusan Masalah

Dari batasan masalah di atas, maka dapat diklasifikasikan menjadi
beberapa poin berikut ini.
1. Bagaimana sistem ini dapat mengkonfirmasi ke sistem admin
mengenai siapa saja mahasiswa yang memenuhi syarat untuk
mengikuti ujian?
2. Bagaimana sistem ini dapat mempermudah dan mempercepat evaluasi
ujian?
3. Bagaimana sistem ini diharapkan dapat meminimalisir kecurangan
dalam pelaksanaan ujian online?
3
I.5. Sistematika Penulisan

Adapun sistematika penulisan laporan ini disesuaikan dengan tata cara
penulisan skripsi pada Universitas Saintek Muhammadiyah Jakarta,
rancangan yang akan disajikan pada skripsi ini adalah sebagai berikut.
BAB I PENDAHULUAN
Bab ini berisi tentang latar belakang masalah, identifikasi
masalah, rumusan masalah, dan sistematika penulisan.
BAB II LANDASAN TEORI
Bab ini menjelaskan teori-teori yang terkait dengan
permasalahan yang diambil.
BAB III METODOLOGI PENELITIAN
Bab ini berisi tentang metode penelitian, tujuan penelitian,
manfaat penelitian, objek penelitian dan metode
pengembangan.
BAB IV HASIL DAN PEMBAHASAN
Bab ini berisi tentang pemaparan metodologi dalam
pengembangan penelitian meliputi tahap analisis, desain,
kode dan pengujian.
BAB V PENUTUP
Bab ini berisi tentang kesimpulan dan saran hasil dari
penelitian yang telah dilakukan.
BAB II
LANDASAN TEORI
II.1. Tinjauan Penelitian Terdahulu

Dalam Penelitian ini, terdapat penelitian – penelitian sebelumnya yang
berisikan data atau informasi yang terdapat pada penelitian ini.
1. Pada penelitian yang dilakukan oleh Eki Puspitasi (2016) dengan judul
‘Sistem Informasi Pengolahan Raport Siswa Pada SMP Negeri 3
Kebonagung’ menghasilkan Sistem Informasi Pengolahan Raport
berbasis desktop yang membantu kerja guru dan wali kelas, dan dapat
mempermudah pengguna untuk melakukan proses pengolahan raport
agar pengelolaan nilai dapat di olah secara efektif dan efisien
sehingga informasi dapat tersampaikan dengan baik. Tampilan
antarmuka sistem di implementasikan sesuai dengan tampilan raport
yang sudah ada, sehingga sistem dapat digunakan dengan mudah dan
menghasilkan perhitungan nilai yang akurat. Pembuatan sistem ini
memanfaatkan Java dan MySQL sebagai basis bahasa
pemrogramannya.
2. Penelitian lain dengan judul ‘Rancang Bangun Sistem Informasi Nilai
Raport Siswa Berbasis Android’ yang dilakukan oleh Agus Rahmanto
(2016) menghasilkan Sistem Informasi Nilai Raport Siswa berbasis
Android yang bertujuan untuk membantu pihak sekolah untuk
meningkatkan pelayanan kepada wali murid dan membantu wali murid
untuk mengontrol dan mengawasi perkembangan anaknya
disekolah. Sistem ini dibuat menggunakan bahasa pemrograman
framework CodeIgniter dan MySQL berbasis web, untuk menjadikan
aplikasi berbasis android dikembangkan menggunakan bahasa
pemgrograman Java agar aplikasi bisa berjalan di ponsel Android.
3. Penelitian terdahulu yang telah dilakukan oleh Rokhmad Fadhlul Wafi
dkk (2017), Jurusan Sistem Informasi, Universitas STMIK STIKOM
Surabaya dengan judul Rancang Bangun Sistem Informasi
Kepegawaian. Penelitian ini membahas tentang informasi mengenai
4
5
pencarian data pegawai dan pembuatan laporan serta evaluasi

pengawai, Perancangan aplikasi ini menggunakan use case diagram
dan diagram sekuensial (sequence diagram) digunakan untuk
menunjukkan alur fungsionalitas yang melalui sebuah use case yang
disusun dalam urutan waktu.
4. Pembangunan Sistem Informasi Akademik Sekolah Menengah
Pertama Negeri (SMPN) 3 Punung Penelitian terdahulu yang telah
dilakukan oleh Irvan Ranggadityas dkk (2017), dengan judul
Pembangunan Sistem Informasi Akademik Sekolah Menengah
Pertama Negeri (SMPN) 3 Punung. Penelitian ini membahas tentang
infomasi akademik meliputi data siswa, nilai siswa, dan data guru, data
kelas maupun data pelajaran, Perancangan aplikasi ini menggunakan
bahasa pemrograman Java 1.7 dan My SQL 6.0 sebagai database.
5. Perancangan Sistem Informasi Akademik Nilai Siswa Berbasis Web
Penelitian terdahulu yang telah dilakukan oleh Tedi Kurnia dkk
(2018), Sekolah Tinggi Teknologi Garut (STT Garut) dengan judul
Perancangan Sistem Informasi Akademik Nilai Siswa Berbasis Web.
Penelitian ini membahas tentang informasi mengenai nilai akademik
siswa, Perancangan aplikasi ini menggunakan bahasa pemrograman
PHP dan MySQL sebagai database. Metodologi dalam pembuatan
sistem informasi ini menggunakan Unified Approach (UA),
metodologi ini dapat digunakan sebagai metodologi untuk
menganalisis dan merancang Sistem Informasi Akademik Nilai Siswa
Berbasis Web di SMK Ciledug Al- Musaddadiyah Garut.Dengan
adanya sistem informasi pembayaran SPP menggunakan web
diharapkan dapat disajikan lebih efisien serta dapat menyimpan hasil
yang telah diolah, dan juga untuk keamanan data lebih terjamin.
6
Tabel 2. 1 Penelitian Terdahulu

No Nama Judul Tahun Metode Hasil
1. Eki Puspitasi Sitem Informasi 2016 Java Dn Membantu 7

Pengolahan MySQL kerja guru dan
Raport Berbasis wali kelas dan
Dekstop dapat
mempermudah
pengguna
untuk
II.2. melakukan
proses
penglahan
raport agar
pengolahan
nilai dapat di
olah secara
efektif dan
efisien
2. Agus Rancang 2016 Framework Membantu
Rahmanto Bangun Sistem CodeIgniter pihak sekolah
Informasi Nilai dan untuk
Raport siswa MySQL meningkatkan
Berbasis pelayanan
Android kepada wali
murid dan
membantu
wali murid
untuk
mengontrol
dan
mengawasi
perkembangan
anaknya
disekolah
3. Rokhmad Rancang 2017 Use Case Lebih
Fadhlul Wafi Bangun Sistem diagram mempermudah
dkk Informasi dan mendapatkan
Kepegawaian diagram data pegawai
Sekuensial dan lebih
(Sequence cepat untuk
diagram) pembuatan
laporan
evaluasi
pegawai
4. Irvan Pembangunan 2017 Dengan Menghasilkan
Ranggadityas Sistem metode sebuah sistem
dkk Informasi Waterfall informasi
Akademik yang dapat
SMPN 3 membantu
Punung guru dalam
mengolah data
siswa menjadi
nilai raport
dan
mendukung
kegiatan
operasional
sekolah seperti
pencatatan
8
Perbedaan Dengan Penelitian Terdahulu (Novelty)

Setiap penelitian mempunyai ciri khas dan karakteristik serta latar
belakangnya masing-masing agar dapat menghasilkan terobosan baru pada
setiap penelitian nya. penelitian yang akan penulis lakukan terdapat
perbedaan pada penelitian sebelumnya khususnya dengan penelitian
terdahulu yang telah ditinjau pada usulan penelitian kali ini. Berikut
adalah perbedaan penelitian yang diusulkan dengan penelitian terdahulu
yang telah ditinjau.
1. Tampilan website lebih fleksibel dan dapat digunakan oleh siapapun.
2. tampilannya lebih sederhana membantu untuk penjadwalan ujian
online dan ada beberapa tambahan seperti pengumuman dan kegiatan
dan proses penilaian yang cepat dan di akses dengan mudah.
3. Membantu pihak kampus maupun dosen mendapatkan informasi dengan
cepat cukup melalui website tersebut.
II.3. Pengertian Sistem

II.3.1. Sistem
Menurut 1, bahwa sistem menjadi salah satu kumpulan atau
himpunan dari unsur atau variabel-variabel yang saling terkait,
saling berinteraksi, dan saling tergantung satu sama lain untuk
mencapai suatu tujuan. Selain itu, sistem juga dapat didefinisikan
sebagai sekumpulan objek-objek yang saling berelasi dan
berinteraksi, serta hubungan antar objek bias dilihat sebagai satu
kesatuan yang dirancang untuk mencapai satu tujuan yang telah
ditetapkan. Sistem memiliki tiga komponen atau fungsi dasar yang
berinteraksi, antara lain:
1. Input (masukan)
Melibatkan penangkapan dan perakitan berbagai elemen yang
memasuki sistem untuk diproses. Input yang dimaksud dalam
hal ini berupa keseluruhan penginputan data yang berkaitan
1
Faizal and Putri, “Sistem Informasi Pengolahan Data Pegawai Berbasis Web (Studi Kasus Di PT.
Perkebunan Nusantara VIII Tambaksari).”
9
dengan transaksi dalam siklus pendapatan dan pengeluaran

yang dilakukan oleh pihak yang berwenang.
2. Proses
Melibatkan tahap transformasi yang mengubah input menjadi
output. Yang dimaksud tahap disini mencakup penghitungan
dan kalkulasi dari data-data transaksi siklus pendapatan dan
pengeluaran yang masuk ke sistem.
3. Output (keluaran)
Melibatkan perpindahan elemen yang telah diproduksi oleh
proses. Output yang dimaksud adalah laporan keuangan dan
laporan produk yang berhasil dijual yang dihasilkan dari sistem
informasi akuntansi revenue cycle. Dari berbagai definisi yang
dikemukakan di atas dapat disimpulkan bahwa sistem adalah
golongan dari komponen dan elemen yang disatukan untuk
menggapai tujuan tertentu.
II.3.2. Klasfikasi Sistem

Menurut 2, bahwa sistem dapat diklasifikasikan dari beberapa
sudut pandang diantaranya :
a. Sistem abstrak (abstract system)
adalah sistem yang berupa pemikiran atau ide-ide yang tidak
tampak secara fisik. Sistem teologia yang berisi gagasan
tentang hubungan manusia dengan Tuhan merupakan contoh
abstract system.
b. Sistem fisik (physical system)
adalah sistem yang ada secara fisik, sistem komputer, sistem
akuntansi, sistem produksi, sistem sekolah, dan sistem
transportasi merupakan contoh physical system.
c. Sistem tertentu (deterministic system)
adalah sistem yang beroperasi dengan tingkah laku yang dapat
2
Fahzi and Suroto, “Sistem Informasi Pengendalian Kegiatan Pembangunan Pada Pemerintah
Kota Batam.”
10
diprediksi, interaksi antara bagian dapat dideteksi dengan pasti

sehingga keluarannya dapat diramalkan. Sistem komputer
sudah diprogramkan, merupakan contoh deterministic system
karena program komputer dapat diprediksi dengan pasti.
d. Sistem tak tentu (probabilistic system)
adalah suatu sistem yang kondisi masa depannya tidak dapat
diprediksikan karena mengandung unsur probabilitas. Sistem
arisan merupakan contoh probabilistic system, karena sistem
arisan tidak dapat diprediksikan dengan pasti.
e. Sistem tertutup (close system)
adalah sistem yang tidak bertukar materi, informasi, atau energi
dengan lingkungan. Sistem ini tidak berinteraksi dan tidak
dipengaruhi oleh lingkungan, misalnya reaksi kimia dalam
tabung terisolasi.
f. Sistem terbuka (open system)

adalah sistem yang berhubungan dengan lingkungan dan
dipengaruhioleh lingkungan. Sistem perdagangan merupakan
contoh open system, karena dapat dipengaruhi oleh lingkungan.
II.3.3. Informasi
Menurut 3, bahwa informasi merupakan kumpulan data yang
diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi
yang menerima. Tanpa suatu informasi, suatu sistem tidak berjalan
dengan lancar dan akhirnya bisa mati. Suatu organisasi tanpa
adanya suatu informasi maka organisasi tersebut tidak bisa berjalan
dan tidak bisa beroperasi. Informasi adalah data yang diolah
menjadi bentuk yang berguna dan menjadi berarti bagi
penerimanya. Jadi informasi adalah kumpulan data yang diolah
menjadi bentuk yang lebih berguna dan lebih berarti bagi yang
menerimanya.
3
Audrilia and Budiman, “Perancangan Sistem Informasi Manajemen Bengkel Berbasis Web
(Studi Kasus : Bengkel Anugrah).”
11
II.3.4. Sistem Informasi Manajemen

Menurut 4, bahwa Sistem informasi manajemen (management
information system atau sering disebut MIS) merupakan penerapan
sistem informasi di dalam organisasi untuk mendukung informasi-
informasi yang dibutuhkan oleh semua tingkatan manajemen.
II.3.5. Penjadwalan
Dikutip oleh 5, menyatakan Kenneth R. Baker (2009:4), bahwa
penjadwalan didefinisikan sebagai proses pengalokasian sumber-
sumber atau mesin- mesin yang ada untuk menjalankan
sekumpulan tugas dalam jangka waktu tertentu.
Definisi lain, menurut Conway (2001:56), penjadwalan yaitu
proses pengurutan pembuatan produk secara menyeluruh pada
sejumlah mesin tertentu dan pengurutan didefinisikan sebagai
proses pembuatan produk pada satu mesin dalam jangka waktu
tertentu. Input untuk suatu penjadwalan mencangkup urutan
ketergantungan antar operasi, waktu proses untuk masing-masing
operasi, serta fasilitas yang dibutuhkan oleh setiap operasi.
II.3.6. Ujian
Menurut 6
, bahwa ujian merupakan cara terbatas untuk
mengukur kemampuan seseorang. Pelaksanaan ujian dimaksudkan
untuk mengukur pengetahuan seseorang atau peserta didik. Ujian
juga dijadikan sebagai alat evaluasi untuk menilai berapa jauh
pengetahuan sudah dikuasai dan keterampilan yang sudah
diperoleh. Ujian merupakan tugas yang harus dipersiapkan dengan
sebaik-baiknya oleh semua mahasiswa, karena kegiatan ini
merupakan titik puncak dari keseluruhan kegiatan akademis yang
telah diikuti selama kurun waktu tertentu. Ukuran berhasil atau
tidaknya kegiatan akademis ditentukan pada saat ujian.
4
Audrilia and Budiman.
5
Kosa, Sutisna, and Dwiatmodjo, “Perancangan Sistem Ujian Online Berbasis Web Di SMP
Negeri 01 Cikarang Selatan.”
6
Kosa, Sutisna, and Dwiatmodjo.
12
II.3.7. Sistem Ujian Online

Menurut 7, bahwa sistem ujian online dapat dikatakan sistem
ujian berbasis web yang dilaksanakan secara online atau
menggunakan komputer dengan akses internet. Semakin
berkembangnya zaman semakin canggih teknologi atau metode
pengajaran yang dilakukan salah satunya dengan cara ujian online
berbasis web ini. Sistem ujian online sebenarnya sama seperti ujian
biasanya yang membedakan ialah siswa tidak perlu menggunakan
alat tulis untuk mengisi ujian. Siswa menggunakan komputer atau
laptop dengan akses internet untuk melaksanakan ujian. Oleh
karena itu hal ini dapat menghemat biaya pengeluaran pada dunia
pendidikan.
II.4. Pendukung Sistem (Support System)

II.4.1. World Wide Web
Dikutip dari 8, bahwa World Wide Web (WWW) atau sering di
kenal sebagai web adalah suatu layanan sajian informasi yang
menggunakan konsep hyperlink (tautan), yang memudahkan surfer
(sebutan para pemakai komputer yang melakukan browsing atau
penelusuran informasi melalui internet). Keistimewaan inilah yang
telah menjadikan web sebagai service yang paling cepat
pertumbuhannya. Web mengijinkan pemberian highlight
(penyorotan atau penggaris bawahan) pada kata-kata atau gambar
dalam sebuah dokumen untuk menghubungkan atau menunjuk ke
media lain seperti dokumen, frase, movie clip, atau file suara. Web
dapat menghubungkan dari sembarang tempat dalam sebuah
dokumen atau gambar ke sembarang tempat di dokumen lain.
Dengan sebuah browser yang memiliki Grapihcal User Interface
7
Audrilia and Budiman, “Perancangan Sistem Informasi Manajemen Bengkel Berbasis Web
(Studi Kasus : Bengkel Anugrah).”
8
Susilo, Kurniati, and Kasmawi, “Rancang Bangun Website Toko Online Menggunakan Metode
Waterfall.”
13
(GUI) serta link-link dapat di hubungkan ke tujuannya dengan

menunjuk link tersebut dengan mouse dan menekannya.
II.4.2. Web Browser
Menurut 9, bahwa Web Browser merupakan aplikasi perangkat
lunak yang digunakan untuk mengambil dan menyajikan sumber
informasi web. Sumber informasi web diidentifikasi dengan
Uniform Resource Identifier (URI) yang dapat terdiri dari halaman
web, gambar, atau konten lainnya”. Jadi dapat disimpulkan bahwa
web browser adalah aplikasi yang digunakan sebagai media untuk
menampilkan informasi kepada pengguna.
II.4.3. PHP (Hypertext Preprocessor)

Menurut 10
, bahwa PHP adalah bahasa pemrograman yang
digunakan secara luas untuk penanganan pembuatan dan
pengembangan sebuah web dan biasa digunakan pada HTML. PHP
merupakan singkatan dari “Hypertext Preprocessor”, dan
merupakan bahasa yang disertakan dalam dokumen HTML,
sekaligus bekerja di sisi server (server-side HTML-embedded
scripting).
Menurut 11
, bahwa PHP termasuk script berbasis server
(server-side) yang mampu mem-parsing kode php dari kode web
dengan ekstensi .php. Artinya sintaks dan perintah yang diberikan
sepenuhnya dijalankan di server tetapi disertakan pada halaman
HTML biasa, sehingga script-nya tak tampak di sisi client. PHP
dirancang untuk dapat bekerjasama dengan database server dan
dibuat sedemikian rupa sehingga pembuatan dokumen HTML yang
dapat mengakses database menjadi begitu mudah. Tujuan dari
bahasa scripting ini adalah untuk membuat aplikasi di mana
aplikasi tersebut yang dibangun oleh PHP pada umumnya
memberikan hasil pada web browser, tetapi prosesnya secara
9
Hidayat, “Aplikasi Penjualan Jam Tangan Secara Online Studi Kasus: Toko JAMBORESHOP.”
10
Waterfall.”
11
Sari, Abdilah, and Sunarti, Buku Web Programming.
14
keseluruhan dijalankan di server. PHP sendiri untuk pertama kali

dikembangkan oleh seorang programmer bernama Rasmus Lerdrof
pada tahun 1995. Selanjutnya Rasmus merilis kode sumber
tersebut untuk umum dan menamakan PHP/FI sehingga banyak
pemrograman yang tertarik untuk ikut mengembangkan PHP. Dan
selanjutnya pada tahun 1997 perusahaan bernama Zend,
mengembangkan intrepreter PHP tersebut menjadi lebih baik.
Kode PHP diproses melalui pemrosesan dari sisi server, makanya
PHP disebut skrip server-side. Sehingga kode PHP tidak bisa
diberikan langsung ketika ada permintaan dari client(browser).
Kode PHP dimasukkan ke dalam kode HTML dengan cara
menyelipkannya di dalam kode HTML. Untuk membedakan kode
PHP dengan kode HTML, di depan kode PHP tersebut diberi tag
pembuka dan diakhir kode PHP diberi tag penutup. Dengan adanya
kode PHP, sebuah halaman web bisa melakukan banyak hal yang
dinamis, seperti mengakses database, membuat gambar, membaca
dan menulis file, dan sebagainya. Hasil pengolahan kode PHP akan
dikembalikan lagi dalam bentuk kode HTML untuk ditampilkan
pada browser.
Gambar 2. 1 Contoh Script PHP
II.4.4. MySQL
MySQL 12 mendefinisikan sebuah manajemen basis data yang
mengandung satu atau jumlah tabel. Tabel terdiri atas sejumlah
baris dan setiap baris mengandung satu atau beberapa jumlah tabel.
12
Firman et al., “Sistem Informasi Perpustakaan Online Berbasis Web.”
15
MySQL termasuk database server open source yang cukup popular

keberadaannya. Dengan berbagai keunggulan yang dimiliki,
membuat software database ini banyak digunakan oleh praktisi
yang berfungsi membangun step by step suatu project. Adanya
fasilitas API (Application Programming Interface) yang dimiliki
oleh MySQL, memungkinkan bermacam-macam aplikasi komputer
yang ditulis dengan berbagai bahasa pemrograman dapat
mengakses basis data MySQL. Tipe data MySQL adalah data yang
terdapat dalam sebuah tabel berupa field-field yang berisi nilai dari
data tersebut.
Gambar 2. 2 Logo Resmi MySQL
II.4.5. HTML (Hypertext Markup Language)

Dikutip dari 13, bahwa HTML merupakan sebuah bahasa yang
disisipkan (embedded language) pada dokumen yang berfungsi
memberi tanda tertentu yang disebut tag. Tag merupakan aturan
penulisan kode yang ditulis dengan diawali tanda lebih kecil dan di
akhiri dengan tanda lebih besar (<tag>). Browser akan
menentukan tampilan teks atau dokumen berdasarkan tag yang
digunakan.
II.4.6. CSS (Cascading Style-Sheet)

Menurut 14, bahwa CSS merupakan singkatan dari Cascading
13
Rozul, “Perancangan Sistem Informasi E-Marketplace Original Clothing Indonesia Berbasis
Web.”
14
Waterfall.”
16
Style-Sheet, yaitu sebuah pengembangan atas kode HTML yang

sudah ada sebelumnya. CSS berfungsi untuk menentukan sebuah
struktur dasar halaman web secara lebih mudah dan cepat, serta irit
kapasitas (size).
II.4.7. Javascript
Menuru 15
, bahwa Javascript merupakan suatu bahasa
pemrograman yang dikembangkan untuk dapat berjalan pada web
browser atau bahasa skrip (Scripting Language) dengan kumpulan
instruksi perintah yang berfungsi untuk mengendalikan beberapa
bagian dari sistem operasi. Berfungsi juga untuk melakukan
perubahan tampilan website, seperti ketika mengklik tombol,
menentukan layout, ngasih efek dinamik atau animasi yang lucu-
lucu dan menarik. Bentuk bahasa skrip mengambil model
penulisan pada pemrograman yang terdiri dari variabel, fungsi dan
lainnya. Kode JavaScript dapat disisipkan dalam halaman web
menggunakan tag SCRIPT.
II.4.8. Basis Data (Database)

Basis data atau database adalah sekumpulan informasi yang
diatur agar mudah dicari. Dalam arti umum basis data adalah
sekumpulan data yang diproses dengan bantuan komputer yang
memungkinkan data dapat diakses dengan mudah dan tepat, yang
dapat digambarkan sebagai aktivitas dari satu atau lebih organisasi
yang berelasi.
II.4.9. XAMPP
Menurut 16
, bahwa XAMPP merupakan alat bantu yang
menyediakan paket perangkat lunak ke dalam satu buah paket.
Dengan menginstall perangkat lunak XAMPP maka tidak perlu
15
Hidayat, “Aplikasi Penjualan Jam Tangan Secara Online Studi Kasus: Toko JAMBORESHOP.”
16
Santoso and Nurmalina, “Perencanaan Dan Pengembangan Aplikasi Absensi Mahasiswa
Menggunakan Smart Card Guna Pengembangan Kampus Cerdas (Studi Kasus Politeknik Negeri
Tanah Laut).”
17
lagi melakukan instalasi dan konfigurasi web server Apache, PHP

dan MySQL secara manual. XAMPP akan menginstalasi dan meng-
konfigurasikannya secara otomatis atau auto konfigurasi. XAMPP
merupakan paket PHP yang berbasis open source yang
dikembangkan oleh sebuah komunitas Open Source. Dengan
menggunakan XAMPP tidak dibingungkan dengan penginstalan
program-program lain, karena semua kebutuhan telah tersedia oleh
XAMPP. Yang terdapat pada XAMPP di antaranya : Apache,
MySQL, PHP, FileZilla FTP Server, PHPmyAdmin dan lain-lain.
Menurut 17, bahwa aplikasi XAMPP juga merupakan aplikasi
yang mem-bundle banyak aplikasi lain yang dibutuhkan dalam
pengembangan web. Nama XAMPP merupakan singkatan dari
aplikasi utama di dalamnya: X (huruf X berarti cross-platform,
dimana aplikasi XAMPP tersedia untuk banyak Sistem Operasi), A
(Apache web server), M (MySQL), P (PHP), dan P (Perl). Selain
aplikasi tersebut, XAMPP juga menyertakan modul lain, seperti:
OpenSSL dan phpMyAdmin.
Gambar 2. 3 XAMPP
17
Haviluddin, Haryono, and Rahmawati, Aplikasi Program PHP Dan MySQL.
18
II.4.10. Unified Modelling Language (UML)

Menurut 18
, bahwa definisi dari UML atau singkatan dari
Unified Modelling Language adalah salah satu tools atau model untuk
merancang pengembangan software yang berbasis object-oriented.
UML sendiri juga memberikan standar penulisan sebuah sistem
blueprint, yang meliputi konsep proses bisnis, penulisan kelas-
kelas dalam bahasa program yang spesifik, skema database, dan
komponen yang diperlukan dalam sistem software. UML terbagi
dalam beberapa bagian diantaranya sebagai berikut:
A. Use Case Diagram

Use case menggambarkan external view dari sistem yang
akan kita buat modelnya. Model use case dapat dijabarkan
dalam diagram use case, tetapi perlu diingat, diagram tidak
indetik dengan model karena model lebih luas dari diagram.
Use case harus mampu mengambarkan urutan aktor yang
menghasilkan nilai terukur.
Tabel 2. 2 Simbol Use Case Diagram
NO SIMBOL KETERANGAN
ACTOR
Orang proses, atau sistem lain yang
berinteraksi dengan sistem informasi
yang akan dibuat di luar sistem
1 informasi yang akan dibuat itu sendiri,
jadi walaupun simbol dari actor adalah
gambar orang, biasanya dinyatakan
menggunakan kata benda di awal frase
nama actor.
2 USE CASE
Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar
pesar antar unit atau actor biasanya
dinyatakan dengan menggunakan kata
18
Suendri, “Implementasi Diagram UML (Unified Modelling Language) Pada Perancangan Sistem
Informasi Remunerasi Dosen Dengan Database Oracle (Studi Kasus: UIN Sumatera Utara
Medan).”
19
kerja di awal frase nama use case.
ASOSIASI/ASSOCIATION
Komunikasi antara actor dan use case
3 yang berpartisipasi pada use case atau
use case memiliki interaksi dengan
actor.
INCLUDE
Relasi use case tambahan ke sebuah use
4 case dimana use case yang ditambahkan
memerlukan use case ini untuk
menjalankan fungsional dijalankan use
case ini.
EKSTENSI/EXTEND
Relasi use case tambahan ke sebuah use

5 case dimana use case yang ditambahkan
dapat berdiri sendiri walau tanpa use
case tambahan memiliki nama depan
yang sama dengan use case yang di
tambahkan.
B. Activity Diagram
Activity diagram menunjukkan aktivitas sistem dalam
bentuk kumpulan aksi-aksi, bagaimana masing-masing aksi
tersebut dimulai, keputusan yang mungkin terjadi hingga
berakhirnya aksi. “Activity diagram adalah aktifitas-aktifitas,
objek, state, transisi state dan event. Dengan kata lain kegiatan
diagram alur kerja menggambarkan perilaku sistem untuk
aktivitas.
20
Tabel 2. 3 Simbol Activity Diagram
Start Point,
awal aktivitas sistem,
1
sebuah diagram aktivitas
memiliki sebuah status awal.
End Point,
2
akhir aktivitas
Aktivitas yang dilakukan sistem,

3 aktivitas biasanya diawali
dengan proses kerja
Asosiasi keputusan dimana

4 jika ada pilihan aktivitas
lebih dari satu.
Memisahkan organisasi bisnis

yang bertanggungjawab
5
terhadap aktivitas
yang terjadi.
C. Sequence Diagram
Secara mudahnya sequence diagram adalah gambaran
tahap demi tahap, termasuk kronologi (urutan) perubahan
secara logis yang seharusnya dilakukan untuk menghasilkan
sesuatu sesuai dengan use case diagram.
21
Tabel 2. 4 Simbol Sequence Diagram
NO SIMBOL NAMA KETERANGAN
Menggambarkan
orang yang sedang
1 An Actor
berinteraksi
dengan sistem
Boundar Menggambarkan
2 y penggambaran dari
Object sebuah form
Menggambarkan
Control penghubung antara
3 boundary dengan
Object
Entity
Menggambarkan
Entity hubungan kegiatan
4
Object yang akan
dilakukan
Menggambarkan
A Focus
tempat mulai dan
5 of
berakhirnya
Control
sebuah message
Menggambarkan
A
6 pengiriman pesan
Message
antar object
D. Class Diagram
Class sebagai suatu set objek yang memiliki atribut dan
perilaku yang sama, kelas kadang disebut kelas objek. Class
memiliki tiga area pokok, yaitu:
a. Nama, kelas harus mempunyai sebuah nama.
22
b. Atribut, adalah kelengkapan yang melekat pada kelas. Nilai

dari suatu kelas hanya bisa diproses sebatas atribut yang
dimiliki.
c. Operasi, adalah proses yang dapat dilakukan oleh sebuah
kelas, baik pada kelas itu sendiri ataupun kepada kelas
lainnya.
Tabel 2. 5 Simbol Class Diagram
NO SIMBOL NAMA KETERANGAN
Hubungan dimana
objek anak
(descendent)
berbagi perilaku
1 Generalization dan struktur data
dari objek yang
ada di atasnya
objek induk
(ancestor).
Himpunan dari
objek-objek yang
2 Class berbagi atribut
serta operasi yang
sama.
Operasi yang
benar-benar
3 Realization dilakukan oleh
suatu objek.
Hubungan dimana
perubahan yang
terjadi pada suatu
elemen mandiri
(independent)
akan
4 Dependency mempegaruhi
elemen yang
bergantung
padanya elemen
yang tidak
mandiri.
23
II.5. Blackbox Testing

Pengujian Blackbox merupakan tahap yang berfokus pada pernyataan
fungsional perangkat lunak. Test Case ini bertujuan untuk menunjukan
fungsi perangkat lunak tentang bagaimana beroperasinya. Apakah
pemasukan data telah berjalan sebagaimana mestinya dan apakah
informasi yang tersimpan dapat dijaga kemutahirannya. Pengujian
dimaksudkan untuk mengetahui apakah fungsi-fungsi, masukan dan
keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan.
Metode ujicoba Blackbox memfokuskan pada keperluan fungsional dari
software. Ujicoba Blackbox berusaha untuk menemukan kesalahan dalam
beberapa kategori diantaranya:
1. Fungsi-fungsi yang salah atau hilang.
2. Kesalahan interface.
3. Kesalahan dalam struktur data atau akses database eksternal.
4. Kesalahan performa.
5. Kesalahan inisialisasi dan terminasi.
Gambar 2. 4 Metode Pengujian Black Box

BAB III
METODOLOGI PENELITIAN
III.1. Tujuan dan Manfaat Penelitian

III.1.1. Tujuan Penelitian
Tujuan dari penelitian yang dilakukan serta pembuatan
Aplikasi Penjadwalan ujian online berbasis web Pada Universitas
Saintek Muhammadiyah ini adalah:
1. Untuk mengetahui sistem ujian yang berjalan di Universitas
Saintek Muhammadiyah.
2. Untuk dapat memudahkan dalam melakukan ujian yang lebih
mudah dan cepat penilaiannya agar lebih cepat dan efektif dan
lebih diutamakan untuk penjadwalannya.
3. Mengimplementasikan serta menerapkan penjadwalan ujian
online berbasis web sehingga dapat digunakan di Universitas
III.1.2. Manfaat Penelitian
Selain mempunyai tujuan, penelitian ini juga diharapkan dapat
memberikan manfaat terutama kepada peneliti sendiri, admin, dan
pihak kampus yang nantinya akan menggunakan perancangan
sistem informasi ini. Adapun manfaat tersebut adalah :
1. Manfaat Untuk Penulis
Sebagai Implementasi dan Pengembangan ilmu yang telah
penulis dapatkan selama menjalani masa perkuliahan di
Universitas Saintek Muhammadiyah.
2. Manfaat Untuk Mahasiswa
a. Mengasah kemampuan diri dan langsung membuat
pemetaan.
b. Berlatih dalam menyesuaikan pengerjaan soal yang sulit
dalam waktu terbatas.
c. Fleksibel tempat dan waktu pengerjaan ujian online dan
bisa dikerjakan di manapun dengan jaringan internet yang
24
25
stabil.
d. Lebih update dan bervariasi kelebihan update yang cepat
membuat kita bisa menghadapi berbagai macam varian
soal.
3. Manfaat Untuk Universitas
a. Sebagai bahan kajian dan masukan bagi pihak Universitas
Saintek Muhammadiyah khususnya di Jurusan Teknik
Informatika.
b. Memberikan kemudahan tentunya bagi dosen dan
mahasiswa melaksanakan ujian online di Universitas
c. Memberikan bahan referensi baru bagi pembaca untuk
menambah wawasan tentang pemrograman web.
III.2. Tempat dan Waktu Penelitian

III.2.1. Tempat Penelitian
Penulis akan melakukan penelitian di kampus A Universitas
Saintek Muhammadiyah yang beralamat di Jalan Kelapa Dua
Wetan No. 17 Ciracas, Jakarta Timur.
III.2.2. Waktu Kegiatan

Rencana kegiatan disini memerlukan waktu yang digunakan
untuk menyelesaikan penelitian, sekitar 3 (tiga) bulan dari mulai
pengumpulan data yang diperlukan sampai response dari user yang
telah mengaplikasikan sistem yang dikembangkan oleh penulis:
Tabel 3. 1 Jadwal Penelitian
No Kegiatan Juni Juli Agustus
1 Requirement Analysis
2 Design
26
No Kegiatan Juni Juli Agustus
3 Implementation
4 Testing
5 Maintenance
III.3. Teknik Pengumpulan Data

Adapun cara atau teknik pengumpulan data dalam penelitian ini, yaitu:
III.3.1. Metode Wawancara
Interview adalah pengumpulan data dengan cara melakukan
tanya jawab langsung kepada pihak yang bersangkutan, dalam hal
ini yaitu Dosen, Mahasiswa, dan admin Universitas Saintek
Muhammadiyah.
PEDOMAN WAWANCARA
Komponen Wawancara :
Narasumber :
No Komponen/Sub Substansi Pertanyaan
III.3.2. Metode Studi Pustaka

Studi Pustaka dilakukan dengan pengumpulan referensi-
referensi yang berhubungan dengan permasalahan yang ada,
27
berupa: buku-buku , majalah, jurnal dan artikel.
III.3.3. Metode Observasi

Metode observasi adalah pengumpulan data yang dilakukan
melalui pengamatan langsung kepada penelitian dalam hal ini
pengamatan dilakukan di Universitas Saintek Muhammadiyah
terhadap kasus yang diangkat pada penelitian ini mengenai system
penjadwalan dan pelaksanaan ujian online mahasiswa.
Tabel 3. 3 Form Observasi Wawancara
FORM OBSERVASI
Nama : Universitas Saintek Muhammadiyah

Objek Observasi : Proses Penjadwalan Ujian, Proses
Pelaksanaan, Pasca Ujian
No Aspek Yang Diminati Keterangan
Admin membuat jadwal secara
1 Proses Penjadwalan manual dengan mengikuti
jadwal perkuliahan.
Mahasiswa yang belum bayaran
perlu konfirmasi ke bagian
2 Proses Pelaksanaan administrasi agar bisa
mengikuti ujian, ujian secara
luring
- Melalui Bagian BAK
Pasca Ujian Meliputi 3 - Melalui share grub whatsapp
Komponen : dan melalui KHS diakhir ujian
3 - Proses Input Penilaian - mahasiswa ada yang complain
- Laporan dan Publikasi mengenai penilaiannya yang
- Feedback/Umpan Balik tidak terinput dan langsung
diperbaiki setelah itu.
III.4. Metode Pengembangan Sistem

Metode Waterfall merupakan salah satu metode dalam SDLC (Sistem
Development Life Cycle) yang mempunyai ciri khas pengerjaan yaitu
setiap fase dalam waterfall harus diselesaikan terlebih dahulu sebelum
melanjutkan ke fase selanjutnya. Artinya focus terhadap masing-masing
fase dapat dilakukan maksimal karena jarang adanya pengerjaan yang
sifatnya parallel walaupun dapat saja terjadi pararealisme dalam
28
waterfall.19
Tahapan – tahapan dalam metode waterfall, meliputi:
1. Requirement analisys
Tahapan metode waterfall yang pertama adalah mempersiapkan
dan menganalisa kebutuhan dari software yang akan dikerjakan.
Informasi dan insight yang diperoleh dapat berupa dari hasil
wawancara, survei, studi literatur, observasi, hingga diskusi.
Biasanya di dalam sebuah perusahaan, tim analis akan menggali
informasi sebanyak – banyaknya dari klien atau user yang
menginginkan produk beserta dengan kebutuhan sistemnya. Selain
itu, juga dapat mengetahui setiap batasan dari perangkat lunak yang
akan dibuat.
2. Design
Tahap yang selanjutnya adalah pembuatan desain aplikasi
sebelum masuk pada proses coding. Tujuan dari tahap ini, supaya
mempunyai gambaran jelas mengenai tampilan dan antarmuka
software yang kemudian akan dieksekusi oleh tim programmer.
Untuk proses ini, akan berfokus pada pembangunan struktur data,
arsitektur software, perancangan interface, hingga perancangan
fungsi internal dan eksternal dari setiap algoritma prosedural.
3. Implementation
Pada tahap ini dilakukan pengerjaan pembuatan aplikasi yang
telah dilakukan pada tahap desain sebelumnya. Mulai dari
pengerjaan coding dengan web, memasuk gambar, animasi button –
button yang nantinya akan di gabungkan menjadi satu modul aplikasi
Pendaftaran Online yang lengkap.
4. Testing
Tahap yang keempat, masuk dalam proses integrasi dan
pengujian sistem. Pada tahap ini, akan dilakukan penggabungan
modul yang sudah dibuat pada tahap sebelumnya. Setelah proses
integrasi sistem telah selesai, berikutnya masuk pada pengujian
19
Yurindra, Software Engineering, Penerbit Deepublish 2017.
29
modul. Yang bertujuan untuk mengetahui apakah perangkat lunak

sudah sesuai dengan desain, dan fungsionalitas dari aplikasi apakah
berjalan dengan baik atau tidak. Jadi, dengan adanya tahap
pengujian, maka dapat mencegah terjadinya kesalahan, bug, atau
error pada program sebelum masuk pada tahap produksi.
5. Maintenance
Tahapan metode waterfall yang terakhir adalah pengoperasian
dan perbaikan dari aplikasi. Setelah dilakukan pengujian sistem,
maka akan masuk pada tahap produk dan pemakaian perangkat lunak
oleh pengguna (user). Untuk proses pemeliharaan, memungkinkan
pengembang untuk melakukan perbaikan terhadap kesalahan yang
ditemukan pada aplikasi setelah digunakan oleh user.
Gambar 3. 1 Tahapan Waterfall

BAB IV
HASIL DAN PEMBAHASAN
IV.1. Analisa Kebutuhan (Requirement Analysis)

Dalam bab ini dijelaskan dan diuraikan tentang proses Analisa Sistem
yaitu proses pengumpulan kebutuhan sistem untuk menspesifikasikan
kebutuhan perangkat lunak agar dapat dipahami dan dapat berjalan secara
maksimal. Sehingga sistem yang dihasilkan dapat sesuai yang diharapkan.
IV.1.1. Analisis Kebutuhan Perangkat Lunak (Software)

Adapun kebutuhan untuk perangkat lunak (software) yang
dibutuhkan peneliti dalam membangun sistem dapat dilihat pada
Tabel 4.1 dibawah ini.
Tabel 4. 1 Spesifikasi Perangkat Lunak (Software)
Komponen Sistem Deskripsi

Operating System (OS) Windows 10 Pro-64 Bit
Program Editor Visual Studio Code
Database System MySQL
Web Server XAMPP Software
Web Browser Chrome
UML Design Draw.Io
IV.1.2. Analisis Kebutuhan Perangkat Keras (Hardware)

Adapun kebutuhan untuk perangkat keras (hardware) yang
dibutuhkan peneliti dalam membangun sistem dapat dilihat pada
Tabel 4.2 dibawah ini.
Tabel 4. 2 Spesifikasi Perangkat Keras (Hardware)
Perangkat Deskripsi
Microprocessor Processor AMD A9

HDD 1 TB
RAM Memory 4 GB
29
30
IV.1.3. Analisa Kebutuhan Fungsional

Kebutuhan fungsional adalah kebutuhan yang terdapat
rangkaian proses yang dilakukan oleh sistem juga berisi informasi-
informasi yang harus ada dan dihasilkan oleh sistem, antara lain:
a. Admin dapat menerima input dan output data dosen.
b. Admin dapat mengelola data soal yang akan digunakan.
c. Admin dapat mengelola hasil evaluasi yang disampaikan dosen
.terkait hasil ujian.
d. Admin dapat mengelola kontribusi pemberkasan soal.
e. Admin dapat mengakses laporan.
f. Admin dapat mengelola akun pengguna.
g. Admin dapat mengelola kategori.
IV.2. Analisis Sistem yang Berjalan

Berdasarkan analisis sistem yang berjalan pada kampus Universitas
Saintek Muhammadiyah. Penulis dapat menyimpulkan bahwa proses ujian
pada Universitas Saintek Muhammadiyah masih melaksanakan ujian
secara konvensional yaitu menggunakan peralatan Alat Tulis Kertas
(ATK). Dari masalah yang timbul selama penulis melakukan analisa
sistem yang berjalan tersebut, maka penulis mencoba mengembangkan
sistem yang digunakan pada ruang lingkup Universitas Saintek
Muhammadiyah Jakarta menjadi Aplikasi Penjadwalan Ujian Online
Berbasis Web pada di Universitas Saintek Muhammadiyah. Dalam
perancangan sebuah sistem perlu dilakukan sebuah analisis sistem yang
sedang berjalan guna mendapatkan data maupun informasi yang dapat
dijadikan sebuah acuan dari sistem yang sedang berjalan. Karena dari data
yang diperoleh dapat diketahui apa saja yang sudah dapat dilakukan oleh
sistem yang berjalan dan apa saja yang belum dapat dilakukan.
31
IV.2.1. Analisis Aktor Pada Sistem Berjalan

Pada aktivitas yang terjadi dalam sistem berjalan yang terdapat
pada Universitas Saintek Muhammadiyah, yang dimana proses
penjadwalan dan pelaksanaan ujian online masih melaksanakan
ujian secara konvensional melibatkan beberapa aktor sebagai
berikut.
1. Petugas
Bertugas mengelola data laporan pembayaran administrasi
mahasiswa.
2. Dosen
Bertugas mengelola data mahasiswa dan mengoreksi hasil
jawaban ujian mahasiswa dan memberi penilaian.
3. Mahasiswa
Pengguna dapat mendaftarkan diri sebagai peserta ujian.
IV.2.2. Gambaran Umum Sistem Berjalan

Pada gambaran umum sistem berjalan dibawah ini dapat
dijelaskan, antara lain:
1. Mahasiswa melakukan pembayaran ujian dan petugas
melakukan input data pembayaran ujian mahasiswa.
2. Petugas menerima pembayaran mahasiswa dan melakukan
input data serta melakukan validasi pembayaran apakah
semuanya telah memenuhi syarat pada proses administrasi.
3. Data mahasiswa berhasil terdaftar dan mendapatkan konfirmasi
via chat WhatsApp.
4. Lampiran jadwal ujian mahasiswa berhasil dibuat dan
mahasiswa bersiap untuk melaksanakan ujian dengan
mengkonfirmasi Dosen yang telah ditunjuk oleh petugas.
5. Dosen menyiapkan soal ujian dan mahasiswa mengerjakan soal
ujian lalu setelahnya Dosen melakukan koreksi hasil ujian.
6. Hasil nilai ujian telah ditentukan oleh Dosen.
7. Mahasiswa melihat hasil nilai ujian.
32
Gambar 4. 1 Activity Diagram Sistem Berjalan
IV.3. Desain Usulan Sistem (Design)

Penulis pada tahap desain perancangan sistem ini melakukan proses
desain sistem, desain database, desain interface. Pada tahap perancangan
berikut, dibuat sesuai dengan hasil dari analisis kebutuhan yang telah
dilakukan pada proses sebelumnya.
33
IV.3.1. Desain Pemodelan Sistem

IV.3.1.1. Use Case Diagram Usulan
Pada desain sistem yang akan diimplementasikan pada sebuah
aplikasi berbasis web, dapat dilihat pada gambar use case diagram
dibawah ini.
Gambar 4. 2 Use Case Diagram Sistem Usulan

Berikut penulis paparkan beberapa peran-peran yang dapat
dilakukan pada rancangan use case diagram usulan diatas yang
melibatkan 3 actor pada rancangan use case diagram yang
diperlihatkan pada Gambaer 3.3 diatas, sebagai berikut.
34
1. Admin
a. Melakukan Login Sistem
 Username : admin@gmail.com
 Pasword : admin
b. Dapat Tambah, Lihat, Hapus dan Update Data
c. Kelola Data List User
d. Kelola Data Pembayaran
e. Kelola Data Soal Ujian
f. Kelola Data Menu Ujian Online
g. Kelola Data Laporan Hasil Tes Ujian
2. Dosen
 Username : dosen@gmail.com
 Pasword : dosen
b. Melihat Data Pembayaran Mahasiswa
c. Melihat Jadwal Ujian Mahasiswa
d. Membuat Soal Ujian Mahasiswa
e. Melihat Laporan Hasil Tes Ujian Mahasiswa
3. Mahasiswa
 Username : mahasiswa@gmail.com
 Pasword : mahasiswa
b. Melihat Jadwal Ujian Online Mahasiswa
c. Melakukan Ujian Online Mahasiswa
d. Melihat Laporan Hasil Tes Ujian Mahasiswa
IV.3.1.2. Activity Diagram Usulan

aplikasi berbasis web, dapat dilihat pada gambar Activity Diagram
usulan dibawah ini. Activity Diagram ini terdiri atas Activity
Admin, Activity Dosen dan Activity Mahasiswa.
35
1. Activity Diagram Usulan Admin

Pada halaman akses Admin terdapat beberapa aktivitas yang
digambarkan pada sistem yang dibuat. Beberapa gambar Activity
Diagram dibawah ini merupakan hasil rancangan usulan yang telah
dibuat pada akses Admin sebagai berikut.
Gambar 4. 3 Activity Diagram Usulan Admin Kelola Data List

User
36
Gambar 4. 4 Activity Diagram Usulan Admin Kelola Data

Pembayaran
37
Gambar 4. 5 Activity Diagram Usulan Admin Kelola Data Soal

Ujian
38
Gambar 4. 6 Activity Diagram Usulan Admin Kelola Data Menu

Ujian Online
39
Gambar 4. 7 Activity Diagram Usulan Admin Kelola Data Laporan

Hasil Tes Ujian
2. Activity Diagram Usulan Dosen

Pada halaman akses Dosen terdapat beberapa aktivitas yang
digambarkan pada sistem yang dibuat. Beberapa gambar Activity
40
dibuat pada akses Dosen sebagai berikut.
Gambar 4. 8 Activity Diagram Usulan Dosen Data Pembayaran

Mahasiswa
41
Gambar 4. 9 Activity Diagram Usulan Dosen Data Jadwal Ujian

Online Mahasiswa
42
Gambar 4. 10 Activity Diagram Usulan Dosen Pembuatan Data

Soal Ujian
43
Gambar 4. 11 Activity Diagram Usulan Dosen Halaman Laporan

Hasil Tes Ujian Online Mahasiswa
3. Activity Diagram Usulan Mahasiswa

Pada halaman akses Mahasiswa terdapat beberapa aktivitas
yang digambarkan pada sistem yang dibuat. Beberapa gambar
44
Activity Diagram dibawah ini merupakan hasil rancangan usulan

yang telah dibuat pada akses Mahasiswa sebagai berikut.
Gambar 4. 12 Activity Diagram Usulan Lihat Data Jadwal Ujian

Mahasiswa
45
Gambar 4. 13 Activity Diagram Usulan Ujian Online Mahasiswa

46
Gambar 4. 14 Activity Diagram Usulan Hasil Tes Ujian Mahasiswa
IV.3.1.3. Sequence Diagram Usulan

aplikasi berbasis web, dapat dilihat pada gambar Sequence
47
Diagram usulan dibawah ini. Sequence Diagram ini terdiri atas

Sequence Admin, Sequence Dosen dan Sequence Mahasiswa.
A. Sequence Diagram Usulan Admin

Pada halaman akses Admin terdapat beberapa aktivitas yang
digambarkan pada sistem yang dibuat. Beberapa gambar Sequence
dibuat pada akses Admin sebagai berikut.
Gambar 4. 15 Sequence Admin Kelola Data List User
Gambar 4. 16 Sequence Admin Kelola Data Pembayaran

48
Gambar 4. 17 Sequence Admin Kelola Data Soal
Gambar 4. 18 Sequence Admin Kelola Data Ujian Online
Gambar 4. 19 Sequence Admin Kelola Data Hasil Tes Ujian

49
B. Sequence Diagram Usulan Dosen

Pada halaman akses Dosen terdapat beberapa aktivitas yang
digambarkan pada sistem yang dibuat. Beberapa gambar Sequence
dibuat pada akses Dosen sebagai berikut.
Gambar 4. 20 Sequence Dosen Melihat Data Pembayaran
Gambar 4. 21 Sequence Dosen Membuat Data Soal Ujian

50
Gambar 4. 22 Sequence Dosen Membuat Data Jadwal Ujian
Gambar 4. 23 Sequence Dosen Akses Laporan Hasil Tes Ujian
C. Sequence Diagram Usulan Mahasiswa

Pada halaman akses Mahasiswa terdapat beberapa aktivitas
yang digambarkan pada sistem yang dibuat. Beberapa gambar
Sequence Diagram dibawah ini merupakan hasil rancangan usulan
yang telah dibuat pada akses Mahasiswa sebagai berikut.
51
Gambar 4. 24 Sequence Mahasiswa Melihat Data Jadwal Ujian
Gambar 4. 25 Sequence Mahasiswa Mengikuti Ujian Online
Gambar 4. 26 Sequence Mahasiswa Melihat Hasil Tes Ujian

52
IV.3.1.4. Class Diagram

aplikasi berbasis web, dapat dilihat pada gambar Class Diagram
usulan dibawah ini. Hasil rancangan Class Diagram dibawah ini
merupakan hasil rancangan usulan yang telah dibuat Tabel Data
pada MySQL database.
Gambar 4. 27 Class Diagram Usulan

53
IV.3.2. Perancangan Basis Data

Tahap pengembangan sistem yang ke-3 (tiga) pada metode
waterfall, yaitu Perancangan Basis Data (Code). Untuk tahap ini
menggambarkan pada spesifikasi file yang tersimpan di dalam
database. Dalam web ini terdapat sebuah database dengan nama
skripsi_havidz yang memiliki beberapa spesifikasi file tabel, antara
lain:
IV.3.2.1. Struktur Data User
Nama File : User

Fungsi : Untuk Menyimpan Data User
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 16 Kb
Kunci Field : id
Tabel 4. 3 Struktur Tabel Data User
No Elemen Data Tipe Size Keterangan
1 Id int 11 Primary Key
varcha
2 Email 20
r
varcha
3 Password 20
r
IV.3.2.2. Struktur Data Mata Kuliah
Nama File : Subject

Fungsi : Untuk Menyimpan Data Mata Kuliah
54
Akses File : Random

Media : Harddisk
Kunci Field : Sid
Tabel 4. 4 Struktur Tabel Data Mata Kuliah
1 varcha 50 Primary Key

sid
r
2 varcha 50
mata_kuliah
r
3 varcha 500
detail
r
IV.3.2.3. Struktur Data Jadwal
Nama File : schedule

Fungsi : Untuk Menyimpan Data Jadwal
Akses File : Random
Media : Harddisk
Kunci Field : id
Tabel 4. 5 Struktur Tabel Data Jadwal
2 mata_kuliah varchar 10
55
3 Dosen varchar 10
4 Hari varchar 10
5 ruang_kelas varchar 10
6 waktu_mulai time
7 waktu_akhir time
IV.3.2.4. Struktur Data Ujian
Nama File : exam

Fungsi : Untuk Menyimpan Data Ujian
Akses File : Random
Media : Harddisk
Kunci Field : id
Tabel 4. 6 Struktur Tabel Data Ujian
2 varcha 30
mata_kuliah
r
3 varcha 30
Dosen
r
4 varcha 15
Hari
r
5 varcha 10
ruang_kelas
r
56
6 tanggal date
7 waktu_mulai time
8 waktu_akhir time
57
IV.3.2.5. Struktur Data Pembayaran
Nama File : pembayaran

Fungsi : Untuk Menyimpan Data Pembayaran
Akses File : Random
Media : Harddisk
Kunci Field : id
Tabel 4. 7 Struktur Tabel Data Pembayaran
1 Primary
id_pembayaran int 10
Key
2 id_mahasiswa varchar 20
3 Tanggal date
4 Jumlah_bayar int 10
IV.3.2.6. Struktur Data Hasil Tes Ujian
Nama File : examresult

Fungsi : Untuk Menyimpan Data Hasil Tes Ujian
Akses File : Random
Media : Harddisk
Kunci Field : Id
58
Tabel 4. 8 Struktur Tabel Data Hasil Tes Ujian
1 id_ujian int 11 Primary Key
2 id_mahasiswa varchar 20 Primary Key
3 nilai int 10
4 hasil_ujian varchar 10
IV.3.3. Perancangan Antarmuka Pengguna (User Interface)

IV.3.3.1. Desain Halaman Login
Gambar 4. 28 Rancangan Halaman Login

Gambar 4.28 menunjukkan rancangan antarmuka pada halaman
login, dimana halaman ini pengguna (user) memasukkan username
dan password kemudian memilih button login. Setelah itu, aplikasi
mencocokan username, password, dan hak akses yang telah
diberikan kepada masing-masing user pada pengguna aplikasi.
59
IV.3.3.2. Desain Halaman Utama
Gambar 4. 29 Rancangan Halaman Utama

Gambar 4.29 diatas menunjukkan rancangan antarmuka pada
halaman utama (dashboard), dimana halaman ini pengguna
(user) dapat melihat tampilan berupa visi dan misi.
IV.3.3.3. Desain Halaman Mahasiswa
Gambar 4. 30 Rancangan Halaman Mahasiswa

halaman menu tambah data mahasiswa yang terdapat pada halaman
Admin, dimana halaman ini Admin dapat melakukan tambah,
edit, dan hapus data mahasiswa yang terdaftar pada sistem.
60
IV.3.3.4. Desain Halaman Dosen
Gambar 4. 31 Rancangan Halaman Dosen

menu tambah data Dosen yang terdapat pada halaman Admin,
dimana halaman ini Admin dapat tambah, edit, dan hapus data
mahasiswa yang terdaftar pada aplikasi.
IV.3.3.5. Desain Halaman Mata Kuliah
Gambar 4. 32 Rancangan Halaman Dosen

menu tambah Matakuliah yang terdapat pada halaman Admin,
Matakuliah yang terdaftar pada aplikasi.
61
IV.3.3.6. Desain Halaman Orangtua
Gambar 4. 33 Rancangan Halaman orang tua

menu Orangtua yang terdapat pada halaman Admin, dimana
halaman ini Admin dapat tambah, edit, dan hapus data orang tua .
IV.3.3.7. Desain Halaman Ruang Kelas
Gambar 4. 34 Rancangan Halaman Ruang Kelas

ruang kelas yang terdapat pada halaman Admin, dimana halaman
ini Admin dapat tambah, edit, dan hapus data kelas yang terdaftar
pada aplikasi.
62
IV.3.3.8. Desain Halaman Jadwal Kuliah
Gambar 4. 35 Rancangan Halaman Jadwal Kuliah

jadwal perkuliahan yang terdapat pada halaman Admin, dimana
halaman ini Admin dapat tambah, edit, dan hapus data jadwal.
IV.3.3.9. Desain Halaman Pembayaran
Gambar 4. 36 Rancangan Halaman Pembayaran

Pembayaran yang terdapat pada halaman Admin, dimana halaman
ini Admin dapat tambah, edit, dan hapus data pembiayaan yang
terdaftar pada aplikasi.
63
IV.3.3.10. Desain Halaman Jadwal Ujian Mahasiswa
Gambar 4. 37 Rancangan Halaman Jadwal Ujian Mahasiswa

jadwal ujian mahasiswa yang terdapat pada halaman Admin,
dimana halaman ini Admin dapat tambah, edit, dan hapus data.
IV.3.3.11. Desain Halaman Soal Ujian
Gambar 4. 38 Rancangan Halaman Soal Ujian

halaman Soal ujian yang terdapat pada halaman Admin, dimana
halaman ini Admin dapat tambah, edit, dan hapus data.
64
IV.3.3.12. Desain Halaman Hasil Tes Ujian
Gambar 4. 39 Halaman Hasil Tes Ujian Online

Hasil Test Ujian Online yang terdapat pada halaman Admin,
hasil test ujian online yang terdaftar pada aplikasi.
IV.3.3.13. Desain Halaman Kelola Data User
Gambar 4. 40 Rancangan Halaman Kelola Data User

user yang terdapat pada halaman Admin, dimana halaman ini
Admin dapat tambah, edit, dan hapus data user sesuai yang
dibutuhkan aplikasi
65
IV.3.4. Implementasi Aplikasi

IV.3.4.1. Halaman Login Aplikasi
Gambar 4. 41 Tampilan Login Aplikasi (Admin dan User)

Gambar 4.41 menunjukkan hasil tampilan dari aplikasi sistem yang
telah dibuat, dimana halaman login ini diperuntukkan untuk kedua
pengguan, yaitu Admin (Dosen) dan User (Mahasiswa dan
Orangtua) dengan memasukkan username dan password.
IV.3.4.2. Halaman Utama (Dashboard)
Gambar 4. 42 Tampilan Halaman Utama (Dashboard) Aplikasi

Gambar 4.42 menunjukkan hasil tampilan aplikasi pada halaman
utama (dashboard), dimana halaman ini terdapat total user, total
mata kuliah dan visi misi Universitas Saintek Muhammadiyah
66
Jakarta yang ditampilkan.
IV.3.4.3. Halaman Tambah Data Mahasiswa
Gambar 4. 43 Rancangan Halaman Tambah Data Mahasiswa

Gambar 4.43 menampilkan hasil implementasi aplikasi pada
halaman menu tambah data mahasiswa yang terdapat pada halaman
Admin, dimana halaman ini Admin dapat tambah, edit, dan hapus
data mahasiswa yang terdaftar pada aplikasi.
IV.3.4.4. Halaman Membuat Soal Ujian
Gambar 4. 44 Rancangan Halaman Membuat Soal Ujian

Gambar 4.44 menunjukkan hasil tampilan aplikasi yang telah
dibuat pada halaman menu Admin, dimana Admin membuat list
67
atau daftar soal-soal ujian yang hendak diujikan pada mahasiswa

sesuai mata kuliah yang terdapat di Universitas Saintek
Muhammadiyah Jakarta.
IV.3.4.5. Halaman Input Data Mahasiswa
Gambar 4. 45 Tampilan Halaman Tambah Data Mahasiswa

halaman menu Input data mahasiswa yang terdapat pada halaman
Admin, dimana halaman ini Admin dapat tambah, edit, dan
hapus data mahasiswa yang terdaftar pada aplikasi.
IV.3.4.6. Halaman Input Data Dosen
Gambar 4. 46 Tampilan Halaman Input Data Dosen

68

halaman menu Input data Dosen yang terdapat pada halaman
hapus data .
IV.3.4.7. Halaman Input Data Orang Tua

halaman menu Input data Orangtua yang terdapat pada halaman
hapus data Orangtua yang terdaftar pada aplikasi.
IV.3.4.8. Halaman Input Matakuliah

69

halaman menu Input Matakuliah yang terdapat pada halaman
hapus Matakuliah yang terdaftar pada aplikasi.
IV.3.4.9. Halaman Input Ruang Kelas
Gambar 4. 49 Halaman Input Ruang Kelas

halaman menu Input Ruang Kelas yang terdapat pada halaman
hapus Ruang Kelas yang terdaftar pada aplikasi.
IV.3.4.10. Halaman Jadwal Kuliah
Gambar 4. 50 Tampilan Halaman Jadwal Kuliah

70
halaman menu Jadwal Kuliah yang terdapat pada halaman Admin,

Jadwal Kuliah yang terdaftar pada aplikasi.
IV.3.4.11. Halaman Soal Ujian
Gambar 4. 51 Tampilan Halaman Soal Ujian

halaman menu Dosen Membuat Soal Ujian yang terdapat pada
halaman Admin, dimana halaman ini Admin dapat tambah, edit,
dan hapus terkait dalam pembuatan soal yang diinginkan pada
aplikasi.
IV.3.4.12. Halaman Pembayaran
Gambar 4. 52 Tampilan Halaman Pembayaran

71
halaman menu Pembayaran kuliah bagi mahasiswa yang terdapat

pada halaman Admin, dimana halaman ini Admin dapat tambah,
edit, dan hapus terkait dengan biaya yang diselesaikan oleh
mahassiswa pada aplikasi.
IV.3.4.13. Halaman Jadwal Ujian
Gambar 4. 53 Tampilan Halaman Jadwal Ujian Mahasiswa

Gambar 4.53 daiatas menampilkan hasil implementasi aplikasi pada
halaman menu Penjadwalan ujian bagi mahasiswa yang terdapat
pada halaman Admin, dimana halaman ini Admin dapat tambah,
edit, dan hapus terkait dengan pelaksanaan Ujian pada aplikasi.
IV.3.4.14. Halaman Hasil Tes Ujian
Gambar 4. 54 Tampilan Halaman Hasil Tes Ujian Online

Gambar 4.54 diatas menampilkan hasil implementasi aplikasi pada
72
halaman menu Hasil Ujian Online yang terdapat pada halaman

Admin, dimana halaman ini Admin tidak dapat tambah, terkait
dengan Hasil Ujian Online pada aplikasi.
IV.3.4.15. Halaman Kelola Data User
Gambar 4. 55 Tampilan Halaman Kelola Data User

Gambar 4.55 diatas menampilkan hasil implementasi aplikasi pada
halaman menu Data User yang terdapat pada halaman Admin,
dimana halaman ini Admin dapat melakukan tambah, edit dan
hapus data user.
IV.4. Testing
Testing dapat dilakukan dalam sebuah sistem yang digunakan untuk
menemukan bug pada sistem, mulai dari awal hingga akhir sehingga bila
sistem sudah diimplementasikan jika terdapat bug bisa dilakukan perbaikan,
Testing juga bertujuan untuk dilakukan pengujian yang sangat diperlukan
untuk menjamin kualitas dari sebuah sistem yang dibuat. Selain itu metode
pengujian Sistem Informasi Ujian Online Berbasis Web ini menggunakan
metode pengujian Black Box. Pengujian Black Box ini tidak perlu mengetahui
sampai sisi pengodingan yang terjadi dibelakang layar, cukup mengetahui
bagaimana kesesuaian hasil output atas input yang terjadi.
IV.4.1. Rencana Pengujian

Berikut adalah rencana penggujian yang dilakukan pada sistem
73
Aplikasi ujian online berbasis web.

74
Tabel 4. 9 Rencana Pengujian User Admin
No Sub modul Detail Uji Jenis Pengujian
Pengguna melakukan
1 Login Black Box
login
Pengguna melakukan
2 Logout Black Box
logout
Pengguna melakukan
3 Tambah Dosen Black Box
tambah Dosen
Pengguna melakukan
4 Ubah Dosen Black Box
ubah Dosen
Pengguna melakukan
5 Hapus Dosen Black Box
hapus Dosen
Tambah Pengguna melakukan

6 Black Box
Mahasiswa tambah Mahasiswa
Ubah Pengguna melakukan

7 Black Box
Mahasiswa ubah Mahasiswa
Hapus Pengguna melakukan

8 Black Box
Mahasiswa hapus Dosen
Tambah Pengguna melakukan

9 Black Box
Matakuliah tambah Matakuliah
Ubah Pengguna melakukan

10 Black Box
Matakuliah ubah Matakuliah
Hapus Pengguna melakukan

11 Black Box
Matakuliah hapus Matakuliah
Tambah Jadwal Pengguna melakukan

Black Box
kuliah tambah Jadwal kuliah
75
No Sub modul Detail Uji Jenis Pengujian
Ubah Jadwal Pengguna melakukan

Black Box
kuliah ubah Jadwal kuliah
Hapus Jadwal Pengguna melakukan

Black Box
kuliah hapus Jadwal kuliah
Pengguna melakukan
Tambah Kelas Black Box
tambah Kelas
Pengguna melakukan
Ubah Kelas Black Box
ubah Kelas
Pengguna melakukan
Hapus Kelas Black Box
hapus Kelas
Pengguna melakukan
14 Laporan Black Box
laporan
Pengguna melakukan
15 Tambah Akun Black Box
tambah akun
Pengguna melakukan
16 Ubah Akun Black Box
ubah akun
Pengguna melakukan
17 Hapus Akun Black Box
hapus akun
Pengguna melakukan
18 Tambah User Black Box
tambah User
Pengguna melakukan
19 Ubah User Black Box
ubah User
Pengguna melakukan
20 Hapus User Black Box
hapus User
76
IV.4.2. Hasil Pengujian

Berikut ini adalah hasil penggujian yang dilakukan pada sistem
Aplikasi ujian online berbasis web.
Tabel 4. 10 Rencana Pengujian User Admin
No Sub Modul Skenario Uji Ekspetasi Hasil Hasil
Masuk ke
Login (Benar) Sesuai
halaman utama
1 Login
Tampil pesan
Login (Salah) Sesuai
login gagal
Kembali ke
2 Logout Logout Sesuai
halaman login
Data dosen
Tambah Data
tersimpan di Sesuai
Tambah berhasil
3 database
Dosen
Tambah Tampil pesan
Sesuai
Dosen gagal gagal
Ubah Dosen Data dosen di

Sesuai
berhasil update data baru
4 Ubah Dosen
Ubah Dosen Menampilkan
Sesuai
gagal pesan gagal
Menghapus data
5 Hapus Dosen Hapus Dosen Sesuai
Dosen
6 Tambah Tambah Data Dosen

Mahasiswa Mahasiswa tersimpan di Sesuai
berhasil database
Tambah Menampilkan Sesuai

Mahasiswa
77
gagal pesan gagal
Ubah Data Mahasiswa

Mahasiswa di update data Sesuai
Ubah berhasil baru
7
Mahasiswa
Ubah Menampilkan
Sesuai
Mahasiswa pesan gagal
Hapus Hapus Menghapus Data

8 Sesuai
Mahasiswa Mahasiswa Mahasiswa
Data Mata
Tambah
Kuliah
Matakuliah Sesuai
tersimpan di
Tambah berhasil
9 database
Matakuliah
Tambah Menampilkan
Matakuliah pesan gagal Sesuai
gagal
Ubah Data Mahasiswa

Matakuliah di update data Sesuai
Ubah berhasil baru

10
Matakuliah Ubah Menampilkan
Matakuliah pesan gagal Sesuai
gagal
Hapus Hapus Hapus data

11 Sesuai
Matakuliah Matakuliah Mahasiswa
12 Tambah Data Tambah data Data Kelas Sesuai

Kelas kelas berhasil tersimpan di
78
database
Tambah data Menampilkan

Sesuai
kelas gagal pesan gagal
Hapus Data Hapus data Menghapus data

13 Sesuai
Kelas kelas Kelas
laporan ber- Data laporan

Sesuai
hasil muncul
14 Laporan
Data laporan
laporan gagal Sesuai
tidak muncul
Data akun
Tambah data
tersimpan di Sesuai
Tambah akun berhasil
15 database
Akun
Sesuai
akun gagal pesan gagal
Ubah data Data akun di

Sesuai
akun berhasil update data baru
16 Ubah Akun
Ubah data Menampilkan
Sesuai
akun gagal pesan gagal
Hapus data Menghapus data

17 Hapus Akun Sesuai
akun akun
18 Tambah user Tambah data Data user Sesuai

user berhasil tersimpan di
database
79

Sesuai
user gagal pesan gagal
Ubah data user Data user di

Sesuai
berhasil update data baru
19 Ubah user
Ubah user Menampilkan
Sesuai
gagal pesan gagal
Hapus data Menghapus data

20 Hapus user Sesuai
user user
IV.5. Maintenance
IV.5.1. Backup Data
Melakukan Backup sangat penting dilakukan untuk
menghindari kehilangan data jika terjadi masalah pada
penyimpanan data pada server. Lain halnya jika teratur
membackup data sehingga apabila terjadi masalah, masih ada data
yang bisa digunakan untuk pemulihan. Adapun langkah yang
dilakukan administrator ke dalam sistem PHPMyAdmin kemudian
mengeksport database ke media penyimpanan yang lain. Seperti
dalam gambar dibawah ini.
80
Gambar 4. 56 Halaman Backup Data
IV.5.2. Feedback
Feedback merupakan elemen dalam sistem untuk mengevaluasi
bagian dari output yang dikeluarkan dengan tujuan mencapai
kemajuan sebuah sistem. Feedback ini dapat berupa pertanyaan
user mengenai sistem yang sudah dijalankan. Kemudian
pertanyaan tersebut dapat dikomunikasikan dengan pembuat sistem
untuk dapat dijawab atau dicari solusi agar mendapat perbaikan.
BAB V
PENUTUP
V.1. Kesimpulan
Berdasarkan Pembahasan pada bab-bab sebelumnya maka diambil
beberapa kesimpulan yaitu:
1. Dengan adanya rancangan sistem yang dibuat ini tentunya akan
mempermudah pihak pengembang aplikasi dalam membuat suatu
aplikasi yang berguna untuk Universitas Saintek Muhammadiyah.
2. Penerapan pendaftaran, penjadwalan ujian online, dalam rancangan
sistem ini sudah sesuai dengan kebutuhan dalam melakukan proses
ujian online, yaitu kebutuhan aplikasi yang cepat, praktis, menghemat
waktu dan menekan biaya dalam mengurangi penggunaan kertas.
V.2. Saran
Berikut saran untuk pengembangan sistem ini menjadi lebih baik lagi,
penulis menyarankan agar:
1. Perlunya perkembangan dari segi keamanan website, sistem ini dapat
dikembangkan sampai kepada keamanan website sehingga keamanan
data dan informasi lebih terjamin agar tidak disalahgunakan.
2. Fitur-fitur menyesuaikan dengan kebutuhan yang berkaitan dengan
penjadwalan dan ujian online pada Universitas Saintek
Muhammadiyah.
78
DAFTAR PUSTAKA
Referensi Jurnal
Audrilia, Meri, and Arief Budiman. “Perancangan Sistem Informasi Manajemen

Bengkel Berbasis Web (Studi Kasus : Bengkel Anugrah).” Jurnal MADANI
3, no. 1 (2020): 1–12.
Fahzi, Mohd. Razief, and Suroto. “Sistem Informasi Pengendalian Kegiatan

Pembangunan Pada Pemerintah Kota Batam.” Jurnal Ilmiah Zona Komputer
7, no. 3 (2017): 17–35.
Faizal, Muhammad, and Sanda Listya Putri. “Sistem Informasi Pengolahan Data
Pegawai Berbasis Web (Studi Kasus Di PT. Perkebunan Nusantara VIII
Tambaksari).” Jurnal Teknologi Informasi Dan Komunikasi, 2017, 1–15.
Firman, Astria, Hans F Wowor, Xaverius Najoan, Jurusan Teknik, Elektro

Fakultas, and Teknik Unsrat. “Sistem Informasi Perpustakaan Online
Berbasis Web.” E-Journal Teknik Elektro Dan Komputer 5, no. 2 (2016):
29–36.
Hidayat, Rahmat. “Aplikasi Penjualan Jam Tangan Secara Online Studi Kasus:
Toko JAMBORESHOP.” Jurnal Teknik Komputer III, no. 2 (2017): 90–96.
Kosa, Alvin Mahendra, Moch Arief Sutisna, and Himawan Dwiatmodjo.

“Perancangan Sistem Ujian Online Berbasis Web Di SMP Negeri 01
Cikarang Selatan.” Jurnal SIBERNETIKA 4, no. 2 (2019): 1–8.
Rozul, I. “Perancangan Sistem Informasi E-Marketplace Original Clothing

Indonesia Berbasis Web.” JUMANTAKA 1, no. 1 (2018): 161–70.
Santoso, and Radna Nurmalina. “Perencanaan Dan Pengembangan Aplikasi

Absensi Mahasiswa Menggunakan Smart Card Guna Pengembangan
Kampus Cerdas (Studi Kasus Politeknik Negeri Tanah Laut).” Jurnal
Integrasi 9, no. 1 (2017): 84.
Suendri. “Implementasi Diagram UML (Unified Modelling Language) Pada

Perancangan Sistem Informasi Remunerasi Dosen Dengan Database Oracle
(Studi Kasus: UIN Sumatera Utara Medan).” Jurnal Ilmu Komputer Dan
Informatika 3, no. 1 (2018): 1–9.
Susilo, Muhammad, Rezki Kurniati, and Kasmawi. “Rancang Bangun Website

Toko Online Menggunakan Metode Waterfall.” InfoTekJar (Jurnal Nasional
Informatika Dan Teknologi Jaringan) 2, no. 2 (2018): 98–105.
79
80
Referensi Buku
Haviluddin, Agus Tri Haryono, and Dwi Rahmawati. 2016, Aplikasi Program
PHP Dan MySQL. Edited by Kiswanto Triana and Fitriastuti. Mulawarman
University Press. Desember. Samarinda: Mulawarman University PRESS.
Sari, Ani Oktarini, Ari Abdilah, and Sunarti. 2019, Buku Web Programming.
Graha Ilmu. Cetakan 1. Yogyakarta: Graha Ilmu.
Lampiran Kode Program
Pembayaran Mahasiswa (pembayaran.php)
<?php
session_start();
include_once 'database.php';
if (!isset($_SESSION['user'])||$_SESSION['role']!='Teacher') {
# code...
header('Location:./logout.php');
}
error_reporting(0)
?>
<?php
$id =$fname =$lname = $address = $contact = $dob = $skill = $gender=$email="

";
if(isset($_GET['update'])){
$update = "SELECT * FROM pembayaran WHERE id_pembayaran='".
$_GET['update']."'";
$result = $conn->query($update);
if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
$id = $row['id_pembayaran'];
$id_mahasiswa = $row['id_mahasiswa'];
$tanggal = date_format(new DateTime($row['tanggal']),'m/d/Y');
$jumlah_bayar = $row['jumlah_bayar'];

}
}
}
?>
<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Pembayaran</title><link rel="icon" href="../img/favicon2.png">
81
82


<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-
scalable=no" name="viewport">

<link rel="stylesheet"
href="bower_components/bootstrap/dist/css/bootstrap.min.css">

<link rel="stylesheet" href="bower_components/font-awesome/css/font-
awesome.min.css">

<link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css">
href="bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css"
>
href="bower_components/bootstrap-daterangepicker/daterangepicker.css">

href="bower_components/bootstrap-datepicker/dist/css/bootstrap-
datepicker.min.css">
href="bower_components/select2/dist/css/select2.min.css">

<link rel="stylesheet" href="dist/css/AdminLTE.min.css">

<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-green sidebar-mini">
<div class="wrapper">

<?php include_once 'header.php'; ?>

<?php include_once 'sidebar.php'; ?>

<div class="content-wrapper">

<section class="content-header">
<h1>Pembayaran<small>Detail Info</small>
</h1><ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Pembayaran</a></li>
<li class="active">Detail Info</li></ol></section>

83
<section class="content">
<div class="row">
<?php if (!isset($_GET['update'])) { ?>
<div class="col-xs-4">
<div class="alert alert-success alert-dismissible" style="display: none;"
id="truemsg">
<button type="button" class="close" data-dismiss="alert" aria-
hidden="true">×</button>
<h4><i class="icon fa fa-check"></i> Sukses !!!</h4>
Data Pembayaran Berhasil Ditambahkan...
</div>

<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">Data Pembayaran Baru</h3>
</div>


<form role="form" method="POST" >
<div class="box-body">
<div class="form-group">
<label>Pilih Mahasiswa</label>
<select class="form-control select2 select2-hidden-accessible"
style="width: 100%;" tabindex="-1" aria-hidden="true" name="student"><option
>Pilih Mahasiswa</option>
<?php
$sql = "SELECT * FROM student";
$result = $conn->query($sql);
echo "<option value='".$row["fname"]."' >".$row["fname"]." ".
$row["lname"]." -ID:".$row["sid"]."</option>";
}
}
?>
</select>
</div>
<label>Tanggal Pembayaran</label>

<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
84
<input type="text" name='tanggal' class="form-control pull-right"

id="datepicker" placeholder="Pilih Tanggal Pembayaran">
</div>
<br>
<label for="exampleInputPassword1">Jumlah Bayar</label>
<input name="jumlah_bayar" type="text" class="form-control"
id="exampleInputPassword1" placeholder="Masukkan Nominal Jumlah Bayar"
required>
</div>
</div>

<div class="box-footer">
<button type="submit" name="submit" value="submit" class="btn btn-
primary">Simpan</button>
</div>
</form>
<?php
if (isset($_POST['submit'])) {
$mahasiswa = $_POST['student'];
$tanggal = date_format(new DateTime($_POST['tanggal']),'Y-m-d');
$jumlah_bayar = $_POST['jumlah_bayar'];
//echo $dob;
try {
$sql = "INSERT INTO pembayaran (id_mahasiswa,tanggal,jumlah_bayar) VALUES

('".$mahasiswa."', '".$tanggal."', '".$jumlah_bayar."')";
if ($conn->query($sql) === TRUE) {
echo
"<script type='text/javascript'> var x =document.getElementById('truemsg');
x.style.display='block';</script>";
}
Else
{
}
} catch (Exception $e)
{
}
code...
}
?>
</div>
85
</div>
<?php
}
elseif (isset($_GET['update'])) { ?>
<div class="alert alert-success alert-dismissible" style="display: none;"

id="truemsg">
<button type="button" class="close" data-dismiss="alert" aria-
hidden="true">×</button>
<h4><i class="icon fa fa-check"></i> Berhasil!</h4>
Pembayaran berhasil di update
</div>


<h3 class="box-title">Update Pembayaran</h3>
</div>

<form role="form" method="POST" >
<label for="exampleInputPassword1">Mahasiswa</label>
<input name="id_mahasiswa" type="text" class="form-control"
id="exampleInputPassword1" required value=<?php echo "'".$id_mahasiswa."'";
?>>
</div>
<label for="exampleInputPassword1">Tanggal</label>
<input name="tanggal" type="text" class="form-control"
id="exampleInputPassword1" required value=<?php echo "'".$tanggal."'"; ?>>
</div>
<label for="exampleInputPassword1">Jumlah bayar</label>
<input name="jumlah_bayar" type="text" class="form-control"
id="exampleInputPassword1" required value=<?php echo "'".
$jumlah_bayar."'"; ?>>
</div>
</div>

86
<div class="box-footer">
<button type="submit" name="submit" value="submit" class="btn btn-
primary">Update Pembayaran</button>
</div>
</form>
<?php
if (isset($_POST['submit'])) {
$mahasiswa = $_POST['id_mahasiswa'];
$tanggal = date_format(new DateTime($_POST['tanggal']),'Y-m-d');
$jumlah_bayar = $_POST['jumlah_bayar'];

try {
$sql = "UPDATE pembayaran SET tanggal='".

$tanggal."',jumlah_bayar='".$jumlah_bayar."' WHERE id_pembayaran = '".
$_GET['update']."'";
// $sql = "INSERT INTO Teacher

(tid,fname,lname,bday,address,gender,skill,contact,email) VALUES ('".$id."', '".
$fname."', '".$lname."','".$dob."','".$address."','".$gender."','".$skill."','".
$contact."','".$email."')";
if ($conn->query($sql) === TRUE) {

echo "<script type='text/javascript'> var x =
document.getElementById('truemsg');
x.style.display='block';</script>";
} else {
}

} catch (Exception $e) {

}

# code...
}
?>
</div></div>
87
<?php } ?>

<h3 class="box-title">Semua Pembayaran</h3>
</div>

<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>ID</th>
<th>Mahasiswa</th>
<th>Tanggal Pembayaran</th>
<th>Jumlah Pembayaran</th>
</tr>
</thead>
<tbody>
<?php
$sql = "SELECT * FROM pembayaran";
$result = $conn->query($sql);
echo "<tr><td> " . $row["id_pembayaran"]. " </td><td> " .
$row["id_mahasiswa"]." </td><td>". $row["tanggal"]. " </td><td> " .
$row["jumlah_bayar"]. "</td>". "</td><td><a href='pembayaran.php?update=".
$row["id_pembayaran"]."'><small class='label
bg-orange'>Update</small></a></td></tr>";
}
}
?>
</tbody>
<tfoot>

</tfoot>
</table>
</div>

88
</div>

</div>

</div>
</section>

</div>


<?php include_once 'footer.php'; ?>


<div class="control-sidebar-bg"></div>
</div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>

<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/select2/dist/js/select2.full.min.js"></script>

<script src="bower_components/datatables.net/js/jquery.dataTables.min.js"></
script>
<script
src="bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></
script>
<script src="bower_components/bootstrap-datepicker/dist/js/bootstrap-
datepicker.min.js"></script>

<script src="bower_components/bootstrap-colorpicker/dist/js/bootstrap-
colorpicker.min.js"></script>

<script src="plugins/timepicker/bootstrap-timepicker.min.js"></script>
<script src="bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></
script>

<script src="plugins/iCheck/icheck.min.js"></script>

<script src="bower_components/fastclick/lib/fastclick.js"></script>

<script src="dist/js/adminlte.min.js"></script>

<script src="dist/js/demo.js"></script>

89
<script>
$(function () {
$('#example1').DataTable()
$('#example2').DataTable({
'paging' : true,
'lengthChange': false,
'searching' : false,
'ordering' : true,
'info' : true,
'autoWidth' : false
})
})
</script>
<script> $('.select2').select2()
$('#datepicker').datepicker({
autoclose: true
})
var r = document.getElementById("teacher");
r.className += "active";
</script>

</body>
</html>
90
Lampiran Kode Program

Ujian Online Mahasiswa (quiz.php)
<html>
<head>
<title>Soal Ujian</title>
</head>
<body>
<h3>KERJAKAN SOAL PILIHAN GANDA DI BAWAH INI!</h3>
<table border="0">
<tbody>
<?php
session_start();
include "database.php";
if ($_SESSION['status_ujian'] == 1) {?>
<h1>Anda Telah Melakukan Ujian Sebelumnya</h1>
<?php
}

else

{
error_reporting(0)
?>
<?php
$query = mysqli_query($conn, "SELECT * FROM quiz ORDER BY id
DESC");
$jumlah = mysqli_num_rows($query);
$no = 0;
while ($data = mysqli_fetch_array($query)) {
$no++
?>
<form action="jawab.php" method="POST">
<input type="hidden" name="id[]" value="<?php echo $data['id']; ?
>">
<input type="hidden" name="jumlah" value="<?php echo $jumlah; ?
>">
<tr>
<td><?php echo $no ?>.</td>
<td><?php echo $data['que']; ?></td>
</tr>

<?php
//if(!empty($data['gambar'])){
91
//echo "<tr><td></td><td><img src='assets/img/$data[gambar]'

width='80' height='80'></td></tr>";
//}
?>
<tr>
<td></td>
<td><input name="pilihan[<?php echo $data['id'] ?>]"
type="checkbox" value="<?php echo $data['option1']; ?>"> A. <?php echo
$data['option1']; ?></td>
</tr>
<tr>
<td></td>
type="checkbox" value="<?php echo $data['option2']; ?>"> B. <?php echo
</tr>
<tr>
<td></td>
type="checkbox" value="<?php echo $data['option3']; ?>"> C. <?php echo
</tr>
<tr>
<td></td>
type="checkbox" value="<?php echo $data['option4']; ?>"> D. <?php echo
</tr>
<?php
}
?>
<tr>
<td height="40"></td>
<td>
<input type="submit" name="submit" value="Jawab"
onclick="return confirm('Perhatian! Apakah Anda sudah yakin dengan semua
jawaban Anda?')">
<input type="reset" value="Reset">
</td>
</tr>
</form>
<?php }?
</tbody>
</table>
</body>
92
</html>
DAFTAR RIWAYAT HIDUP
A. KETERANGAN DIRI
1. Nama : Havidz Dwi Heriyan
2. Tempat/Tanggal Lahir : Jakarta, 21 Februari 2001
3. NIM : 18.300.223
4. Jurusan : Teknik Informatika
5. Semester : VIII
6. Tahun Ajaran : 2021/2022
7. Jenis Kelamin : Laki Laki
8. Agama : Islam
9. Status : Belum Menikah
10. Pekerjaan : Belum Bekerja
11. Alamat : Jl. Kepu Dlm GG VII No.101 A RT.004
RW.003 Kel.Kemayoran Kec.Kemayoran
10620 Jakarta Pusat.
B. RIWAYAT PENDIDIKAN
1. Lulusan SDN 017 PG KMY Lulus Th 2012

2. Lulusan SMP Taman Siswa 25 JKT Lulus Th 2015
3. Lulusan SMK Taman Siswa 2 JKT Lulus Th 2018
Demikian Daftar Riwayat Hidup Ini Saya Buat Dengan Sebenar-Benarnya dan
Sejujur-Jujurnya.
Yang Menerangkan
Havidz Dwi Heriyan

BAB VI
92
93
SURAT KETERANGAN RISET

94
1) DOKUMEN OBSERVASI
FORM OBSERVASI
Nama:
Universitas Saintek Muhammadiyah
Objek Observasi:
Proses Penjadwalan Ujian, Proses Pelaksanaan, Pasca Ujian
No Aspek Yang Diamati Keterangan
1 Proses Penjadwalan Admin membuat jadwal

secara manual dengan
mengikuti jadwal
perkuliahan.
2 Proses Pelaksanaan Offline
3 Pasca Ujian Meliputi 3 Komponen : a) Melalui Bagian BAK

a) Proses Input Penilaian b) Melalui share grup
Whatsapp dan melalui
b) Laporan dan Publikasi
KHS diakhir ujian
c) Feedback (Umpan Balik/Respon)
c) Mahasiswa ada yang
complaint mengenai
penilaiannya yang tidak
ter-input dan langsung
diperbaiki setelah itu.
95
2) DOKUMEN WAWANCARA
Form Wawancara I
PEDOMAN WAWANCARA
Komponen Wawancara: Input, Proses, Output

Narasumber: Bapak Bambang Subana, S.kom, M.Kom (Dosen)
1 Input 1. Apakah informasi penjadwalan ujian sekolah

dengan cara manual, dapat berjalan dengan
baik?
2 Proses 2. Apa yang menjadi kendala dalam proses

penjadwalan dan pelaksanaan ujian dari sudut
pandang dosen?
3. Apakah ada kendala dalam proses
mengumpulkan soal ujian kepada admin?
4. Apakah ada kendala dalam proses mendistribusi
soal ujian kepada mahasiswa?
5. Apakah dengan dibuatnya sistem informasi
penjadwalan ujian online dapat membantu
jalannya ujian?
3 Output 6. Bagaimana proses penilaian hasil ujian

mahasiswa selama ini?
7. Apakah ada kendala dalam proses penilaian
hasil ujian mahasiswa?
96
Form Wawancara II
PEDOMAN WAWANCARA

Narasumber: Ridwan Baihaki dan Siti Jaenah
1 Input 1. Apakah jadwal ujian mudah untuk

dapat diketahui oleh mahasiswa?
 Jawab: Ridwan Baihaki: Mudah,
karena Biasanya di infokan di grup
whatsapp dan lebih baik lagi jika
ada jadwal ujian juga di infokan
digrup.
 Jawab: Siti Jaenab: Iya mudah,
yaitu dapat info via grup whatsapp
kampus.
2 Proses 2. Bagaimana proses berjalannya ujian

saat ini?
 Jawab: Ridwan Baihaki Prosesnya
berjalan baik dengan semestinya,
tapi untuk daring masih banyak
kendala untuk pengerjaan seperti
file corupt, maintenance system.
 Jawab: Siti Jaenah Ujian dilakukan
secara daring (online) dengan
mendownload soal ujian pada web
kampus kemudian upload hasil
lembar jawaban yang sudah diisi.
3. Apakah menurut Anda, ujian lebih baik
dilaksanakan secara luring atau offline
atau daring atau online?
 Jawab: Ridwan Baihaki Keduanya
karna dizaman digital ini kita
memerlukan ujian secara luring atau
offline atau daring atau online.
 Jawab: Siti Jaenah Lebih fleksibel
dan nyaman secara online.
4. Apakah dengan dibuatnya sistem
informasi penjadwalan ujian online
97
dapat membantu jalannya ujian?

 Jawab: Ridwan Baihaki Sangat
membantu sekali karena dengan
dibuat sistem informasi
penjadwalan mahasiswa
dimudahkan untuk mengakses dan
mengerjakan soal ujian.
 Jawab: Siti Jaenah Iya bisa sangat
membantu.
5. Apakah mahasiswa mudah mengetahui
hasil penilaian ujian mahasiswa?
 Jawab: Ridwan Baihaki Untuk saat
ini, nilai masih terhitung rumit
karena kita harus bertanya ke bagian
admin untuk mengetahui penilaian
atau datang kekampus, seharusnya
dibuatkan sistem online dimana
mahasiswa tau nilai ujian sehingga
menjadi tolak ukur yang baik.
 Jawab: Siti Jaenah Tidak mudah,
karena hasil tidak selalu
diberitahukan dan hal ini tergantung
dari dosennya, ada dosen yang
terbuka untuk memberitahukan
hasilnya ada juga yang tidak.
Namun lebih seringnya tidak,
sehingga banyak mahasiswa yang
tanpa tahu menahu mendapat nilai C
atau D tanpa ada pemberitahuan
sebelumnya untuk mendapat
perbaikan setelah ujian.
3 Output 6. Apakah nilai hasil ujian sering terjadi

salah data?
 Jawab: Ridwan Baihaki Sering dan
itu terjadi kepada saya dan teman-
teman saya dan kabar buruknya
nilai sudah masuk ke sistem
kampus.
 Jawab: Siti Jaenah Bukan salah
data,namun pernah lembar jawaban
yang di-upload tidak sampai pada
dosen yang bersangkutan. Letak
kesalahannya kurang tahu.
98
99
Form Wawancara III
PEDOMAN WAWANCARA

Narasumber: Dewi Sahara Nasution
1 Input 1. Bagaimana cara penjadwalan ujian

mahasiswa selama ini?
 Jawab: Dibuat secara manual sesuai
dengan jadwal perkuliahan
2. Apakah ada kendala khusus yang
dihadapi terkait penjadwalan dan
pelaksanaan ujian mahasiswa?
 Jawab: Ada, yaitu dosen atau
mahasiswa sering mengganti waktu
ujian tidak sesuai dengan jadwal
yang telah ditentukan, dan
mahasiswa terkadang mengalami
beberapa kendala seperti akses soal
dan upload jawaban.
2 Proses 3. Bagaimana cara mengumumkan jadwal

ujian mahasiswa selama ini?
 Jawab: melalui surat edaran yang
telah dibuat lalu discan dan
disebarkan ke grup kelas.
4. Apakah proses penjadwalan dan
pelaksanaan ujian secara luring atau
offline sering menghadapi kendala?
3 Output 5. Apakah hasil jawaban mahasiswa

mudah untuk dikumpulkan?
6. Apakah terdapat kendala dalam proses
input hasil nilai ujian oleh dosen?
100
3) DOKUMEN FOTO
Lampiran Hasil Screenshot Wawancara Via Whatsap

Pada Tanggal 24 Mei 2022
101

Perancangan Web Sistem Akademik

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Perancangan Web Sistem Akademik

Diunggah oleh

Hak Cipta:

Format Tersedia

Aplikasi Ujian Online Berbasis Web

Pada Universitas Saintek Muhammadiyah

Diajukan untuk memenuhi sebagian persyaratan dalam

HAVIDZ DWI HERIYAN

PROGRAM STUDI TEKNIK INFORMATIKA

Aplikasi Ujian Online Berbasis Web

HAVIDZ DWI HERIYAN

Jakarta, 04 Oktober 2022

Kepala Program Studi Dosen Pembimbing

Bambang Subana, M.Kom M. Raihan Febriansyah, S.I.Kom, M.Si

Aplikasi Ujian Online Berbasis Web

HAVIDZ DWI HERIYAN

Dipertahankan di depan Dewan Penguji

Susunan Dewan Penguji

Penguji I : Dr. Faiz Rafdhi, S.Kom, M.Kom ..................................

Penguji II : Drs. Taufiqqurrachman, M.Si ..................................

Penguji III : Dora Bernadisman, S.Kom, M.Kom ..................................

Jakarta, 26 November 2022

Ma’mun Johari, S.Kom.,M.Kom

Yang bertanda tangan dibawah ini:

Demikian pernyataan ini saya buat dengan sebenar-benarnya.

Jakarta, 26 November 2022

Havidz Dwi Heriyan

“Sesuatu yang menyelamatkan kita di masa depan adalah ilmu,

(Havidz Dwi Heriyan)

Skripsi ini penulis persembahkan untuk:

Puji syukur penulis panjatkan kehadirat Allah SWT yang telah

Jakarta, 26 November 2022

Havidz Dwi Heriyan

Penelitian dilakukan dengan mengamati secara langsung sehingga didapatkan

Kata Kunci: Aplikasi, Ujian Online

Research is done by direct observation of system requirements, asa basis and

The expected result of research is the invention of an application that makes an

Keywords: Aplication, Exams Online

I.1. Latar Belakang Masalah

I.2. Identifikasi Masalah

I.3. Batasan Masalah

I.4. Rumusan Masalah

I.5. Sistematika Penulisan

II.1. Tinjauan Penelitian Terdahulu

pencarian data pegawai dan pembuatan laporan serta evaluasi

Tabel 2. 1 Penelitian Terdahulu

1. Eki Puspitasi Sitem Informasi 2016 Java Dn Membantu 7

Perbedaan Dengan Penelitian Terdahulu (Novelty)

II.3. Pengertian Sistem

dengan transaksi dalam siklus pendapatan dan pengeluaran

II.3.2. Klasfikasi Sistem

diprediksi, interaksi antara bagian dapat dideteksi dengan pasti

f. Sistem terbuka (open system)

II.3.4. Sistem Informasi Manajemen

II.3.7. Sistem Ujian Online

II.4. Pendukung Sistem (Support System)

(GUI) serta link-link dapat di hubungkan ke tujuannya dengan

II.4.3. PHP (Hypertext Preprocessor)

keseluruhan dijalankan di server. PHP sendiri untuk pertama kali

Gambar 2. 1 Contoh Script PHP

MySQL termasuk database server open source yang cukup popular

Gambar 2. 2 Logo Resmi MySQL

II.4.5. HTML (Hypertext Markup Language)

II.4.6. CSS (Cascading Style-Sheet)

Style-Sheet, yaitu sebuah pengembangan atas kode HTML yang

II.4.8. Basis Data (Database)

lagi melakukan instalasi dan konfigurasi web server Apache, PHP

II.4.10. Unified Modelling Language (UML)