Perancangan Dan Pembuatan Sistem Pendaftaran Peserta Didik Baru

LAPORAN AKHIR
PERANCANGAN DAN PEMBUATAN SISTEM

PENDAFTARAN PESERTA DIDIK BARU PADA
YAYASAN PERGURUAN DWITUNGGAL TANJUNG
MORAWA BERBASIS WEB
Diajukan Oleh:
ADINDA WARDANY RANGKUTI

NIM 2005102008
PROGRAM STUDI MANAJEMEN INFORMATIKA

JURUSAN TEKNIK KOMPUTER DAN INFORMATIKA
POLITEKNIK NEGERI MEDAN
MEDAN
2023
PERNYATAAN ORISINALITAS
i
LEMBAR PENGESAHAN
ii
LEMBAR PERSEMBAHAN
“...Sesungguhnya Allah tidak akan mengubah keadaan suatu kaum sebelum

mereka mengubah keadaan diri mereka sendiri...”
Q.S Ar-Rad : 11
Hanya Sang Malik yang menjadi cahaya dalam setiap kegelapan. Untuk itu,
penulis mengawali terima kasih tak berujung kepada-Nya, Sang Maha Tinggi
yang selalu ada dalam suka dan duka, menemani dan memberi pertolongan dalam
setiap langkah penulis.
Dengan penuh cinta dan kesungguhan penulis hadiahkan hasil tugas akhir ini
kepada dua insan yang dikirimkan Rabb kepada penulis sebagai anugerah terindah
dalam hidup penulis. Ayah dan mamak, penulis bangga menjadi bagian dari
perjuangan kalian.
Kepada sanak saudara, teman, sahabat yang senantiasa menyemangati dan

mendukung penulis, penulis ucapkan terima kasih dengan mengatupkan tangan
sedekap dada.
Selanjutnya, kepada Yayasan Perguruan Dwitunggal Tanjung Morawa yang telah

menjadi sarana penulis dalam menimba ilmu dan menjadi pokok alasan dalam
penyelesaian segala observasi yang berkaitan dengan tugas akhir ini, penulis
ucapkan terima kasih banyak.
Terakhir, Penulis hadiahkan laporan dan tugas akhir ini untuk diri saya sendiri
yang telah berjuang keras untuk mencapai episode akhir perjalanan kuliah di
Politeknik Negeri Medan. Kamu, Marvelous Dinda!
“Gelap tidak meredupkan bulan justru gelap menjadikannya (bulan) semakin

terang.”
-adiwarr-
iii
ABSTRAK
Pendaftaran peserta didik baru pada Yayasan Perguruan Dwitunggal Tanjung

Morawa saat ini masih dilakukan secara manual, menyebabkan proses pendaftaran
menjadi lambat dan memerlukan sumber daya manusia tambahan. Selain itu,
calon siswa dan orang tua menghadapi kendala terkait mobilitas dan jarak untuk
datang langsung ke sekolah. Dalam upaya mengatasi masalah ini, penulis
merancang sebuah sistem pendaftaran peserta didik baru berbasis website. Sistem
ini bertujuan untuk mempercepat proses pendaftaran, memudahkan orang tua
dalam mendaftar, dan memberikan kemudahan bagi sekolah dalam mengakses
informasi peserta didik yang terdaftar. Sistem ini memiliki dua pengguna, yaitu
admin dan siswa. Admin dapat mengelola hak akses setiap pengguna berdasarkan
role pengguna, mengelola data pendaftaran dan melihat informasi peserta didik
yang terdaftar. Siswa harus membuat akun terlebih dahulu sebelum melakukan
pendaftaran, dan dapat mengakses sistem menggunakan email dan password yang
telah didaftarkan. Sistem ini dibuat menggunakan bahasa pemrograman PHP
dengan framework CodeIgniter versi 3 dan editor teks Visual Studio Code. Sistem
ini diharapkan dapat meningkatkan efisiensi dalam proses pendaftaran, dan
memberikan kemudahan serta kenyamanan bagi calon siswa dan orang tua dalam
melakukan pendaftaran secara online.
Kata kunci : Sistem Pendaftaran Peserta Didik Baru, Framework CodeIgniter,
Website.
iv
ABSTRACT
The registration of new students at Yayasan Perguruan Dwitunggal Tanjung
Morawa is currently being done manually, causing the registration process to be
slow and requiring additional human resources. Additionally, prospective
students and parents face challenges regarding mobility and distance to come
directly to the school. In an effort to address these issues, the author designs a
web-based system for the registration of new students. This system aims to
expedite the registration process, facilitate parents in registering, and provide
convenience for the school in accessing information on registered students. The
system has two users: the admin and the prospective student. The admin can
manage access rights for each user based on their roles, manage registration
data, and view information on registered students. Prospective students must
create an account before registering and can access the system using their
registered email and password. The system is developed using the PHP
programming language with codeigniter version 3 framework and Visual Studio
Code text editor. It is expected that this system can improve the efficiency of the
registration process and provide convenience and comfort for prospective
students and parents in registering online.
Keywords : Student Registration System, Codeigniter Framework, Website.
v
KATA PENGANTAR
Puji dan syukur Penulis panjatkan kepada Allah Subhanahu Wa Ta’ala Tuhan
Yang Maha Esa atas segala berkat dan rahmat-Nya sehingga penulis dapat
menyelesaikan laporan tugas akhir yang berjudul "Perancangan dan Pembuatan
Sistem Pendaftaran Peserta Didik Baru pada Yayasan Perguruan Dwitunggal
Tanjung Morawa Berbasis Web". Laporan akhir ini merupakan salah satu syarat
untuk menyelesaikan pendidikan Diploma 3 Program Studi Manajemen
Informatika Politeknik Negeri Medan.
Laporan ini dapat disusun tidak lepas dari bimbingan, arahan dan dukungan penuh
dari berbagai pihak. Oleh karena itu, Penulis ingin mengucapkan terimakasih
kepada :
1. Bapak Abdul Rahman, SE., Ak., M.Si., Direktur Politeknik Negeri Medan.
2. Bapak Kadri Yusuf, S.T., M.Kom., Ketua Jurusan Teknik Komputer dan
Informatika Politeknik Negeri Medan.
3. Bapak Dr. Arif Ridho Lubis, B.IT, M.Sc., IT., Kepala Program Studi
Manajemen Informatika Politeknik Negeri Medan.
4. Bapak Gabriel Ardi Hutagalung, S.T., M.Kom., selaku dosen pembimbing
penulis
5. Kak Ariama Susanti, selaku staf administrasi Program Studi Manajemen
Informatika
6. Seluruh keluarga penulis, terkhusus orang tua penulis yang senantiasa
memberikan dukungan dan doa kepada penulis.
7. Sahabat penulis, Sanita Fitri (Dinta) yang selalu menyemangati, mendukung
dan mendoakan penulis.
8. Kepada Yunida Trisnawati Nadeak yang selalu menjadi pendengar sekaligus
mentor dalam pembuatan laporan akhir ini.
9. Kepada Andita Maysyah Putri yang siap menjadi sandaran dan penyemangat
penulis dalam masa tugas akhir ini.
10. kepada rekan UKMI terutama untuk Alicia, Anggi, Zizah, dan Putri yang
selalu mendoakan dan menyemangati penulis.
vi
11. Teman-teman seluruhnya terkhusus MI-B 20.
12. Semua pihak yang terlibat ikut membantu penulis dalam menyelesaikan
Laporan Tugas Akhir ini.
Penulis menyadari, bahwa dalam penulisan Laporan Akhir ini masih terdapat
banyak kelemahan dan kekurangan. Untuk itu penulis mengharapkan kritik dan
saran yang membangun. Semoga Laporan Akhir ini dapat bermanfaat bagi para
pembaca.
Medan, 01 Agustus 2023
Adinda Wardany Rangkuti

NIM 2005102008
vii
DAFTAR ISI
Halaman
PERNYATAAN ORISINALITAS...........................................................................i
LEMBAR PENGESAHAN.....................................................................................ii
LEMBAR PERSEMBAHAN.................................................................................iii
ABSTRAK..............................................................................................................iv
ABSTRACT...............................................................................................................v
KATA PENGANTAR............................................................................................vi
DAFTAR TABEL...................................................................................................xi
DAFTAR GAMBAR............................................................................................xiii
DAFTAR LAMPIRAN.........................................................................................xvi
BAB 1 PENDAHULUAN.......................................................................................1
1.1 Latar Belakang..................................................................................................1
1.2 Rumusan Masalah.............................................................................................2
1.3 Batasan Masalah...............................................................................................2
1.4 Tujuan Laporan Akhir.......................................................................................2
1.5 Manfaat Laporan Akhir.....................................................................................3
1.6 Sistematika Laporan..........................................................................................3
BAB 2 TINJAUAN PUSTAKA..............................................................................5
2.1 Penelitian Terdahulu.........................................................................................5
2.2 Landasan Teori..................................................................................................6
2.2.1 Website...............................................................................................6
2.2.2 User Interface....................................................................................6
2.2.3 Web Responsive..................................................................................7
2.2.4 Figma.................................................................................................7
2.2.5 Visual Studio Code............................................................................7
2.2.6 PHP....................................................................................................7
2.2.7 MySQL...............................................................................................8
2.2.8 XAMPP..............................................................................................8
2.2.9 CodeIgniter.........................................................................................8
viii
2.2.10 Bootstrap............................................................................................8
2.2.11 Javascript............................................................................................9
2.2.12 CSS.....................................................................................................9
2.2.13 Sistem.................................................................................................9
2.2.14 Perlindungan Data..............................................................................9
2.2.15 Pendaftaran Siswa Baru.....................................................................9
2.2.16 Unified Modeling Language............................................................10
2.2.17 Jenis-jenis UML...............................................................................10
2.2.18 Black Box Testing............................................................................11
BAB 3 METODE PENELITIAN..........................................................................12

3.1 Alat dan Bahan Pembuatan Rancangan / Alat................................................12
3.2.1 Alat...................................................................................................12
3.2.2 Bahan...............................................................................................12
3.2 Metode Pengumpulan Data.............................................................................13

3.2.1 Analisis pengelolaan yang sedang berjalan.....................................13
3.2.2 Analisa proses..................................................................................16
3.2.3 Evaluasi pengelolaan yang sedang berjalan.....................................17
3.3 Langkah Perancangan.....................................................................................18

3.3.1 Use Case Diagram............................................................................18
3.3.2 Perancangan Database......................................................................34
3.3.3 Entity Relationship Diagram............................................................40
3.3.4 Perancangan Interface......................................................................41
3.4 Metode Pengujian Rancangan / Alat...............................................................47

BAB 4 HASIL DAN PEMBAHASAN.................................................................48
4.1 Hasil................................................................................................................48
4.1.1 Siswa................................................................................................48
4.1.2 Admin...............................................................................................59
4.2 Pengujian Sistem.............................................................................................77
ix
4.2.1 Test Case Login...............................................................................78
4.2.2 Test Case Melakukan Pendaftaran...................................................80
4.2.3 Test Case Mengelola Submenu : Tambah Submenu.......................82
4.2.4 Test Case Eksport Laporan Pendaftaran..........................................84
4.3 Evaluasi Sistem...............................................................................................86

4.3.1 Kelebihan Sistem.............................................................................86
4.3.2 Kekurangan Sistem..........................................................................88
BAB 5 SIMPULAN DAN SARAN.......................................................................89

5.1 Simpulan.........................................................................................................89
5.2 Saran...............................................................................................................89
DAFTAR PUSTAKA............................................................................................90
LAMPIRAN...........................................................................................................92
x
DAFTAR TABEL
Halaman
Tabel 3. 1 Use Case Skenario Registrasi...............................................................19
Tabel 3. 2 Use Case Skenario Login......................................................................19
Tabel 3. 3 Use Case Skenario Lihat Halaman Petunjuk Pendaftaran....................20
Tabel 3. 4 Use Case Skenario Melakukan Pendaftaran.........................................20
Tabel 3. 5 Use Case Skenario Mencetak Formulir Pendaftaran............................21
Tabel 3. 6 Use Case Skenario Lihat Status Pembayaran dan Kelulusan...............22
Tabel 3. 7 Use Case Skenario Lihat Profile...........................................................23
Tabel 3. 8 Use Case Skenario Melakukan Update Profile.....................................23
Tabel 3. 9 Use Case Skenario Lihat Dashboard Admin........................................24
Tabel 3. 10 Use Case Skenario Mengelola Menu..................................................24
Tabel 3. 11 Use Case Skenario Mengelola Submenu............................................26
Tabel 3. 12 Use Case Skenario Mengelola Data Role...........................................27
Tabel 3. 13 Use Case Skenario Mengelola Data Users..........................................28
Tabel 3. 14 Use Case Skenario Mengelola Data Pendaftaran................................29
Tabel 3. 15 Use Case Skenario Eksport Laporan Pendaftaran..............................30
Tabel 3. 16 Use Case Skenario mengelola data pembayaran................................31
Tabel 3. 17 Use Case Skenario lihat informasi promotor......................................32
Tabel 3. 18 Use Case Skenario Logout..................................................................32
Tabel 3. 19 Struktur Tabel User.............................................................................34
Tabel 3. 20 Struktur Tabel User_role.....................................................................34
Tabel 3. 21 Struktur Tabel User_access_menu......................................................35
Tabel 3. 22 Struktur Tabel User_menu..................................................................35
Tabel 3. 23 Struktur Tabel User_sub_menu..........................................................35
Tabel 3. 24 Struktur Tabel Daftar_siswa...............................................................36
Tabel 3. 25 Struktur Tabel Orang_tua...................................................................37
Tabel 3. 26 Struktur Tabel Pernyataan...................................................................37
Tabel 3. 27 Struktur Tabel Promotor.....................................................................38
Tabel 3. 28 Struktur Tabel Pembayaran.................................................................39
Tabel 4. 1 Identifikasi dan Rencana Pengujian......................................................77
xi
Tabel 4. 2 Test Case Login Keadaan Normal........................................................78
Tabel 4. 3 Test Case Login Keadaan Tidak Normal..............................................78
Tabel 4. 4 Test Case Login Keadaan Tidak Normal..............................................79
Tabel 4. 5 Test Case Melakukan Pendaftaran Keadaan Normal............................80
Tabel 4. 6 Test Case Melakukan Pendaftaran Keadaan Tidak Normal.................81
Tabel 4. 7 Test Case Mengelola Submenu Keadaan Normal................................82
Tabel 4. 8 Test Case Mengelola Submenu Keadaan Tidak Normal......................83
Tabel 4. 9 Test Case Eksport Laporan Pendaftaran Keadaan Normal...................84
Tabel 4. 10 Test Case Eksport Laporan Pendaftaran Keadaan Tidak Normal......85
xii
DAFTAR GAMBAR
Halaman
Gambar 3. 1 lampiran formulir pendaftaran -1......................................................13
Gambar 3. 2 lampiran formulir pendaftaran -2......................................................14
Gambar 3. 3 lampiran wawancara -1.....................................................................15
Gambar 3. 7 Use Case Diagram PPDB..................................................................18
Gambar 3. 8 Entity Relationship Diagram.............................................................40
Gambar 3. 9 Interface Registrasi............................................................................41
Gambar 3. 10 Interface Login................................................................................41
Gambar 3. 11 Interface Menu Management..........................................................42
Gambar 3. 12 Interface Submenu Management.....................................................42
Gambar 3. 13 Interface Data Role.........................................................................43
Gambar 3. 14 Interface Data Users........................................................................43
Gambar 3. 15 Interface Data Pendaftaran..............................................................44
Gambar 3. 16 Interface Pendaftaran Siswa............................................................44
Gambar 3. 17 Interface Petunjuk Pendaftaran.......................................................45
Gambar 3. 18 Interface Pembayaran......................................................................45
Gambar 3. 19 Interface Formulir Pendaftaran.......................................................46
Gambar 3. 20 Interface Profile...............................................................................46
Gambar 3. 21 Pengujian Sistem.............................................................................47
Gambar 4. 1 Halaman Registrasi...........................................................................48

