Anda di halaman 1dari 96

PERANCANGAN SISTEM INFORMASI

PENDAFTARAN PESERTA DIDIK BARU


BERBASIS WEBSITE
(Studi Kasus di Sekolah Menengah Pertama Negeri 19 Bogor)

Diajukan untuk memenuhi tugas akhir mata kuliah Rekayasa


Perangkat Lunak I

Disusun Oleh :
MUHAMMAD RIDHO FAUZI
161105150571

PROGRAM STUDI TEKNIK INFORMATIKA


FAKULTAS TEKNIK
UNIVERSITAS IBN KHALDUN BOGOR
2018
DAFTAR ISI
Halaman
DAFTAR ISI ....................................................................................................... i
DAFTAR TABEL .............................................................................................. iii
DAFTAR GAMBAR .......................................................................................... iv
BAB I PENDAHULUAN
1.1. Latar Belakang Masalah ........................................................ 1
1.2. Rumusan Masalah ................................................................. 2
1.3. Tujuan Penelitian .................................................................. 2
1.4. Batasan Masalah .................................................................... 3
1.5. Manfaat Penelitian ................................................................ 3
1.6. Sistematika Penulisan ........................................................... 4
BAB II TINJAUAN PUSTAKA
2.1. Sistem .................................................................................... 5
2.1.1. Definisi Sistem ............................................................ 5
2.1.2. Karakteristik Sistem .................................................... 5
2.2. Informasi ............................................................................... 7
2.2.1. Definisi Informasi ....................................................... 7
2.2.2. Siklus Informasi .......................................................... 7
2.2.3. Kualitas Informasi ....................................................... 8
2.3. Sistem Informasi ................................................................... 8
2.3.1. Definisi Sistem Informasi ........................................... 8
2.3.2. Komponen Sistem Informasi ...................................... 9
2.4. Definisi Pendaftaran .............................................................. 10
2.5. Definisi Peserta Didik ........................................................... 10
2.6. Konsep Dasar dan Teknologi Website .................................. 10
2.7. Definisi Sekolah .................................................................... 11
2.7.1. Definisi Sekolah .......................................................... 11
2.7.2. Sejarah Sekolah Menengah Pertama Negeri 19
Bogor ........................................................................... 11

i
BAB III TATA KERJA
3.1. Waktu dan Tempat ................................................................ 12
3.2. Alat dan Bahan ...................................................................... 12
3.2.1. Software ...................................................................... 12
3.2.2. Hardware .................................................................... 12
3.3. Metode Penelitian .................................................................. 13
BAB IV HASIL DAN PEMBAHASAN
4.1. Requirements Definition ....................................................... 15
4.1.1. Analisis Prosedur Yang Sedang Berjalan ................... 15
4.1.2. Evaluasi Prosedur Yang Sedang Berjalan ................... 17
4.1.3. Perancangan Prosedur Yang Diusulkan ...................... 17
4.2. Perancangan Sistem (Design System) ................................... 20
4.2.1. Perancangan Design System Yang Diusulkan .............. 20
4.2.1.1. Diagram Konteks Yang Diusulkan ................. 20
4.2.1.2. Diagram Use Case Yang Diusulkan ............... 21
4.2.1.3. Diagram Kelas Yang Diusulkan ...................... 25
4.2.1.4. Diagram Objek Yang Diusulkan ..................... 26
4.2.1.5. Diagram Sekuen Yang Diusulkan ................... 27
4.2.1.6. Diagram Aktivitas Yang Diusulkan ................ 42
4.2.1.7. Diagram Komponen Yang Diusulkan ............. 59
4.2.1.8. Diagram Deployment Yang Diusulkan ........... 60
4.2.2. Perancangan Desain Antarmuka Yang Diusulkan ....... 61
4.2.3. Perancangan Desain Data Yang Diusulkan ................. 69
4.3. Testing .................................................................................. 71
4.3.1. Black Box Testing ........................................................ 71
BAB V PENUTUP
5.1. Kesimpulan dan Saran ........................................................ 86
5.1.1. Kesimpulan ................................................................ 86
5.1.2. Saran .......................................................................... 87
DAFTAR PUSTAKA ......................................................................................... 88

ii
DAFTAR TABEL

Halaman
Tabel 4.1. Skenario Login Panitia Bagian Pendaftaran ...................................... 22

Tabel 4.2. Skenario Login Calon Peserta Didik Baru ......................................... 22

Tabel 4.3. Skenario Mengelola Data Peserta Didik ............................................. 23

Tabel 4.4. Skenario Mengelola Data Peserta ....................................................... 23

Tabel 4.5. Skenario Mengelola Seleksi Nilai UN ................................................ 24

Tabel 4.6. Skenario Menandatangani Surat Kelulusan ........................................ 24

Tabel 4.7. Tabel Calon Peserta Didik .................................................................. 69

Tabel 4.8. Tabel Panitia Bagian Pendaftaran ....................................................... 70

Tabel 4.9. Tabel Seleksi ....................................................................................... 70

Tabel 4.10. Tabel Testing Form Login Peserta .................................................... 71

Tabel 4.11. Tabel Testing Form Login Panitia Bagian Pendaftaran .................... 74

Tabel 4.12. Tabel Testing Form Pencarian .......................................................... 77

Tabel 4.13. Tabel Testing Form Pendaftaran Akun ............................................. 78

Tabel 4.14. Tabel Testing Form Pendaftaran Peserta .......................................... 83

Tabel 4.15. Tabel Testing Form Data Grade ....................................................... 84

iii
DAFTAR GAMBAR

Halaman

Gambar 2.1. Model sistem menurut Scoot ........................................................... 5

Gambar 2.2. Siklus Informasi Menurut Ladjamudin ........................................... 8

Gambar 3.1. Waterfall Model Menurut Roger S. Pressman ................................ 13

Gambar 4.1. Proses Bisnis Lama Pendaftaran Peserta Didik Baru ...................... 16

Gambar 4.2. Proses Bisnis Baru Pendaftaran Peserta Didik Baru ....................... 19

Gambar 4.3. Diagram Konteks Sistem Informasi Pendaftaran Peserta

Didik Baru ....................................................................................... 20

Gambar 4.4. Diagram Use Case Sistem Informasi Pendaftaran Peserta

Didik Baru ....................................................................................... 21

Gambar 4.5. Diagram Kelas Sistem Informasi Pendaftaran Peserta

Didik Baru ....................................................................................... 25

Gambar 4.6. Diagram Objek Sistem Informasi Pendaftaran Peserta

Didik Baru ....................................................................................... 26

Gambar 4.7. Diagram Sekuen Login Calon Peserta Didik ................................... 27

Gambar 4.8. Diagram Sekuen Login Panitia Bagian Pendaftaran ....................... 28

Gambar 4.9. Diagram Sekuen Logout Calon Peserta Didik ................................. 29

Gambar 4.10. Diagram Sekuen Logout Panitia Bagian Pendaftaran ................... 30

Gambar 4.11. Diagram Sekuen Memasukkan Pendaftaran Akun Peserta ........... 31

Gambar 4.12. Diagram Sekuen Memasukkan Data Formulir .............................. 32

Gambar 4.13. Diagram Sekuen Melihat Data Formulir Peserta .......................... 33

iv
Gambar 4.14. Diagram Sekuen Melihat Data Peserta Didik ............................... 34

Gambar 4.15. Diagram Sekuen Mencari Data Calon Peserta .............................. 35

Gambar 4.16. Diagram Sekuen Mengubah Data Peserta Didik ........................... 36

Gambar 4.17. Diagram Sekuen Menghapus Data Peserta Didik ......................... 37

Gambar 4.18. Diagram Sekuen Verifikasi Data Peserta Didik ............................ 38

Gambar 4.19. Diagram Sekuen Seleksi Nilai UN (passing grade) ...................... 39

Gambar 4.20. Diagram Sekuen Melihat Hasil Passing Grade Untuk Panitia

Bagian Pendaftaran ....................................................................... 40

Gambar 4.21. Diagram Sekuen Melihat Hasil Passing Grade Untuk Calon

Peserta Didik ................................................................................ 41

Gambar 4.22. Diagram Sekuen Menandatangani Surat Kelulusan ...................... 42

Gambar 4.23. Diagram Aktivitas Login Calon Peserta Didik .............................. 43

Gambar 4.24. Diagram Aktivitas Login Panitia Bagian Pendaftaran .................. 44

Gambar 4.25. Diagram Aktivitas Logout Calon


Peserta Didik ................................................................................ 45

Gambar 4.26. Diagram Aktivitas Logout Panitia Bagian


Pendaftaran ................................................................................... 46

Gambar 4.27. Diagram Aktivitas Memasukkan Pendaftaran Akun ..................... 47

Gambar 4.28. Diagram Aktivitas Memasukkan Data Formulir ........................... 48

Gambar 4.29. Diagram Aktivitas Melihat Data Formulir Peserta ....................... 49

Gambar 4.30. Diagram Aktivitas Melihat Data Peserta Didik ............................. 50

Gambar 4.31. Diagram Aktivitas Menghapus Data Peserta Didik ...................... 51

Gambar 4.32. Diagram Aktivitas Mengubah Data Peserta Didik ........................ 52

v
Gambar 4.33. Diagram Aktivitas Verifikasi Data ................................................ 53

Gambar 4.34. Diagram Aktivitas Mencari Calon Peserta .................................... 54

Gambar 4.35. Diagram Aktivitas Memasukkan Passing Grade .......................... 55

Gambar 4.36. Diagram Aktivitas Melihat Passing Grade (Panitia) .................... 56

Gambar 4.37. Diagram Aktivitas Melihat Passing Grade (Peserta) .................... 57

Gambar 4.38. Diagram Aktivitas Menandatangani Surat Kelulusan ................... 58

Gambar 4.39. Diagram Komponen Sistem Informasi Pendaftaran Peserta

Didik Baru .................................................................................... 59

Gambar 4.40. Diagram Deployment Sistem Informasi Pendaftaran Peserta

Didik Baru .................................................................................... 60

Gambar 4.41. Desain Antarmuka Halaman Utama PPDB Online ....................... 61

Gambar 4.42. Desain Antarmuka Halaman Login PPDB Online ........................ 61

Gambar 4.43. Desain Antarmuka Halaman Form Pendaftaran Akun ................. 62

Gambar 4.44. Desain Antarmuka Halaman Utama Peserta ................................. 62

Gambar 4.45. Desain Antarmuka Halaman Form Pendaftaran Peserta

Didik Baru .................................................................................... 63

Gambar 4.46. Desain Antarmuka Halaman Melihat Formulir ............................. 64

Gambar 4.47. Desain Antarmuka Halaman Utama Administrator ....................... 64

Gambar 4.48. Desain Antarmuka Form Pencarian .............................................. 65

Gambar 4.49. Desain Antarmuka Data Peserta .................................................... 65

Gambar 4.50. Desain Antarmuka Mengubah Data Peserta .................................. 66

Gambar 4.51. Desain Antarmuka Hapus Data Peserta ........................................ 67

vi
Gambar 4.52. Desain Antarmuka Verifikasi Data Peserta ................................... 67

Gambar 4.53. Desain Antarmuka Form Passing Grade ...................................... 68

Gambar 4.54. Desain Antarmuka Melihat Passing Grade (Panita) ..................... 68

Gambar 4.55. Desain Antarmuka Melihat Passing Grade (Peserta) ................... 69

vii
BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah


Sistem informasi dan teknologi komputer berkembang sangat pesat sejalan
dengan besarnya kebutuhan terhadap informasi. Perkembangan teknologi informasi
tidak lepas dari pesatnya perkembangan teknologi komputer, karena komputer
merupakan media yang dapat memberikan kemudahan bagi manusia dalam
menyelesaikan suatu pekerjaan. Perubahan dan dinamika masyarakat yang semakin
cepat seiring dengan perkembangan jaman dan teknologi sehingga memerlukan
kualitas informasi yang akurat, cepat dan tepat. Teknologi informasi adalah salah
satu contoh produk teknologi yang berkembang dengan pesat yang dapat membantu
manusia dalam mengolah data serta menyajikan sebuah informasi yang berkualitas.
Untuk menyediakan informasi tersebut, diperlukan suatu alat bantu atau media
untuk mengolah beraneka ragam data agar dapat disajikan menjadi sebuah
informasi yang bermanfaat dengan kemasan yang menarik dan berpedoman pada
kriteria informasi yang berkualitas.
Sekolah merupakan lembaga pendidikan, yang menampung peserta didik
dan dibina agar memiliki kemampuan, kecerdasan dan keterampilan. Dalam proses
pendidikan diperlukan pembinaan secara berkoordinasi dan terarah. Dengan
demikian siswa diharapkan dapat mencapai prestasi belajar yang maksimal
sehingga tercapainya tujuan pendidikan. Maka disebuah lembaga pendidikan di
Sekolah Menengah Pertama Negeri 19 Bogor sampai saat ini masih banyak
menggunakan sistem informasi yang belum terkomputerisasi sehingga sering
menimbulkan lambatnya suatu informasi yang dihasilkan terutama dalam bidang
Pendaftaran Peserta Didik Baru (PPDB) di Sekolah Menengah Pertama Negeri 19
Bogor. Dikembangkannya sistem informasi Pendaftaran Peserta Didik Baru
(PPDB) secara online di sekolah ini, diharapkan akan membuat pelaksanaan
menjadi transparan, akuntabel dan akomodatif. Sekolah dapat mengurangi atau
menghilangkan kecurangan-kecurangan yang terjadi pada saat Pendaftaran Peserta
Didik Baru (PPDB) secara manual. Dengan demikian, tidak akan ada pihak-pihak

1
yang merasa tidak puas atau dirugikan. Selain itu, sistem ini akan menjadikan
proses pendataan dan administrasi lebih mudah dan cepat.
Sebagai solusi dari permasalahan di atas, maka penyajian sistem informasi
sangat menunjang untuk mengurangi permasalahan tersebut. Oleh karena itu
penulis tertarik untuk merancang suatu sistem informasi yang berjudul
“Perancangan Sistem Informasi Pendaftaran Peserta Didik Baru Berbasis
Website di Sekolah Menengah Pertama Negeri 19 Bogor”.

1.2. Rumusan Masalah


Berdasarkan latar belakang di atas, maka penulis merumusukan masalah
terkait dengan Pendaftaran Peserta Didik Baru (PPDB) pada Sekolah Menengah
Pertama Negeri 19 Bogor.
a. Bagaimana rekayasa perangkat lunak Sistem Informasi Pendaftaran
Peserta Didik Baru (PPDB) berbasis website yang mampu mengelola
pelaksanaan Pendaftaran Peserta Didik Baru (PPDB) yaitu pendaftaran,
seleksi, informasi dan pengumuman?
b. Bagaimana perancangan sistem informasi Pendaftaran Peserta Didik
Baru (PPDB) di Sekolah Menengah Pertama Negeri 19 Bogor yang
dapat membantu kinerja dibagian pendaftaran dalam proses Pendaftaran
Peserta Didik Baru (PPDB)?
c. Bagaimana kualitas informasi Pendaftaran Peserta Didik Baru (PPDB)
agar dapat menghilangkan kecurangan-kecurangan yang sering terjadi
pada saat Pendaftaran Peserta Didik Baru (PPDB)?

1.3. Tujuan Penelitian


Tujuan dari penelitian ini adalah sebagai berikut:
a. Menghasilkan perancangan sistem informasi Pendaftaran Peserta Didik
Baru (PPDB) berbasis website yang mampu mengelola pelaksanaan
Pendaftaran Peserta Didik Baru (PPDB) yaitu pendaftaran, informasi,
seleksi dan pengumuman.

2
b. Untuk membuat perancangan sistem informasi Pendaftaran Peserta
Didik Baru (PPDB) di Sekolah Menengah Pertama Negeri 19 Bogor.

1.4. Batasan Masalah


Dalam penelitian ini diberikan batasan masalah agar dalam penjelasannya
menjadi lebih terarah, dapat dipahami dan sesuai dengan yang diharapkan serta
terorganisasi dengan baik. Berikut batasan masalah Perancangan Sistem Informasi
Pendaftaran Peserta Didik Baru berbasis Website di Sekolah Menengah Pertama
Negeri 19 Bogor:
a. Seleksi calon peserta didik baru dilakukan berdasarkan peringkat jumlah
nilai Ujian Nasional SD/MI/Program Paket A untuk 3 (tiga) mata
pelajaran, yaitu Bahasa Indonesia, Matematika, Ilmu Pengetahuan
Alam, dan nilai prestasi yang dimiliki calon peserta didik.
b. Sistem ini mampu mengelola data user, kecamatan, sekolah asal,
prestasi dan berita.
c. Sistem ini mempunyai fungsi user login yang membatasi akses user
menuju halaman administrator.

1.5. Manfaat Penelitian


Dalam proses penelitian ini sangat diharapkan dapat memberikan manfaat
yang kemudian dapat digunakan dalam pengembangan keilmuan yang dimiliki saat
ini. Manfaat penelitian adalah sebagai berikut:
1. Bagi instansi
a. Dapat mempersingkat waktu, mempermudah proses pencatatan data
calon peserta didik baru.
b. Meningkatkan pelayanan yang lebih efektif dengan memberikan
informasi-informasi yang berkaitan dengan Pendaftaran Peserta Didik
Baru (PPDB) berbasis website.
2. Bagi penulis
a. Dapat melatih diri dalam menganalisis masalah, merancang, dan
mendesain program.

3
b. Menambah ilmu pengetahuan dan wawasan tentang akademik sekolah
khususnya pada proses Pendaftaran Peserta Didik Baru (PPDB).
3. Bagi pembaca
Dengan adanya hasil penelitian ini diharapkan dapat memberikan masukan dan
bahan pertimbangan serta dapat dijadikan pengkajian atau referensi bagi
pembaca atau peneliti lain yang ingin mengadakan penelitian atau analisis lebih
lanjut dalam kajian yang sama.

1.6. Sistematika Penulisan


Untuk mempermudah penulisan dan pembahasan selanjutnya, maka uraian
pembahasan penelitian ini ditulis secara sistematis sebagai berikut:
BAB I PENDAHULUAN
Bab ini menggambarkan secara umum mengenai latar belakang
masalah, pembatasan dan perumusan masalah, tujuan dan manfaat
penelitian, dan sistematika penulisan.
BAB II TINJAUAN PUSTAKA
Pada bab ini berisi pembahasaan teori-teori yang digunakansebagai
panduan dasar dalam penelitian ini.
BAB III TATA KERJA
Pada bab ini berisi tentang metode yang digunakan, software dan
hardware yang digunakan.
BAB IV HASIL DAN PEMBAHASAN
Pada bab ini berisi pembahasan tentang perancangan sistem
Pendaftaran Peserta Didik Baru (PPDB) berbasis website.
BAB V PENUTUP
Pada bab ini berisi kesimpulan dari hasil penelitian yang telah
dilakukan dan saran-saran dari penulis untuk mengembangkan
penelitian berikutnya agar ke depannya menjadi lebih baik.

4
BAB II

TINJAUAN PUSTAKA

2.1. Sistem
2.1.1. Definisi Sistem
Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang
berhubungan, terkumpul bersama-sama untuk melakukan suatu kegiatan
atau tujuan tertentu. (Yakub, 2012).
Sistem dapat didefinisikan dengan pendekatan prosedur dan dengan
pendekatan komponen. Dengan pendekatan prosedur, sistem dapat
didefinisikan sebagai kumpulan dari prosedur-prosedur yang mempunyai
tujuan tertentu. (Mustakini, 2009).
Sistem terdiri dari unsur-unsur seperti masukan (input), pengolahan
(processing), serta keluaran (output). (Scott, 1996).

Masukan Pengolahan Keluaran


(Input) (Processing) (Output)

Umpan Balik

Gambar 2.1. Model sistem menurut Scott.


Berdasarkan beberapa pengertian di atas mengenai sistem, dapat
disimpulkan bahwa suatu sistem merupakan kumpulan, elemen-elemen
yang saling berkaitan dan berinteraksi untuk mencapai suatu tujuan tertentu.

2.1.2. Karakteristik Sistem


Sebuah sistem mempunyai karakteristik atau sifat-sifat tertentu,
yang mencirikan bahwa hal tersebut bisa dilakukan sebagai suatu sistem
(Sutabri, 2005). Karakteristik-karakteristik tersebut adalah :

5
1. Komponen sistem (Components)
Suatu sistem terdiri dari sejumlah komponen yang saling
berinteraksi dan bekerjasama membentuk satu kestuan. Komponen-
komponen sistem tersebut dapat berupa subsistem atau bagian-bagian
dari sistem yang mempunyai sifat-sifat dari sistem yang menjalankan
suatu fungsi tertentu dan mempengaruhi proses sistem secara
keseluruhan.
2. Batasan sistem (Boundary)
Batasan sistem merupakan daerah yang membatasi antara sistem
yang dengan sistem yang lain atau dengan lingkungan luarnya. Batasan
sistem ini menunjukkan ruang lingkup dari sistem itu sendiri.
3. Lingkungan luar sistem (Environtment)
Lingkungan luar dari sistem merupakan apaupun yang ada di luar
lingkup atau batasan sistem yang mempengaruhi operasi sistem
tersebut.
4. Penghubung sistem (Interface)
Penghubung sistem atau interface merupakan media yang
menghubungkan sistem dengan subsistem yang lainnya untuk dapat
berinteraksi membentuk suatu kesatuan.
5. Masukan sistem (Input)
Masukan sistem adalah energi yang dimasukkan ke dalam sistem.
Masukan sistem dapat berupa pemeliharaan (maintenance input) dan
sinyal (signal input). Maintenance input merupakan energi yang
dimasukkan agar sistem tersebut dapat beroperasi. Sedangkan signal
input adalah energi yang diproses untuk menghasilkan keluaran.
6. Keluaran sistem (Output)
Keluaran sistem adalah hasil energi yang diolah dan diklasifikasikan
menjadi keluaran yang berguna. Keluaran ini merupakan masukan yang
berguna bagi subsistem lain.
7. Pengolah sistem (Process)

6
Suatu sistem dapat mempunyai suatu proses yang akan mengubah
masukan menjadi keluaran.
8. Sasaran sistem (System Objectives)
Suatu sistem memiliki tujuan dan sasaran yang pasti. Hal ini karena
sasaran sangat berguna untuk menentukan masukan yang dibutuhkan
sistem dan keluaran nyang akan dihasilkan. Suatu sistem dikatakan
berhasil bila mengenai sasaran dan tujuannya.

2.2. Informasi
2.2.1. Definisi Informasi
Sebelum mendefinisikan informasi, penulis memaparkan definisi
dari data. Data adalah kenyataan yang menggambarkan suatu kejadian-
kejadian dan kesatuan nyata. Kesatuan nyata adalah berupa suatu objek
nyata seperti tempat, benda dan orang yang betul-betul ada dan terjadi.
Untuk pengambilan keputusan bagi manajemen, maka faktor-faktor tersebut
harus diolah lebih lanjut untuk menjadi sutau informasi. (Ladjamudin,
2005).
Informasi adalah data yang telah diklasifikasikan atau diolah atau
diinterprestasikan untuk digunakan dalam proses pengambilan keputusan.
(Sutabri, 2005).
Dari pengertian tersebut di atas dapat disimpulkan bahwa informasi
merupakan hasil dari pengolahan data menjadi bentuk yang lebih berguna
bagi yang menerimanya yang menggambarkan suatu kejadian-kejadian
nyata dan dapat digunakan sebagai alat bantu untuk pengambilan suatu
keputusan.

2.2.2. Siklus Informasi


Untuk memperoleh informasi yang bermanfaat bagi penerimanya,
perlu dijelaskan bagaimana siklus yang terjadi atau dibutuhkan dalam
menghasilkan informasi.(Ladjamudin, 2005). Siklus informasi atau siklus
pengolahan data adalah sebagi berikut:

7
Input Proses Output
(Data) (Pengolahan Data) (Keluaran)

Gambar 2.2. Siklus informasi menurut Ladjamudin.

2.2.3. Kualitas Informasi


Kualitas informasi (quality of information) sangat dipengaruhi atau
ditentukan oleh tiga hal, yaitu relevan (relevancy), akurat (accuracy) , dan
tepat waktu (timeliness) (Ladjamudin, 2005).
1. Relevan (relevancy)
Informasi tersebut mempunyai manfaat untuk pemakainya.
Relevansi informasi untuk tiap-tiap orang satu dengan lainnya berbeda,
misalnya informasi mengenai sebab-musabab kerusakan mesin produksi
kepada akuntan perusahaan adalah kurang relevan dan akan lebih
relevan bila ditujukan kepada ahli perusahaan.
2. Akurat (accuracy)
Informasi harus bebas dari kesalahan-kesalahan dan tidak bisa atau
menyesatkan. Akurat juga berarti informasi harus jelas mencerminkan
maksudnya. Informasi harus akurat karena dari sumber informasi
sampai ke penerima informasi kemungkinan banyak terjadi gangguan
(noise) yang dapat merubah atau merusak informasi tersebut.
3. Tepat waktu (timeliness)
Informasi yang datang pada penerima tidak boleh terlambat,
informasi yang sudah usang tidak akan mempunyai nilai lagi, karena
informasi merupakan landasan di dalam pengambilan keputusan.

2.3. Sistem Informasi


2.3.1. Definisi Sistem Informasi

8
Sistem informasi adalah sebuah kerangka kerja yang
mengkoordinasikan sumber daya (manusia, komputer) untuk mengubah
masukan (input) menjadi keluaran (informasi), guna mencapai sasaran-
sasaran perusahaan (Kadir, 2003).
Sistem informasi adalah kombinasi antara prosedur kerja, informasi,
orang, dan teknologi informasi yang diorganisasikan untuk mencapai tujuan
dalam sebuah perusahaan (Alter, 1992).

2.3.2. Komponen Sistem Informasi


Komponen sistem informasi tersebut disebut dengan istilah blok
bangunan (buliding block). Komponen sistem informasi tersebut terdiri dari
blok masukan (input block), blok model (model block), blok keluaran
(output block), blok teknologi (technology block), blok basis data (database
block) (Yakub, 2012).
1. Blok masukan (input block), input memiliki data yang masuk kedalam
sistem informasi, juga metode-metode untuk menangkap data yang
dimasukkan.
2. Blok model (model block), blok ini terdiri dari kombinasi prosedur logika
dan model matematik yang akan memanipulasi data input dan data yang
tersimpan di basis data.
3. Blok keluaran (output block), produk dari sistem informasi adalah
keluaran yang merupakan informasi berkualitas dan dokumentasi yang
berguna untuk semua tingkatan manajemen serta semua pemakai sistem.
4. Blok teknologi (technology block), blok teknologi digunakan untuk
menerima input, menyimpan, mengakses data, menghasilkan dan
mengirimkan keluaran dari sitem secara keseluruhan. Teknologi terdiri
dari tiga bagian utama yaitu teknisi (brainware), perangkat lunak
(software), dan perangkat keras (hardware).
5. Bok basis data (database block), basis data merupakan kumpulan data
yang saling berhubungan satu dengan yang lainnya, tersimpan di

9
perangkat keras komputer dan digunakan perangkat lunak untuk
memanipulasinya.

2.4. Definisi Pendaftaran


Pendaftaran adalah proses, cara, perbuatan mendaftar yaitu pencatatan
nama, alamat, dan sebagainya (Depdikbud 01, 2012). Jadi, dapat disimpulkan
pendaftaran adalah proses pencatatan identitas pendaftar ke dalam sebuah media
penyimpanan yang digunakan dalam proses pendaftaran.

2.5. Definisi Peserta Didik


Secara etimologi peserta didik dalam bahasa arab disebut dengan tilmidz
jamaknya adalah talamid, yang artinya adalah murid, maksudnya adalah orang-
orang yang mengingini pendidikan. Dalam bahasa arab dikenal juga dengan istilah
thalib yang artinya adalah mencari, maksudnya adalah orang-orang yang mencari
ilmu. Namun secara definitif yang lebih detail para ahli telah menuliskan beberapa
pengertian tentang peserta didik. Pesrerta didik merupakan orang yang belum
dewasa dan memiliki sejumlah potensi atau kemampuan dasar yang masih perlu
dikembangkan.
Dari definisi-definisi di atas mengenai peserta didik, dapat disimpulkan
bahwa peserta didik adalah orang yang mempunyai fitrah atau potensi dasar, baik
secara fisik maupun psikis yang perlu dikembangkan, untuk mengembangkan
potensi tersebut sangat membutuhkan pendidikan dari pendidik.