Gambar 4. 2 Pesan Berhasil Daftar Akun..............................................................49
Gambar 4. 3 Halaman Login..................................................................................49
Gambar 4. 4 halaman petunjuk pendaftaran..........................................................50
Gambar 4. 5 Halaman Maps..................................................................................50
Gambar 4. 6 Halaman Menghubungi.....................................................................50
Gambar 4. 7 Tabel Biaya dan Item........................................................................51
Gambar 4. 8 Halaman Belum Melakukan Pendaftaran..........................................51
xiii
Gambar 4. 9 Halaman Sudah Melakukan Pendaftaran..........................................52
Gambar 4. 10 Halaman Tambah Pendaftaran........................................................52
Gambar 4. 11 Alert Usia Melebihi Batas...............................................................53
Gambar 4. 12 Alert Usia Tidak Mencukupi...........................................................53
Gambar 4. 13 Halaman Input Pendaftaran.............................................................53
Gambar 4. 14 Halaman Tab Data Siswa................................................................54
Gambar 4. 15 Halaman Tab Data Orang Tua........................................................54
Gambar 4. 16 Halaman Tab Persyaratan Lainnya.................................................55
Gambar 4. 17 Modals Konfirmasi Pegiriman Formulir.........................................55
Gambar 4. 18 Alert Belum Terisi Semua Data......................................................56
Gambar 4. 19 Pesan Kesalahan Pendaftaran..........................................................56
Gambar 4. 20 Pendaftaran Berhasil.......................................................................56
Gambar 4. 21 Halaman Belum Melakukan Pembayaran.......................................57
Gambar 4. 22 Halaman Sudah Melakukan Pembayaran........................................57
Gambar 4. 23 Halaman Cetak Formulir Pendaftaran.............................................58
Gambar 4. 24 Halaman Profile..............................................................................58
Gambar 4. 25 Halaman Update Profile..................................................................59
Gambar 4. 26 Halaman Berhasil Update Profile....................................................59
Gambar 4. 27 Halaman Dashboard........................................................................59
Gambar 4. 28 Halaman Menu Management..........................................................60
Gambar 4. 29 Form Tambah Menu........................................................................60
Gambar 4. 30 Halaman Berhasil Tambah Menu....................................................61
Gambar 4. 31 Form Update Menu.........................................................................61
Gambar 4. 32 Halaman Berhasil Update Menu.....................................................61
Gambar 4. 33 Modals Konfirmasi Hapus Menu....................................................62
Gambar 4. 34 Halaman Berhasil Hapus Menu......................................................62
Gambar 4. 35 Menu Berhasil Dihapus dari Sidebar..............................................62
Gambar 4. 36 Halaman Submenu Management....................................................63
Gambar 4. 37 Form Tambah Submenu..................................................................63
Gambar 4. 38 Halaman Berhasil Tambah Submenu..............................................64
Gambar 4. 39 Form Update Submenu...................................................................64
Gambar 4. 40 Halaman Berhasil Update Submenu...............................................65
xiv
Gambar 4. 41 Modals Konfirmasi Penghapusan Submenu...................................65
Gambar 4. 42 Halaman Submenu Berhasil Dihapus..............................................65
Gambar 4. 43 Halaman Data Role.........................................................................66
Gambar 4. 44 Halaman Hak Akses........................................................................66
Gambar 4. 45 Hak Akses Berhasil Ditambahkan..................................................66
Gambar 4. 46 Form Update Role...........................................................................67
Gambar 4. 47 Modals Konfirmasi Hapus Role......................................................67
Gambar 4. 48 Halaman Data Users........................................................................68
Gambar 4. 49 Form Update Data Users.................................................................68
Gambar 4. 50 Halaman Akun Tidak Aktif.............................................................68
Gambar 4. 51 Halaman Users Berhasil Dihapus....................................................69
Gambar 4. 52 Pesan Kesalahan Pada Login..........................................................69
Gambar 4. 53 Halaman Data Pendaftaran..............................................................70
Gambar 4. 54 Modals Detail Data Pendaftaran.....................................................70
Gambar 4. 55 Modals Update Tab Data Siswa......................................................71
Gambar 4. 56 Modals Update Tab Data Orang Tua..............................................71
Gambar 4. 57 Konfirmasi Hapus Data Pendaftar..................................................72
Gambar 4. 58 Halaman Cetak Formulir.................................................................72
Gambar 4. 59 Modals Cetak Laporan Pendaftaran................................................73
Gambar 4. 60 Alert Eksport Laporan Pendaftaran.................................................73
Gambar 4. 61 Halaman Data Promotor..................................................................73
Gambar 4. 62 Halaman Data Pembayaran.............................................................74
Gambar 4. 63 Form Tambah Data Pembayaran.....................................................74
Gambar 4. 64 Halaman Pesan Kesalahan Pembayaran..........................................75
Gambar 4. 65 Form Update Data Pembayaran......................................................75
Gambar 4. 66 Halaman Berhasil Hapus Data Pembayaran...................................76
Gambar 4. 67 Halaman Logout..............................................................................76
xv
DAFTAR LAMPIRAN
Halaman
Lampiran 1 List Kode Program............................................................................92

Lampiran 2 Surat Permohonan Pengajuan Judul Laporan Akhir.........................97
Lampiran 3 Surat Kesediaan Dosen Membimbing...............................................98
Lampiran 4 Kartu Bimbingan...............................................................................99
Lampiran 5 Surat Balasan Pengambilan Data.....................................................100
Lampiran 6 Form Bebas Revisi Penguji I...........................................................101
Lampiran 7 Form Bebas Revisi Penguji II..........................................................102
Lampiran 8 Biodata Penulis Laporan Akhir.......................................................103
xvi
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Pendaftaran peserta didik baru merupakan tahapan awal dalam mengakses

pendidikan formal di suatu institusi, seperti sekolah atau perguruan tinggi. Proses
pendaftaran ini biasanya melibatkan pengisian formulir pendaftaran, penyerahan
dokumen-dokumen yang diperlukan, dan prosedur administratif lainnya yang
ditetapkan oleh lembaga pendidikan.
Banyak lembaga pendidikan menghadapi tantangan dalam mengelola pendaftaran

dengan lebih baik dan cepat untuk memenuhi harapan calon siswa dan orang tua.
Yayasan Perguruan Dwitunggal Tanjung Morawa menyadari perlunya pendaftaran
yang efisien dan optimal. Yayasan ini menawarkan tiga jenjang pendidikan, yaitu
SMP, SMA, dan SMK. SMK Perguruan Dwitunggal menawarkan empat jurusan:
Bisnis Manajemen, Broadcast, Teknik Komputer Jaringan, dan Teknik Ringan.
Namun, saat ini pendaftaran siswa baru di yayasan ini masih dilakukan secara
manual dengan mengisi formulir pendaftaran di sekolah.
Pendaftaran secara manual memiliki potensi menghambat kelancaran dan

menimbulkan ketidaknyamanan bagi calon siswa dan sekolah. Pengisian formulir
secara langsung di sekolah memerlukan waktu yang lebih lama, membutuhkan
sumber daya manusia tambahan, dan memperbesar risiko kesalahan atau
kehilangan data. Kehadiran fisik di sekolah juga menjadi kendala bagi calon siswa
dan orang tua dengan keterbatasan mobilitas atau jarak yang jauh.
Dalam menghadapi permasalahan pada pendaftaran siswa baru di zaman teknologi

saat ini, penulis memiliki dorongan untuk menciptakan “Perancangan dan
Pembuatan Sistem Pendaftaran Peserta Didik Baru pada Yayasan Perguruan
Dwitunggal Tanjung Morawa Berbasis Web.” Dengan demikian, proses
pendaftaran siswa dapat lebih efisien dan memenuhi kebutuhan calon siswa dan
orang tua.
1
1.2 Rumusan Masalah
Berdasarkan observasi dan wawancara yang dilakukan, ditemukan bahwa

pendaftaran peserta didik baru pada yayasan perguruan dwitunggal tanjung
morawa saat ini masih menggunakan sistem manual, sehingga menyebabkan
proses pendaftaran menjadi lebih lambat, membutuhkan sumber daya
manusia tambahan bagi sekolah, menghadirkan kendala bagi orang tua calon
siswa yang berkerja untuk datang langsung ke sekolah, dan menyulitkan
sekolah dalam mengakses informasi mengenai calon peserta didik.
1.3 Batasan Masalah
Adapun batasan masalah pada sistem yang dibuat adalah sebagai berikut :
1. Sistem ini tidak membahas proses penerimaan peserta didik di sekolah,

melainkan hanya fokus pada proses pendaftaran melalui web.
2. Semua proses pendaftaran melalui sistem ini kecuali proses pembayaran
adminisrasi yang dilakukan langsung di sekolah.
3. Pembuatan sistem ini tidak mempertimbangkan faktor geogafis atau sosial
ekonomi yang memengaruhi akses dan penggunaan web pendaftaran
peserta didik baru.
1.4 Tujuan Laporan Akhir
Adapun tujuan dari penulisan Laporan Akhir atau pembuatan alat Tugas Akhir
ini adalah merancang sistem pendaftaran peserta didik baru berbasis web untuk
mempercepat proses pendaftaran, memudahkan orang tua calon siswa dalam
mendaftar tanpa harus datang ke sekolah, dan Memberikan kemudahan bagi
sekolah untuk mengakses informasi tentang peserta didik yang terdaftar melalui
web pendaftaran pada yayasan perguruan dwitunggal tanjung morawa.
2
1.5 Manfaat Laporan Akhir
Adapun manfaat penulisan Laporan Akhir atau pembuatan alat Tugas Akhir
ini bagi Akademik (khususnya bagi Mahasiswa Program Studi Manajemen
Informatika Politeknik Negeri Medan), bagi Penulis, dan bagi pengguna (user)
adalah sebagai berikut:.
1. Bagi Akademik
a) Sebagai tambahan referensi dalam hal menyelesaikan studi kasus yang
mirip dengan latar belakang tugas akhir ini.
b) Dapat mengembangkan dan memanfaatkan alat ini secara berkelanjutan
di masa yang akan datang dengan mengoptimalkan fitur dan fungsi alat,
serta melakukan penyesuaian yang diperlukan sesuai dengan
perkembangan teknologi dan kebutuhan.
2. Bagi Penulis
a) Sebagai motivasi Penulis untuk terus dapat berinovasi dalam membuat
alat atau sistem yang bermanfaat bagi masyarakat di zaman digital yang
terus berkembang seperti saat ini.
3. Bagi Pengguna (user)
a) Sebagai alat bantu pihak sekolah dalam memproses pendaftaran peserta
didik baru dengan lebih efisien dan akurat.
b) Sebagai alat bantu calon siswa maupun orang tua calon siswa dalam
melakukan pendaftaran.
1.6 Sistematika Laporan
Berikut ini adalah sistematika laporan yang terdapat dalam Laporan Akhir ini:
BAB 1 PENDAHULUAN
Bab ini berisi penjelasan tentang latar belakang penulisan Laporan Akhir,
rumusan masalah, batasan masalah, tujuan Laporan Akhir, dan manfaat
Laporan Akhir.
BAB 2 TINJAUAN PUSTAKA
Bab ini berisi tentang tinjauan pustaka atau landasan teori dari peneliti
terdahulu yang menjadi bahan referensi dalam penulisan Laporan Akhir ini.
3
BAB 3 METODE PENELITIAN
Bab ini berisi tentang alat atau bahan yang digunakan, metode yang
digunakan untuk mengumpulkan data, tahap-tahap perancangan, dan metode
yang digunakan dalam melakukan pengujian alat atau analisa hasil dari
pengujian alat.
BAB 4 HASIL DAN PEMBAHASAN
Bab ini menjelaskan tentang proses pengujian alat dan hasil dari proses
pengujian alat yang telah selesai dirancang atau dibuat.
BAB 5 SIMPULAN DAN SARAN
Bab ini berisi tentang simpulan dari Laporan Akhir atau alat Tugas Akhir
yang sudah di uji dan juga berisi tentang saran untuk mengembangkan atau
melengkapi alat tugas akhir ini di masa yang akan datang.
.
4
BAB 2
TINJAUAN PUSTAKA
2.1 Penelitian Terdahulu
Tinjauan pustaka memegang peranan penting sebagai landasan bagi penulis

dalam melakukan penelitian atau pembuatan alat tugas akhir ini. Sebagai
sumber referensi, penulis telah mengambil beberapa penelitian terdahulu yang
relevan sebagai materi studi dalam rangka melaksanakan penelitian atau
pembuatan alat ini. Berikut ini merupakan beberapa referensi dari penelitian
terdahulu.
Berdasarkan penelitian sebelumnya yang dilakukan oleh (Maghfiroh et al.,

2020) dalam jurnal ilmiah yang berjudul “RANCANGAN SISTEM
INFORMASI PENDAFTARAN SISWA BARU BERBASIS WEB PADA
SMK PUTRA RIFARA”. Memiliki permasalahan proses pendaftaran siswa
baru pada SMK Putra Rifara masih dilakukan secara konvensional dan belum
terkomputerisasi, yang memungkinkan banyak kesalahan dari penulisan data,
penumpukan berkas dan kehilangan data. Penelitian ini menghasilkan Sistem
informasi pendaftaran siswa baru berbasis web yang memiliki kemampuan
memberikan keakuratan data serta kemudahan bagi orang tua dan calon siswa
baru untuk memperoleh informasi tentang sekolah. Sistem informasi
pendaftaran siswa baru dibangun dengan bahasa pemrograman PHP serta
memanfaatkan database MySQL sebagai database server.
Berdasarkan penelitian sebelumnya yang dilakukan oleh (Padwa, 2016)

dalam skripsi yang berjudul “SISTEM INFORMASI SEKOLAH DAN
PENDAFTARAN SISWA BARU BERBASIS WEB PADA SMA N 1
BATURETNO”. Permasalahan yang terjadi adalah selama ini para calon
siswa atau orang tua harus datang sendiri ke sekolah untuk mendaftar dan
mengisi formulir pendafaran walaupun sudah menggunakan lembar
komputer. Penelitian ini menghasilkan sistem informasi sekolah dan
penerimaan siswa baru berbasis web sehingga siswa tidak harus datang
langsung ke sekolah untuk melakukan pendaftaran. Calon siswa atau orang
5
tua bisa melihat informasi sekolah, melalui website, sehingga proses
penerimaan siswa baru lebih mudah baik bagi calon siswa dan orang tua wali
maupun panitia sekolah. Sistem informasi dibuat dengan bahasa
pemrograman PHP, menggunakan database MySQL pada XAMPP, editor
Notepad++ serta ajax dan Jquery.
Setelah mengkaji penelitian terdahulu di atas, Penulis memutuskan untuk

menggunakan beberapa komponen yang digunakan dalam penelitian tersebut
untuk pembuatan web pendaftaran peserta didik baru yang akan penulis buat
yaitu database MySQL pada XAMPP sebagai server database untuk
menyimpan data pendaftaran peserta didik baru. Selain itu, penulis juga akan
menggunakan bahasa pemrograman PHP untuk mengolah data dan
berinteraksi dengan database. Untuk mempercepat proses pembuatan aplikasi
web, penulis akan menambahkan framework CodeIgniter. Framework
CodeIgniter ini tidak hanya memberikan kecepatan dalam pengembangan,
tetapi juga memiliki keamanan yang baik dan dokumentasi yang lengkap.
2.2 Landasan Teori
2.2.1 Website
Website adalah kumpulan halaman yang menampilkan informasi dalam
berbagai bentuk seperti teks, gambar diam, animasi, suara, dan video.
Halaman-halaman ini saling terkait dan terhubung melalui jaringan.
Website merupakan bagian teknologi internet yeng diciptakan oleh
manusia untuk mempermudah akses informasi, meningkatkan efisiensi,
dan menghemat sumber daya. Internet juga menjadi media alternatif yang
murah dan mudah diakses melalui perangkat seperti tablet dan smartphone.
(Andriyan et al., 2020)
2.2.2 User Interface

User Interface adalah tampilan antarmuka dari komputer dan perangkat
lunak yang ditampilkan pada pengguna termasuk visual, ikon, dan elemen-
elemen lain guna memungkinkan pengguna berinteraksi dengan sistem
menjadi lebih intuitif. (Ernawati & Indriyanti, 2022)
6
2.2.3 Web Responsive
Web Responsive merupakan teknik yang memungkinkan tampilan dan
layout sebuah website menyesuaikan diri dengan perangkat pengunjung,
termasuk tampilan dan orientasinya. Responsive design adalah salah satu
teknik yang memungkinkan perancangan aplikasi dan situs web untuk
berbagai jenis perangkat. (Apriatama et al., 2022)
2.2.4 Figma
Figma adalah perangkat lunak desain untuk menciptakan antarmuka
aplikasi mobile, desktop, dan situs web dengan kemampuan kolaborasi tim
yang efisien meskipun berada di lokasi yang berbeda. Fitur-fitur
lengkapnya, seperti komponen reusable, kolaborasi real-time, sistem grid
fleksibel, dan dukungan animasi dan interaksi, juga meningkatkan
pengalaman pengguna. (Muhyidin et al., 2020)
2.2.5 Visual Studio Code