2.6. Konsep Dasar dan Teknologi Website


World Wide Web secara luas lebih dikenal dengan istilah web. Web pertama
kali diperkenalkan pada tahun 1992. Hal ini sebagai hasil usaha pengembangan
yang dilakukan CERN di Swiss. Internet dan web adalah dua hal yang berbeda.
Internet lebih merupakan perangkat keras, sedangkan web adalah perangkat lunak.
Selain itu, protokol yang dipakai keduanya juga berbeda. Internet menggunakan
TCP/IP sebagai protokol operasionalnya, sedangkan web menggunakan
menggunakan HTTP (Hyper Text Transfer Protocol).

10
Website disusun dari halaman-halaman yang menggunakan teknologi web
dan saling berkaitan satu sama lain. Suatu standar teknologi web saat ini sudah
tersusun, meskipun penerapannya belum didukung oleh seluruh pengembang web.
Standar ini disusun oleh suatu badan yaitu World Wide Web Consortium (W3C).
Standar ini dibutuhkan karena semakin banyaknya variasi dalam teknologi web
sehingga terkadang satu sama lain tidak kompatibel.
Halaman website dapat digolongkan menjadi website statis dan website
dinamis. Data dan informasi yang ada pada website statis tidak berubah-ubah.
Dokumen website yang dikirim kepada client akan sama isinya dengan yang ada di
web server. Sedangkan website dinamis, memiliki data dan informasi yang berbeda-
beda tergantung input apa yang disampaikan client. Dokumen yang sampai di client
akan berbeda dengan dokumen yang ada di web server.

2.7. Sekolah
2.7.1. Definisi Sekolah
Secara umum sekolah merupakan sebuah lembaga pendidikan yang
bersifat formal, nonformal dan informal yang didirikan oleh negara ataupun
swasta yang dirancang untuk mengajari, mengelola dan mendidik peserta
didik melalui bimbingan yang diberikan oleh tenaga pendidik. Untuk
menjadi sebuah sekolah, ada beberapa sarana dan prasarana yang harus
dipenuhi, seperti ruang belajar, perpustakaan, kantor dan lain sebagainya.
Kamus Besar Bahasa Indonesia mendefinisikan sekolah sebagai
sebuah lembaga atau bangunan yang digunakan untuk kegiatan belajar
mengajar serta menjadi tempat memberi dan menerima pelajaran sesuai
dengan tingkatannya (sekolah dasar, sekolah lanjutan, dan sekolah tinggi).

2.7.2. Sejarah Sekolah Menengah Pertama Negeri 19 Bogor


Sekolah Menengah Pertama Negeri 19 Bogor berdiri pada tahun
2002, yang beralamat di Jalan Raya Pemda Villa Bogor Indah, kelurahan
kedung halang, kecamatan Bogor Utara, provinsi Jawa Barat. Sekolah ini,
berakreditasi A dan memiliki luas tanah sebesar 4.389 m2.

11
BAB III

TATA KERJA

3.1. Waktu dan Tempat


Penelitian ini dilaksanakan di Sekolah Menengah Pertama Negeri 19 Bogor,
Jawa Barat. Penelitian ini dilaksanakan pada tanggal 4 September sampai 29
September 2017.

3.2. Alat dan Bahan


3.2.1. Software
Pada Perancangan Sistem Informasi Pendaftaran Peserta Didik Baru
Berbasis Website ini menggunakan software-software yang digunakan
untuk membantu dalam proses perancangan aplikasi tersebut. Software yang
digunakan diantaranya sebagai berikut :
a. Sistem Operasi Windows 8.1
b. Adobe Photoshop CS 6
c. Adobe Dreamweaver CS 6
d. Sublime
e. PHP Versi 4.0
f. Xampp Versi 3.2.2
g. Web Browser : Mozilla Firefox dan Google Chrome

3.2.2. Hardware
Perangkat keras yang digunakan untuk Perancangan Sistem
Informasi Peserta Didik Baru Berbasis Website adalah sebagai berikut :
a. Seperangkat laptop HP degan spesifikasi Processor Intel Core
i3-4030U @1,90 GHz (4 CPUs).
b. RAM 6 GB
c. Monitor/LCD
d. Mouse
e. Keyboard

12
3.3. Metode Penelitian
Pengembangan perangkat lunak menggunakan metode pengembangan
waterfall model. Dalam waterfall model terdapat beberapa tahapan utama yang
menggambarkan aktivitas pengembangan perangkat lunak diantaranya adalah
sebagai berikut:

Requirements Planning Modeling Construction Deployment


Definition (Design)

Gambar 3.1. Waterfall model menurut Roger S. Pressman.

Tahapan umum penggambaran waterfall model sebagai berikut :

1. Analisa kebutuhan (Requirements Definition)


Langkah ini merupakan analisa terhadap kebutuhan sistem.
Pengumpulan data dalam tahap ini bisa melakukan penelitian, wawancara
atau studi literatur. Seorang sistem analis akan menggali informasi
sebanyak-banyaknya dari user sehingga akan tercipta sebuah sistem
komputer yang bisa melakukan tugas-tugas yang diinginkan oleh user
tersebut. Tahapan ini akan menghasilkan dokumen user requirement atau
bisa dikatakan sebagai data yang berhubungan dengan keinginan user dalam
pembuatan sistem. Dokumen ini yang akan menjadi acuan sistem analis
untuk menterjemahkan ke dalam bahasa program. Dengan ini, peneliti
melakukan wawancara atau berkomunikasi terhadap user.
2. Perencanaan sistem (Planning)
Setelah requirement dari user dan data-data penunjang telah
didapatkan, maka pada perencanaan sistem ini developer dapat
merencanakan bagaimana cara membuat Sistem Informasi Pendaftaran
Peserta Didik Baru Berbasis Website dengan requirement dari user.
3. Perancangan (Modeling/Design)
Proses modeling akan menerjemahkan syarat kebutuhan ke sebuah
perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat ke

13
dalam coding. Proses ini berfokus kepada struktur data,arsitektur perangkat
lunak,represntasi interface,dan detail (algoritma) prosedural. Tahap ini akan
menghasilkan dokumen yang disebut software requirement. Dokumen ini
lah yang akan digunakan programmer untuk melakukan aktivitas
pembuatan sistemnya.
4. Construction (Coding) dan Testing
Proses coding merupakan penerjemahan modeling dalam bahasa
yang bisa dikenali oleh komputer. Dilakukan oleh programmer yang akan
menterjemahkan transaksi yang diminta oleh user. Tahap ini yang
merupakan tahapan secara nyata dalam mengerjakan suatu sistem. Dalam
artian penggunaan komputer akan dimaksimalkan dalam tahapan ini.
Setelah proses coding selesai, maka akan dilakukan testing terhadap
sistem yang telah dibuat. Tujuan melakukan testing adalah menemukan
kesalahan-kesalahan terhadap sistem tersebut untuk kemudian bisa
diperbaiki.
5. Deployment
Tahapan ini bisa dikatakan final dalam pembuatan sebuah software
atau sistem. Setelah melakukan analisis, desain dan pengkodean maka
sistem yang sudah jadi akan digunakan oleh user. Kemudian sistem yang
telah dibuat harus dilakukan pemeliharaan secara berkala.

14
BAB IV

HASIL DAN PEMBAHASAN

Berikut adalah pembahasan tahapan-tahapan yang digunakan untuk


perancangan sistem informasi pendaftaran peserta didik baru berbasis website di
Sekolah Menengah Pertama Negeri 19 Bogor.
4.1. Requirements Definition
4.1.1. Analisis Prosedur Yang Sedang Berjalan
Prosedur kerja yang ada pada sistem informasi pendaftaran peserta
didik baru yang sedang berjalan atau proses bisnis lama di Sekolah
Menengah Pertama Negeri 19 Bogor adalah sebagai berikut:
1. Calon peserta didik mengisi formulir pendaftaran.
2. Setelah diisi lengkap formulir pendaftarannya, calon peserta didik
menyerahkan formulir pendaftaran dan berkas pendaftaran ke panitia
bagian pendaftaran.
3. Lalu panitia bagian pendaftaran akan memeriksa formulir pendaftaran
serta berkas berkas pendaftaran yang lainnya, apabila telah lengkap
panitia bagian pendaftaran akan mencatatnya dan menyimpannya
sebagai data peserta didik baru sementara dan apabila tidak lengkap
panitia bagian pendaftaran akan mengembalikan kembali kepada calon
peserta didik.
4. Setelah itu panitia bagian pendaftaran akan menyeleksi nilai Ujian
Nasional (UN) calon peserta didik dan membuat surat pemberitahuan
kelulusan yang ditandatangani kepala sekolah untuk diberikan kepada
calon peserta didik baru.
5. Kemudian calon peserta didik menerima surat pemberitahuan kelulusan
dengan mangambil langsung ke sekolah.
Adapun gambaran alur kerja sistem yang sedang berjalan atau proses
bisnis lama di Sekolah Menengah Pertama Negeri 19 Bogor pada saat
pendaftaran peserta didik baru adalah sebagai berikut :

15
Proses Bisnis Lama Pendaftaran Peserta Didik Baru
Calon Peserta Didik
Panitia Bagian Pendaftaran Kepala Sekolah
Baru

Mulai

Mengisi
formulir

Menerima
Berkas Formulir dan
Pendaftaran Berkas
Pendaftaran

Lengkapi
Berkas
Berkas
Lengkap?
Pendaftaran T
Y
Berkas
Pendaftaran
disimpan

Seleksi Nilai
UN

Surat kelulusan
Surat
ditanda tangani
Kelulusan
kepala sekolah

Surat
Kelulusan

Selesai

Gambar 4.1. Proses Bisnis Lama Pendaftaran Peserta Didik Baru

16
4.1.2. Evaluasi Sistem Yang Sedang Berjalan
Evaluasi sistem merupakan perbandingan dari sistem proses bisnis
lama dengan proses bisnis baru. Untuk mengetahui kelebihan dari sistem
proses bisnis yang baru adalah berupa pengolahan data yang bersifat
komputerisasi yang akan menghasilkan suatu informasi yang akurat dan
efisien.
Kelemahan dari sistem informasi proses bisnis lama adalah untuk
mendaftar masih dilakukan dengan mencatat setiap data calon peserta didik
ke dalam buku besar dan menyimpannya di dalam ruangan yang berisi
dokumen-dokumen lain sehingga dokumen tersebut tercampur, hail ini akan
memperlambat dalam pencarian data calon peserta didik jika data tersebut
diperlukan sewaktu-waktu.
Pada tahap penyeleksian calon peserta didik sering terjadi kesalahan,
karena panitia harus mendata kembali setiap calon peserta didik beserta nilai
Ujian Nasionalnya (UN) lalu dirata-ratakan dengan menggunakan alat
hitung manual yang dapat mengakibatkan kesalahan dalam hasilnya. Tidak
hanya itu saja, pada tahap penyeleksian sering terjadi kecurangan-
kecurangan yang dilakukan oleh panitia sehingga akan merugikan calon
peserta didik yang lain.
Solusi dari permasalahan tersebut adalah dibuatnya program aplikasi
pendaftaran peserta didik baru dengan suatu basis data agar data yang
dibutuhkan untuk proses pendaftaran peserta didik baru dapat disimpan dan
dicari dengan mudah, serta pada proses penyeleksian atau perhitungan rata-
rata nilai Ujian Nasional (UN) dapat memperkecil kesalahan dalam
menghitung dan memperkecil kecurangan serta menjadikan pengolahan
data pendaftaran calon peserta didik baru lebih efektif dan efisien.

4.1.3. Perancangan Prosedur Yang Diusulkan


Prosedur kerja pada sistem informasi pendaftaran peserta didik baru
yang ditawarkan atau proses bisnis baru di Sekolah Menengah Pertama
Negeri 19 Bogor adalah sebagai berikut:

17
1. Calon peserta didik menginput data pada form formulir pendaftaran
online, melaui situs Pendaftaran Peserta Didik Baru (PPDB) online.
2. Setelah itu, cetak tanda bukti pendaftaran.
3. Mempersiapkan perlengkapan berkas pendaftaran yang sesuai dengan
syaratnya.
4. Calon peserta didik baru melakukan verifikasi pendaftaran dan membawa
berkas dan menyerahkan kepada panitia bagian pendaftaran.
5. Setalah proses tersebut selesai, maka calon peserta didik baru akan
menerima hasil kelulusan atau hasil akhir secara online.
Adapun gambaran alur kerja sistem yang ditawarkan atau proses
bisnis baru di Sekolah Menengah Pertama Negeri 19 Bogor pada saat
pendaftaran peserta didik baru adalah sebagai berikut :

18
Proses Bisnis Baru Pendaftaran Peserta Didik Baru
Calon Peserta Didik
Sistem Panitia Bagian Pendaftaran Kepala Sekolah
Baru

Mulai

Input
formulir Basis Data

Cetak Bukti
Pendaftaran

Verifikasi
Input
Pendaftaran dan
Berkas
Berkas

Verifikasi
Pendaftaran

Seleksi Nilai UN

Surat Kelulusan
Surat
Ditandatangani
Kelulusan
Kepala Sekolah

Cetak
Pengumuman Pengumuman
Kelulusan Kelulusan

Selesai

Gambar 4.2. Proses Bisnis Baru Pendaftaran Peserta Didik Baru.

19
4.2. Perancangan Sistem (Design System)
Perancangan sistem adalah gambaran, perancangan dan pembuatan skema
atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang
utuh dan mempunyai fungsi dan tujuan. Elemen-elemen sistem informasi dirancang
dengan tujuan untuk dikomunikasikan kepada user. Dalam perancangan sistem
dapat menyusun suatu sistem yang baru untuk menggantikan sistem yang ada, baik
secara keseluruhan maupun memperbaiki sistem yang ada. Adapun perancangan
sistem yang dibuat meliputi perancangan diagram konteks, perancangan diagram
use case, perancangan diagram kelas, dan perancangan diagram objek.

4.2.1. Perancangan Design System Yang Diusulkan


4.2.1.1. Diagram Konteks Yang Diusulkan

Panitia Bagian
Calon Peserta Didik
Pendaftaran
Data Formulir Verifikasi Pendaftaran
dan Berkas
Data Berkas
Data Grade

Surat Pemberitahuan
Sistem Informasi Kelulusan
Pendaftaran Peserta Didik
Baru
Hasil Verifikasi Pendaftaran
Surat Kelulusan Yang
Sudah ditandatangi Kepala Sekolah
Kepala Sekolah
Surat Kelulusan
ditandatangi Kepala
Sekolah

Gambar 4.3. Diagram Konteks Sistem Informasi Pendaftaran Peserta Didik Baru.

20
4.2.1.2. Diagram Use Case Yang Diusulkan
Sebuah diagram yang digunakan untuk menunjukkan beragam
peran dari user dan bagaimana mereka menggunakan sistem yang ada
terkait pendaftaran peserta didik baru di Sekolah Menengah Pertama Negeri
19 Bogor yang diusulkan dapat dipahami melalui penggambaran berikut:

Validasi

Login Memeriksa Status Login

Calon Peserta Didik


Logout <<include>> <<include>>

Mengelola Data Peserta Didik

Melihat Data Formulir Memasukkan Data Formulir <<include>>

Memasukkan Pendaftaran Akun

Mengelola Data Peserta


Mencari Calon Peserta
Panitia Bagian Pendaftaran
Verifikasi Data

Melihat Data Peserta Didik Mengubah Data Peserta Didik

Menghapus Data Peserta Didik

Mengelola Seleksi Nilai UN

Melihat Hasil Passing Grade Memasukkan Passing Grade

<<include>>

Menandatangani Surat Kelulusan

Kepala Sekolah

Gambar 4.4. Diagram Use Case Sistem Informasi Pendaftaran Peserta Didik
Baru.

21
1. Skenario Login
Nama Use Case : Login
Aktor : Panitia bagian pendaftaran dan calon
peserta didik

Tabel 4.1. Skenario Login Panitia Bagian Pendaftaran


Aktor Sistem
1. Panitia bagian pendaftaran meng-
inputkan username dan password.
2. Sistem mengecek data
panitia bagian pendaftaran
3. Menampilkan halaman
panitia bagian pendaftaran
(admin).

Tabel 4.2. Skenario Login Calon Peserta Didik Baru


Aktor Sistem
1. Calon peserta didik meng-
inputkan username dan password.
2. Sistem mengecek data
calon peserta didik
3. Menampilkan halaman
calon peserta didik (user).

2. Skenario pendaftaran peserta didik baru


Nama Use Case : Mengelola data peserta didik
Aktor : Calon peserta didik

22
Tabel 4.3. Skenario Mengelola Data Peserta Didik
Aktor Sistem
1. Calon peserta didik memasukkan
data pribadi.
2. Sistem mengecek data
calon peserta didik
3. Menyimpan data calon
peserta didik ke dalam
database

3. Skenario pendaftaran peserta didik baru


Nama Use Case : Mengelola data peserta
Aktor : Panitia bagian pendaftaran

Tabel 4.4. Skenario Mengelola Data Peserta


Aktor Sistem
1. Panitia bagian pendaftaran
memverifikasi data calon peserta
didik baru.
2. Sistem mengecek data
calon peserta didik
3. Memverifikasi data calon
peserta didik

4. Skenario seleksi nilai UN


Nama Use Case : Mengelola seleksi nilai UN
Aktor : Panitia bagian pendaftaran

23
Tabel 4.5. Skenario Mengelola Seleksi Nilai UN
Aktor Sistem
1. Panitia bagian pendaftaran
memasukkan jumlah peserta didik
yang akan diterima melalui
passing grade
2. Menampilkan data calon
peserta didik yang lulus
dan tidak lulus
3. Calon peserta didik mendapatkan
surat kelulusan hasil seleksi lulus
atau tidak lulus yang telah ditanda
tangani oleh kepala sekolah.

5. Skenario menandatangani surat kelulusan


Nama Use Case : Menandatangani surat kelulusan
Aktor : Kepala sekolah

Tabel 4.6. Skenario Menandatangani Surat Kelulusan


Aktor Sistem
1. Kepala sekolah menandatangani
hasil seleksi nilai Ujian Nasional
(UN) calon peserta didik baru.
2. Menampilkan data hasil
seleksi nilai UN peserta
didik yang lulus dan tidak
lulus

24
4.2.1.3. Diagram Kelas Yang Diusulkan

Diagram kelas adalah sebuah spesifikasi yang jika di instansiasi