Visual Studio Code (VS Code) adalah sebuah program pengeditan kode
yang dibuat oleh Microsoft yang kompatibel dengan berbagai jenis sistem
operasi. Fasilitas yang tersedia, termasuk Intellisense, integrasi Git,
Debugging, dan fitur ekstensi yang bisa dipasang via marketplace Visual
Studio. Teks editor ini bersifat open source, sehingga memungkinkan para
pengembang aplikasi memberikan umpan balik ataupun memodifikasi
kode dalam pengembangan VS Code di masa depan. Kode sumber dari VS
Code juga dapat diakses di link Github. (PermanaA & Romadlon, 2019)
2.2.6 PHP
PHP adalah singkatan dari Hypertext Preprocessor, sebuah bahasa script
server-side yang digunakan dalam pengembangan web. PHP dapat
disisipkan pada dokumen HTML dan merupakan perangkat lunak open
source yang dapat diunduh secara gratis dari situs resminya. Kelebihan
dari PHP adalah tidak perlu kompilasi, mudah dikonfigurasi dengan
berbagai web server, banyak dukungan dari komunitas pengembang,
mudah dipahami, dan dapat digunakan di berbagai sistem operasi. (Sahi,
2020)
7
2.2.7 MySQL
MySQL adalah salah satu jenis RDBMS atau Relational Database
Management System. MySQL dapat digunakan dengan bahasa
pemrograman PHP. MySQL juga memiliki query atau bahasa SQL yang
sederhana dan menggunakan escape character yang sama dengan PHP.
MySQL dapat digunakan secara gratis dibawah lisensi GPL (General
Public License). Namun, penggunaan MySQL sebagai produk turunan
komersial tidak diizinkan. (Hidayat et al., 2022)
2.2.8 XAMPP
Xampp merupakan perangkat lunak bebas yang mendukung berbagai
sistem operasi. Xampp adalah kombinasi dari program-program seperti
Apache HTTP Server, MySQL database, dan penerjemah bahasa (PHP dan
Perl). Xampp berfungsi sebagai server lokal (localhost) yang dapat
digunakan untuk meng-host halaman web dinamis. Program ini tersedia
secara gratis dengan lisensi General Public License. (Parlaungan S. &
Wisnu, 2020)
2.2.9 CodeIgniter
CodeIgniter adalah sebuah framework PHP yang didasarkan pada Model
View Controller (MVC). Dalam CI, tersedia library yang lengkap untuk
melakukan operasi-operasi umum pada aplikasi web, seperti akses ke
database dan validasi formulir sehingga memudahkan pembuatan sistem.
CodeIgniter telah menyediakan kerangka kerja yang cukup lengkap,
sehingga tidak perlu menulis kode program dari awal. Struktur logis dan
teratur dalam CI membuat aplikasi lebih fokus pada fitur-fitur yang
dibutuhkan. (Sallaby & Kanedi, 2020)
2.2.10 Bootstrap
Bootstrap adalah framework yang menyediakan HTML, CSS, dan
JavaScript siap pakai serta mudah dikembangkan. Framework ini
digunakan untuk membangun desain web yang responsif. Fitur responsif
ini dapat diaktifkan atau dinonaktifkan sesuai keinginan. (Effendy &
Nuqoba, 2016)
8
2.2.11 Javascript
JavaScript adalah bahasa pemrograman kecil, ringan, dan berorientasi
objek yang digunakan untuk memberikan interaktivitas pada website.
Penggunaannya memungkinkan eksekusi perintah di sisi browser,
meningkatkan kemampuan tambahan bagi pengguna. Kelebihan
JavaScript terletak pada strukturnya yang sederhana dan fleksibilitas
dalam penggunaannya. (Yatini, 2014)
2.2.12 CSS
CSS adalah dokumen web yang digunakan untuk mengatur tampilan
elemen-elemen HTML melalui pemilihan elemen, pemberian property,
dan nilai aturan tertentu. (Sari & Suhendi, 2020)
2.2.13 Sistem
Sistem merupakan kumpulan elemen atau komponen yang saling
berhubungan dan bekerja sama untuk mencapai tujuan tertentu. Sistem
terdiri dari prosedur-prosedur yang terkait, sumber daya manusia,
teknologi (baik hardware maupun software), dan interaksi antara
komponen-komponen tersebut. (Jantce TJ Sitinjak et al., 2020)
2.2.14 Perlindungan Data

Perlindungan data adalah langkah-langkah yang diambil untuk menjaga
kerahasiaan informasi pribadi seseorang, seperti identitas dan rincian
pribadi lainnya agar tidak disalahgunakan atau diakses oleh pihak yang
tidak berwenang. Perlindungan data pribadi merupakan hak asasi setiap
individu dan merupakan bagian dari privasi yang diakui dan dilindungi
oleh konstitusi dan hukum. (Mauliza et al., 2022)
2.2.15 Pendaftaran Siswa Baru

Pendaftaran siswa baru adalah kegiatan rutin yang dilakukan oleh
sekolah setiap tahun ajaran. Dalam era perkembangan teknologi
informasi dan komunikasi, seperti internet dan web, yang mendukung
input dan output data yang akurat dan efisien, sistem pendaftaran siswa
baru secara online perlu dikembangkan oleh setiap sekolah. (Sutiyono
S.T. & Santi, 2020)
9
2.2.16 Unified Modeling Language
Unified Modeling Language (UML) merupakan sebuah metode dalam
perancangan visual yang digunakan untuk merancang sistem atau
aplikasi berbasis objek. UML dapat dianggap sebagai bahasa standar
dalam visualisasi dan desain, serta untuk mendokumentasikan sistem,
yang sering disebut sebagai penulisan atau blueprint perangkat lunak.
(Sanjaya et al., 2022)
2.2.17 Jenis-jenis UML

Jenis-jenis diagram Unified Modeling Language (UML) adalah sebagai
berikut:
1. Use Case Diagram:
Use Case Diagram berfungsi untuk mendeskripsikan interaksi antara

satu atau lebih aktor dengan sistem informasi yang akan dibangun.
Diagram ini menggambarkan fungsi-fungsi yang ada dalam sistem
informasi tersebut dan bagaimana aktor menggunakan sistem untuk
melakukan aktivitas tertentu.
2. Class Diagram:
Class Diagram adalah diagram utama dalam pemodelan sistem

berorientasi objek. Diagram ini mempresentasikan class-class dalam
sistem beserta atribut-atribut dan operasi-operasinya. Class Diagram
memberikan gambaran tentang struktur dan hubungan antar class
dalam sistem.
3. Activity Diagram:
Activity Diagram menggambarkan aliran kerja atau aktivitas dari

sebuah sistem pada perangkat lunak. Diagram ini menunjukkan urutan
aktivitas dan bagaimana aktivitas tersebut saling berhubungan.
Activity Diagram membantu dalam memahami proses-proses bisnis
dan alur kerja yang ada dalam sistem. (Nistrina & Sahidah, 2022)
10
2.2.18 Black Box Testing
Pengujian dilakukan untuk mengurangi kesalahan (error) dan
memastikan bahwa keluaran sistem sesuai dengan yang diinginkan.
Dijelaskan bahwa metode black box testing digunakan untuk menguji
fungsionalitas input/output dari perangkat lunak. Pengujian black box
fokus pada persyaratan fungsional perangkat lunak. (Rosmiati, 2020)
11
BAB 3
METODE PENELITIAN
3.1 Alat dan Bahan Pembuatan Rancangan / Alat
3.2.1 Alat
Dalam perancangan sistem yang sedang dilakukan, terdapat dua jenis alat
yang digunakan, yaitu perangkat keras dan perangkat lunak.
1. Perangkat Keras
Untuk perangkat keras, digunakan Laptop atau Personal Computer (PC)
sebagai platform utama dalam proses perancangan sistem.
2. Perangkat Lunak
Perangkat lunak yang digunakan dalam perancangan website, yaitu :
a. VS Code sebagai code editor
b. XAMPP sebagai web server dan database
c. Sistem Operasi Windows 10
d. Web Browser
e. Figma untuk desain UI/UX dan prototyping
3.2.2 Bahan
Bahan yang digunakan dalam pembuatan website sistem pendaftaran

peserta didik baru ini adalah data hasil dari wawancara yang telah
dilakukan bersama dengan narasumber yaitu pihak sekolah, Perguruan
Dwitunggal. Bahan-bahan tersebut berupa informasi terkait tata cara
pendaftaran peserta didik baru, proses pendaftaran, metode pembayaran
uang pendaftaran, serta cara pengelolaan data pendaftaran dan
pembayaran. Informasi ini juga didapatkan dari sebagian calon peserta
didik baru dan masyarakat sekitar untuk memenuhi kebutuhan informasi
terkait dengan pendaftaran peserta didik baru.
12
3.2 Metode Pengumpulan Data
Pengumpulan data dilakukan untuk mendapatkan informasi yang akan

digunakan sebagai syarat dalam mencapai tujuan dari penelitian yang
dilakukan. Pada perancangan website sistem pendaftaran peserta didik baru
ini, metode pengumpulan data yang digunakan adalah metode data primer,
yaitu data yang diperoleh secara langsung dari sumber atau objek observasi.
Metode pengumpulan data ini melibatkan observasi, wawancara, dan
dokumentasi sebagai metode kualitatif.
Selain itu, pengumpulan data juga dilakukan berdasarkan sumbernya

menggunakan metode internal, yaitu data informasi yang berasal dari ruang
lingkup internal. Dalam tugas akhir ini, data diperoleh melalui wawancara
langsung dengan pihak sekolah, calon peserta didik baru serta masyarakat
sekitar.
3.2.1 Analisis pengelolaan yang sedang berjalan
Perguruan Dwitunggal Tanjung Morawa merupakan lembaga pendidikan

yang memiliki beberapa jurusan, yaitu Bisnis Manajemen, Broadcast,
Teknik Komputer dan Jaringan, dan Teknik Ringan untuk SMK, serta
SMA dan SMP. Saat ini, proses pendaftaran dan pengelolaan data
pendaftaran masih dilakukan secara manual, dan informasi terkait
pendaftaran hanya disampaikan melalui spanduk. Berikut formulir
pendaftaran yang saat ini digunakan oleh sekolah.
Gambar 3. 1 lampiran formulir pendaftaran -1
13
Gambar 3. 2 lampiran formulir pendaftaran -2
Mengingat perkembangan zaman yang semakin maju, diperlukan perhatian
lebih terhadap sistem pengelolaan untuk memenuhi kebutuhan yang ada.
Untuk itu, dilakukan observasi dan penelitian untuk mengidentifikasi
kebutuhan yang diperlukan oleh pihak sekolah, calon siswa, dan orang tua
dalam memudahkan proses pendaftaran sekolah di masa depan.
Wawancara dilakukan dengan beberapa narasumber, termasuk pihak
sekolah, calon siswa, dan masyarakat sekitar yang terkait dengan sekolah
dan pendaftaran.
Hasil dari observasi dan wawancara tersebut dianalisis guna

mengidentifikasi masalah dan kebutuhan yang harus dipenuhi dalam
pengelolaan yang sedang berjalan pada proses pendaftaran peserta didik
baru.
14
Berikut merupakan lampiran wawancara antara penulis dan pihak sekolah
yang telah dilakukan.
Gambar 3. 3 lampiran wawancara -1
15

3.2.2 Analisa proses
Perguruan Dwitunggal Tanjung Morawa menggunakan metode manual
dalam proses pendaftaran dan pengelolaan data pendaftaran. Proses
pendaftaran melibatkan penggunaan kertas sebagai formulir pendaftaran
yang disediakan oleh sekolah. Selain itu, pengelolaan data pendaftaran
dilakukan dengan menggunakan dokumen PSB untuk mencatat dan
16
merekap informasi pendaftaran. Informasi terkait pendaftaran disampaikan
melalui spanduk yang dipasang di area sekolah.
Berikut adalah alur proses pendaftaran dan pengelolaan data pendaftaran

yang sedang berjalan di Perguruan Dwitunggal Tanjung Morawa :
1. Calon siswa datang ke sekolah untuk mendaftar.

2. Panitia PPDB memeriksa kelengkapan dokumen dan memberikan
formulir pendaftaran kepada calon siswa.
3. Calon siswa mengisi formulir pendaftaran dan membayar uang
pendaftaran.
4. Panitia PPDB mencatat informasi pendaftaran pada dokumen PSB.
5. Calon siswa menjalani ujian sesuai dengan prosedur yang ditetapkan
6. Pihak sekolah melakukan wawancara dengan calon siswa.
3.2.3 Evaluasi pengelolaan yang sedang berjalan

Berdasarkan analisis pengelolaan yang sedang berjalan pada sistem
Pendaftaran Peserta Didik Baru (PPDB), terdapat beberapa kelemahan
yang perlu diperhatikan:
1. Penggunaan formulir pendaftaran manual menyebabkan potensi

kesalahan dalam penulisan data dan proses administrasi yang lambat.
2. Informasi terkait pendaftaran yang hanya disampaikan melalui
spanduk atau media terbatas, membuat akses informasi menjadi
terbatas bagi calon siswa dan orang tua.
3. Pengolahan data pendaftaran yang masih dilakukan secara manual
meningkatkan risiko kesalahan dan memperlambat proses pengolahan
data.
Sistem PPDB berbasis web akan menggunakan formulir pendaftaran

elektronik, memudahkan akses informasi, dan meningkatkan efisiensi
dalam pengolahan data pendaftaran secara otomatis. Hal ini akan
mempercepat proses pendaftaran, mengurangi potensi kesalahan, dan
memudahkan akses informasi bagi calon siswa dan orang tua.
17
3.3 Langkah Perancangan
3.3.1 Use Case Diagram
Berikut merupakan rancangan sistem pendaftaran peserta didik baru

perguruan dwitunggal berbasis web dengan model use case diagram.
Gambar 3. 7 Use Case Diagram PPDB
18
Berikut merupakan deskripsi pendefinisian use case scenario :
Tabel 3. 1 Use Case Skenario Registrasi

Use case ID UC – C01
Use Case Name Registrasi
Deskripsi Use User yang ingin melakukan pendaftaran peserta didik baru
Case diharuskan registrasi terlebih dahulu agar memiliki akun untuk
dapat login ke dalam sistem.
Aktor Siswa
Kondisi Awal User berada pada tampilan awal aplikasi yaitu halaman login
Skenario User Skenario Sistem
1. User mengakses halaman “Login” 2. Sistem menampilkan form login
3. User memilih “Registrasi” 4. Sistem menampilkan halaman form

registrasi
5. User menginput nama lengkap
6. User menginput email
7. User menginput password
8. User mengklik buton “Register” 9. Sistem akan menampikan halaman login
Kondisi Akhir User berada di halamana login
Tabel 3. 2 Use Case Skenario Login

Use Case Name Login
Deskripsi Use User diharuskan login terlebih dahulu sebelum mengakses sistem
Case maupun fitur-fitur yang ada pada sistem.
Aktor Siswa, Admin
Kondisi Awal User berada pada tampilan awal aplikasi yaitu halaman login
1. User mengakses halaman “Login” 2. Sistem menampilkan form login
19
3. User menginput email
4. User menginput password
5. User mengklik buton “Login” 6. Sistem akan menampikan halaman awal

Aplikasi berdasarkan role user
Kondisi Akhir User berada di halaman dashboard untuk role admin dan user
berada di halaman profile untuk role siswa
Tabel 3. 3 Use Case Skenario Lihat Halaman Petunjuk Pendaftaran

Use Case Name Lihat Halaman Petunjuk Pendaftaran
Deskripsi Use User dapat melihat informasi terkait proses pendaftaran, biaya
Case pendaftaran, syarat pendaftaran dan cara pendaftaran di sistem
pada halaman petunjuk pendaftaran.
Aktor Siswa, Admin
Kondisi Awal User berada pada halaman petunjuk pendaftaran
1. User membaca dan memeriksa

jadwal pendaftaran, syarat-syarat,
dan dokumen yang diperlukan.
2. User memilih button “Lihat Biaya” 3. Sistem akan menampilkan tabel yang
memuat rincian biaya pendaftaran dan
item yang didapatkan
4. User memilih link “Tambah 5. Sistem akan menampikan halaman
Pendaftaran Baru” tambah pendaftaran
Kondisi Akhir User berada di halaman tambah pendaftaran
Tabel 3. 4 Use Case Skenario Melakukan Pendaftaran