akan menghasilkan sebuah objek dan merupakan inti dari pengembangan
dan desain berorientasi objek. Diagram kelas menggambarkan keadaan
(atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk
memanipulasi keadaam tersebut (fungsi). Berikut adalah diagram kelas
yang dibutuhkan dalam perancangan sistem informasi pendaftaran peserta
didik baru di Sekolah Menengah Pertama Negeri 19 Bogor.

CalonPesertaDidik PanitiaBagianPendaftaran Seleksi


+username +username +no_pendaftaran
+password +password +grade
+hak_akses +nama_lengkap +tahun
+no_pendaftaran +no_panitia +modified_date
+nama_lengkap +hak_akses +quota
+tempat_lahir +getUsername() +status
+tanggal_lahir +setUsername() +tanda_tangan_kepsek
+jenis_kelamin +getPassword() +getGrade()
+alamat +setPassword() +getNoPendaftaran()
+nama_orangtua +getNamaLengkap() +setGrade() 1..*
+pekerjaan +setNamaLengkap() +getTahun()
+asal_sekolah +getNoPanitia() +setTahun()
+no_ijazah +setNoPanitia() +getModifiedDate()
+nilai_un +getHakAkses() +setModifiedDate()
+getUsername() +setHakAkses() +getQuota()
+setUsername() +queryMencariPeserta() +setQuota()
+getPassword() +queryMengubahPeserta() +getStatus()
+setPassword() +queryMenghapusPeserta() +setStatus()
+getHakAkses() 1 +queryVerifikasiPeserta() +getTandaTanganKepsek()
+setHakAkses() +queryMelihatPeserta() +seTandaTanganKepsek()
+getNoPendaftaran() +queryCekLogin() +queryMemasukkanGrade()
+setNoPendaftaran() +queryMelihatGrade()
1 1
+getNamaLengkap()
+setNamaLengkap() 1 MengelolaSeleksiNilaiUN
+getTempatLahir() MengelolaDataPesertaDidik MengelolaDataPeserta
+setTempatLahir() +MelihatGrade()
+getTanggalLahir() 1..*1 +MemasukanDataPribadi() +MelihatData()
+MemasukkanGrade()
+setTanggalLahir() +MelihatDataPribadi() +MengubahData()
+getJenisKelamin() +MenghapusData() 1 1
+setJenisKelamin() +MencariDataPeserta()
1 1 1 +VerifikasiData()
+getAlamat()
+setAlamat() 1
+getNamaOrangTua()
+setNamaOrangTua()
+getPekerjaan() 1 1
+setPekerjaan() KoneksiBasisData 1
+getAsalSekolah() 1 1 1
+host 1 1 1 1
+setAsalSekolah() 1
+getNoIjazah() +database Validasi AntarMuka
+setNoIjazah() +username
+password 1 +Login() +FormPesertaDidik()
+getNilaiUn() 1
1 +Logout() +FormLogin()
+setNilaiUn() +open() +cekStatusLogin() +FormSeleksi()
+queryMemasukkanData() +excute() +TampilMenu()
+queryMelihatData() +getResult() 1 +TampilDataPesertaDidik()
+queryCekLogin() +close()
1
1 1
Main
+LayarUtama()

Gambar 4.5. Diagram Kelas Sistem Informasi Pendaftaran Peserta Didik Baru.

25
4.2.1.4. Diagram Objek Yang Diusulkan

Diagram objek adalah diagram yang menggambarkan struktur


sistem dari segi penamaan objek dan jalannya objek dalam sistem. Diagram
ini berfungsi untuk mendefinisikan contoh nilai atau isi dari atribut setiap
kelas. Berikut adalah diagram objek yang dibutuhkan dalam perancangan
sistem informasi pendaftaran peserta didik baru di Sekolah Menengah
Pertama Negeri 19 Bogor.

s : Seleksi
cpd : CalonPesertaDidik pbp : PanitiaBagianPendaftaran no_pendaftaran="00001"
username="ridho12345" username="Raka" grade="25,00"
password="123456" password="raka001" tahun="2017"
hak_akses="user" no_panitia="001" modified_date=["2017-06-20" | "10.00"]
no_pendaftaran="00001" hak_akses="admin" quota="250"
nama_lengkap="Muhammad Ridho Fauzi" Status="LULUS"
tempat_lahir="Bogor"
tanggal_lahir="2000-06-20" mdp : MengelolaDataPeserta
mdp : MengelolaDataPesertaDidik
jenis_kelamin="Laki-laki"
alamat="jalan villa Bogor Indah 3"
nama_orangtua="Setiawan"
pekerjaan="PNS"
asal_sekolah="SDN Kedunghalang 5"
no_ijazah="100073BE" kbd : KoneksiBasisData
nilai_un="25,95" v : Validasi
host="localhost"
database="ppdb"
username="root"
password="root"

an : AntarMuka
msn : MengelolaSeleksiNilaiUN

m : Main

Gambar 4.6. Diagram Objek Sistem Informasi Pendaftaran Peserta Didik Baru.

26
4.2.1.5. Diagram Sekuen Yang Diusulkan
Diagram sekuen merupakan interaksi antara objek-objek dalam
suatu sistem dan terjadi komunikasi yang berupa pesan (message) serta
parameter waktu.
4.2.1.5.1. Diagram Sekuen Login Calon Peserta Didik
Gambar di bawah merupakan diagram sekuen login calon peserta
didik yang menggambarkan proses login calon peserta didik. Dimulai
dengan calon peserta didik masuk ke dalam halaman utama terlebih dahulu,
kemudian selanjutnya calon peserta didik masuk ke dalam form login dan
kemudian dapat melakukan login dengan memasukkan username dan
password untuk dapat masuk kedalam sistem. Proses login itu sendiri diikuti
juga validasi yang dilakukan oleh sistem dimana terdapat proses verifikasi
username dan password apakah sesuai atau tidak. Jika berhasil calon peserta
didik tersebut dapat masuk dan menggunakan sistem.

Calon Peserta Didik m : Main an : AntarMuka v : Validasi kbd : KoneksiBasisData cpd : CalonPesertaDidik

1 : Main() 2 : formlogin()

3 : Username dan Password


4 : login()
5 <<create>>

6 <<create>>

7 : open()

8 : queryCekLogin()

10 : getResult() 9 : execute()

11 : username dan password calon peserta didik

12 : close()
13 <<destroy>>

14 <<destroy>>

Gambar 4.7. Diagram Sekuen Login Calon Peserta Didik

27
4.2.1.5.2. Diagram Sekuen Login Panitia Bagian Pendaftaran
Gambar di bawah merupakan diagram sekuen login panitia
bagian pendaftaran yang menggambarkan proses login panitia bagian
pendaftaran. Dimulai dengan panitia bagian pendaftaran masuk ke dalam
halaman utama terlebih dahulu, kemudian selanjutnya panitia bagian
pendaftaran masuk ke dalam form login dan kemudian dapat melakukan
login dengan memasukkan username dan password untuk dapat masuk ke
dalam sistem. Proses login itu sendiri diikuti juga validasi yang dilakukan
oleh sistem dimana terdapat proses verifikasi username dan password
apakah sesuai atau tidak. Jika berhasil panitia bagian pendaftaran tersebut
dapat masuk dan menggunakan sistem.

Panitia Bagian Pendaftaran m : Main an : AntarMuka v : Validasi kbd : KoneksiBasisData pbp : PanitiaBagianPendaftaran

1 : Main() 2 : formlogin()

3 : Username dan Password


4 : login() 5<<create>>

6<<create>>

7 : open()

8 : queryCekLogin()

10 : getResult() 9 : execute()

11 : username dan password panitia bagian pendaftaran


12 : close()

13 <<destroy>>
14<<destroy>>

Gambar 4.8. Diagram Sekuen Login Panitia Bagian Pendaftaran

28
4.2.1.5.3. Diagram Sekuen Logout Calon Peserta Didik
Gambar di bawah merupakan diagram sekuen logout calon
peserta didik yang menggambarkan proses logout calon peserta didik.
Dimulai dengan memilih menu logout, jika berhasil calon peserta didik
dapat keluar dari sistem.

Calon Peserta Didik m : Main an : AntarMuka v : Validasi

1 : Main() 2 : TampilMenu()

3 : Klik Menu Logout


4 : Logout()

Gambar 4.9. Diagram Sekuen Logout Calon Peserta Didik

4.2.1.5.4. Diagram Sekuen Logout Panitia Bagian Pendaftaran


Gambar di bawah merupakan diagram sekuen logout panitia
bagian pendaftaran yang menggambarkan proses logout panitia bagian
pendaftaran. Dimulai dengan memilih menu logout, jika berhasil panitia
bagian pendaftaran dapat keluar dari sistem.

29
Panitia Bagian Pendaftaran m : Main an : AntarMuka v : Validasi

2 : TampilMenu()
1 : Main()

3 : Klik Menu Logout


4 : Logout()

Gambar 4.10. Diagram Sekuen Logout Panitia Bagian Pendaftaran

4.2.1.5.5. Diagram Sekuen Memasukkan Pendaftaran Akun


Gambar di bawah merupakan diagram sekuen memasukkan
pendaftaran akun peserta yang menggambarkan proses memasukkan
pendaftaran akun peserta. Dimulai dengan membuka halaman utama,
memilih menu login peserta dan klik daftar.

30
Calon Peserta Didik m : Main an : AntarMuka mdp : MengelolaDataPesertaDidik

1 : main() 2 : Form Daftar Akun() kbd : KoneksiBasisData

3 : Data Daftar Akun 4 : Memasukkan Daftar Akun() cpd : CalonPesertaDidik


5<<create>>

6 <<create>>

7 : setUserName()
8 : setPassword()
9 : setHakAkses()
10 : Open()

11 : queryMemasukkanDaftarAkun()

12 : Execute()
13 : Close()

14<<destroy>>
15 <<destroy>>
16 : Pesan
17 : Pesan

Gambar 4.11. Diagram Sekuen Memasukkan Pendaftaran Akun Peserta

4.2.1.5.6. Diagram Sekuen Memasukkan Data Formulir


Gambar di bawah merupakan diagram sekuen memasukkan data
formulir yang menggambarkan proses memasukkan data formulir calon
peserta didik. Dimulai dengan memilih menu login, jika berhasil calon
peserta didik dapat masuk ke halaman user serta memilih menu daftar, dan
memasukkan data formulir calon peserta didik pada form pendaftaran.

31
Calon Peserta Didik m : Main an : AntarMuka

1 : main() 2 : Form Formulir() mdp : MengelolaDataPesertaDidik

3 : Data Formulir
4 : Memasukan Formulir() v : Validasi
5 : cek Status Login()

6 : Valid/invalid kbd : KoneksiBasisData

7 <<create>>
cpd : CalonPesertaDidik

8 <<create>>

9 : setNoPendaftaran()

10 : setNamaLengkap()

11 : setTempatLahir()

12 : setTanggalLahir()

13 : setJenisKelamin()

14 : setAlamat()

15 : setNamaOrangTua()

16 : setPekerjaan()

17 : setAsalSekolah()

18 : setNoIjazah()

19 : setNilaiUN()

20 : Open()

21 : queryMemasukkanFormulir()

23 : Close() 22 : execute()

24 <<destroy>>

25 <<destroy>>

26 : Pesan

27 : Pesan

Gambar 4.12. Diagram Sekuen Memasukkan Data Formulir

32
4.2.1.5.7. Diagram Sekuen Melihat Data Formulir Peserta
Gambar di bawah merupakan diagram sekuen melihat data
formulir peserta yang menggambarkan proses melihat data formulir peserta.
Dimulai dengan memilih menu login, jika berhasil calon peserta didik dapat
masuk ke halaman user serta memilih menu PPDB dan memilih menu
melihat formulir.

Calon Peserta Didik m : Main an : AntarMuka

1 : main() 2 : TampilFormulir() mdp : MengelolaDataPesertaDidik v : Validasi

3 : MelihaDataFormulir() kbd : KoneksiBasisData


4 : CekStatusLogin()
cpd : CalonPesertaDidik
5 : Valid/Invalid
6 <<Create>>
7 <<Create>>
8 : Open()

9 : queryMelihatDataFormulir()

10 : Execute()

11 : getResult()

12 : HasilQuery
13 : getNoPendaftaran()
14 : getNamaLengkap()
15 : getTempatLahir()
16 : getTanggalLahir()
17 : getJenisKelamin()
18 : getAlamat()
19 : getNamaOrangTua()
20 : getPekerjaan()
21 : getAsalSekolah()
22 : getNoIjazah()
23 : getNilaiUN()

24 : DataFormulirPeserta
25 : Close()
26 <<destroy>>
27 <<destroy>>

28 : DataFormulirPeserta
29 : DataFormulirPeserta

Gambar 4.13. Diagram Sekuen Melihat Data Formulir Peserta

33
4.2.1.5.8. Diagram Sekuen Melihat Data Peserta Didik
Gambar di bawah merupakan diagram sekuen melihat data
peserta didik yang menggambarkan proses melihat data peserta didik.
Dimulai dengan memilih menu login, jika berhasil panitia bagian
pendaftaran dapat masuk ke halaman administrator, memilih menu PPDB
dan klik menu daftar peserta, maka panitia bagian pendaftaran dapat melihat
data calon peserta didik.

Panitia Bagian Pendaftaran m : Main an : AntarMuka


1 : Main() 2 : TampilDataPeserta() mdp : MengelolaDataPeserta v : Validasi
3 : MelihatDataPeserta()
4 : CekStatusLogin() kbd : KoneksiBasisData

5 : Valid/Invalid cpd : CalonPesertaDidik


6 <<create>>
7 <<create>>
8 : Open()

9 : queryMelihatDataPeserta()

10 : Execute()
11 : getResult()
13 : getNoPendaftaran() 12 : hasil query
14 : getNamaLengkap()
15 : getTempatLahir()
16 : getTanggalLahir()
17 : getJenisKelamin()
18 : getAlamat()
19 : getNamaOrangTua()
20 : getPekerjaan()
21 : getAsalSekolah()
22 : getNoIjazah()
23 : getNilaiUN()
24 : DataPeserta
25 : Close()
26 <<destroy>>
27 <<destroy>>
29 : DataPeserta
28 : DataPeserta

Gambar 4.14. Diagram Sekuen Melihat Data Peserta Didik

34
4.2.1.5.9. Diagram Sekuen Mencari Calon Peserta
Gambar di bawah merupakan diagram sekuen mencari data
peserta didik yang menggambarkan proses mencari data peserta didik.
Dimulai dengan memilih menu login, jika berhasil panitia bagian
pendaftaran dapat masuk ke halaman administrator, memilih menu PPDB
dan klik menu daftar peserta serta memilih form pencarian.

Panitia Bagian Pendaftaran m : Main an : AntarMuka

1 : Main() mdp : MengelolaDataPeserta v : Validasi


2 : FormPencarianPeserta()
3 : MencariPeserta() kbd : KoneksiBasisData
4 : cekStatusLogin()
cpd : CalonPesertaDidik
5 : Valid/Invalid
6 <<create>>
7 <<create>>
8 : Open()
9 : queryMencariPeserta()

10 : Execute()
11 : getResult()
12 : hasil query
13 : getNoPendaftaran()
14 : getNamaLengkap()
15 : getTempatLahir()

16 : getTanggalLahir()
17 : getJenisKelamin()
18 : getAlamat()
19 : getNamaOrangTua()
20 : getPekerjaan()
21 : getAsalSekolah()
22 : getNoIjazah()
23 : getNilaiUN()
24 : Data Peserta
25 : Close()
26 <<destroy>>
27 <<destroy>>
29 : Data Peserta()

28 : Data Peserta

Gambar 4.15. Diagram Sekuen Mencari Data Calon Peserta

35
4.2.1.5.10. Diagram Sekuen Mengubah Data Peserta Didik
Gambar di bawah merupakan diagram sekuen mengubah data
peserta didik yang menggambarkan proses mengubah data peserta didik.
Dimulai dengan melakukan pencarian peserta pada form pencarian. Berikut
diagram sekuen yang langsung ketika data peserta yang akan diubah telah
ditemukan.

Panitia Bagian Pendaftaran m : Main an : AntarMuka


1 : Main()
mdp : MengelolaDataPeserta v : Validasi
2 : Peserta yang dipilih
3 : FormPeserta()
kbd : KoneksiBasisData
4 : Data Peserta 5 : Mengubah Data Peserta()
6 : cekStatusLogin() cpd : CalonPesertaDidik
7 : Valid/Invalid
8<<create>>

9 <<create>>
10 : setNoPendaftaran()
11 : setNamaLengkap()
12 : setTempatLahir()
13 : setTanggalLahir()
14 : setJenisKelamin()
15 : setAlamat()
16 : setNamaOrangTua()
17 : setPekerjaan()
18 : setAsalSekolah()
19 : setNoIjazah()
20 : setNilaiUN()
21 : Open()

22 : queryMengubahPeserta()

24 : Close()
23 : Execute()

25 <<destroy>>
26 <<destroy>>
27 : Pesan
28 : Pesan

Gambar 4.16. Diagram Sekuen Mengubah Data Peserta Didik

36
4.2.1.5.11. Diagram Sekuen Menghapus Data Peserta Didik
Gambar di bawah merupakan diagram sekuen menghapus data
peserta didik yang menggambarkan proses menghapus data peserta didik.
Dimulai dengan melakukan pencarian peserta pada form pencarian. Berikut
diagram sekuen yang langsung ketika data peserta yang akan dihapus telah
ditemukan.

Panitia Bagian Pendaftaran m : Main an : AntarMuka

1 : Main() mdp : MengelolaDataPeserta v : Validasi


2 : Peserta yang dipilih 3 : FormPeserta()
kbd : KoneksiBasisData
4 : Klik Menu Hapus
cpd : CalonPesertaDidik
5 : Konfirmasi Hapus
7 : MenghapusPeserta()
8 : cekStatusLogin()
6 : Setuju / Tidak Setuju

9 : Valid/Invalid
10 <<create>>

11 <<create>>
12 : Open()

13 : queryMenghapusPeserta()

15 : Close() 14 : Execute()
16 <<destroy>>

17 <<destroy>>
19 : Pesan 18 : Pesan

Gambar 4.17. Diagram Sekuen Menghapus Data Peserta Didik

4.2.1.5.12. Diagram Sekuen Verifikasi Data


Gambar di bawah merupakan diagram sekuen verifikasi data
peserta didik yang menggambarkan proses verifikasi data peserta didik.
Dimulai dengan melakukan pencarian peserta pada form pencarian. Berikut
diagram sekuen yang langsung ketika data peserta yang akan diverifikasi
telah ditemukan dan berkasnya sudah lengkap.

37
Panitia Bagian Pendaftaran m : Main an : AntarMuka

1 : Main() mdp : MengelolaDataPeserta v : Validasi


2 : Peserta yang dipilih
3 : FormPeserta() kbd : KoneksiBasisData

4 : Klik Menu Verifikasi cpd : CalonPesertaDidik

5 : Konfirmasi Verifikasi
7 : VerifikasiDataPeserta()
6 : Setuju / Tidak Setuju 8 : cekStatusLogin()

9 : Valid / Invalid
10 <<create>>
11 <<create>>

12 : Open()

13 : queryVerifikasiDataPeserta()

15 : Close() 14 : Execute()

16 <<destroy>>

17 <<destroy>>
18 : Pesan
19 : Pesan

Gambar 4.18. Diagram Sekuen Verifikasi Data Peserta Didik

4.2.1.5.13. Diagram Sekuen Memasukkan Passing Grade


Gambar di bawah merupakan diagram sekuen memasukkan
passing grade yang menggambarkan proses seleksi berdasarkan nilai UN
(passing grade). Dimulai dengan login terlebih dahulu, jika sudah masuk ke
halaman administrator maka, panitia bagian pendaftaran dapat memilih
menu grade untuk memulai memasukkan data gradenya.

38
Panitia Bagian Pendaftaran m : Main an : AntarMuka
1 : Main() 2 : FormSeleksi() msn : MengelolaSeleksiNilaiUN v : Validasi
3 : Data Seleksi
4 : MemasukkanSeleksi() kbd : KoneksiBasisData
5 : cekStatusLogin()
s : Seleksi
6 : Valid/Invalid
7 <<create>>
8 <<create>>
9 : setNoPendaftaran()

10 : setGrade()
11 : setTahun()
12 : setModifiedDate()
13 : setQuota()
14 : setStatus()

15 : setTandaTanganKepsek()
16 : Open()

17 : queryMemasukkanGrade()

19 : Close() 18 : Execute()

20 <<destroy>>

21 <<destroy>>
22 : Pesan
23 : Pesan

Gambar 4.19. Diagram Sekuen Seleksi Nilai UN (passing grade)

4.2.1.5.14. Diagram Sekuen Melihat Hasil Passing Grade (Panitia


Bagian Pendaftaran)
Gambar di bawah merupakan diagram sekuen melihat hasil
passing grade yang menggambarkan hasil akhir seleksi berdasarkan nilai
UN (passing grade). Dimulai dengan login terlebih dahulu, jika sudah
masuk ke halaman administrator maka, panitia bagian pendaftaran dapat
memilih menu grade untuk memulai melihat data gradenya.

39
Panitia Bagian Pendaftaran m : Main an : AntarMuka

1 : Main() msn : MengelolaSeleksiNilaiUN v : Validasi

2 : TampilGrade() 3 : MelihatGrade() kbd : KoneksiBasisData


4 : cekStatusLogin()
s : Seleksi
5 : Valid/Invalid 6 <<create>>
7 <<create>>
8 : Open()
9 : queryMelihatGrade()

10 : Execute()
11 : getResult()

13 : getNoPendaftaran() 12 : hasil query

14 : getGrade()
15 : getTahun()
16 : getModifiedDate()
17 : getQuota()
18 : getStatus()
19 : getTandaTanganKepsek()

20 : Data Grade
21 : Close()
22 <<destroy>>

23 <<destroy>>

24 : Data Grade
25 : Data Grade

Gambar 4.20. Diagram Sekuen Melihat Hasil Passing Grade Untuk Panitia
Bagian Pendaftaran

4.2.1.5.15. Diagram Sekuen Melihat Hasil Passing Grade (Calon Peserta


Didik)
Gambar di bawah merupakan diagram sekuen melihat hasil
passing grade yang menggambarkan hasil akhir seleksi berdasarkan nilai
UN (passing grade). Dimulai dengan login terlebih dahulu, jika sudah

40
masuk ke halaman user maka, calon peserta didik dapat memilih menu
grade untuk melihat data gradenya.

Calon Peserta Didik m : Main an : AntarMuka

1 : Main() msn : MengelolaSeleksiNilaiUN v : Validasi

2 : TampilGrade() 3 : MelihatGrade() kbd : KoneksiBasisData


4 : cekStatusLogin()
s : Seleksi
5 : Valid/Invalid 6 <<create>>
7 <<create>>
8 : Open()
9 : queryMelihatGrade()

10 : Execute()
11 : getResult()

13 : getNoPendaftaran() 12 : hasil query

14 : getGrade()
15 : getTahun()
16 : getModifiedDate()
17 : getQuota()
18 : getStatus()
19 : getTandaTanganKepsek()

20 : Data Grade
21 : Close()
22 <<destroy>>

23 <<destroy>>

24 : Data Grade
25 : Data Grade

Gambar 4.21. Diagram Sekuen Melihat Hasil Passing Grade Untuk Calon
Peserta Didik

4.2.1.5.16. Diagram Sekuen Kepala Sekolah Menandatangani Surat


Kelulusan
Gambar di bawah merupakan diagram sekuen Kepala Sekolah
menandatangani surat kelulusan yang menggambarkan hasil akhir seleksi

41
yang sudah ditandatangani. Dimulai dengan login terlebih dahulu, jika
sudah masuk ke halaman administrator maka, Kepala Sekolah atau panitia
bagian pendaftaran dapat memilih menu grade untuk memulai memasukan
tanda tangan digitalnya.

Kepala Sekolah m : Main an : AntarMuka


1 : Main() 2 : FormSeleksi() msn : MengelolaSeleksiNilaiUN v : Validasi
3 : Data Seleksi
4 : MemasukkanSeleksi() kbd : KoneksiBasisData
5 : cekStatusLogin()
s : Seleksi
6 : Valid/Invalid
7 <<create>>
8 <<create>>

9 : setTandaTanganKepsek()
10 : Open()

11 : queryMemasukkanTandaTangan()

13 : Close() 12 : Execute()

14 <<destroy>>

15 <<destroy>>
16 : Pesan
17 : Pesan

Gambar 4.22. Diagram Sekuen Menandatangani Surat Kelulusan

4.2.1.6. Diagram Aktivitas Yang Diusulkan


Diagram aktivitas memodelkan workflow proses bisnis dan urutan
aktivitas dalam sebuah proses. Diagram ini mirip flowchart karena status.
Menguntungkan untuk membuat diagram aktivitas juga bermanfaat untuk
menggambarkan parallel behaviour atau menggambarkan interaksi
beberapa use case.
4.2.1.6.1. Diagram Aktivitas Login Calon Peserta Didik
Gambar di bawah menunjukkan aktivitas login calon peserta
didik yang diusulkan secara online, pertama calon peserta didik masuk ke
halaman utama sistem informasi PPDB (Pendaftaran Peserta Didik Baru),

42
lalu memilih menu login peserta, setelah itu calon peserta didik mengisi
form login dengan lengkap dan benar. Jika tidak lengkap dan benar sistem
akan kembali ke tampilan form login peserta dan meminta calon peserta
didik mengisi form login tersebut secara lengkap dan benar. Jika login
sukses maka calon peserta didik masuk ke halaman utama peserta.

Calon Peserta Didik Sistem

Halaman Utama PPDB

Pilih Menu Login Peserta Tampil Form Login


Tidak

Input Username dan Password Benar?

Ya
Halaman Utama Peserta

Gambar 4.23. Diagram Aktivitas Login Calon Peserta Didik

4.2.1.6.2. Diagram Aktivitas Login Panitia Bagian Pendaftaran


Gambar di bawah menunjukkan aktivitas login panitia bagian
pendaftaran yang diusulkan secara online, pertama panitia bagian
pendaftaran masuk ke halaman utama sistem informasi PPDB (Pendaftaran
Peserta Didik Baru), lalu memilih menu login panitia, setelah itu panitia
bagian pendaftaran mengisi form login dengan lengkap dan benar. Jika tidak
lengkap dan benar sistem akan kembali ke tampilan form login panitia dan
meminta panitia bagian pendaftaran mengisi form login tersebut secara
lengkap dan benar. Jika login sukses maka panitia bagian pendaftaran
masuk ke halaman administrator.

43
Panitia Bagian Pendaftaran Sistem

Halaman Utama PPDB

Pilih Menu Login Panitia Tampil Form Login


Tidak

Input Username dan Password Benar?

Ya
Halaman Administrator

Gambar 4.24. Diagram Aktivitas Login Panitia Bagian Pendaftaran

4.2.1.6.3. Diagram Aktivitas Logout Calon Peserta Didik


Gambar di bawah menunjukkan aktivitas logout calon peserta
didik yang diusulkan secara online, pertama calon peserta didik memilih
menu logout. Jika logout berhasil maka calon peserta didik akan keluar dari
halaman utama peserta dan jika gagal maka calon peserta didik akan
kembali ke halaman utama peserta.

44
Calon Peserta Didik Sistem

Halaman Utama Peserta


Tidak

Klik Menu Logout Berhasil?

Ya

Halaman Utama PPDB

Gambar 4.25. Diagram Aktivitas Logout Calon


Peserta Didik

4.2.1.6.4. Diagram Logout Panitia Bagian Pendaftaran


Gambar di bawah menunjukkan aktivitas logout panitia bagian
pendaftaran yang diusulkan secara online, pertama panitia bagian
pendaftaran memilih menu logout. Jika logout berhasil maka panitia bagian
pendaftaran akan keluar dari halaman administrator dan jika gagal maka
panitia bagian pendaftaran akan kembali ke halaman adminstrator.

45
Panitia Bagian Pendaftaran Sistem

Halaman Administrator
Tidak

Klik Menu Logout Berhasil?

Ya

Halaman Utama PPDB

Gambar 4.26. Diagram Aktivitas Logout Panitia Bagian


Pendaftaran

4.2.1.6.5. Diagram Aktivitas Memasukkan Pendaftaran Akun


Gambar di bawah menunjukkan aktivitas pendaftaran akun
calon peserta didik yang diusulkan secara online, pertama calon peserta
didik masuk ke halaman utama sistem informasi PPDB (Pendaftaran Peserta
Didik Baru), lalu memilih menu login peserta, setelah itu calon peserta didik
mengklik daftar akun dan mengisi form daftar dengan lengkap dan benar.
Jika tidak lengkap dan benar sistem akan kembali ke tampilan form daftar
akun peserta dan meminta calon peserta didik mengisi form tersebut secara
lengkap dan benar. Jika pendaftaran sukses maka data yang telah diisi akan
tersimpan ke dalam database.

46
Calon Peserta Didik Sistem

Halaman Utama PPDB

Memilih Menu Login Peserta

Klik Daftar Akun Tampil Form Daftar Akun

Input Form Daftar Akun

Berhasil?
Tidak

Ya

Data Tersimpan Dalam Database

Gambar 4.27. Diagram Aktivitas Memasukkan Pendaftaran Akun

4.2.1.6.6. Diagram Aktivitas Memasukkan Data Formulir


Gambar di bawah menunjukkan aktivitas memasukkan
(menginput) formulir pendaftaran calon peserta didik yang diusulkan secara
online, pertama calon peserta didik masuk ke halaman utama sistem
informasi PPDB (Pendaftaran Peserta Didik Baru), lalu melakukan login
peserta, jika login berhasil maka peserta didik akan masuk ke halaman
utama peserta dan jika tidak berhasil maka akan kembali ke form login,

47
kedua, calon peserta didik memilih menu PPDB, setelah itu memilih menu
daftar dan menginputkan data pribadi dengan lengkap. Jika sudah berhasil
dan benar data akan tersimpan ke dalam database.

Calon Peserta Didik Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak
Berhasil?

Ya

Pilih Menu PPDB Halaman Utama Peserta

Pilih Daftar Tampil Form Pendaftaran

Input Form Pendaftaran

Tidak
Berhasil?

Ya

Data Tersimpan Dalam Database

Gambar 4.28. Diagram Aktivitas Memasukkan Data Formulir

48
4.2.1.6.7. Diagram Aktivitas Melihat Data Formulir Peserta
Gambar di bawah menunjukkan aktivitas melihat data formulir
calon peserta didik yang diusulkan secara online, pertama calon peserta
didik masuk ke halaman utama sistem informasi PPDB (Pendaftaran Peserta
Didik Baru), lalu melakukan login peserta, jika login berhasil maka peserta
didik akan masuk ke halaman utama peserta dan jika tidak berhasil maka
akan kembali ke form login. Kedua, calon peserta didik memilih menu
PPDB, setelah itu memilih menu melihat formulir. Jika sudah berhasil maka
calon peserta didik dapat melihat data formulir yang telah diinputkan
sebelumnya.

Calon Peserta Didik Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak
Berhasil?

Ya

Pilih Menu PPDB Halaman Utama Peserta

Pilih Melihat Formulir Tampil Data Formulir Peserta

Melihat Formulir Peserta

Gambar 4.29. Diagram Aktivitas Melihat Data Formulir Peserta

49
4.2.1.6.8. Diagram Aktivitas Melihat Data Peserta Didik
Gambar di bawah menunjukkan aktivitas melihat data peserta
didik yang diusulkan secara online, pertama panitia bagian pendaftaran
masuk ke halaman utama sistem informasi PPDB (Pendaftaran Peserta
Didik Baru), lalu melakukan login panitia, jika login berhasil maka panitia
akan masuk ke halaman utama administrator dan jika tidak berhasil maka
akan kembali ke form login. Kedua, panitia bagian pendaftaran memilih
menu PPDB, setelah itu memilih menu data peserta. Jika sudah berhasil
maka dapat melihat data peserta yang telah terdaftar sebelumnya.

Panitia Bagian Pendaftaran Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak
Berhasil?

Ya

Pilih Menu PPDB Halaman Utama Administrator

Pilih Data Peserta Tampil Data Peserta

Melihat Data Peserta

Gambar 4.30. Diagram Aktivitas Melihat Data Peserta Didik

50
4.2.1.6.9. Diagram Aktivitas Menghapus Data Peserta Didik
Gambar di bawah menunjukkan aktivitas menghapus data
peserta didik yang diusulkan secara online, pertama panitia bagian
pendaftaran masuk ke halaman utama sistem informasi PPDB (Pendaftaran
Peserta Didik Baru), lalu melakukan login panitia, jika login berhasil maka
panitia akan masuk ke halaman utama administrator dan jika tidak berhasil
maka akan kembali ke form login. Kedua, panitia bagian pendaftaran
memilih form pencarian dan menginputkan data peserta yang akan dicari .
Setelah itu maka data peserta yang akan dihapus akan tampil, serta panitia
dapat mengklik hapus. Jika sudah berhasil maka data peserta tersebut akan
terhapus.

Panitia Bagian Pendaftaran Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak Berhasil?

Ya
Halaman Utama Administrator
Pilih Form Pencarian

Input Pencarian Tampil Data Pencarian

Melihat Data Yang dicari


Tidak

Pilih Hapus Berhasil?

Ya

Data Berhasil Dihapus

Gambar 4.31. Diagram Aktivitas Menghapus Data Peserta Didik

51
4.2.1.6.10. Diagram Aktivitas Mengubah Data Peserta Didik
Gambar di bawah menunjukkan aktivitas mengubah data
peserta didik yang diusulkan secara online, pertama panitia bagian
pendaftaran masuk ke halaman utama sistem informasi PPDB (Pendaftaran
Peserta Didik Baru), lalu melakukan login panitia, jika login berhasil maka
panitia akan masuk ke halaman utama administrator dan jika tidak berhasil
maka akan kembali ke form login. Kedua, panitia bagian pendaftaran
memilih form pencarian dan menginputkan data peserta yang akan dicari.
Setelah itu data peserta yang akan diubah akan tampil, serta panitia dapat
mengklik menu ubah. Jika sudah berhasil maka data peserta tersebut akan
terubah.

Panitia Bagian Pendaftaran Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak Berhasil?

Ya
Halaman Utama Administrator
Pilih Form Pencarian

Input Pencarian Tampil Data Pencarian

Melihat Data Yang dicari

Pilih Ubah Tampil Form Ubah

Input Data Yang Akan Diubah


Tidak

Berhasil?

Ya
Data Berhasil Diubah

Gambar 4.32. Diagram Aktivitas Mengubah Data Peserta Didik

52
4.2.1.6.11. Diagram Aktivitas Verifikasi Data
Gambar di bawah menunjukkan aktivitas verifikasi data yang
diusulkan secara online, pertama panitia bagian pendaftaran masuk ke
halaman utama sistem informasi PPDB (Pendaftaran Peserta Didik Baru),
lalu melakukan login panitia, jika login berhasil maka panitia akan masuk
ke halaman utama administrator dan jika tidak berhasil maka akan kembali
ke form login. Kedua, panitia bagian pendaftaran memilih form pencarian
dan menginputkan data peserta yang akan dicari. Setelah itu data peserta
yang akan diverifikasi akan tampil, serta panitia dapat mengklik menu
verifikasi. Jika sudah berhasil maka data peserta tersebut akan terverifikasi.

Panitia Bagian Pendaftaran Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak Berhasil?

Ya
Halaman Utama Administrator
Pilih Form Pencarian

Input Pencarian Tampil Data Pencarian

Melihat Data Yang dicari


Tidak

Pilih Menu Verifikasi Berhasil?

Ya

Data Berhasil Terverifikasi

Gambar 4.33. Diagram Aktivitas Verifikasi Data

53
4.2.1.6.12. Diagram Aktivitas Mencari Calon Peserta
Gambar di bawah menunjukkan aktivitas verifikasi data yang
diusulkan secara online, pertama panitia bagian pendaftaran masuk ke
halaman utama sistem informasi PPDB (Pendaftaran Peserta Didik Baru),
lalu melakukan login panitia, jika login berhasil maka panitia akan masuk
ke halaman utama administrator dan jika tidak berhasil maka akan kembali
ke form login. Kedua, panitia bagian pendaftaran memilih form pencarian
dan menginputkan data peserta yang akan dicari. Setelah itu data peserta
yang akan dicari akan tampil.

Panitia Bagian Pendaftaran Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak
Berhasil?

Ya
Halaman Utama Administrator

Pilih Form Pencarian

Input Pencarian Tampil Data Pencarian

Melihat Data Yang dicari

Gambar 4.34. Diagram Aktivitas Mencari Calon Peserta

54
4.2.1.6.13. Diagram Aktivitas Memasukkan Passing Grade
Gambar di bawah menunjukkan memasukkan passing grade
yang diusulkan secara online, pertama panitia bagian pendaftaran masuk ke
halaman utama sistem informasi PPDB (Pendaftaran Peserta Didik Baru),
lalu melakukan login panitia, jika login berhasil maka panitia akan masuk
ke halaman utama administrator dan jika tidak berhasil maka akan kembali
ke form login. Kedua, panitia bagian pendaftaran memilih menu PPDB dan
menu grade serta menginputkan data grade. Setelah itu data grade akan
tersimpan ke dalam database.

Panitia Bagian Pendaftaran Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak
Berhasil?

Ya

Pilih Menu PPDB Halaman Utama Administrator

Pilih Grade Tampil Form Grade

Input Data Grade


Tidak

Berhasil?

Ya
Data Grade Tersimpan di Database

Gambar 4.35. Diagram Aktivitas Memasukkan Passing Grade

55
4.2.1.6.14. Diagram Aktivitas Melihat Passing Grade (Panitia)
Gambar di bawah menunjukkan data passing grade yang
diusulkan secara online, pertama panitia bagian pendaftaran masuk ke
halaman utama sistem informasi PPDB (Pendaftaran Peserta Didik Baru),
lalu melakukan login panitia, jika login berhasil maka panitia akan masuk
ke halaman utama administrator dan jika tidak berhasil maka akan kembali
ke form login. Kedua, panitia bagian pendaftaran memilih menu PPDB dan
menu data grade. Setelah itu semua data grade akan tampil.

Panitia Bagian Pendaftaran Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak
Berhasil?

Ya

Pilih Menu PPDB Halaman Utama Administrator

Pilih Data Grade Tampil Data Grade

Melihat Data Grade

Gambar 4.36. Diagram Aktivitas Melihat Passing Grade (Panitia)

56
4.2.1.6.15. Diagram Aktivitas Melihat Passing Grade (Peserta)
Gambar di bawah menunjukkan data passing grade yang
diusulkan secara online, pertama calon peserta didik masuk ke halaman
utama sistem informasi PPDB (Pendaftaran Peserta Didik Baru), lalu
melakukan login peserta, jika login berhasil maka peserta akan masuk ke
halaman utama peserta dan jika tidak berhasil maka akan kembali ke form
login. Kedua, calon peserta didik memilih menu PPDB dan menu data
grade. Setelah itu semua data grade akan tampil.

Calon Peserta Didik Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak
Berhasil?

Ya

Pilih Menu PPDB Halaman Utama Peserta

Pilih Data Grade Tampil Data Grade

Melihat Data Grade

Gambar 4.37. Diagram Aktivitas Melihat Passing Grade (Peserta)

57
4.2.1.6.16. Diagram Aktivitas Menandatangani Surat Kelulusan
Gambar di bawah menunjukkan aktivitas menandatangani surat
kelulusan diusulkan secara online, pertama Kepala Sekolah masuk ke
halaman utama sistem informasi PPDB (Pendaftaran Peserta Didik Baru),
lalu melakukan login panitia, jika login berhasil maka akan masuk ke
halaman utama administrator dan jika tidak berhasil maka akan kembali ke
form login. Kedua, memilih menu PPDB dan menu data grade. Setelah itu
masukan tanda tangan digitalnya ke dalam form tanda tangan.

Kepala Sekolah Sistem

Halaman Utama PPDB

Melakukan Login Validasi Login

Tidak
Berhasil?

Ya

Pilih Menu PPDB Halaman Utama Peserta

Pilih Grade Tampil Form Grade

Input Tanda Tangan Digital


Tidak

Berhasil?

Ya

Tanda Tangan Digital Tersimpan

Gambar 4.38. Diagram Aktivitas Menandatangani Surat Kelulusan

58
4.2.1.7. Diagram Komponen Yang Diusulkan
Diagram komponen merupakan diagram untuk menunjukkan
organisasi dan ketergantungan diantara kumpulan komponen dalam sebuah
sistem. Diagram komponen fokus pada komponen sistem yang dibutuhkan
dan ada di dalam sistem diantaranya komponen piranti perangkat lunak yang
berisi code, baik source code maupun binary code, baik library maupun
executable, baik muncul pada compile time, link time maupun run time.
Umumnya komponen terbentuk dari beberapa class atau package,
tapi dapat juga dari komponen-komponen yang lebih kecil. Komponen
dapat juga berupa interface, yaitu kumpulan layanan yang disediakan
sebuah komponen untuk komponen lain.

Koneksi.php Database PPDB

Index.php

IndexForm.php

ClassModel.php ClassView.php ClassController.php

Gambar 4.39. Diagram Komponen Sistem Informasi Pendaftaran


Peserta Didik Baru

59
4.2.1.8. Diagram Deployment Yang Diusulkan
Diagram deployment merupakan diagram yang menunjukkan
konfigurasi komponen dalam proses eksekusi aplikasi. Diagram deployment
juga dapat digunakan untuk memodelkan hal-hal diantaranya, yaitu sistem
tambahan (embedded system) yang menggambarkan rancangan device,
node, dan hardware.

server

PHP Server

Workstation components
Index.php
components ClassController.php
Web browser ClassModel.php
ClassView.php
Koneksi.php
IndexForm.php

MySQL
components
Database PPDB

Gambar 4.40. Diagram Deployment Sistem Informasi Pendaftaran


Peserta Didik Baru

60
4.2.2. Perancangan Antarmuka Yang Diusulkan
a. Desain Antarmuka Halaman Utama Website PPDB online

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Login

SELAMAT DATANG DI WEBSITE


PENDAFTARAN PESERTA DIDIK
BARU ONLINE SMP NEGERI 19
BOGOR TAHUN 2017

FOOTER

Gambar 4.41. Desain Antarmuka Halaman Utama PPDB Online

b. Desain Antarmuka Halaman Form Login

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Login

Beranda >> Login

Form Login

Username

Password

Cancle Ok

Belum Mempunyai Akun? Segera Daftar

FOOTER

Gambar 4.42. Desain Antarmuka Halaman Login PPDB Online

61
c. Desain Antarmuka Halaman Form Pendaftaran Akun

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Login

Beranda >> Login >> Daftar Akun

Form Pendaftaran Akun

Username

Password
Terisi otomatis
Hak Akses ------------ Pilih ------------

Cancle Ok

FOOTER

Gambar 4.43. Desain Antarmuka Halaman Form Pendaftaran Akun

d. Desain Antarmuka Halaman Utama Peserta

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Logout

SELAMAT DATANG MUHAMMAD


RIDHO FAUZI DI PENDAFTARAN
PESERTA DIDIK BARU SMP
NEGERI 19 BOGOR TAHUN 2017

FOOTER

Gambar 4.44. Desain Antarmuka Halaman Utama Peserta

62
e. Desain Antarmuka Halaman Form Pendaftaran Peserta Didik
Baru

Form Pendaftaran Peserta Didik Baru

No Pendaftaran

Nama Lengkap

Tempat Lahir

Tanggal Lahir Tgl Bln Thn

Jenis Kelamin Laki-Laki Perempuan

Alamat

Nama Orang Tua

Pekerjaan

Asal Sekolah

No Ijazah

Nilai UN

Cancle Ok

Gambar 4.45. Desain Antarmuka Halaman Form Pendaftaran Peserta


Didik Baru

63
f. Desain Antarmuka Halaman Melihat Formulir Pendaftaran

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Logout

Beranda >> PPDB >> Melihat Formulir

No Pendaftaran Nama Nilai UN Aksi


1110007541 Muhammad Ridho Fauzi 25,95 Detail

FOOTER

Gambar 4.46. Desain Antarmuka Halaman Melihat Formulir

g. Desain Antarmuka Halaman Utama Administrator

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Logout

SELAMAT DATANG DI HALAMAN


ADMINSTRATOR PPDB ONLINE
SMP NEGERI 19 BOGOR TAHUN
2017

FOOTER

Gambar 4.47. Desain Antarmuka Halaman Utama Administrator

64
h. Desain Antarmuka Form Pencarian

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Logout

SELAMAT DATANG DI HALAMAN


ADMINSTRATOR PPDB ONLINE
SMP NEGERI 19 BOGOR TAHUN
2017

FOOTER

Gambar 4.48. Desain Antarmuka Form Pencarian

i. Desain Antarmuka Data Peserta

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Logout

Beranda >> PPDB >> Data Peserta

DATA CALON PESERTA DIDIK BARU


SMP NEGERI 19 BOGOR TAHUN 2017

No Pendaftaran Nama Nilai UN Aksi


1110007541 Muhammad Ridho Fauzi 25,95 Detail Verifikasi Ubah Hapus
1110007542 Muhammad Raka 23,00 Detail Verifikasi Ubah Hapus
1110007543 Rizky Maulana 22,50 Detail Verifikasi Ubah Hapus

Kembali 1 2 3 Selanjutnya

FOOTER

Gambar 4.49. Desain Antarmuka Data Peserta

65
j. Desain Antarmuka Mengubah Data Peserta

Form Mengubah Data Peserta Didik Baru

No Pendaftaran 1110007541

Nama Lengkap Muhammad Ridho Fauzi

Tempat Lahir Bogor

Tanggal Lahir 18 02 1998

Jenis Kelamin Laki-Laki Perempuan

Alamat
Jalan pemda pangkalan 2 RT02/
02. Bogor Utara

Nama Orang Tua Setiawan

Pekerjaan Wiraswasta

Asal Sekolah SDN Kedunghalang 5

No Ijazah SN00036798

Nilai UN 25,95

Cancle Ok

Gambar 4.50. Desain Antarmuka Mengubah Data Peserta

66
k. Desain Antarmuka Hapus Data Peserta

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Logout

Beranda >> PPDB >> Data Peserta

DATA CALON PESERTA DIDIK BARU


SMP NEGERI 19 BOGOR TAHUN 2017

No Pendaftaran Nama Nilai UN Aksi


1110007541 Muhammad Ridho Fauzi 25,95 Detail Verifikasi Ubah Hapus
1110007542 Muhammad Raka 23,00 Detail Verifikasi Ubah Hapus
1110007543 Rizky Maulana 22,50 Detail Verifikasi Ubah Hapus

Kembali 1 2 3 Selanjutnya

FOOTER

Gambar 4.51. Desain Antarmuka Hapus Data Peserta

l. Desain Antarmuka Verifikasi Data Peserta

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Logout

Beranda >> PPDB >> Data Peserta

DATA CALON PESERTA DIDIK BARU


SMP NEGERI 19 BOGOR TAHUN 2017

No Pendaftaran Nama Nilai UN Aksi


1110007541 Muhammad Ridho Fauzi 25,95 Detail Verifikasi Ubah Hapus
1110007542 Muhammad Raka 23,00 Detail Verifikasi Ubah Hapus
1110007543 Rizky Maulana 22,50 Detail Verifikasi Ubah Hapus

Kembali 1 2 3 Selanjutnya

FOOTER

Gambar 4.52. Desain Antarmuka Verifikasi Data Peserta

67
m. Desain Antarmuka Form Passing Grade

Form Input Data Grade

No Pendaftaran

Grade

Tahun Thn

Tanggal Tgl

Kuota

Status ------------ Pilih ------------

Tanda Tangan Pilih File Tidak ada file yang dipilih

Cancle Ok

Gambar 4.53. Desain Antarmuka Form Passing Grade

n. Desain Antarmuka Melihat Passing Grade (Panita)

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Logout

Beranda >> PPDB >> Data Grade

DATA GRADE CALON PESERTA


DIDIK BARU SMP NEGERI 19 BOGOR
TAHUN 2017
No Pendaftaran Tahun Tanggal Nilai UN Grade Status Aksi
1110007541 2017 05-09-2017 25,95 24,05 Diterima Detail Hapus
1110007542 2017 05-09-2017 23,00 24,05 Ditolak Detail Hapus
1110007543 2017 05-09-2017 22,50 24,05 Ditolak Detail Hapus

Kembali 1 2 3 Selanjutnya

FOOTER

Gambar 4.54. Desain Antarmuka Melihat Passing Grade (Panita)

68
o. Desain Antarmuka Melihat Passing Grade (Peserta)

LOGO Pencarian....... Cari

Beranda Profil Visi dan Misi Prestasi PPDB Logout

Beranda >> PPDB >> Data Grade

DATA GRADE MUHAMMAD RIDHO


FAUZI

No Pendaftaran Tahun Tanggal Nilai UN Grade Status Aksi


1110007541 2017 05-09-2017 25,95 24,05 Diterima Detail

FOOTER

Gambar 4.55. Desain Antarmuka Melihat Passing Grade (Peserta)

4.2.3. Perancangan Desain Data Yang Diusulkan


1. Table Calon Peserta Didik
a. Nama table : tb_Peserta
b. Primary Key : No_pendaftaran
c. Foreign Key :-
Tabel 4.7. Tabel Calon Peserta Didik
No Nama Field Type Size Keterangan
1 Username Varchar 15 Username peserta
2 Password Varchar 15 Password peserta
3 Hak_akses Varchar 10 Hak akses peserta
4 No_pendaftaran Varchar 10 No pendaftaran peserta
5 Nama_lengkap Varchar 35 Nama lengkap peserta
6 Tanggal_lahir Date - Tanggal lahir peserta

69
7 Jenis Kelamin Varchar 10 Jenis kelamin peserta
8 Alamat Varchar 50 Alamat peserta
Nama Orang
9 Varchar 35 Nama orang tua peserta
Tua
10 Pekerjaan Varchar 25 Pekerjaan orang tua
11 No_Ijazah Varchar 15 No ijazah peserta
12 Nilai_UN Float - Nilai UN peserta

2. Table Panitia Bagian Pendaftaran


a. Nama table : tb_Panitia
b. Primary Key : No_panitia
c. Foreign Key :-
Tabel 4.8. Tabel Panitia Bagian Pendaftaran
No Nama Field Type Size Keterangan
1 Username Varchar 15 Username panitia
2 Password Varchar 15 Password panitia
3 Nama_lengkap Varchar 35 Nama lengkap panitia
4 No_panitia Varchar 10 No panitia
5 Hak_akses Varchar 10 Hak akses panitia

3. Table Seleksi
a. Nama table : tb_Seleksi
b. Primary Key : -
c. Foreign Key : No_pendaftaran

Tabel 4.9. Tabel Seleksi

No Nama Field Type Size Keterangan


1 No_pendaftaran Varchar 10 No pendaftaran peserta
2 Grade Float 10 Jumlah grade
3 Tahun Date - Tahun data grade

70
4 Modified_date Datetime - Tanggal grade terbaru
5 Kuota Int - Kuota peserta
Status diterima atau
6 Status Varchar 15
ditolak
Tanda tangan kepala
7 Tanda_tangan File
sekolah

4.3. Testing
Pengujian perangkat lunak adalah elemen kritis dari jaminan kualitas
perangkat lunak dan mempresentasikan kajian pokok dari spesifikasi, desain dan
pengkodean
4.3.1. Black Box Testing
Tahapan testing ini dilakukan terhadap program oleh peneliti. Pada
penelitian ini peneliti menggunakan pengujian eksternal (black box).
Pengujian eksternal (black box) peneliti melakukan pengujian terhadap
aplikasi dengan cara mengecek satu persatu form yang ada di dalam
aplikasi tersebut dengan menggunakan tabel pengujian.

Tabel 4.10. Tabel Testing Form Login Peserta


Hasil Yang
Username Password Cancle Ok Status
Diharapkan
Sistem akan menerima
Ridho12345 123456 dan peserta akan
√ √ OK
(True) (True) masuk ke halaman
utama peserta
Sistem akan menolak
Ridho12345 123456 dan peserta akan
√ X OK
(True) (True) kembali ke halaman
login

71
Sistem akan menerima
Ridho12345 123456 dan peserta akan
X √ OK
(True) (True) masuk ke halaman
utama peserta
Sistem akan menolak
Ridho12345 123456
X X dan menampilkan OK
(True) (True)
pesan error
Sistem akan menolak
Ridho12345 12345R dan menampilkan
√ √ OK
(True) (False) pesan “password yang
anda masukan salah”
Sistem akan menolak
Ridho12345 12345R dan menampilkan
√ X OK
(True) (False) pesan “password yang
anda masukan salah”
Sistem akan menolak
Ridho12345 R12345 dan menampilkan
X √ OK
(True) (False) pesan “password yang
anda masukan salah”
Sistem akan menolak
Ridho12345 R1234F dan menampilkan
X X OK
(True) (False) pesan “password yang
anda masukan salah”
Sistem akan menolak
Ridho1234 123456 dan menampilkan
√ √ OK
(False) (True) pesan “username yang
anda masukan salah”
Ridho123 123456 Sistem akan menolak
√ X OK
(False) (True) dan menampilkan

72
pesan “username yang
anda masukan salah”
Sistem akan menolak
Fauzi12345 123456 dan menampilkan
X √ OK
(False) (True) pesan “username yang
anda masukan salah”
Sistem akan menolak
Fauzi123 123456 dan menampilkan
X X OK
(False) (True) pesan “username yang
anda masukan salah”
Sistem akan menolak
dan menampilkan
Rfauzi12 12345R
√ √ pesan “username dan OK
(False) (False)
password yang anda
masukan salah”
Sistem akan menolak
dan menampilkan
Fauzi1 1234
√ X pesan “username dan OK
(False) (False)
password yang anda
masukan salah”
Sistem akan menolak
dan menampilkan
Fauzi 12345R
X √ pesan “username dan OK
(False) (False)
password yang anda
masukan salah”
Sistem akan menolak
dan menampilkan
RidhoFauzi 12345
X X pesan “username dan OK
(False) (False)
password yang anda
masukan salah”

73
Keterangan : Login peserta berhasil jika memasukkan username
“Ridho12345” dan password “123456”

Tabel 4.11. Tabel Testing Form Login Panitia Bagian Pendaftaran


Hasil Yang
Username Password Cancle Ok Status
Diharapkan
Sistem akan
menerima dan
Raka raka001 peserta akan
√ √ OK
(True) (True) masuk ke
halaman utama
peserta
Sistem akan
menolak dan
Raka raka001
√ X peserta akan OK
(True) (True)
kembali ke
halaman login
Sistem akan
menerima dan
Raka raka001 peserta akan
X √ OK
(True) (True) masuk ke
halaman utama
peserta
Sistem akan
Raka raka001 menolak dan
X X OK
(True) (True) menampilkan
pesan error
Sistem akan
Raka Raka001
√ √ menolak dan OK
(True) (False)
menampilkan

74
pesan “password
yang anda
masukan salah”
Sistem akan
menolak dan
Raka raka01 menampilkan
√ X OK
(True) (False) pesan “password
yang anda
masukan salah”
Sistem akan
menolak dan
Raka Raka002 menampilkan
X √ OK
(True) (False) pesan “password
yang anda
masukan salah”
Sistem akan
menolak dan
Raka Rakaa01 menampilkan
X X OK
(True) (False) pesan “password
yang anda
masukan salah”
Sistem akan
menolak dan
Rakaa raka001 menampilkan
√ √ OK
(False) (True) pesan “username
yang anda
masukan salah”
Sistem akan
Raka01 raka001
√ X menolak dan OK
(False) (True)
menampilkan

75
pesan “username
yang anda
masukan salah”
Sistem akan
menolak dan
Raka raka001 menampilkan
X √ OK
(False) (True) pesan “username
yang anda
masukan salah”
Sistem akan
menolak dan
Rakaa raka001 menampilkan
X X OK
(False) (True) pesan “username
yang anda
masukan salah”
Sistem akan
menolak dan
menampilkan
Raka01 rakaa01
√ √ pesan “username OK
(False) (False)
dan password
yang anda
masukan salah”
Sistem akan
menolak dan
menampilkan
Raka02 Raka001
√ X pesan “username OK
(False) (False)
dan password
yang anda
masukan salah”

76
Sistem akan
menolak dan
menampilkan
Rakaa1 Rakaaa01
X √ pesan “username OK
(False) (False)
dan password
yang anda
masukan salah”
Sistem akan
menolak dan
menampilkan
Rakaa Rakaa_001
X X pesan “username OK
(False) (False)
dan password
yang anda
masukan salah”

Keterangan : Login panitia berhasil jika memasukkan username “Raka”


dan password “raka001”

Tabel 4.12. Tabel Testing Form Pencarian


Pencarian Cari Hasil Yang Diharapkan Status
Sistem akan menerima dan akan
1110007541 √
menampilkan data peserta yang OK
(True) (True)
dicari
Sistem akan menolak dan akan
1110007111 X
menampilkan pesan “data peserta OK
(True) (False)
yang anda cari salah”
Sistem akan menolak dan akan
Muhammad √
menampilkan pesan “data peserta OK
(False) (True)
yang anda masukkan salah”

77
Muhamamd X Sistem akan menolak dan akan
Ridho (False) menampilkan pesan “data peserta OK
(False) yang anda masukkan salah”

Keterangan : Pencarian berhasil jika dalam form pencarian


memasukkan nomor pendaftaran

Tabel 4.13. Tabel Testing Form Pendaftaran Akun


Hasil Yang
Username Password Cancle Ok Status
Diharapkan
Sistem akan
menerima
inputan dan
Ridho12345 123456
√ √ data akan OK
(True) (True)
tersimpan ke
dalam
database
Sistem akan
menolak dan
Ridho12341 1234567 peserta akan
√ X OK
(True) (True) kembali ke
halaman
pendaftaran
Sistem akan
menerima
dan
RidhoF12345 123456
X √ menampilkan OK
(True) (True)
pesan
“pendaftaran
berhasil”

78
Sistem akan
Ridho12345 123456Rdh menolak dan
X X OK
(True) (True) menampilkan
pesan error
Sistem akan
menolak dan
menampilkan
Ridho12345 1234 pesan
√ √ OK
(True) (False) “password
yang anda
masukan
salah”
Sistem akan
menolak dan
menampilkan
12345Ridho
Ridho12345 pesan
fauzi1 √ X OK
(True) “password
(False)
yang anda
masukan
salah”
Sistem akan
menolak dan
menampilkan
Ridho12345 R123 pesan
X √ OK
(True) (False) “password
yang anda
masukan
salah”
Ridho12345 Rdh1 Sistem akan
X X OK
(True) (False) menolak dan

79
menampilkan
pesan
“password
yang anda
masukan
salah serta
jumlah
karakter
kurang”
Sistem akan
menolak dan
menampilkan
pesan
“username
Ridho 123456
√ √ yang anda OK
(False) (True)
masukan
salah dan
jumlah
karakter
kurang”
Sistem akan
menolak dan
menampilkan
pesan
Rdh01 123456
√ X “username OK
(False) (True)
yang anda
masukan
salah dan
jumlah

80
karakter
kurang”
Sistem akan
menolak dan
menampilkan
pesan
“username
Fzi09 123456
X √ yang anda OK
(False) (True)
masukan
salah dan
jumlah
karakter
kurang”
Sistem akan
menolak dan
menampilkan
pesan
RidhoFauzi1 “username
123456
23456 X X yang anda OK
(True)
(False) masukan
salah jumlah
karakter
berjumlah
lebih dari 15”
Sistem akan
menolak dan
Rf12 1234 menampilkan
√ √ OK
(False) (False) pesan
“username
dan password

81
yang anda
masukan
salah dan
jumlah
karakter
kurang dari
8”
Sistem akan
menolak dan
menampilkan
pesan
“username
dan password
RF13 123R
√ X yang anda OK
(False) (False)
masukan
salah dan
jumlah
karakter
kurang dari
8”
Sistem akan
menolak dan
menampilkan
pesan
FR01 12345R “username
X √ OK
(False) (False) dan password
yang anda
masukan
salah dan
jumlah

82
karakter
kurang dari
8”
Sistem akan
menolak dan
menampilkan
pesan
“username
dan password
R01 12345
X X yang anda OK
(False) (False)
masukan
salah dan
jumlah
karakter
kurang dari
8”

Keterangan : Pendaftaran berhasil, jika memasukkan username maksimal


berjumlah 15 karakter dan password 15 karakter, minimal
memasukkan 6 karakter serta tidak memasukkan username
yang telah terdaftar.

Tabel 4.14. Tabel Testing Form Pendaftaran Peserta


Hasil Yang
No Skenario Testing Status
Diharapkan
Mengosongkan form nama Sistem akan
lengkap dan langsung mengklik menolak
OK pendaftaran dan
1 OK
menampilkan pesan
“nama lengkap
tidak boleh kosong”

83
Mengosongkan form tempat Sistem akan
lahir, tanggal lahir dan langsung menolak
mengklik OK pendaftaran dan
menampilkan pesan
2 OK
“nama lengkap
tidak boleh kosong”
dan “tanggal lahir
tidak boleh kosong”
Mengisikan form pendaftaran Sistem akan
dengan lengkap dan benar, lalu menerima akses
3 langsung mengklik OK pendaftaran dan OK
pendaftaran
disimpan

Tabel 4.15. Tabel Testing Form Data Grade


Hasil Yang
No Skenario Testing Status
Diharapkan
Mengosongkan form kuota dan Sistem akan
langsung mengklik OK menolak
menginputkan data
1 grade dan OK
menampilkan pesan
“kuota tidak boleh
kosong”
Mengisikan form kuota dengan Sistem akan
memasukkan “350 orang” menolak
2 menginputkan data OK
grade dan
menampilkan pesan

84
“penulisan kuota
yang anda
masukkan salah”
Mengisikan form data grade Sistem akan
dengan lengkap dan benar, lalu menerima akses
langsung mengklik OK input data grade
3 OK
dan data akan
tersimpan ke dalam
database

85
BAB V

PENUTUP

5.1. Kesimpulan dan Saran


5.1.1. Kesimpulan
Berdasarkan hasil perancangan sistem yang telah penulis lakukan,
maka penulis mencoba membuat suatu kesimpulan dan juga mengajukan
beberapa saran-saran yang berhubungan dengan pembahasan yang telah
dikemukakan pada bab – bab sebelumnya.

1. Dari hasil penelitian yang telah di lakukan terhadap sistem informasi


pendaftaran peserta didik baru yang berjalan, dalam pendaftaran siswa
baru procedural yang dilakukan oleh calon peserta didik baru SMP
Negeri 19 Bogor dalam melakukan pendaftaran PPDB (Pendaftaran
Peserta Didik Baru) harus datang langsung ke sekolah dan melengkapi
semua persyaratan yang di persyaratkan oleh panitia. Dimana proses
pencetakan bukti pendaftaran PPDB (Pendaftaran Peserta Didik Baru)
masih dilakukan secara tertulis. Proses pengolahan nilai seleksi masih
dilakukan dengan bantuan Microsoft Excel sebagai tools untuk
pengolahan dan penyaringan nilai yang dimana hasil dari penilaian dan
penyaringan seleksi tidak dapat di publis secara online tetapi calon
peserta didik harus datang lagi ke sekolah untuk mengetahui hasilnya
dan calon peserta didik tidak dapat melakukan update informasi.
2. Perancangan sistem informasi pendaftaran peserta didik baru di SMP
Negeri 19 Bogor yang berbasiskan website dapat membantu dan
mempermudah baik itu pihak calon peserta didik maupun pihak internal
sekolah untuk melakukan proses kegiatan pendaftaran peserta didik
baru. Calon peserta didik baru baru dapat dengan mudah melakukan
pendaftaran PPDB secara online serta mengupdate informasi secara
realtime.
3. Testing / pengujian yang dilakukan terhadap sistem informasi
pendaftaran peserta didik baru ini menggunakan jenis pengujian Black

86
Box, dimana pengujian Black Box berfokus pada persyaratan atau
kebutuhan fungsional perangkat lunak yang dibuat. Pengujian sistem
informasi sistem informasi pendaftaran peserta didik baru menggunakan
data uji berupa sebuah data masukan dari user, sehingga dari pengujian
tersebut dapat dilihat respon sistem ketika diinputkan data yang salah
dan data yang benar.

5.1.2. Saran
Berdasarkan hasil dari analisis dan perancangan sistem informasi
pendaftaran peserta didik baru yang diterapkan pada SMP Negeri 19 Bogor.
Dimana fungsionalitas sistem yang dirancang dirasakan masih terdapat
kekurangan dan keterbatasan. Maka masukan/saran yang diajukan terhadap
peneliti atau pengembang sistem lain, diperlukan untuk menambah
beberapa fungsionalitas program yang diantaranya meliputi :
1. Untuk pengelolaan pendaftaran selain menangani pendaftaran siswa
baru, diharapkan juga dapat mengelola pendaftaran untuk registasi
ulang siswa lama.
2. Dalam hal proses pendaftaran peserta didik baru dapat di aplikasikan
untuk menambah fungsionalitas test seleksi secara online sebagai
media seleksi masuk bagi calon peserta didik baru.
Demikian kesimpulan dan saran yang dapat penulis berikan dari hasil
perancangan ini, semoga dapat bermanfaat bagi pihak-pihak lain yang
membutuhkan dan memberikan kontribusi khususnya bagi akademisi serta
rekan rekan civitas akademika Universitas Ibn Khaldun Bogor.

87
DAFTAR PUSTAKA

Ladjamudin, Albahra. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta :


Graha Ilmu.

Mulyanto, Aunur Rofik. 2008. Rekayasa Perangkat Lunak, Jakarta: Direktorat


Pembinaan Sekolah Menengah Kejuruan.

Mustakini,Jogiyanto Hartono. 2009. Sistem Informasi Teknologi, Yogyakarta: Andi


Offset.

Sutabri, Tata. 2005. Sistem Informasi Manajemen. Yogyakarta: Andi.

Yakub. 2012. Pengantar Sistem Informasi, Yogyakarta: Graha Ilmu.

https://www.lyceum.id/definisi-dan-fungsi-sekolah/ (diakses pada hari/tanggal


sabtu, 7 okt 2017)

88

Anda mungkin juga menyukai