Use Case Name Melakukan Pendaftaran
20
Deskripsi Use User melakukan pendaftaran untuk peserta didik baru
Case
Aktor Siswa
Kondisi Awal User berada pada halaman pendaftaran
1. User memilih menu “Tambah 2. Sistem akan menampilkan halaman

Pendaftaran Baru” tambah pendaftaran
3. User menginput nama lengkap, 4. Sistem menampilkan usia user
tempat lahir, dan tanggal lahir berdasarkan tanggal lahir yang
diinputkan
5. User mengklik pada dropdown 6. Sistem akan menampikan opsi-opsi
pilihan jenjang yang tersedia dalam dropdown berupa
jenjang-jenjang pendidikan
7. User memilih jenjang pendaftaran 8. Sistem melakukan pengecekan usia
sesuai jenjang yang dipilih
9. User menginput data diri siswa
pada tab “Data Siswa”
10. User mengklik tombol “Next” 11. Sistem menampilkan tab “Data Orang
untuk melanjutkan ke langkah Tua” berisi form penginputan data
berikutnya orang tua
12. User mengisi data orang tua
13. User mengklik tombol “Next” 14. Sistem menampilkan tab “Persyaratan
Lainnya”
15. User mengambil foto diri
menggunakan kamera perangkat
16. User menyetujui pernyataan
persyaratan pendaftaran
17. User mengisi data promotor
18. User mengklik tombol “kirim” 19. Sistem menyimpan data pendaftaran
setelah selesai mengisi semua
formulir
Kondisi Akhir User berada di halaman pendaftaran
21
Tabel 3. 5 Use Case Skenario Mencetak Formulir Pendaftaran
Use Case Name Mencetak Formulir Pendaftaran
Deskripsi Use User dapat mencetak formulir pendaftaran dalam format PDF
Case berdasarkan nomor pendaftaran yang terkait
Aktor Siswa, Admin
1. User memilih data pendaftaran

berdasarkan nomor pendaftaran
2. User memilih menu “Save” atau 3. Sistem menampilkan formulir
tombol dengan ikon file pendaftaran berdasarkan data yang
dipilih user
4. User memilih opsi download 5. Sistem menyimpan data dalam format
PDF
6. User memilih opsi cetak 7. Sistem mencetak formulir pendaftaran
Kondisi Akhir User berada di halaman cetak formulir pendaftaran
Tabel 3. 6 Use Case Skenario Lihat Status Pembayaran dan Kelulusan

Use Case Name Lihat Status Pembayaran dan Kelulusan
Deskripsi Use User dapat melihat informasi status pembayaran dan kelulusan
Case berdasarkan nomor pendaftaran yang terkait
Aktor Siswa
1. User memilih data pendaftaran

berdasarkan nomor pendaftaran
2. User memilih menu “Pembayaran” 3. Sistem menampilkan informasi
pembayaran dan kelulusan berdasarkan
22
data yang dipilih user
Kondisi Akhir User berada di halaman informasi pembayaran
Tabel 3. 7 Use Case Skenario Lihat Profile

Use Case Name Lihat Profile
Deskripsi Use User dapat melihat informasi profile terkait email yang digunakan
Case untuk login ke sistem
Aktor Siswa, Admin
Kondisi Awal User berada pada halaman awal aplikasi
1. User melakukan login ke dalam

sistem dengan memasukkan email
dan password yang valid
2. User memilih menu “Profil” pada 3. Sistem menampilkan informasi profil
navbar terkait dengan akun user yang
terhubung dengan email yang
digunakan untuk login
Kondisi Akhir User berada di halaman profile
Tabel 3. 8 Use Case Skenario Melakukan Update Profile

Use Case Name Melakukan Update Profile
Deskripsi Use User dapat memperbaharui informasi profile terkait email yang
Case digunakan untuk login ke sistem
Aktor Siswa, Admin
Kondisi Awal User berada pada halaman Update profile
Memperbaharui Nama
23
1. User memperbaharui nama 2. Sistem menampilkan perubahan nama
3. User mengklik button “Edit” 4. Sistem menyimpan perubahan nama

dan menampilkan pesan sukses
Memperbaharui Foto Profile
1. User memperbaharui foto profil

dengan mengklik opsi “Choose File”
2. User memilih foto baru dari
perangkat
3. User mengklik simpan / edit 4. Sistem menyimpan perubahan pada
foto profil dan menampilkan pesan
sukses
Tabel 3. 9 Use Case Skenario Lihat Dashboard Admin

Use Case Name Lihat Dashboard Admin
Deskripsi Use Admin dapat melihat rekapitulasi data pendaftaran berdasarkan

Case jenjang dan informasi demografis dalam bentuk grafik di
dashboard.
Aktor Admin
Kondisi Awal User berada pada halaman Dashboard
1. User mengakses halaman 2. Sistem menyajikan rekapitulasi

dashboard jumlah pendaftaran pada masing-
masing jenjang
3. Sistem menampilkan data
demografis
4. User memeriksa grafik dan
menganalisis data pada
dashboard
24
Kondisi Akhir User berada pada halaman dashboard admin
Tabel 3. 10 Use Case Skenario Mengelola Menu

Use Case Name Mengelola Menu
Deskripsi Use User dapat mengakses halaman menu untuk melihat, menambah,
Case mengedit, dan menghapus menu pada sistem
Aktor Admin
Kondisi Awal User berada pada halaman dashboard
Menambah Menu
1. User mengakses halaman menu 2. Sistem menampilkan halaman menu
3. User memilih tombol tambah menu 4. Sistem akan menampilkan form

penambahan menu
5. User menginput nama menu
6. User mengklik button “Add” 7. Sistem akan menampilkan menu yang

telah ditambahkan
Kondisi Akhir User berhasil menambah menu
Mengedit Menu
3. User memilih tombol edit pada salah 4. Sistem akan menampilkan form
satu data menu pengeditan menu berdasarkan menu
yang dipilih
5. User mengedit nama menu
6. User mengklik button “Update” 7. Sistem akan menampilkan menu

yang telah diedit
Kondisi Akhir User berhasil mengubah menu
Menghapus Menu
25
3. User memilih tombol hapus pada 4. Sistem menampilkan pesan

salah satu data menu konfirmasi untuk penghapusan menu
yang dipilih
5. User memilih opsi “Ya” untuk 6. Sistem menghapus data menu dari
menghapus data menu database
Kondisi akhir User berhasil menghapus menu
Tabel 3. 11 Use Case Skenario Mengelola Submenu

Use Case Name Mengelola Submenu
Deskripsi Use User dapat mengakses halaman Submenu untuk melihat,

Case menambahkan, mengedit, dan menghapus data submenu.
Aktor Admin
Menambah Submenu
1. User mengakses halaman submenu 2. Sistem menampilkan halaman data

submenu
3. User memilih tombol tambah 4. Sistem akan menampilkan form
penambahan submenu baru
5. User memilih menu dari dropdown
menu yang menyediakan daftar
rujukan submenu
6. User menginputkan title submenu
7. User menginputkan url submenu
8. User menginputkan icon submenu
9. User menceklis “is_active”
10. User mengklik buton “Add” 11. Sistem akan menampilkan submenu
yang telah ditambahkan
Kondisi Akhir User berhasil menambah submenu
26
Mengedit Submenu
1. User mengakses halaman submenu 2. Sistem menampilkan halaman data

submenu
3. User memilih tombol edit pada salah 4. Sistem akan menampilkan form
satu data submenu pengeditan submenu berdasarkan
submenu yang dipilih
5. User mengedit data di dalam form
sesuai kebutuhan
6. User mengklik button “Update” 7. Sistem akan menampilkan submenu
yang telah diedit
Kondisi Akhir User berhasil mengubah submenu
Menghapus Submenu
1. User mengakses halaman submenu 2. Sistem menampilkan halaman

submenu
salah satu data submenu konfirmasi untuk penghapusan
submenu yang dipilih
5. User memilih opsi “Ya” untuk 6. Sistem menghapus data submenu
menghapus data submenu dari database
Kondisi akhir User berhasil menghapus submenu
Tabel 3. 12 Use Case Skenario Mengelola Data Role

Use Case Name Mengelola Data Role
Deskripsi Use User dapat mengatur hak akses role dengan memilih,
Case menambahkan, atau menghapus menu (hak akses) yang terkait
dengan role yang dipilih. User juga dapat mengedit dan
menghapus data role.
Aktor Admin
27
Mengatur Hak Akses
1. User mengakses halaman Role 2. Sistem menampilkan halaman data

role
3. User memilih menu access pada 4. Sistem menampilkan menu (hak
salah satu role akses) dari role yang dipilih
5. User mencentang salah satu menu 6. Sistem akan menambahkan menu
(hak akses) pada role yang dipilih
7. User menghapus centangan pada 8. Sistem akan menghapus menu pada
salah satu menu role yang dipilih
Kondisi Akhir User berhasil mengubah hak akses
Mengedit Role

role
3. User memilih tombol “edit” pada 4. Sistem menampilkan form edit untuk
salah satu role role yang dipilih
5. User melakukan perubahan pada role
6. User menekan tombol “update” 7. Sistem menampilkan data role yang

diedit
Kondisi akhir User berhasil mengedit role
Menghapus Role

role
salah satu role konfirmasi untuk penghapusan role
yang dipilih
5. User memilih opsi “Ya” untuk 6. Sistem menghapus role dari database
menghapus role
Kondisi akhir User berhasil menghapus role
28
Tabel 3. 13 Use Case Skenario Mengelola Data Users
Use Case Name Mengelola Data Users
Deskripsi Use User dapat melihat, mengedit dan menghapus data users yang
Case sudah melakukan pendaftaran akun pada sistem.
Aktor Admin
Mengedit data Users
1. User mengakses halaman Users 2. Sistem menampilkan halaman data

users
3. User memilih data yang ingin diedit 4. Sistem menampilkan form edit
dari daftar data yang ditampilkan berdasarkan data yang dipilih oleh
user
5. User mengubah data pada form edit
sesuai kebutuhan
6. User mengklik tombol “Update” 7. Sistem menampilkan data users yang
untuk menyimpan perubahan data telah diedit
Kondisi akhir User berhasil mengedit data users
Menghapus data users
1. User mengakses halaman Users 2. Sistem menampilkan halaman data

users
3. User memilih data yang ingin 4. Sistem menampilkan pesan
dihapus dari daftar data yang konfirmasi untuk penghapusan data
ditampilkan users yang dipilih
5. User memilih opsi “Ya” untuk 6. Sistem menghapus data users yang
menghapus data users dipilih dari database
Kondisi akhir User berhasil menghapus data users
29
Tabel 3. 14 Use Case Skenario Mengelola Data Pendaftaran
Use Case Name Mengelola Data Pendaftaran
Deskripsi Use User dapat melihat, mengedit dan menghapus data users yang
Case sudah melakukan pendaftaran akun pada sistem.
Aktor Admin
Mengedit data pendaftaran
1. User memilih data yang ingin diedit 2. Sistem menampilkan form edit
dari daftar data yang ditampilkan berdasarkan data yang dipilih oleh
user
3. User mengubah data pada form edit
sesuai kebutuhan
4. User mengklk tombol simpan untuk 5. Sistem menyimpan perubahan pada
menyimpan perubahan data data pendaftaran
Kondisi akhir User berhasil mengedit data pendaftaran
Menghapus data pendaftaran
1. User memilih data yang ingin 2. Sistem menampilkan pesan

dihapus dari daftar data yang konfirmasi untuk penghapusan data
ditampilkan pendaftaran yang dipilih
3. User memilih opsi “Ya” untuk 4. Sistem menghapus data pendaftaran
menghapus data pendaftaran yang dipilih dari database
Kondisi akhir User berhasil menghapus data pendaftaran
Tabel 3. 15 Use Case Skenario Eksport Laporan Pendaftaran

Use Case Name Eksport Laporan Pendaftaran
30
Deskripsi Use User dapat mencetak laporan pendaftaran sesuai data (kolom)
Case yang ingin ditampilkan
Aktor Admin
1. User memilih menu pendaftaran 2. Sistem menampilkan halaman data

pendaftaran
3. User mengklik tombol “Export 4. Sistem menampilkan daftar kolom
Excel” yang tersedia untuk dieskport
5. User memilih kolom-kolom yang
ingin dieksport dengan mencentang

kotak pilihan yang sesuai
6. User mengklik tombol “Eksport” 7. Sistem menghasilkan file excel berisi
data laporan pendaftaran sesuai dengan
kolom-kolom yang dipilih user
Kondisi Akhir User berada pada halaman data pendaftaran
Tabel 3. 16 Use Case Skenario mengelola data pembayaran

Use Case Name Mengelola Data Pembayaran
Deskripsi Use User dapat mengelola data pembayaran termasuk menambah,

Case mengedit, dan menghapus data pembayaran.
Aktor Admin
Menambah Pembayaran
1. User mengakses halaman 2. Sistem menampilkan halaman data

pembayaran pembayaran
3. User memilih tombol “Add New 4. Sistem akan menampilkan form
Pembayaran” penambahan data pembayaran baru
5. User mengisi form tambah
pembayaran dengan data yang
31
sesuai
6. User mengklik tombol “Add” 7. Sistem menampilkan data pembayaran
yang baru ditambahkan
Kondisi Akhir User berhasil menambah data pembayaran
Mengedit Pembayaran

3. User mengklik buton edit pada 4. Sistem akan menampilkan form edit
salah satu data pembayaran pembayaran berdasarkan data yang
dipilih user
5. User mengubah data pembayaran
6. User mengklik tombol “Update” 7. Sistem menampilkan data pembayaran

yang sudah diubah
Kondisi Akhir User berhasil mengubah data pembayaran
Menghapus Pembayaran

3. User mengklik tombol “Hapus” 4. Sistem akan menampilkan pesan
pada salah satu data pembayaran konfirmasi untuk penghapusan data
pembayaran yang dipilih
5. User memilih “Ya” 6. Sistem menghapus data pembayaran
yang dipilih dari database
Kondisi Akhir User berhasil menghapus data pembayaran
Tabel 3. 17 Use Case Skenario lihat informasi promotor

Use Case Name Lihat Informasi Promotor
Deskripsi Use User dapat melihat Informasi tentang promotor

Case
Aktor Admin
32
1. User memilih menu promotor 2. Sistem menampilkan halaman data

promotor
3. User melihat informasi data
promotor
Kondisi Akhir User berada pada halaman data promotor
Tabel 3. 18 Use Case Skenario Logout

Use Case Name Logout
Deskripsi Use User keluar dari sistem

Case
Aktor Siswa, Admin
Kondisi Awal User berada pada halaman home
1. User memilih menu Logout 2. Sistem melakukan proses logout dan

mengakhiri sesi pengguna
3. Sistem menampilkan halaman awal
aplikasi yaitu halaman login
4. Sistem menampilkan pesan “kamu
berhasil logout”
Kondisi Akhir User berada pada halaman awal aplikasi
33
3.3.2 Perancangan Database
Sistem pendaftaran peserta didik baru menggunakan database MySQL.

Berikut deskripsi database yang digunakan pada pembuatan sistem.
Nama database : ppdb_fix

Daftar tabel : 1. User
2. User_role
3. User_access_menu
4. User_menu
5. User_sub_menu
6. Daftar_siswa
7. Orang_tua
8. Pernyataan
9. Promotor
10. Pembayaran
Tabel 3. 19 Struktur Tabel User

No Nama Tipe Data Null Keterangan
1. id int(11) No Primary key
2. name varchar(30) No
3. email varchar(30) No unique
4. image varchar(30) No
5. password varchar(128) No
6. role_id int(11) No Foreign key
7. is_active int(1) No
8. date_created int(11) No
Tabel 3. 20 Struktur Tabel User_role

34
2. role varchar(20) No
Tabel 3. 21 Struktur Tabel User_access_menu

2. role_id int(11) No Foreign key
3. menu_id int(11) No Foreign key
Tabel 3. 22 Struktur Tabel User_menu

2. menu varchar(20) No
Tabel 3. 23 Struktur Tabel User_sub_menu

1. Id Int (11) No Primary key
2. Menu_id Int(11) No Foreign key
3. Title Varchar(20) No
4. url Varchar(30) No
5. Icon Varchar(50) No
6. Is_active Int(1) No
35
Tabel 3. 24 Struktur Tabel Daftar_siswa
1. no_pendaftaran int(11) No Primary key
2. nama varchar(50) No
3. tempat_lahir varchar(20) No
4. tanggal_lahir date No
5. gender enum('Laki- No
laki','Perempuan')
6. agama enum('Islam','Katolik', No
'Protestan','Hindu','Bu
ddha')
7. jumlah_nilai_skhun varchar(4) Yes
8. no_skhun varchar(9) Yes
9. jumlah_nilai_ijazah varchar(4) Yes
10. no_ijazah varchar(9) Yes
11. nisn varchar(10) No
12. asal_sekolah varchar(40) No
13. jumlah_saudara int(5) No
14. alamat_siswa text No
15. email varchar(30) No foreignkey
16. no_hp varchar(14) No
17. nis_dwitunggal varchar(8) Yes
18. nik varchar(16) No unique
19. daftar_di enum('SMP','SMA','S No

MK-BM','SMK-
Broadcast','SMK-
TIK','SMK-TR')
36
Tabel 3. 25 Struktur Tabel Orang_tua
2. no_pendaftaran int(11) No Foreign key
3. nama_ayah varchar(20) No
4. pendidikan_ayah varchar(10) No
5. alamat_ayah text No
6. hp_ayah varchar(14) No
7. profesi_ayah varchar(20) No
8. nama_ibu varchar(20) No
9. pendidikan_ibu varchar(10) No
10. alamat_ibu text No
11. hp_ibu varchar(14) No
Tabel 3. 26 Struktur Tabel Pernyataan

3. foto varchar(30) No
4. ujian_nerima enum('ya','tidak') No
5. terlibat_psikotropika enum('ya','tidak') No
6. peraturan_sanksi enum('ya','tidak') No
7. tgl_formulir date No
37
Tabel 3. 27 Struktur Tabel Promotor
No Nama Tipe data Null Keterangan
1. id Int(11) No Primary key
3. nama_promotor varchar(50) Yes
4. nama_guru enum('Abdul Haris Yes

Nasution, SS','Annahl
Muharram
Tresnandhy,
ST','Asima Sigiro,
S.Pd','Dame
Marlisah,
S.Pd.K','Dewi
Irmayani, S.Ag','Dra.
Enista
Nainggolan','Dra.
Rindu Manik','Dra.
Wan Rahmalina','Drs.
Gimlon
Sinaga','Duwi
Firwana Putra
Tanjung,
S.Pd','Fathul Umra
S.Pd.I','Hernawan K
Yuga S.Kom','Irma
Syahfitri S.Pd','Irwan
Syahputra,
S.Kom','Juliana
Sinulingga
SS','Juwita Sari
S.Pd','Khairil Endri,
S.Pd','Listiawati
S.Pd','Lola Aulia
Nasution
S.Pd','Muhammad
Sofyan ST','Murniati
Gultom S.Pd','Naina
38
Madani S.Pd','Nur
Cahaya Sigalingging
Amd','Nur Hasanah
Rangkuti
S.Pd','Nuriono
S.Pd.I','Rini Endang
Lestari S.Pd','Sri
Wahyuni
S.Pd','Theresia
Audrin S.Pd','Try
Ade Juwita W.D
M.Pd','Utari Soni
S.Pd','Yes Br Ginting
S.Pak','Yetty Wirasini
M.A')
5. Daftar_sendiri Enum ('daftar Yes

sendiri','yayasan')
Tabel 3. 28 Struktur Tabel Pembayaran

No Nama Tipe data Null Keterangan
3. nominal decimal(10,2) No
4. pembayar varchar(30) No
5. tgl_bayar datetime No
6. ujian Enum('Sudah','Belum No
')
39
3.3.3 Entity Relationship Diagram
Gambar 3. 8 Entity Relationship Diagram
40
3.3.4 Perancangan Interface
1. Registrasi
Pada rancangan halaman registrasi, terdapat form input untuk nama
lengkap, email, password, dan kolom untuk mengulangi password. User
harus mengisi data yang diminta untuk membuat akun baru.
Gambar 3. 9 Interface Registrasi

2. Login
Rancangan halaman login merupakan sebuah tampilan ketika user akan
masuk ke dalam sistem. Pada halaman ini berisi form input email dan
password.
Gambar 3. 10 Interface Login
41
3. Menu Management
Rancangan halaman management adalah tampilan khusus user admin,
dimana admin dapat mengelola menu yang ada pada sistem.
Gambar 3. 11 Interface Menu Management
4. Submenu Management
Pada halaman ini admin dapat mengelola submenu yang terdapat pada
sistem, admin bisa menambah, mengedit maupun menghapus submenu.
Gambar 3. 12 Interface Submenu Management
42
5. Role
Halaman ini dirancang guna memudahkan admin dalam mengatur role
serta hak akses setiap role.
Gambar 3. 13 Interface Data Role
6. Users
Halaman ini merupakan pengelolaan terhadap akun-akun yang terdaftar

sebagai pengguna pada sistem.
Gambar 3. 14 Interface Data Users
43
7. Pendaftaran pada Admin
Halaman ini merupakan tampilan untuk admin dalam pengelolaan data
pendaftaran peserta didik baru.
Gambar 3. 15 Interface Data Pendaftaran
8. Pendaftaran Siswa
Halaman ini dikhususkan untuk user siswa. Dimana siswa dapat melihat
status pendaftaran dan juga status pembayaran.
Gambar 3. 16 Interface Pendaftaran Siswa
44
9. Petunjuk pendaftaran
Halaman ini dirancang untuk sebagai tampilan dalam petunjuk dalam
melakukan pendaftaran pada sistem.
Gambar 3. 17 Interface Petunjuk Pendaftaran
10. Pembayaran
Pada halaman ini admin dapat melihat dan mengelola data
pembayaran para pendaftar.
Gambar 3. 18 Interface Pembayaran
45
11. Formulir pendaftaran
Halaman ini merupakan rancangan untuk formulir pendaftaran yang
akan digunakan.
Gambar 3. 19 Interface Formulir Pendaftaran
12. Profile
Berikut rancangan tampilan profile setiap pengguna. Pada halaman ini
terdapat nama, email yang didaftarkan dan waktu pembuatan akun.
Gambar 3. 20 Interface Profile
46
3.4 Metode Pengujian Rancangan / Alat
Metode pengujian yang dipakai pada pengujian sistem adalah metode black
box testing dimana pengujian ini dilakukan di akhir pembuatan rancangan
untuk mengetahui apakah rancangan berfungsi dengan baik.
Pada pengujian ini salah seorang aktor melakukan uji coba sistem sebagai
admin yang melakukan pengelolaan data pendaftaran.
Gambar 3. 21 Pengujian Sistem
47
BAB 4
HASIL DAN PEMBAHASAN
4.1 Hasil
Adapun hasil perancangan dan pembuatan sistem pendaftaran peserta didik
baru pada perguruan dwitunggal berbasis web menghasilkan sistem dengan
fitur pendaftaran peserta didik baru, pencetakan formulir pendaftaran dan
pengelolaan data pendaftaran oleh admin.
4.1.1 Siswa
Berikut ini adalah hasil perancangan dan cara kerja untuk tampilan halaman
user siswa :
1. Halaman Registrasi Akun

Untuk mengakses sistem, siswa diharuskan melakukan registrasi atau
pendaftaran akun terlebih dahulu. Setelah mendaftar, siswa dapat login
menggunakan email dan password yang telah didaftarkan. Pada halaman
ini siswa diminta menginput nama lengkap, alamat email, dan juga
password.
Gambar 4. 1 Halaman Registrasi

Setelah siswa mengklik “Register Account” maka sistem akan
memvalidasi data yang telah diinputkan. Jika sudah sesuai maka sistem
akan menambahkan siswa sebagai pengguna baru tanpa mengirimkan
kode OTP ke email yang didaftarkan siswa. Sistem akan langsung
48
mengarahkan siswa ke halaman login dengan pesan “Selamat Akun
Kamu Berhasil Didaftarkan. Silahkan Login.”
Gambar 4. 2 Pesan Berhasil Daftar Akun

2. Halaman Login
Sebelum melakukan operasi atau pengelolaan data, seorang siswa harus
melakukan login dahulu menggunakan email dan password yang telah
didaftarkan siswa pada halaman registrasi sebelumnya. Ketika siswa
salah dalam memasukkan email maka sistem akan mengeluarkan pesan
bahwa email belum pernah didaftarkan. Kemudian ketika siswa salah
dalam pengisian password maka sistem akan mengeluarkan pesan bahwa
password salah.
Gambar 4. 3 Halaman Login
3. Halaman Petunjuk Pendaftaran

Pada halaman ini berisi informasi penting seperti jadwal pendaftaran,
syarat-syarat pendaftaran, dokumen yang diperlukan, cara pendaftaran di
sistem, biaya pendaftaran beserta keuntungan yang didapat, alamat
49
sekolah, serta fasilitas atau program yang disediakan pada periode
pendaftaran.
Gambar 4. 4 halaman petunjuk pendaftaran

Berikut adalah beberapa link dan tombol yang tersedia di halaman
petunjuk pendaftaran :
1. Link maps akan mengarahkan user

langsung ke peta lokasi sekolah.
Gambar 4. 5 Halaman Maps

2. Link whatsapp Maka user akan langsung
dihubungkan ke WhastApp sekolah untuk bertanya.
Gambar 4. 6 Halaman Menghubungi
50
3. Tombol biaya pendaftaran akan memunculkan tabel dengan
informasi biaya pendaftaran dan item yang berlaku untuk setiap
jenjang. Tabel ini akan ditampilkan dalam bentuk pop up.
Gambar 4. 7 Tabel Biaya dan Item

4. Halaman Pendaftaran
Pada halaman pendaftaran terbagi dua, yaitu sudah melakukan
pendaftaran dan belum melakukan pendaftaran. Berikut penjelasan dari
kedua halaman tersebut.
1. Halaman belum melakukan pendaftaran
Pada halaman ini terdapat pesan bahwa user belum pernah melakukan
pendaftaran dan terdapat link untuk melakukan pendaftaran PPDB
Gambar 4. 8 Halaman Belum Melakukan Pendaftaran

2. Halaman Sudah melakukan pendaftaran
Pada halaman ini terdapat data pendaftaran PPDB user, termasuk data
diri, data orang tua, jenjang yang dipilih, biaya pendaftaran dan juga
promotor dalam melakukan pendaftaran. Terdapat juga tiga buton
51
dalam halaman ini, yaitu sebagai berikut :
1. Buton ‘Tambah Pendaftaran Baru ‘ untuk melakukan pendaftaran
PPDB kembali
2. Buton ‘Pembayaran’ untuk melihat status kelulusan dan
pembayaran
3. Buton ‘Save’ untu menyimpan formulir pendaftaran ataupun
mencetak formulir pendaftaran dalam format pdf.
Gambar 4. 9 Halaman Sudah Melakukan Pendaftaran

5. Halaman Tambah Pendaftaran
Halaman pendaftaran memiliki inputan nama, tempat lahir, dan tanggal
lahir, serta pilihan jenjang. Saat halaman dimuat pertama kali, maka akan
tampil 3 tab dengan konten setiap tab tidak aktif hingga usia divalidasi.
Gambar 4. 10 Halaman Tambah Pendaftaran

Jika usia melebihi batas maksimum pada jenjang tertentu, muncul alert
usia telah melebihi batas maksimum pada jenjang tersebut, dan 3 tab
akan disembunyikan.
52
Berikut tampilan pada alert yang muncul.
Gambar 4. 11 Alert Usia Melebihi Batas

Jika usia belum mencapai batas minimum, muncul alert “Usia kamu
belum mencukupi” beserta nama jenjang dan 3 tab tetap disembunyikan.
Gambar 4. 12 Alert Usia Tidak Mencukupi

Untuk batasan usia tiap jenjang adalah sebagai berikut :
a. SMA dan SMK : Minimum 15 tahun dan maksimum 21 tahun.

b. SMP : Minimum 11 tahun dan maksimum 15 tahun.
Jika usia sesuai batasan, 3 tab akan tampil tab dengan kontennya, dan
siswa bisa mengisi data untuk melakukan pendaftaran siswa baru.
Gambar 4. 13 Halaman Input Pendaftaran
53
a. Tab Data Siswa
Halaman ini digunakan untuk menginput data pribadi siswa, seperti
gender, agama, NIK, NISN, serta data sekolah yang mencakup jumlah
nilai, nomor SKHUN, dan nomor Ijazah siswa. Namun, kolom
SKHUN dan Ijazah tidak wajib diisi saat pendaftaran.
Gambar 4. 14 Halaman Tab Data Siswa

b. Tab Data Orang Tua
Halaman ini berisi penginputan data orang tua siswa, termasuk nama,
pendidikan terakhir, alamat, nomor HP dan pekerjaan orang tua siswa.
Gambar 4. 15 Halaman Tab Data Orang Tua

c. Tab Persyaratan Lainnya
Halaman ini mencakup pengambilan foto dari kamera perangkat yang
digunakan siswa, pernyataan kesiapan siswa, dan pemilihan promotor
dalam melakukan pendaftaran. Untuk promotor, terdapat dua opsi
yaitu ‘Ya’ dan ‘Tidak’. Jika user memilih ‘ya’ maka akan ditampilkan
daftar nama-nama guru. Jika promotor bukan guru, user dapat
memilih ‘bukan guru? (Tidak satupun di atas)’ pada daftar kemudian
54
user menginputkan nama promotor manual di kolom yang disediakan.
Selanjutnya, jika user memilih “Tidak” maka sistem akan
menampilkan dropdown dengan dua pilihan yaitu “Daftar Sendiri”
dan “Yayasan”. User dapat memilih salah satu diantara dua opsi
tersebut.
Gambar 4. 16 Halaman Tab Persyaratan Lainnya
Ketika user memilih “Submit” pada tab persyaratan lainnya, maka

muncul modals konfirmasi untuk pengiriman formulir. Terdapat dua
pilihan, yaitu : “Cek Kembali” dan “kirim”.
Gambar 4. 17 Modals Konfirmasi Pegiriman Formulir

Jika user memilih “Cek Kembali”, modals ditutup dan user tetap berada
dalam halaman pengisian data pendaftaran. Jika user memilih “Kirim”,
maka sistem akan menampilkan nama-nama kolom yang belum terisi dan
tab letak kolom tersebut.
55
Berikut tampilan alert yang muncul
Gambar 4. 18 Alert Belum Terisi Semua Data

Selanjutnya, jika terdapat NIK yang sudah ada dalam data pendaftaran,
sistem akan menampilkan pesan kesalahan bahwa NIK tersebut telah
terdaftar sebelumnya, dan user tetap berada pada halaman pengisian data
pendaftaran.
Gambar 4. 19 Pesan Kesalahan Pendaftaran

Jika semua validasi data berhasil, user akan mendapatkan nomor
pendaftaran secara otomatis. Proses pemberian nomor pendaftaran
dilakukan oleh sistem berdasarkan urutan waktu pendaftaran dari semua
jenjang, termasuk SMP, SMA, SMK BM, SMK Broadcast, SMK TIK,
dan SMK TR. Setiap pendaftar akan diberikan nomor pendaftaran yang
unik sesuai dengan urutan pendaftaran. Nomor pendaftaran akan terus
meningkat berdasarkan total pendaftaran keseluruhan, tanpa dibatasi oleh
total siswa di jenjang yang didaftarkan. Selanjutnya, sistem akan
mengarahkan user ke halaman pendaftaran yang berisi data yang telah
diinputkan oleh user tersebut.
Gambar 4. 20 Pendaftaran Berhasil
56
6. Halaman Pembayaran
Pada halaman ini terdapat dua tampilan, yaitu tampilan halaman sudah
melakukan pembayaran dan tampilan belum melakukan pembayaran.
1. Belum melakukan pembayaran
Pada halaman ini terdapat pesan bahwa “User belum melakukan
pembayaran terkait uang pendaftaran. Untuk melakukan pembayaran
silahkan cetak formulir dan serahkan pada Perguruan Dwitunggal.
Jika ada pertanyaan dapat menghubungi admin via whatsapp”.
Gambar 4. 21 Halaman Belum Melakukan Pembayaran

2. Sudah melakukan pembayaran
Ketika user sudah melakukan pembayaran, maka halaman
pembayaran yang ditampilkan adalah data terkait pembayaran user,
seperti nama pembayar, waktu pembayaran, jumlah bayar, jadwal
ujian, dan status ujian, serta status kelulusan.
Gambar 4. 22 Halaman Sudah Melakukan Pembayaran

7. Halaman Cetak Formulir Pendaftaran
Halaman ini menampilkan formulir pendaftaran yang dapat diakses
57
dengan memilih nomor pendaftaran. User dapat menyimpan formulir
sebagai file PDF atau mencetak langsung.
Gambar 4. 23 Halaman Cetak Formulir Pendaftaran

8. Halaman Profile
Halaman ini berisi profil user dengan gambar, nama, email, dan tanggal
pendaftaran akun. Data disusun berdasarkan alamat email yang
digunakan untuk login.
Gambar 4. 24 Halaman Profile

9. Halaman Update Profile
Halaman ini memungkinkan user untuk mengedit data profil. User hanya
dapat mengubah nama dan gambar profil. Alamat email dan waktu
pendaftaran tidak dapat diubah, tetapi mengikuti data saat pendaftaran
akun. Perubahan akan disimpan oleh sistem setelah user menekan tombol
‘Edit’.
58
Berikut tampilan halaman update profil sewaktu diakses oleh user.
Gambar 4. 25 Halaman Update Profile

Berikut tampilan pada user saat perubahan berhasil disimpan.
Gambar 4. 26 Halaman Berhasil Update Profile

4.1.2 Admin
Berikut ini adalah hasil perancangan dan cara kerja untuk tampilan halaman
user admin :
1. Halaman Dashboard
Halaman dashboard merupakan halaman utama yang muncul setelah
admin melakukan login. Pada halaman ini, terdapat ringkasan data terkait
pendaftaran, termasuk jumlah pendaftar dari masing-masing unit.
Gambar 4. 27 Halaman Dashboard
59
2. Halaman Menu Management
Halaman ini merupakan halaman pengelolaan menu yang memungkinkan
admin untuk melakukan beberapa tindakan, yaitu melihat,
menambahkan, menghapus, dan mengubah data pada menu.
Gambar 4. 28 Halaman Menu Management

1. Menambahkan Menu
Pada halaman ini, admin memiliki kemampuan untuk menambahkan
menu baru ke dalam sistem. sebagai contoh, admin menambahkan
menu “Kelulusan” pada sistem.
Gambar 4. 29 Form Tambah Menu

Setelah admin menekan tombol “Add” maka sistem akan
mengeluarkan pesan sukses yang memberitahukan bahwa menu baru
berhasil ditambahkan. dan menu baru kini telah menjadi bagian dari
daftar menu yang ada dihalaman pengelolaan menu.
60
Berikut tampilan menu baru berhasil ditambahkan.
Gambar 4. 30 Halaman Berhasil Tambah Menu

2. Update Menu
Admin dapat mengedit nama menu yang sudah ada pada sistem.
Sebagai contoh admin mengubah menu “Kelulusan” menjadi menu
“Dokumen PSB”.
Gambar 4. 31 Form Update Menu

Setelah nama menu berhasil diubah, maka sistem akan memberikan
pesan sukses bahwa menu berhasil diubah. Perubahan tersebut juga
ditampilkan dalam daftar menu pada halaman pengelolaan menu.
Gambar 4. 32 Halaman Berhasil Update Menu
61
3. Hapus Menu
Admin akan memilih menu yang akan dihapus kemudian sistem
menampilkan pesan konfirmasi bahwa “Apakah benar menu tersebut
ingin dihapus?”
Gambar 4. 33 Modals Konfirmasi Hapus Menu

Ketika admin memilih “Hapus” maka sistem akan menghapus menu
yang dipilih dari daftar menu pada halaman pengelolaan menu.
Gambar 4. 34 Halaman Berhasil Hapus Menu

Menu yang dipilih yaitu menu “Dokumen PSB” juga akan dihapus
dari daftar menu pada sistem.
Gambar 4. 35 Menu Berhasil Dihapus dari Sidebar
62
4. Halaman Submenu Management
Submenu merupakan menu tambahan yang merupakan turunan dari
menu utama. Submenu berfungsi untuk mengorganisir dan menyajikan
pilhan-pilihan yang terkait dengan menu utama. Pada halaman submenu
management admin diberikan akses untuk melihat data submenu,
menambahkan submenu baru, mengubah submenu yang sudah ada, dan
menghapus submenu yang ada pada sistem.
Gambar 4. 36 Halaman Submenu Management

1. Menambahkan Submenu
Pada form penambahan submenu, admin diminta untuk menginput
judul submenu, memilih lokasi pada menu utama, menginput url atau
alamat submenu, menginput ikon submenu dan menentukan apakah
submenu ini akan aktif atau tidak aktif.
Gambar 4. 37 Form Tambah Submenu
63
Selanjutnya, sistem akan menambahkan submenu tersebut ke daftar
pada halaman pengelolaan submenu dan menampilkan pesan sukses
bahwa “Submenu baru berhasil ditambahkan.”
Gambar 4. 38 Halaman Berhasil Tambah Submenu

2. Update Submenu
Pada halaman ini admin dapat mengubah judul submenu, lokasi

submenu, alamat atau url submenu, ikon submenu, dan status
keaktifan pada submenu. Sebagai contoh, admin mengubah lokasi dari
submenu “Jumlah Pendaftar” yang sebelumnya ada di menu
“Dokumen PSB” menjadi di menu ”Admin.”
Gambar 4. 39 Form Update Submenu
64
Setelah berhasil, sistem akan menampilkan pesan sukses bahwa
“Submenu berhasil diedit” kini lokasi pad submenu “Jumlah
Pendaftar” berada pada menu “Admin.”
Gambar 4. 40 Halaman Berhasil Update Submenu

3. Hapus Submenu
Sistem akan menampilkan pesan konfirmasi untuk penghapusan
submenu terlebih dahulu ketika admin memilih menghapus submenu.
Gambar 4. 41 Modals Konfirmasi Penghapusan Submenu

Kemudian sistem akan menghapus submenu yang dipilih dari daftar
pengelolaan submenu dan daftar submenu yang ada pada sistem
Gambar 4. 42 Halaman Submenu Berhasil Dihapus
65
5. Halaman Data Role
Pada menu role, admin dapat melihat daftar role, melihat hak akses setiap
role, melakukan edit role, dan menghapus role pada sistem.
Gambar 4. 43 Halaman Data Role

1. Melihat hak akses pada role
Ketika admin menekan tombol “Access” maka admin akan diarahkan
pada halaman hak akses pada role yang dipilih.
Gambar 4. 44 Halaman Hak Akses

Untuk menambahkan hak akses admin dapat melakukan centang pada
menu yang ingin ditambahkan.
Gambar 4. 45 Hak Akses Berhasil Ditambahkan
66
2. Update Role
Pada halaman update role disajikan form untuk melakukan edit role.
sebagai contoh admin mengubah role yang sebelumnya “Panitia”
menjadi “Guru”.
Gambar 4. 46 Form Update Role

3. Hapus Role
Ketika admin memilih tombol hapus, maka sistem akan menampilkan
modals konfirmasi untuk penghapusan role. ketika admin memilih
“Hapus” maka role yang dipilih tersebut akan dihapus dari sistem.
Gambar 4. 47 Modals Konfirmasi Hapus Role

6. Halaman Data Users
Pada halaman ini admin dapat melihat data users, melakukan edit pada
67
data users dan menghapus data users.
Gambar 4. 48 Halaman Data Users

1. Update Users
Pada form update users, data yang bisa diubah admin adalah role dan
status keaktifan user tersebut. Sebagai contoh, admin mengubah
status keaktifan pada user yang sebelumnya aktif menjadi tidak aktif.
Gambar 4. 49 Form Update Data Users

Setelah perubahan berhasil disimpan sistem, maka ketika user yang
bersangkutan akan login, sistem akan menampilkan pesan
pemberitahuan bahwa “Akun sudah tidak aktif” dan user tidak bisa
masuk dan akan tetap berada pada halaman login.
Gambar 4. 50 Halaman Akun Tidak Aktif
68
2. Hapus User
Ketika admin akan menghapus user, maka sistem menampilkan pesan
konfirmasi terkait penghapusan user yang dipilih. Selanjutnya admin
memilih tombol “Hapus” maka sistem akan menghapus user yang
dipilih dan menampilkan pesan sukses bahwa “Data users berhasil
dihapus.”
Gambar 4. 51 Halaman Users Berhasil Dihapus

Selanjutnya ketika user yang bersangkutan akan login, maka sistem
akan menampilkan pesan kesalahan bahwa “Email belum pernah
didaftarkan” karena data user yang dipilih telah dihapus dari database
dan user tersebut akan tetap berada di halaman login.
Gambar 4. 52 Pesan Kesalahan Pada Login

7. Halaman Data Pendaftaran
Pada halaman ini admin diberikan beberapa akses, yaitu melihat detail
data pendaftaran, melakukan edit pada data pendaftaran, menghapus data
69
pendaftaran, mencetak formulir pendaftaran dan mencetak laporan
pendaftaran sesuai data yang diinginkan.
Gambar 4. 53 Halaman Data Pendaftaran

1. Melihat Detail Data Pendaftaran
Pada modals detail pendaftaran terdapat dua tab yaitu tab data siswa
dan tab data orang tua. Tab data siswa berisi data diri siswa, termasuk
juga data sekolah asal siswa dan tab orang tua berisi data orang tua
dari siswa.
Gambar 4. 54 Modals Detail Data Pendaftaran

2. Update Data Pendaftaran
Pada halaman update data pendaftaran terbagi menjadi dua tab yaitu
sebagai berikut :
a. Tab data siswa berisi dua accordion yaitu,
1. Data siswa berfungsi untuk melakukan edit pada data siswa,
meliputi nama, NIK, tempat lahir, tanggal lahir, gender,
70
agama, no hp, jumlah saudara, alamat siswa, email siswa dan
jenjang yang dipilih siswa.
2. Data sekolah berfungsi untuk melakukan edit pada data
sekolah pendaftar, meliputi NISN, asal sekolah, jumlah nilai
SKHUN, no skhun, Jumah nilai ijazah, no ijazah pendaftar
serta nis dwitunggal (jika pendaftar adalah alumni smp
dwitunggal).
Berikut tampilan halaman update pendaftar pada tab siswa
Gambar 4. 55 Modals Update Tab Data Siswa

b. Tab data orang tua berisi form penginputan untuk melakukan
perubahan data orang tua pendaftar.
Berikut tampilan halaman update pendaftar pada tab orang tua
Gambar 4. 56 Modals Update Tab Data Orang Tua
71
3. Hapus Data Pendaftaran
Sebelum sistem menghapus data pendaftaran yang dipilih admin,
sistem akan menampilkan pesan konfirmasi terlebih dahulu untuk
penghapusan data. Ketika admin memilih “Hapus” maka sistem akan
menghapus data pendaftar yang dipilih, jika data pendaftar tersebut
ada di data pembayaran dan promotor. Maka data di pembayaran dan
promotor atas nomor pendaftaran yang dipilih juga akan dihapus.
Gambar 4. 57 Konfirmasi Hapus Data Pendaftar

4. Cetak Formulir Pendaftaran
Admin juga diberi akses untuk mencetak formulir pendaftaran
berdasarkan nomor pendaftaran yang dipilih. berikut tampilan
halaman cetak formulir pendaftaran.
Gambar 4. 58 Halaman Cetak Formulir

5. Cetak Laporan Pendaftaran
Admin dapat mencetak laporan pendaftaran berdasarkan data yang
diinginkan. Cara kerjanya adalah admin menceklis kolom mana yang
ingin masuk dalam laporan pendaftaran. Setelah menceklis kolom
tersebut admin bisa memilih tombol “Ekspor” selanjutnya sistem akan
membuat laporan pendaftaran tersebut dalam format excel dan
72
menampilkan data pendaftaran sesuai kolom yang dipilih admin
sebelumnya.
Gambar 4. 59 Modals Cetak Laporan Pendaftaran

Jika tidak ada kolom yang dipilih, maka sistem akan menampilkan alert
bahwa “Untuk melakukan eskport excel setidaknya ada satu kolom yang
harus dipilih.”
Gambar 4. 60 Alert Eksport Laporan Pendaftaran

8. Halaman Data Promotor
Pada halaman ini admin hanya memiliki hak akses untuk melihat data
promotor. Promotor adalah seseorang yang membawa siswa tersebut
untuk masuk atau mendaftar di perguruan dwitunggal tanjung morawa.
Gambar 4. 61 Halaman Data Promotor
73
9. Halaman Data Pembayaran
Pada halaman ini admin dapat melihat data pembayaran, menambahkan
data pembayaran, melakukan edit pada data pembayaran, dan menghapus
data pembayaran pendaftar.
Gambar 4. 62 Halaman Data Pembayaran

1. Menambah Data Pembayaran
form penambahan data pembayaran menampilkan penginputan untuk
menambah data pembayaran. Pada form ini, admin dapat memilih
nama siswa melalui dropdown, yang menyajikan daftar siswa yang
sudah mendaftar beserta jenjang yang dipilih oleh siswa tersebut.
Kemudian biaya pendaftaran otomatis terisi sesuai dengan besaran
biaya jenjang yang dipilih oleh siswa yaitu smp 320.000 dan sma dan
smk 350.000. Tanggal pembayaran juga akan otomatis tercatat sesuai
dengan waktu saat menambahkan data pembayaran.
Gambar 4. 63 Form Tambah Data Pembayaran
74
Selanjutnya sistem akan melakukan pengecekan pada nomor
pendaftaran yang baru ditambahkan. jika nomor pendaftaran tersebut
belum ada, maka sistem akan menambahkan data pembayaran baru
dengan nomor pendaftaran tersebut ke dalam database. Jika nomor
pendaftaran sudah pernah tercatat dalam data pembayaran
sebelumnya, sistem akan mengidentifikasi data sebagai duplikat dan
tidak akan menambahkan data pembayaran baru. Sistem akan
mengirimkan pesan error bahwa nomor pendaftaran tersebut telah ada
sebelumnya
Gambar 4. 64 Halaman Pesan Kesalahan Pembayaran

2. Melakukan Edit Pembayaran
Pada halaman edit pembayaran admin hanya bisa melakukan edit
pada kolom status ujian yaitu hanya terdapat dua opsi “Sudah” dan
“Belum” serta admin dapat mengubah tanggal ujian pendaftar.
Gambar 4. 65 Form Update Data Pembayaran
75
3. Menghapus Data Pembayaran
Sistem akan menghapus data pembayaran sesuai data yang dipilih
admin. Kemudian sistem menampilkan pesan sukses bahwa
“Pembayaran berhasil dihapus” dan data pembayaran yang
bersangkutan tidak ada di daftar pembayaran.
Gambar 4. 66 Halaman Berhasil Hapus Data Pembayaran

10. Halaman Logout
Ketika user memilih menu logout pada sidebar, maka sistem akan
mengalihkan user ke halaman login atau ketika website pertama kali
dimuat dan sistem akan menampilkan pesan “kamu berhasil logout.”
Gambar 4. 67 Halaman Logout
76
4.2 Pengujian Sistem
Pengujian ini dilakukan dengan menggunakan metode black-box untuk
memverifikasi dan menguji setiap fungsi atau proses dari antarmuka aplikasi
yang sedang berjalan. Berikut adalah hasil dari pengujian yang telah
dilakukan :
Tabel 4. 1 Identifikasi dan Rencana Pengujian

Kode Uji (Use Butir Uji Tingkat Jenis Jadwal
Case) Pengujian Pengujian
Registrasi Keadaan Normal Pengujian Black Box 25 Juli 2023
Unit
Keadaan Tidak
Normal
Login Keadaan Normal Pengujian Black Box 25 Juli 2023
Keadaan Tidak Unit
Normal
Melakukan Keadaan Normal Pengujian Black Box 25 Juli 2023
Pendaftaran Keadaan Tidak Unit
Normal
Mengelola Keadaan Normal Pengujian Black Box 25 Juli 2023
Data Keadaan Tidak Unit
Pendaftaran Normal
Eksport Keadaan Normal Pengujian Black Box 25 Juli 2023
Laporan Keadaan Tidak Unit
Pendaftaran Normal
Submenu Keadaan Tidak Unit
Normal
Role Keadaan Tidak Unit
Normal
Data Users Keadaan Tidak Unit
Normal
Logout Keadaan Normal Pengujian Black Box 25 Juli 2023
77
Keadaan Tidak Unit
Normal
4.2.1 Test Case Login
1. Test Case Keadaan Normal (seluruh field data diisi dengan data yang
benar)
Tabel 4. 2 Test Case Login Keadaan Normal
Identifikasi UC – C02
Nama Kasus Uji Login
Deskripsi Mengisi seluruh field dengan data yang benar.
Kondisi Awal User membuka tampilan awal sistem
Tanggal Pengujian 25 juli 2023
Penguji Dinda
Skenario
1. User berada pada halaman login

2. User mengisi field email dan password sesuai dengan akun yang sudah ada
(terdaftar)
3. User menekan tombol “login”
Hasil
Yang Diharapkan Pengamatan Kesimpulan
a. Sistem dapat melakukan Sama seperti yang Dari hasil pengujian,

proses login. diharapkan dapat disimpulkan
b. Sistem menampilkan bahwa sistem berhasil
halaman dashboard melakukan proses login
ketika user
memasukkan email dan
password yang benar.
Setelah login berhasil,
sistem akan
menampilkan halaman
dashboard kepada user.
78
4. Test Case Keadaan Tidak Normal (input dengan beberapa field data
kosong)
Tabel 4. 3 Test Case Login Keadaan Tidak Normal
Deskripsi Input dengan beberapa field kosong
Penguji Dinda
Skenario

2. User tidak mengisi kolom email
3. User menekan tombol login
Hasil
a. Sistem tidak dapat Sama seperti yang Dari pengujian yang

melakukan proses login. diharapkan dilakukan, dapat
b. Sistem menampilkan disimpulkan bahwa
tulisan “email wajib sistem gagal dalam
diisi” jika field email proses login, dan ketika
belum diinputkan. field email kosong,
akan muncul pesan
“email wajib diisi.”
Pada field email.
5. Test Case Keadaan Tidak Normal (input field data dengan data yang
tidak benar)
Tabel 4. 4 Test Case Login Keadaan Tidak Normal
Deskripsi Input field dengan data yang tidak benar
79
Penguji Dinda
Skenario

2. User mengisi field email tidak sesuai dengan akun yang sudah terdaftar.
3. User menekan tombol “login”
Hasil
a. Sistem tidak dapat Sama seperti yang Dari pengujian yang

melakukan proses login. diharapkan dilakukan, dapat
b. Sistem akan disimpulkan bahwa
menampilkan pesan sistem gagal dalam
“email belum pernah proses login, dan ketika
didaftarkan” field email diisi dengan
data yang tidak benar,
akan muncul pesan
“email belum pernah
didaftarkan.”
4.2.2 Test Case Melakukan Pendaftaran
benar)
Tabel 4. 5 Test Case Melakukan Pendaftaran Keadaan Normal
Kondisi Awal  User membuka tampilan awal sistem

 User sudah melakukan login
 User berada pada halaman pendaftaran
Penguji Dinda
Skenario
1. User memilih button tambah pendaftaran baru
80
2. Sistem beralih ke halaman form pengisian data pendaftaran
3. User mengisi seluruh field input data dengan data yang benar
Hasil
a. Sistem dapat Sama seperti yang Dari pengujian yang

menambahkan data diharapkan dilakukan, dapat
pendaftaran baru. disimpulkan bahwa
b. Sistem beralih ke sistem dapat
halaman pendaftaran melakukan
c. Sistem menampilkan penambahan data
data yang baru ketika seluruh field
ditambahkan. diisi dengan benar
kemudian sistem
beralih ke halaman
pendaftaran dan
menampilkan data
pendaftaran yang baru
ditambahkan.
2. Test Case Keadaan Tidak Normal (input dengan beberapa field data
kosong)
Tabel 4. 6 Test Case Melakukan Pendaftaran Keadaan Tidak Normal
Nama Kasus Uji Melakukan pendaftaran
Deskripsi Input dengan beberapa field yang kosong.

Penguji Dinda
Skenario
1. User memilih button tambah pendaftaran baru

2. Sistem beralih ke halaman form pengisian data pendaftaran
3. User tidak mengisi field yang seharusnya diisi
81
Hasil
a. Sistem tidak melakukan Sama seperti yang Dari pengujian

penambahan data diharapkan. tersebut, didapatkan
pendaftaran baru. kesimpulan yaitu
b. Sistem menampilkan sistem tidak dapat
alert berupa informasi menambahkan data jika
field yang kosong ada field yang harus
beserta nama tab dari diisi namun
field yang dikosongkan dikosongkan. Sistem
c. User tetap berada pada akan menampilkan
halaman penambahan alert yang
pendaftaran. memberitahukan
informasi mengenai
field yang kosong, dan
user tetap berada pada
halaman penambahan
data pendaftaran.
4.2.3 Test Case Mengelola Submenu : Tambah Submenu
benar)
Tabel 4. 7 Test Case Mengelola Submenu Keadaan Normal
Nama Kasus Uji Mengelola submenu

 User berada pada halaman menu management
Penguji Dinda
Skenario
1. User berada pada halaman submenu management

2. User menekan tombol tambah submenu
82
3. Sistem memunculkan form penambahan submenu dalam bentuk modals
4. User mengisi seluruh field input data dengan data yang benar
5. User menekan tombol add
Hasil
a. Sistem dapat melakukan Sama seperti yang Dari pengujian yang

penambahan data diharapkan dilakukan dapat
submenu baru disimpulkan bahwa
b. Sistem menutup modals sistem berhasil
dan beralih ke halaman menambahkan
submenu management submenu baru.
c. Sistem memunculkan Kemudian sistem
pesan “submenu baru menutup modals dan
berhasil ditambahkan.” mengarahkan user ke
d. Submenu terdaftar pada halaman submenu
daftar menu di sidebar. management. Sistem
juga menampilkan
pesan sukses bahwa
submenu baru berhasil
ditambahkan. hasil
penambahan submenu
juga terlihat pada daftar
menu di sidebar.
2. Test Case Keadaan Tidak Normal (input dengan beberapa field input data
kosong)
Tabel 4. 8 Test Case Mengelola Submenu Keadaan Tidak Normal
Nama Kasus Uji Mengelola submenu
Deskripsi Input dengan beberapa field yang kosong

 User berada pada halaman menu management
Penguji Dinda
83
Skenario
1. User berada pada halaman submenu management

2. User menekan tombol tambah submenu
3. Sistem memunculkan form penambahan submenu dalam bentuk modals
4. User tidak mengisi seluruh field
5. User menekan tombol add
Hasil
a. Sistem tidak melakukan Sama seperti yang Dari pengujian

penambahan submenu diharapkan yang dilakukan
baru dapat disimpulkan
b. Modals penambahan bahwa saat data
data tidak tertutup belum diisi
c. Akan muncul pesan seluruhnya maka
“harap isi bidang ini” sistem tidak akan
yang merujuk pada menambahkan
kolom yang masih submenu baru dan
kosong modals tidak
tertutup kemudian
muncul pesan
“harap isi bidang
ini” di bawah
kolom yang
kosong.
4.2.4 Test Case Eksport Laporan Pendaftaran
benar)
Tabel 4. 9 Test Case Eksport Laporan Pendaftaran Keadaan Normal
Nama Kasus Uji Eksport laporan pendaftaran

84
Penguji Dinda
Skenario
1. User berada pada halaman pendaftaran

2. Use menekan tombol “Eksport Pendaftaran”
3. Sistem menampilkan pilihan kolom yang ingin dieksport
4. User memilih kolom yang ingin dieksport
5. User mengklik eksport
6. Sistem melakukan eksport data dalam format excel
Hasil
a. Sistem menampilkan Sama seperti yang Dari pengujian yang

ceklis di sebelah kolom diharapkan dilakukan dapat
yang dipilih user disimpulkan bahwa
b. Sistem mengeksport data sistem berhasil
dalam format excel mengeskport data
sesuai dengan kolom sesuai dengan kolom
yang telah dipilih oleh yang telah dipilih oleh
user user.
2. Test Case Keadaan Tidak Normal (input dengan beberapa field input data
kosong)
Tabel 4. 10 Test Case Eksport Laporan Pendaftaran Keadaan Tidak Normal
Nama Kasus Uji Eksport laporan pendaftaran
Deskripsi Tidak ada kolom yang dipilih user

Penguji Dinda
Skenario
1. User berada pada halaman pendaftaran
85
2. User menekan tombol “Eksport Pendaftaran”
3. Sistem menampilkan pilihan kolom yang ingin dieksport
4. User tidak memilih kolom yang ingin dieksport
5. User mengklik eksport
Hasil
a. Sistem tidak akan Sama seperti yang Dari pengujian yang

mencetak laporan diharapkan dilakukan disimpulkan
b. Sistem menampilkan bahwa ketika user tidak
pesan peringatan bahwa ada memilih kolom
user harus memilih untuk eksport dan
setidaknya satu kolom menekan tombol
sebelum melakukan eksport maka sistem
eksport. tidak akan mengeksport
laporan dan sistem
akan menampilkan
alert bahwa “untuk
melakukan eksport
excel user harus
memilih setidaknya
satu kolom.”
4.3 Evaluasi Sistem
Berikut adalah beberapa kelebihan dan kekurangan dari sistem pendaftaran

yang dirancang dengan menggunakan Framework CodeIgniter, Framework
Bootstrap, Bahasa Pemrograman PHP, Javascript, dan MySQL sebagai basis
data.
4.3.1 Kelebihan Sistem
Kelebihan dari sistem pendaftaran peserta didik baru pada Perguruan

Dwitunggal adalah sebagai berikut :
1. Fitur usia otomatis
Fitur ini dirancang untuk memastikan bahwa setiap calon siswa yang
ingin mendaftar telah mencapai batas usia minimum dan belum melebihi
batas usia maksimum yang berlaku pada jenjang yang dipilih. Dengan
86
adanya fitur validasi usia, calon siswa yang tidak memenuhi persyaratan
usia tidak dapat melanjutkan proses pendaftaran. Sehingga hanya siswa
yang memenuhi kriteria usia yang dapat berhasil melakukan pendaftaran.
2. Unggah foto dengan kamera untuk identitas lebih tajam
Aplikasi pendaftaran ini menyediakan kemudahan bagi calon pendaftar

dengan fitur unggah foto langsung melalui kamera perangkat. Dengan
menggunakan kamera perangkat, calon pendaftar dapat mengambil foto
terbaru dengan kualitas yang lebih terlihat jelas. Fitur ini dapat diakses di
menu tambah pendaftaran baru pada tab persyaratan lainnya.
3. Fitur centang menu untuk pengaturan hak akses
Fitur ini memudahkan admin dalam mengatur hak akses bagi pengguna.
Terdapat menu role dengan tombol access yang memungkinkan admin
untuk menambahkan hak akses dengan cara melakukan centang pada
menu yang ingin ditambahkan.
4. Cetak formulir pendaftaran secara langsung
Calon siswa dapat mencetak formulir pendaftaran tanpa menunggu pihak

sekolah, dan pihak sekolah tidak perlu lagi mneyediakan formulir
pendafataran manual. Fitur cetak formulir pendaftaran ini dapat diakses
melalui menu pendaftaran dengan tombol save atau PDF.
5. Laporan pendaftaran otomatis dalam excel
Aplikasi ini menyediakan fitur cetak laporan data pendaftaran. Dalam

menu pendaftaran, terdapat tombol eksport laporan excel, yang
memungkinkan admin untuk menghasilkan laporan data pendaftaran
sesuai data yang diinginkan.
6. Kemudahan input data pembayaran
Pada proses penginputan data pembayaran, aplikasi ini menyediakan

kemudahan bagi admin dengan beberapa fitur yang terintegrasi. Nama
pendaftar tersedia dalam bentuk dropdown, memudahkan admin untuk
memilih pendaftar yang bersangkutan. Biaya pendaftaran juga secara
87
otomatis diatur sesuai dengan jenjang yang dipilih, menghindari
kesalahan dalam penentuan biaya. Selain itu, tanggal pembayaran akan
otomatis tercatat sesuai dengan waktu saat data pembayaran
ditambahkan.
4.3.2 Kekurangan Sistem
Kekurangan dari sistem pendaftaran peserta didik baru pada Perguruan

Dwitunggal adalah sebagai berikut :
1. Sistem tidak memiliki fitur pengiriman OTP melalui email saat pengguna
melakukan pendaftaran
Aplikasi ini belum menyediakan fitur pengiriman One-Time Password

(OTP) melalui email saat pengguna melakukan pendaftaran. Sebagai
hasilnya, pengguna dapat langsung masuk ke dalam akun tanpa
memverifikasi identitas melalui kode keamanan tambahan. Hal ini dapat
mengurangi tingkat keamanan aplikasi.
2. Sistem belum menyediakan nomor pendaftaran otomatis berdasarkan

jenjang atau unit yang dipilih
Pada sistem pendaftaran peserta didik baru ini terdapat enam pilihan
jenjang, yaitu SMP, SMA, SMK-BM, SMK-Broadcast, SMK-TIK, dan
SMK-TR. Namun, saat ini sistem belum menyediakan nomor
pendaftaran otomatis berdasarkan jenjang atau unit yang dipilih oleh
pengguna. Nomor pendaftaran saat ini dalam sistem masih berdasarkan
total pendaftaran secara keseluruhan. Kelemahan ini dapat menyebabkan
panitia sekolah sulit dalam mengidentifikasi total pendaftar setiap unit.
Selain karena panitia sekolah belum termasuk dalam pengguna sistem
aplikasi PPDB ini. Role dari aplikasi hanya admin dan juga calon siswa.
3. Komunikasi antara user masih menggunakan aplikasi WhatsApp
Saat calon siswa mengalami kendala saat melakukan pendaftaran, telah

disediakan link untuk bertanya. Namun, link tersebut masih harus
menggunakan aplikasi pihak ketiga, yaitu WhatsApp. Hal ini
menghadirkan masalah privasi dan keamanan, karena data dan informasi
88
pribadi calon siswa akan terkena risiko jika berada di luar aplikasi
pendaftaran resmi.
BAB 5
SIMPULAN DAN SARAN
5.1 Simpulan
Berdasarkan hasil perancangan sistem pendaftaran peserta didik baru pada

Yayasan Perguruan Dwitunggal berbasis website, dapat diambil beberapa
kesimpulan sebagai berikut :
1. Pengujian website sistem pendaftaran peserta didik baru pada yayasan

perguruan dwitunggal tanjung morawa telah berjalan dengan baik. Hal
ini menunjukkan bahwa sistem telah diuji dan berfungsi dengan baik
dalam mengelola proses pendaftaran peserta didik baru.
2. Sistem yang dirancang memiliki fitur yang sesuai dengan tujuan

perancangan tugas akhir. Beberapa fitur yang terdapat dalam sistem
mencakup pengolahan data menu dan submenu, pengolahan hak akses,
pengolahan data pendaftaran, pencetakan formulir pendaftaran, dan
laporan pendaftaran otomatis. Dengan adanya fitur-fitur ini, proses
pendaftaran menjadi lebh efisien dan terorganisir.
5.2 Saran
Berikut ini adalah saran yang dapat ditambahkan guna untuk pengembangan
sistem berikutnya :
1. Tambahkan fitur pengiriman OTP melalui email saat pendaftaran untuk

meningkatkan keamanan akun pengguna.
2. Buat nomor pendaftaran otomatis berdasarkan jenjang atau unit yang

dipilih pengguna saat melakukan Pendaftaran Peserta Didik Baru untuk
memudahkan identifikasi dan organisasi data pendaftaran.
3. Sediakan fitur pesan atau chat internal dalam aplikasi agar calon siswa
89
dapat bertanya tanpa harus keluar aplikasi, yang memudahkan dan
menjaga privasi data.
DAFTAR PUSTAKA
Andriyan, W., Septiawan, S. S., & Aulya, A. (2020). Perancangan Website

sebagai Media Informasi dan Peningkatan Citra Pada SMK Dewi Sartika
Tangerang. Jurnal Teknologi Terpadu, 6(2), 79–88.
https://doi.org/10.54914/jtt.v6i2.289
Apriatama, A., Santoso, A. B., & Informasi, S. (2022). Analisis Dan Perancangan
Web Responsive Sebagai E-Marketing Pada Cv Raja Trans Tour & Travel.
Teknologiterkini.Org, 2(9), 2022–2023.
Effendy, F., & Nuqoba, B. (2016). Penerapan Framework Bootsrap Dalam
Pembangunan Sistem Informasi Pengangkatan Dan Penjadwalan Pegawai
(Studi Kasus:Rumah Sakit Bersalin Buah Delima Sidoarjo). Informatika
Mulawarman : Jurnal Ilmiah Ilmu Komputer, 11(1), 9.
https://doi.org/10.30872/jim.v11i1.197
Ernawati, S., & Indriyanti, A. D. (2022). Perancangan User Interface dan User
Experience Aplikasi Medical Tourism Indonesia Berbasis Mobile
Menggunakan Metode User Centered Design (UCD)(Studi Kasus: PT Cipta
Wisata Medika). Journal of Emerging Information …, 03(04), 90–102.
https://ejournal.unesa.ac.id/index.php/JEISBI/article/view/49296%0Ahttps://
ejournal.unesa.ac.id/index.php/JEISBI/article/download/49296/40999
Hidayat, A., Yani, A., Rusidi, & Saadulloh. (2022). MEMBANGUN WEBSITE
SMA PGRI GUNUNG RAYA RANAU MENGGUNAKAN PHP DAN
MYSQL. JTIM: Jurnal Teknik Informatika Mahakarya, 03(2), 37–44.
Jantce TJ Sitinjak, D. D., Maman, ., & Suwita, J. (2020). Analisa Dan
Perancangan Sistem Informasi Administrasi Kursus Bahasa Inggris Pada
Intensive English Course Di Ciledug Tangerang. Insan Pembangunan Sistem
Informasi Dan Komputer (IPSIKOM), 8(1).
https://doi.org/10.58217/ipsikom.v8i1.164
Maghfiroh, A., Henderi, H., & Maulani, G. (2020). Rancangan Sistem Informasi
Pendaftaran Siswa Baru Berbasis Web Pada Smk Putra Rifara. Jurnal Ilmiah
Matrik, 22(1), 1–7. https://doi.org/10.33557/jurnalmatrik.v22i1.850
Mauliza, A. Y. I., Machmudi, R. D. S., & Indrarini, R. (2022). Pengaruh
Perlindungan Data Dan Cyber Security Terhadap Tingkat Kepercayaan
Menggunakan Fintech Masyarakat Di Surabaya. Sibatik Journal | Volume,
1(11), 2497–2516. https://publish.ojs-indonesia.com/index.php/SIBATIK
Muhyidin, M. A., Sulhan, M. A., & Sevtiana, A. (2020). Perancangan Ui/Ux
Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan
Aplikasi Figma. Jurnal Digit, 10(2), 208–219.
https://doi.org/10.51920/jd.v10i2.171
90
Nistrina, K., & Sahidah, L. (2022). Unified Modelling Language (Uml) Untuk
Perancangan Sistem Informasi Penerimaan Siswa Baru Di Smk Marga Insan
Kamil. Jurnal Sistem Informasi, 04, 17–23.
Padwa, F. I. (2016). SISTEM INFORMASI SEKOLAH DAN PENDAFTARAN
SISWA BARU BERBASIS WEB PADA SMA N 1 BATURETNO.
Parlaungan S., T. F., & Wisnu, D. (2020). Rancang Bangun Sistem
Pengidentifikasi Travel Bag Pada Kelompok Biro Perjalanan Umroh/Haji
Berbasis Web. Jurnal Teknologi Dan Komunikasi STMIK Subang, 13(1), 26–
40. https://doi.org/10.47561/a.v13i1.167
PermanaA, A. yudi, & Romadlon, P. (2019). PERANCANGAN SISTEM
INFORMASI PENJUALAN PERUMAHAN MENGUNAKAN METODE
SDLC PADA PT. MANDIRI LAND PROSPEROUS BERBASIS MOBILE.
SIGMA – Jurnal Teknologi Pelita Bangsa, 10(2), 1511–1518.
https://doi.org/10.1134/s0320972519100129
Rosmiati, M. (2020). Sistem Informasi Penerimaan Peserta Didik Baru Berbasis
Web. Indonesian Journal on Software Engineering (IJSE), 6(2), 182–194.
https://doi.org/10.31294/ijse.v6i2.9003
Sahi, A. (2020). Aplikasi Test Potensi Akademik Seleksi Saringan Masuk Lp3I
Berbasis Web Online Menggunakan Framework Codeigniter. Tematik, 7(1),
120–129. https://doi.org/10.38204/tematik.v7i1.386
Sallaby, A. F., & Kanedi, I. (2020). Perancangan Sistem Informasi Jadwal Dokter
Menggunakan Framework Codeigniter. Jurnal Media Infotama, 16(1), 48–
53. https://doi.org/10.37676/jmi.v16i1.1121
Sanjaya, M. R., Ruskan, E. L., Kurniawan, D., Khoiriah, A., Saputra, F. R.,
Chautie, M. R., & Argabzi, M. (2022). PERANCANGAN UML SISTEM
INFORMASI PENCARIAN JASA ART DESIGN. 5.
Sari, atikah permata, & Suhendi. (2020). Rancang Bangun Sistem Informasi
Pengelolaan Talent Film berbasis Aplikasi Web. Jurnal Informatika
Terpadu, 6(1), 29–37. https://doi.org/10.54914/jit.v6i1.255
Sutiyono S.T., M. K., & Santi. (2020). MEMBANGUN SISTEM INFORMASI
PENDAFTARAN SISWA BARU BERBASIS WEB DENGAN METODE MDD
(MODEL DRIVEN DEVELOPMENT) DI RAUDHATUL ATHFAL
NAHJUSSALAM. 02(01), 50–56.
Yatini, I. (2014). Aplikasi pengolahan citra berbasis web menggunakan javascript
dan jquery. Jurnal Teknik, 3(3), 18–25.
91
LAMPIRAN
Lampiran 1 List Kode Program
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Siswa extends CI_Controller {
public function __construct() {
parent::__construct();
cek_login_role(); //helper untuk menu sesuai role
$this->load->model('M_daftar');
$this->load->model('M_ortu');
$this->load->model('M_pernyataan');
}
public function index() {
$user = $this->db->get_where('user', ['email' => $this->session-
>userdata('email')])->row_array();
if ($user['role_id'] == 1) {
$data['daftar'] = $this->M_daftar->Siswa(); // pakai model
$data['user'] = $user;
$data['title'] = 'Pendaftaran';
$this->load->view('templates/header');
$this->load->view('templates/sidebar', $data);
$this->load->view('templates/topbar', $data);
$this->load->view('siswa/index', $data);
} else if ($user['role_id'] == 2) {
$data['daftar'] = $this->M_daftar->DataByEmail($user['email']);
$data['user'] = $user; //untuk data navbar/topbar
$data['titleform'] = 'Formulir Pendaftaran Tahun Ajaran 2023/2024';
92
$this->load->view('templates/topbar', $data);
if (empty($data['daftar'])) {
$data['error_message'] = 'Anda belum mendaftar dalam jenjang apapun.
Silahkan klik "Tambah Pendaftaran Baru" untuk mulai mengajukan
pendaftaran.';
$this->load->view('siswa/message', $data);
} else { $this->load->view('siswa/siswa_lihat', $data) }
} $this->load->view('templates/footer')
}
public function tambah() {
$data['user'] = $this->db->get_where('user', ['email' => $this-
>session->userdata('email')])->row_array();
$this->load->view('templates/sidebar',$data);
$this->load->view('templates/topbar',$data);
$this->load->view('siswa/siswa_tambah',$data);
$this->load->view('templates/footer');
}
public function simpan() {
$dataSiswa = array(
'nama' => $this->input->post('nama'),
'tempat_lahir' => $this->input->post('tempat_lahir'),
'tanggal_lahir' => $this->input->post('tanggal_lahir'),
'gender' => $this->input->post('gender'),
'agama' => $this->input->post('agama'),
'jumlah_nilai_skhun' => $this->input->post('jumlah_nilai_skhun'),
'no_skhun' => $this->input->post('no_skhun'),
'jumlah_nilai_ijazah' => $this->input->post('jumlah_nilai_ijazah'),
'no_ijazah' => $this->input->post('no_ijazah'),
'nisn' => $this->input->post('nisn'),
93
'asal_sekolah' => $this->input->post('asal_sekolah'),
'jumlah_saudara' => $this->input->post('jumlah_saudara'),
'alamat_siswa' => $this->input->post('alamat_siswa'),
'email' => $this->input->post('email'),
'no_hp' => $this->input->post('no_hp'),
'nis_dwitunggal' => $this->input->post('nis_dwitunggal'),
'nik' => $this->input->post('nik'),
'daftar_di' => $this->input->post('daftar_di'),
);
if ($this->M_daftar->cekNikTerdaftar($dataSiswa['nik'])) {
$this->session->set_flashdata('error_message', 'Mohon maaf, NIK
yang kamu inputkan sudah terdaftar.');
redirect('siswa/tambah');
} else { $this->M_daftar->tambahData($dataSiswa);
};
$noPendaftaran = $this->M_daftar->getNoPendaftaran();
$dataOrtu = array(
'no_pendaftaran' => $noPendaftaran,
'nama_ayah' => $this->input->post('nama_ayah'),
'pendidikan_ayah' => $this->input->post('pendidikan_ayah'),
'alamat_ayah' => $this->input->post('alamat_ayah'),
'hp_ayah' => $this->input->post('hp_ayah'),
'profesi_ayah' => $this->input->post('profesi_ayah'),
'nama_ibu' => $this->input->post('nama_ibu'),
'pendidikan_ibu' => $this->input->post('pendidikan_ibu'),
'alamat_ibu' => $this->input->post('alamat_ibu'),
'hp_ibu' => $this->input->post('hp_ibu'),
'profesi_ibu' => $this->input->post('profesi_ibu'),
);
$this->M_ortu->tambahData($dataOrtu);
$datapernyataan = array (
94
'ujian_nerima' => $this->input->post('ujian_nerima'),
'terlibat_psikotropika' => $this->input->post('terlibat_psikotropika'),
'peraturan_sanksi' => $this->input->post('peraturan_sanksi'),
'tgl_formulir' => date('Y-m-d'),
'foto' => '' // Kolom untuk menyimpan nama file foto
);
$fotoData = $this->input->post('photo_data');
$namaFile = $dataSiswa['nik'] . '.jpg';
$gambarData =
base64_decode(str_replace('data:image/jpeg;base64,', '',
$fotoData));
$folderTujuan = 'assets/img/photo_formulir/';
file_put_contents($folderTujuan . $namaFile, $gambarData);
$datapernyataan['foto'] = $namaFile;
$this->M_pernyataan->tambahData($datapernyataan);
$dataPromotor = array (
'nama_promotor' => $this->input->post('nama_promotor'),
'nama_guru' => $this->input->post('nama_guru'),
'daftar_sendiri' => $this->input->post('daftar_sendiri'),
);
$this->load->model('M_promotor');
$this->M_promotor->tambahData($dataPromotor);
redirect('siswa');
}
public function update() {
$no_pendaftaran = $this->input->post('no_pendaftaran');
if (!empty($this->input->post('nama'))) {
$nik_data = $this->M_daftar->updateData($no_pendaftaran);
if ($nik_data['old_nik'] !== $nik_data['new_nik']) {
$this->M_pernyataan->updateFotoByNik($nik_data['old_nik'],
$nik_data['new_nik']);
95
}}
if (!empty($this->input->post('nama_ayah')) || !empty($this->input-
>post('nama_ibu'))) {
$this->M_ortu->updateData($no_pendaftaran);
}
$this->session->set_flashdata('pesan', '<div class="alert alert-success"
role="alert">Data pendaftaran berhasil diedit</div>');
redirect('siswa');
}
public function hapus_daftar($no_pendaftaran) {
$this->db->select('nik');
$this->db->where('no_pendaftaran', $no_pendaftaran);
$query = $this->db->get('daftar_siswa');
$row = $query->row();
$nik = $row->nik;
$fotoFileName = $nik . '.jpg';
$this->db->where('no_pendaftaran', $no_pendaftaran);
$this->db->delete('daftar_siswa');
$folderTujuan = 'assets/img/photo_formulir/';
$photoPath = $folderTujuan . $fotoFileName;
if (file_exists($photoPath)) {
unlink($photoPath);
}
$this->session->set_flashdata('pesan', '<div class="alert alert-danger"
role="alert">Data Pendaftaran Berhasil Dihapus</div>');
redirect('siswa/index');
}
public function petunjuk_pendaftaran {
$data['title'] = 'Petunjuk Pendaftaran';
$this->load->view('siswa/petunjuk_pendaftaran');
96
}
}
Lampiran 2 Surat Permohonan Pengajuan Judul Laporan Akhir
97
Lampiran 3 Surat Kesediaan Dosen Membimbing
98
Lampiran 4 Kartu Bimbingan
99
Lampiran 5 Surat Balasan Pengambilan Data
100
Lampiran 6 Form Bebas Revisi Penguji I
101
Lampiran 7 Form Bebas Revisi Penguji II
102
Lampiran 8 Biodata Penulis Laporan Akhir
103

Perancangan Dan Pembuatan Sistem Pendaftaran Peserta Didik Baru

Diunggah oleh

Informasi Dokumen

Judul Asli

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 Dan Pembuatan Sistem Pendaftaran Peserta Didik Baru

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN AKHIR

PERANCANGAN DAN PEMBUATAN SISTEM

ADINDA WARDANY RANGKUTI

PROGRAM STUDI MANAJEMEN INFORMATIKA

“...Sesungguhnya Allah tidak akan mengubah keadaan suatu kaum sebelum

Kepada sanak saudara, teman, sahabat yang senantiasa menyemangati dan

Selanjutnya, kepada Yayasan Perguruan Dwitunggal Tanjung Morawa yang telah

“Gelap tidak meredupkan bulan justru gelap menjadikannya (bulan) semakin

Pendaftaran peserta didik baru pada Yayasan Perguruan Dwitunggal Tanjung

Medan, 01 Agustus 2023

Adinda Wardany Rangkuti

2.2.2 User Interface....................................................................................6

2.2.3 Web Responsive..................................................................................7

2.2.5 Visual Studio Code............................................................................7

2.2.14 Perlindungan Data..............................................................................9

2.2.15 Pendaftaran Siswa Baru.....................................................................9

2.2.16 Unified Modeling Language............................................................10

2.2.17 Jenis-jenis UML...............................................................................10

2.2.18 Black Box Testing............................................................................11

BAB 3 METODE PENELITIAN..........................................................................12

3.2 Metode Pengumpulan Data.............................................................................13

3.2.2 Analisa proses..................................................................................16

3.2.3 Evaluasi pengelolaan yang sedang berjalan.....................................17

3.3 Langkah Perancangan.....................................................................................18

3.3.2 Perancangan Database......................................................................34

3.3.3 Entity Relationship Diagram............................................................40

3.3.4 Perancangan Interface......................................................................41

3.4 Metode Pengujian Rancangan / Alat...............................................................47

4.2 Pengujian Sistem.............................................................................................77

4.2.2 Test Case Melakukan Pendaftaran...................................................80

4.2.3 Test Case Mengelola Submenu : Tambah Submenu.......................82

4.2.4 Test Case Eksport Laporan Pendaftaran..........................................84

4.3 Evaluasi Sistem...............................................................................................86

4.3.2 Kekurangan Sistem..........................................................................88

BAB 5 SIMPULAN DAN SARAN.......................................................................89

Tabel 4. 1 Identifikasi dan Rencana Pengujian......................................................77

Gambar 4. 1 Halaman Registrasi...........................................................................48

Lampiran 1 List Kode Program............................................................................92

1.1 Latar Belakang

Pendaftaran peserta didik baru merupakan tahapan awal dalam mengakses

Banyak lembaga pendidikan menghadapi tantangan dalam mengelola pendaftaran

Pendaftaran secara manual memiliki potensi menghambat kelancaran dan

Dalam menghadapi permasalahan pada pendaftaran siswa baru di zaman teknologi

Berdasarkan observasi dan wawancara yang dilakukan, ditemukan bahwa

1.3 Batasan Masalah

1. Sistem ini tidak membahas proses penerimaan peserta didik di sekolah,

1.4 Tujuan Laporan Akhir

1.6 Sistematika Laporan

2.1 Penelitian Terdahulu

Tinjauan pustaka memegang peranan penting sebagai landasan bagi penulis

Berdasarkan penelitian sebelumnya yang dilakukan oleh (Maghfiroh et al.,

Berdasarkan penelitian sebelumnya yang dilakukan oleh (Padwa, 2016)

Setelah mengkaji penelitian terdahulu di atas, Penulis memutuskan untuk

2.2 Landasan Teori

2.2.2 User Interface

2.2.5 Visual Studio Code

2.2.14 Perlindungan Data

2.2.15 Pendaftaran Siswa Baru

2.2.17 Jenis-jenis UML

1. Use Case Diagram:

Use Case Diagram berfungsi untuk mendeskripsikan interaksi antara

Class Diagram adalah diagram utama dalam pemodelan sistem

Activity Diagram menggambarkan aliran kerja atau aktivitas dari