i
SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB
PADA SMK ERA PEMBANGUNAN 3
JAKARTA
JURNAL
Diajukan untuk memenuhi salah satu syarat kelulusan Strata Satu (S1)
Riska Oktavia
11135444
Program Studi Sistem Informasi
Sekolah Tinggi Manajemen Informatika dan Komputer
NUSA MANDIRI
Jakarta
2017
ii
LEMBAR PERSEMBAHAN
“Dia memberikan hikmah (ilmu yang berguna) kepada siapa yang dikehendaki-Nya. Barang siapa yang
mendapat hikmah itu Sesungguhnya ia telah mendapat kebajikan yang banyak. Dan tiadalah yang
menerima peringatan melainkan orang- orang yang berakal.” (Q.S. Al-Baqarah: 269)
Dengan mengucap puji syukur kepada Allah S.W.T, skirpsi ini
kupersembahkan untuk:
1. Allah SWT Yaa Rahman , Yaa Rahhim, yang telah tiada henti-
hentinya memberikan nikmat serta kemudahan bagi hambamu ini
dalam penyusunan skripsi ini.
2. Ibu & Ayah tercinta , yang tiada hentinya memberikan kasih
sayangnya, dukungan baik moril maupun materil, serta do’a tiada
henti yang selalu mengiringi perjalanan hidup saya sampai saat
ini.
3. Orang terdekat saya yang tiada hentinya memberikan dukungan
baik moril maupun materil.
Tanpa Mereka,
Aku dan karya ini tak akan pernah ada
Akhir kata dengan segala kerendahan hati penulis memohon maaf yang sebesar- besarnya atas segala
kekurangan yang terdapat dalam skripsi ini, dan untuk itulah semua saran dan kritik yang sifatnya
membangun sangat diharapkan demi kesempurnaan skripsi ini serta besar harapan semoga skripsi ini
dapat bermanfaat bagi semua pihak.
iii
SURAT PERNYATAAN KEASLIAN SKRIPSI
Yang bertanda tangan di bawah ini :
Nama : Riska Oktavia
NIM : 11135444
Perguruan Tinggi : STMIK Nusa Mandiri Jakarta
Alamat Kampus : Jl. Kamal Raya No.18 Ringroad Barat, Cengkareng, Jakarta
Barat
Alamat Rumah: Kp.Malang Rt.009/003 Semanan , Kalideres Jakarta Barat
Dengan ini menyatakan bahwa skripsi yang telah saya buat dengan judul :
“Sistem Informasi Penerimaan Siswa Baru Berbasis Web Pada SMK Era Pembangunan 3 Jakarta
”, adalah asli (orisinil) atau tidak plagiat (menjiplak) dan belum pernah diterbitkan/dipublikasikan
dimanapun dalam bentuk apapun.
Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada paksaan dari
pihak manapun juga. Apabila dikemudian hari ternyata saya memberikan keterangan palsu atau
ada pihak lain yang mengklaim bahwa skripsi yang telah saya buat adalah hasil karya milik
seseorang atau badan tertentu, saya bersedia diproses baik secara pidana maupun perdata dan
kelulusan saya dari Sekolah Tinggi Manajemen Informatika & Komputer Nusa Mandiri
dicabut/dibatalkan.
Dibuat di : Jakarta
Pada tanggal : 21 Agustus 2017
Yang menyatakan,
v
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK
KEPENTINGAN AKADEMIS
Yang bertandatangandibawahini, saya:
Nama : Riska Oktavia
NIM : 11135444
Perguruan Tinggi : STMIK Nusa Mandiri Jakarta
Program Studi : SistemInformasi
Dengan ini menyetujui untuk memberikan ijin kepada pihak Sekolah Tinggi Manajemen
Informatika & Komputer Nusa Mandiri ,Hak Bebas Royalti Non-Ekslutif (Non-exclutive Royalti-
Free Right) atas karya ilmiah saya yang berjudul : “Sistem Informasi Penerimaan Siswa Baru
Berbasis Web Pada SMK Era Pembangunan 3 Jakarta” , beserta perangkat yang diperlukan (
apabila ada ).
Dengan Hak Bebas Royalti Non- Ekslusif ini pihak Sekolah Tinggi Manajemen Informatika &
Komputer Nusa Mandiri berhak menyimpan, mengalih-media atau format-kan, mengelolaanya
dalam perangkat data ( database ) , mendistribusikannya dan menampilkan atau
mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu
meminta ijin dari saya selama tetap mencantumkan nama saya sebagai penulis / pencipta karya
ilmiah tersebut.
Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Sekolah Tinggi
Manajemen Informatika & Komputer Nusa Mandiri ,segala bentuk tuntutan hukum yang
timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini.
Demikian pernyataan ini saya buat dengan sebenarnya.
Dibuat di : Jakarta
Padatanggal : 21 Agustus 2017
Yang menyatakan ,
Riska Oktavia
vi
PERSETUJUAN DAN PENGESAHAN SKRIPSI
Skripsi ini diajukan oleh:
Nama : Riska Oktavia
NIM : 11135444
Program Studi : Sistem Informasi
Jenjang : Strata Satu (S1)
Judul Skripsi : Sistem Informasi Penerimaan Siswa Baru Berbasis Web pada
SMK Era Pembangunan 3 Jakarta.
Untuk dipertahankan pada periode II-2017 dihadapan penguji dan diterima sebagai bagian
persyaratan yang diperlukan untuk memperoleh Sarjana Ilmu Komputer (S.Kom) pada Program
Strata Satu (S1) Jurusan Sistem Informasi di Sekolah Tinggi Manajemen Informatika & Komputer
Nusa Mandiri.
Jakarta, 21 Agustus 2017
PEMBIMBING SKRIPSI
Dosen Pembimbing : Jenie Sundari , M.Kom .............................
D E W A N P E N G U J I
Penguji I : …......................... ….........................
Penguji II : …......................... ......................
vii
PANDUAN PENGGUNAAN HAK CIPTA
Skripsi sarjana yang berjudul “Sistem Informasi Penerimaan Siswa Baru
Berbasis Web Pada SMK Era Pembangunan 3 Jakarta” adalah hasil karya
tulis asli Riska Oktavia dan bukan hasil terbitan sehingga peredaran karya tulis
hanya berlaku di lingkungan akademik saja, serta memiliki hak cipta. Oleh karena
itu, dilarang keras untuk menggandakan baik sebagian maupun seluruh karya tulis
ini, tanpa seizin penulis.
Referensi kepustakaan diperkenankan untuk dicatat tetapi pengutipan atau
peringkasan isi tulisan hanya dapat dilakukan dengan seizin penulis dan disertai
ketentuan pengutipan secara ilmiah dengan menyebutkan sumbernya.
Untuk keperluan perizinan pada pemilik dapat menghubungi informasi yang
tertera di bawah ini:
Nama : Riska Oktavia
Alamat : Kp.Malang Rt.009/003 Semanan Kalideres Jakarta Barat
No.HP : 0896-2775-6770
E-mail : [email protected]
viii
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah YME, yang telah
melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat
menyelesaikan Skripsi ini dengan baik. Di mana skripsi ini penulis sajikan dalam
bentuk buku yang sederhana. Adapun judul penulisan skripsi, yang penulis ambil
adalah sebagai berikut :
“SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA
SMK ERA PEMBANGUNAN 3 JAKARTA”.
Tujuan penulisan skripsi ini dibuat sebagai salah satu syarat kelulusan
Program Strata Satu (S1) STMIK Nusa Mandiri. Sebagai bahan penulisan diambil
berdasarkan hasil penelitian (eksperimen), observasi dan beberapa sumber literatur
yang mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan
dorongan dari semua pihak, maka penulisan skripsi ini tidak akan lancar Oleh
karena itu pada kesempatan ini, izinkanlah penulis menyampaikan ucapan terima
kasih kepada :
1. Ketua STMIK Nusa Mandiri.
2. Ketua Program Studi Teknik Informatika STMIK Nusa Mandiri.
3. Kepada Dosen Pembimbing, Jenie Sundari,M.Kom , terima kasih atas
bimbingan dan arahannya dalam segala hal selama penyusunan skripsi ini.
4. Kepada Bapak dan Ibu Dosen STMIK Nusa Mandiri yang telah memberikan
penulis dengan semua bahan yang diperlukan.
5. Staff , karyawan , dosen di lingkungan STMIK Nusa Mandiri.
6. Staff Guru / karyawan di lingkungan SMK Era Pembangunan 3 Jakarta.
ix
7. Orang tua tercinta yang telah memberikan dukungan moral maupun spritual ,
serta do’a tiada henti yang selalu mengiringi perjalanan hidup saya sampai saat
ini.
8. Untuk Teman-teman seperjuangan kelas 11.7AA.05
Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga
terwujudnya penulisan ini. Penulis menyadari bahwa penulisan skripsi ini masih
jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang bersifat
membangun demi kesempurnaan penulisan dimasa yang akan datang.
Akhir kata semoga skripsi ini dapat berguna bagi penulis khususnya dan
bagi para pembaca yang berminat pada umumnya.
Jakarta, 21 Agustus 2017
Riska Oktavia
x
ABSTRACT
Riska Oktavia (11135444), Admission of New Students Information System Web at SMK
Era Pembangunan 3 Jakarta.
At this time, “SMK Era Pembangunan 3 Jakarta” is still using a manual form and
book n the process of registration and compilation the data of new students. Furthermore,
they are still using Microsoft Excel to make a data report. So that the administration will
have difficulties to obtain the required data if the data is corrupted or missing. Moreover
school have problem in obtaining new students. Therefore, school need an information
system to facilitate the delivery of information to prospective new student, and also make
data management of new students and data report easier.In making this website, the
author designed a program that consists of an online registration process and preparation
reports. The registration process starts from filling the online form, confirmation of
payment, fillinf test, choosing the time of lessons, and the last is printing an online
registration data. Then, the reporting process consists of printing the report form of online
form, payment confirmation reports, and students’ data reports. The author make a
website about the information system of the students admissions which aim is to assists
the process of registration and reporting. This website is expected to be able to provide
facilities in the registration process, data processing, and preparing reports.
Key words: Information System, New Admissions, web.
xi
ABSTRAKSI
Riska Oktavia (11135444), Sistem Informasi Penerimaan Siswa Baru Berbasis Web Pada
SMK Era Pembangunan 3 Jakarta.
Pada saat ini “SMK Era Pembangunan 3 Jakarta” dalam proses pendaftaran siswa
baru masih menggunakan formulir manual dan dalam pengolahan data calon siswa baru
masih menggunakan buku pencatatan siswa baru serta Microsoft Excel untuk pembuatan
data laporan. Sehingga bagian administrasi mengalami kesulitan untuk memperoleh data,
jika data yang dibutuhkan rusak atau hilang. Sekolah juga mengalami permasalahan dalam
memperoleh calon siswa baru. Maka sekolah membutuhkan suatu sistem informasi untuk
mempermudah penyampaian informasi kepada calon siswa baru, mempermudah
pengelolaan data siswa baru dan pembuatan data laporan. Dalam pembuatan website ini
penulis merancang program yang terdiri dari proses pendaftaran dan pembuatan laporan
secara online. Pada proses pendaftaran di mulai dari pengisian formulir, konfirmasi
pembayaran, pengisian data siswa dan pengisian test, hingga pencetakan data
pendaftaran secara online. Kemudian pada proses pembuatan laporan terdiri dari
pencetakan laporan formulir, laporan konfirmasi pembayaran, dan laporan data siswa.
Penulis membuat sebuah website tentang sistem informasi penerimaan siswa baru yang
bertujuan untuk membantu proses pendaftaran dan pelaporan. Adanya website ini,
diharapkan akan mampu memberikan kemudahan dalam proses pendaftaran,
pengolahan data, serta pembuatan laporan.
Kata kunci: Sistem Informasi, Penerimaan Siswa Baru, Web.
xii
DAFTAR ISI
Halaman
Lembar Judul Skripsi ................................................................................................ i
Lembar Persembahan .............................................................................................. ii
Lembar Pernyataan Keaslian Skripsi ........................................................................ iii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ......................................... iv
Lembar Persetujuan dan Pengesahan Skripsi .......................................................... v
Lembar Panduan Penggunaan Hak Cipta ................................................................. vi
Kata Pengantar ......................................................................................................... vii
Abstraksi ................................................................................................................... x
Daftar Isi .................................................................................................................. xii
Daftar Simbol ........................................................................................................... xiv
Daftar Gambar ......................................................................................................... xvii
Daftar Tabel ............................................................................................................. xix
Daftar Lampiran ....................................................................................................... xxi
BAB I PENDAHULUAN
1.1. Latar Belakang Masalah ........................................................... 1
1.2. Identifikasi Permasalahan ........................................................ 2
1.3. Perumusan Masalah ................................................................. 3
1.4. Maksud dan Tujuan .................................................................. 3
1.5. Metode Penelitian .................................................................... 4
1.5. 1Teknik Pengumpulan Data ............................................... 4
A. Observasi ............................................................... 4
B. Wawancara ........................................................... 4
C. Studi Pustaka ........................................................ 5
1.5. 2Model Pengembangan Sistem ........................................... 5
xiii
A. Analisa Kebutuhan Sistem .................................... 5
B. Desain .................................................................... 5
C. Code Generation .................................................... 6
D. Testing ................................................................... 6
E. Support .................................................................. 6
1.6. Ruang Lingkup .......................................................................... 7
BAB II LANDASAN TEORI
2.1. Tinjuan Pustaka ........................................................................ 9
2.2. Penelitian Terkait ..................................................................... 22
BAB III ANALISA SISTEM BERJALAN
3.1. Tinjauan Institusi/Perusahaan .................................................. 23
3.1.1. Sejarah Institusi/Perusahaan ........................................ 23
3.1.2. Struktur Organisasi dan Fungsi ...................................... 25
3.2. Proses Bisnis ............................................................................. 28
3.2.1 Proses Bisnis Sistem ........................................................ 29
3.3. Spesifikasi Dokumen Sistem Berjalan ....................................... 30
BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN
4.1. Analisis Kebutuhan Software ..................................................... 32
4.1.1.Tahapan Analisis ............................................................. 32
4.2. Desain ....................................................................................... 43
4.2.1 Database ......................................................................... 43
4.2.2 Software Architecture ..................................................... 53
4.2.3 User Interface ................................................................. 55
4.3. Code Generation ........................................................................ 60
4.4. Testing ....................................................................................... 66
4.5. Support ....................................................................................... 71
4.5.1 Publikasi Web .................................................................. 71
4.5.2 Spesifikasi Hardware dan Software ................................ 72
xiv
4.6. Spesifikasi Dokumen Sistem Usulan ........................................ 73
BAB V PENUTUP
5.1. Kesimpulan ................................................................................ 75
5.2. Saran-saran ............................................................................... 76
DAFTAR PUSTAKA
DAFTAR RIWAYAT HIDUP
LEMBAR KONSULTASI BIMBINGAN
SURAT KETERANGAN RISET
LAMPIRAN-LAMPIRAN
xv
DAFTAR SIMBOL
A. Simbol Activity Diagram
Simbol Relasi Keterangan
Start Point
Menggambarkan Awal dari suatu aktivitas yang
berjalan pada sistem.
End Point
Menggambarkan akhir dari suatu aktivitas yang
berjalan pada sistem.
Activities Menyatakan suatu kegiatan yang terjadi.
Swimlane Sebuah cara mengelompokkan activity berdasarkan
actor.
Decision Menunjukkan suatu penyelekksian dalam modul.
Control Flow Mendiskripsikan hubungan (relasi) aliran state.
Transition
(Fork) Menggambarkan hubungan relasi percabangan.
Transition
(Join) Menggambarkan hubungan relasi penggabungan.
xvi
B. Simbol Use Case Diagram
Simbol Relasi Keterangan
Actor Sebuah peran yang bias dimainkan oleh pengguna
dalam interaksinya dengan sistem.
Use Case Abstraksi dari interaksi antara sistem dan actor.
«include»
Include
Penambahan perilaku kesuatu use case dasar yang
secara eksplisit mendiskripsikan penambahan
tersebut.
«extends»
Extend
Relasi use case tambahan ke sebuah use case
dimana use case yang ditambahkan dapat berdiri
sendiri walau tanpa use case tambahan.
Asosiasi
Komunikasi antara actor dan use case yang
berpartisipasi pada use case
* *
Generalization
Hubungan generalisasi dan spesialisasi (umum –
khusus) antara dua buah use case dimana fungsi
yang satu adalah fungsi yang lebih umum.
xvii
C. Simbol Deployment Diagram
Simbol Relasi Keterangan
Node1
Node Menggambarkan sumber daya yang digunakan pada
saat suatu sistem perangkat lunak dijalankan.
* *
Comunicates Menggambarkan lintasan komunikasi antara node
satu dengan node yang lainya.
Package Package merupakan sebuah bungukusan dari satu
atau lebih komponen.
package
xviii
DAFTAR GAMBAR
Halaman
Gambar III.1. Struktur Organisasi SMK Era Pembangunan 3 Jakarta .......................... 26
Gambar III.2. Activity Diagram Prosedur Pendaftaran siswa baru ............................. 30
Gambar IV.1. Use case Diagram Halaman Calon Siswa .............................................. 34
Gambar IV.2. Use case Diagram Halaman Pengunjung .............................................. 36
Gambar IV.3. Use case Diagram Halaman Admin ...................................................... 38
Gambar IV.4. Activity Diagram Calon Siswa ............................................................... 40
Gambar IV.5. Activity Diagram Pengunjung .............................................................. 41
Gambar IV.6. Activity Diagram Admin ........................................................................ 42
Gambar IV.7. ERD ........................................................................................................ 43
Gambar IV.8. Logical Record Structure ....................................................................... 44
Gambar IV.9. Component Diagram ............................................................................. 52
Gambar IV.10. Deployement Diagram ........................................................................ 53
Gambar IV.11. Tampilan Halaman Login .................................................................... 54
Gambar IV.12. Tampilan Halaman Admin................................................................... 54
Gambar IV.13. Tampilan Admin Data Konfirmasi Bayar ............................................. 55
Gambar IV.14. Tampilan Halaman Admin Data Hasil Tes ........................................... 55
Gambar IV.15. Tampilan Halaman Admin Data Siswa Diterima ................................. 56
Gambar IV.16. Tampilan Halaman Admin Data Calon Siswa ...................................... 56
Gambar IV.17. Tampilan Halaman Admin Buku Tamu ............................................... 57
Gambar IV.18. Tampilan Halaman Form Formulir Pendaftaran ................................. 57
Gambar IV.19. Tampilan Halaman Form Konfirmasi Pembayaran ............................. 58
Gambar IV.20. Tampilan Halaman Hasil Ujian Tes ...................................................... 58
xix
DAFTAR TABEL
Halaman
Tabel IV.1. Deskripsi UseCase Diagram Halaman Calon Siswa .............................................................................................................................................. 37
Tabel IV.2. Deskripsi UseCase Diagram Halaman Pengunjung .............................................................................................................................................. 40
Tabel IV.3. Deskripsi UseCase Diagram Halaman Admin .............................................................................................................................................. 40
Tabel IV.4. Spesifikasi file Calon Siswa .............................................................................................................................................. 45
Tabel IV.5. Spesifikasi file Hasil Tes .............................................................................................................................................. 47
Tabel IV.6. Spesifikasi file Konfirmasi bayar .............................................................................................................................................. 48
Tabel IV.7. Spesifikasi file Siswa .............................................................................................................................................. 49
Tabel IV.8. Spesifikasi file Soal .............................................................................................................................................. 51
Tabel IV.9. Spesifikasi file Seleksi .............................................................................................................................................. 52
xx
Tabel IV.10. Hasil pengujian blackbox testing Halaman login Admin .............................................................................................................................................. 66
Tabel IV.11. Hasil pengujian blackbox testing Halaman Login Calon Siswa .............................................................................................................................................. 67
Tabel IV.12. Hasil pengujian blackbox testing Halaman Login Pendaftaran Online .............................................................................................................................................. .68
Tabel IV.13. Hasil pengujian blackbox testing Halaman Konfirmasi Bayar .............................................................................................................................................. 69
Tabel IV.14. Hasil pengujian blackbox testing Halaman Buku Tamu .............................................................................................................................................. 70
Tabel IV.15. Strukturt Tabel Publikasi Web .............................................................................................................................................. 71
Tabel IV.16. Spesifikasi Hardware dan Software .............................................................................................................................................. 72
DAFTAR LAMPIRAN
xxi
Halaman
Lampiran A.1. Formulir Pendaftaran ............................................................................... 30
Lampiran A.2. Kwitansi Pembayaran Pendaftaran .......................................................... 31
Lampiran A.3. Laporan Penerimaan Siswa Baru .............................................................. 31
Lampiran B.1. Form Cetak Formulir Pendaftaran ............................................................ 73
Lampiran B.2. Laporan Data Calon Siswa ......................................................................... 73
Lampiran B.3. Laporan Data Konfirmasi Bayar ................................................................ 73
Lampiran B.4. Laporan Data Hasil Test Seleksi ................................................................ 74
Lampiran B.5. Laporan Data Siswa Diterima .................................................................... 74
1
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
SMK Era Pembangunan 3 adalah Sekolah Pendidikan Swasta yang
berlokasi di Jalan Gaga Alas Tua No.122 Rt.03/04 Jakarta Barat. Sekolah ini selalu
konsisten untuk tetap berusaha dan berupaya dalam mencerdaskan bangsa sekaligus
membentuk generasi penerus yang trampil, kreatif, berakhlak mulia. Perusahaan
yang bergerak dalam dunia pendidikan ini bertujuan untuk mendukung program
pemerintahan wajib belajar dua belas tahun. Dalam segi jumlah calon siswa yang
mendaftar di SMK Era Pembangunan 3 juga mengalami peningkatan. Ini dapat
dilihat dari jumlah murid yang terdapat pada kelas satu, dua, dan tiga.
Hidayat, (2013 : 1) Dalam penelitian ini adalah bagaimana membangun aplikasi
pendaftaran siswa baru di SMP Negeri 2 Sudimoro yang dapat membantu dalam
proses pengolahan data. Tujuan pembuatan sistem informasi ini adalah
menciptakan aplikasi pendaftaran siswa baru yang efektif, efisien serta
mempermudah dalam pengolahan data. Metode yang digunakan dalam membangun
aplikasi pendaftaran siswa baru di SMP Negeri 2 Sudimoro ini adalah metode
observasi, pustaka, analisis data dan sistem, perancangan sistem, pmbuatan
diharapkan akan membantu dan mempermudah dalam pengolahan data siswa baru.
Dengan semakin berkembangnya tingkat siswa yang mendaftar pada SMK
Era Pembangunan 3 serta ingin memberikan pelayanan yang memuaskan kepada
calon siswanya. Selama ini SMK Era Pembangunan 3 masih menggunakan sistem
penerimaan siswa baru secara manual untuk itu perlu suatu dukungan sistem yang
terkomputerisasi, yang dapat membantu panitia penerimaan siswa baru dalam
proses penerimaan siswa baru demi kemajuan SMK Era Pembangunan 3 dimasa
2
yang akan datang agar berkembang menjadi sekolah yang lebih besar. Namun,
seiring dengan meningkatnya siswa yang mendaftar dan perkembangan teknologi
dewasa ini, dengan sistem yang berjalan sekarang terdapat beberapa permasalahan
seperti lamanya proses penerimaan siswa baru yang masih bersifat manual yaitu
para calon siswa masih mengambil formulir ke sekolah, mengisi formulir tersebut
dan mengembalikan ke sekolah lagi untuk di rekap oleh panitia penerimaan siswa
baru dan membutuhkan waktu. Hal inilah yang sekiranya untuk memudahkan
dalam proses penerimaan siswa baru. Maka perlu adanya sistem penerimaan siswa
baru berbasis web yang lebih dinamis untuk memudahkan dalam proses penerimaan
siswa baru dalam hal rekap data calon siswa baru.
1.2. Identifikasi Permasalahan
Berdasarkan latar belakang masalah diatas, penulis dapat mengidentifikasi
masalah yang terdapat pada SMK Era Pembangunan 3 :
1. Proses penerimaan siswa baru di SMK Era Pembangunan 3 selama ini
masih bersifat manual, dimana calon siswa baru harus datang untuk
mengambil formulir pendaftaran ke sekolah.
2. Proses rekap data yang menggunakan buku oleh panitia ke dalam buku
terkadang sering terjadi kesalahan.
3. Proses pencarian data calon siswa baru oleh panitia menggunakan waktu
yang tidak sedikit.
4. Pihak sekolah mengeluarkan biaya untuk membayar panitia penerimaan
siswa baru.
5. Data rekap yang dikerjakan panitia terkadang masih terjadi kehilangan.
3
1.3. Perumusan Masalah
Berdasarkan latar belakang masalah yang dikemukakan di atas, penulis
membuat rumusan masalah yang terjadi dalam penulisan skripsi ini adalah :
a. Apakah perlunya sistem aplikasi untuk membatu dalam hal pendaftaran
siswa baru.
b. Bagaimana merancang sistem informasi penerimaan siswa baru berbasis
web yang bisa membantu dan memberikan kemudahan pihak sekolah
maupun calan siswa baru.
c. Bagaimana penerapan sistem penerimaan siswa baru berbasis web.
d. Bagaimana pengelolaan data dalam penerimaan siswa baru.
1.4. Maksud dan Tujuan
Berdasarkan permasalahan yang dihadapi diatas, penulis mempunyai
maksud dan tujuan dalam penulisan skripsi ini. Adapun maksud dan tujuan tersebut
adalah sebagai berikut:
1. Memberikan solusi kepada pihak SMK Era Pembangunan 3 yang selama ini
masih menggunakan sistem manual dalam menyampaikan informasi dan
pemasaran, khususnya menggunakan media internet.
2. Meningkatkan pelayanan penerimaan siswa baru pada SMK Era
Pembangunan 3 agar dapat memberikan kemudahan transaksi online
kepada para calon siswa baru dimana saja dan kapan saja dengan cepat.
3. Menghasilkan laporan penerimaan siswa baru yang lebih spesifik dengan
akurat dan tepat.
4
4. Membantu pihak SMK Era Pembangunan 3 dalam mempromosikan fasilitas
sekolah dan pihak yang bekerjasama dengan sekolah.
Adapun tujuan dari penulisan skripsi ini adalah sebagai salah satu syarat
kelulusan program Strata Satu (S1) program studi Sistem Informasi pada Sekolah
Tinggi Manajemen Informatika (STMIK) Nusa Mandiri Jakarta.
1.5. Metode Penelitian
1.5.1. Teknik Pengumpulan Data
A. Observasi
Mengadakan pengamatan langsung di SMK Era Pembangunan 3 terutama
pada bagian penerimaan calon siswa baru untuk mengamati keadaan
sebenarnya dari obyek yang akan diteliti guna mendapat memperoleh data
sesungguhnya dari perusahaan tersebut. Dengan demikian penulis akan
mendapatkan kejelasan terhadap proses-proses yang sedang terjadi seperti
orang-orang yang terlibat didalam sistem tersebut, dokumen-dokumen yang
digunakan dalam pencatatan data-datanya, data-data pendukung lainnya,
dokumen-dokumen yang dihasilkan dari pengolahan data tersebut.
B. Wawancara
Penulis melakukan wawancara secara langsung kepada Ibu Nurul Hidayati,
S.Pd. selaku Kepala sekolah SMK Era Pembangunan 3 dan Petugas TU.
Adapun hasil wawancara yang penulis dapatkan adalah mengenai sejarah
berdirinya SMK Era Pembangunan 3, prosedur pendaftaran calon siswa
baru, penerimaan calon siswa baru dan laporan penerimaan siswa.
5
C. Studi Pustaka
Penulis melakukan pengumpulan data melalui beberapa buku dan jurnal
sebagai referensi dan juga sumber-sumber lainnya, yang berhubungan
dengan topik pembahasan skripsi ini.
1.5.2. Model Pengembangan Sistem
Metode yang digunakan pada pengembangan perangkat lunak ini
menggunakan model Waterfall, Menurut Sukamto dan Shalahuddin (2011:28),
model waterfall adalah “model air terjun menyediakan pendekatan alur hidup
perangkat lunak secara sekuensial atau terurut dimulai dari analisa,
desain,pengkodean, ”. Nama model ini sebenarnya adalah “Linear Sequential
Model”. Langkah-langkah yang harus dilakukan pada metodologi Waterfall adalah
sebagai berikut :
A. Analisa Kebutuhan Perangkat Lunak
Penulis melakukan analisa terhadap data yang diperoleh untuk menentukan
kebutuhan software untuk pendukung program aplikasi yaitu dengan seperti
adanya login user yang berguna untuk masuk ke website tersebut dengan
status dia sudah mendaftar di website tersebut, selection sebagai info
tentang test soal seleksi yang di sediakan oleh pihak sekolah serta cetak
identitas calon siswa baru.
B. Desain
Penulis mulai memikirkan perancangan program yang akan dikerjakan,
dengan acuan program yang dibuat harus user friendly dan dengan
menggunakan metode UML (unifed Modeling Language) dengan membuat
6
Use Case Diagram, Class Diagram dan Sequence Diagram, desain
database,ERD dan LRS.
C. Code Generation
Code Generation adalah proses dimana compiler's generator kode
mengkonversi beberapa perwakilan intermedit dari kode sumber menjadi
bentuk (misalnya, kode mesin) yang dapat dengan mudah dieksekusi oleh
mesin. Adapun bahasa pemrograman yang digunakan penulis yaitu
menggunakan PHP, Adobe Dreamweaver CS3, Xampp 1.6.8, Browser
Mozilla Firefox dan databasenya menggunakan MySQL.
D. Testing
Tiap aktivitas yang digunakan untuk dapat melakukan evaluasi suatu atribut
atau kemampuan dari program atau sistem dan menentukan apakah telah
memenuhi kebutuhan atau hasil yang diharapkan, Black Box testing adalah
cara melakukan test pengujiannya.
E. Support
Sistem informasi penerimaan siswa baru diberikan kepada pihak pengelola,
proses perawatan dilakukan secara berkala baik dari sitem maupun terhadap
perbaikan sistem apabila terjadi kendala dalam operasionalnya akibat dari
masalah teknis yang tidak terindikasi dalam proses pengembangan sistem .
Sistem informasi ini akan dihostingkan pada penyedia web hosting,
sehingga pemeliharaan juga dapat dilakukan secara berkaitan dengan
penyedia web hosting apabila ada update fasilias terbaru yang diberikan
oleh web hosting tersebut.
7
1.6. Ruang Lingkup
Untuk menghindari pembahasan yang tidak relevan dengan topik, maka
penulis membatasi ruang lingkup yang akan dibahas meliputi permasalahan dan
solusi yang ada di SMK Era Pembangunan 3. Permasalahan yang terjadi di pada
SMK Era Pembangunan 3 diantaranya proses penerimaaan siswa baru masih
menggunakan sistem manual, keterbatasan dalam mengolah serta menyajikan data
dan informasi yang berkaitan dengan data penerimaan calon siswa baru,
keterlambatan pencarian data, data yang tersimpan terkadang mengalami
redudansi, serta tidak adanya sistem online. Oleh sebab itu SMK Era Pembangunan
3 memerlukan suatu sistem informasi penerimaan siswa baru berbasis web yang
dapat membantu sekolah dan petugas penerimaan siswa baru dalam melakukan
pengolahan dan penyajian data serta memudahkan dalam mencari informasi calon
siswa yang bisa dilakukan kapan saja dan dimana saja.
Sistem berjalan saat ini yang dilakukan oleh panitia penerimaan siswa baru
adalah calon siswa membeli formulir disekolah kemudian calon siswa mengisi
formulir yang telah di sediakan, setelah diisi calon siswa mengembalikanya ke
sekolah ke bagian panitia penerimaan siswa baru. Panitia penerimaan siswa baru
kemudian mencatat dalam buku penerimaan siswa. Setelah rekap pada buku
penerimaan siswa panitia penerimaan siswa panitia membuatkan rekap data calon
siswa untuk di arsipkan kemudian di buatkan laporan.
Sistem usulan untuk penerimaan siswa baru pada SMK Era Pembangunan 3
adalah calon siswa baru membuka website yang telah disediakan oleh pihak
sekolah. kemudian melakukan pendaftaran online dengan mengisi formulir online
dimana calon siswa mengisikan data diri calon siswa dan mengupload data yang di
8
butuhkan pihak sekolah. Dilanjutkan melakukan pembayaran formulir dengan
melakukan transfer ATM, internet banking, atau setoran tunai melalui rekening
bank yang telah ditentukan. Setelah itu melakukan konfirmasi pembayaran kepada
bagian administrasi sekolah melalui halaman konfirmasi pembayaran. Selanjutnya
calon siswa mengikuti test seleksi pada halaman test seleksi siswa. Setelah itu
melakukan pencetakan pendaftaran online untuk di berikan kepada pihak sekolah
untuk di arsip dan untuk pembuatan laporan.
9
BAB II
LANDASAN TEORI
2.1. Tinjauan Pustaka
A. Model Pengembangan Sistem
Metode pengembangan sistem yang digunakan dalam perancangan
sistem informasi ini adalah metode daur hidup pengembangan sistem atau
system development life cycle (SDLC).
Menurut Sukamto dan Shalahuddin (2013:26) SDLC atau Software
Development Life Cycle adalah proses mengembangkan atau mengubah
suatu sistem perangkat lunak dengan menggunakan model-model dan
metodologi yang digunakan orang untuk mengembangkan sistem-
sistem perangkat lunak sebelumnya (berdasarkan best practice atau
cara-cara yang sudah teruji baik).
SDLC memiliki beberapa model dalam penerapan tahapan prosesnya,
salah satunya model yang diterapkan dalam membangun perancangan sistem
informasi ini adalah model waterfall. Menurut Sukamto dan Shalahuddin
(2013:28) “model waterfall sering juga disebut model sekuensial linier
(sequential linier) atau alur hidup klasik (classic life cycle).”
Model air terjun menyediakan pendekatan alur hidup perangkat lunak
secara sekuensial atau terurut dimulai dari analisis desain, pengodean,
pengujian, dan tahap pendukung (support). Berikut adalah gambar model air
terjun (waterfall):
10
Sumber : Sukamto dan Shalahuddin (2013 : 28)
Gambar II.1
Model Waterfall
Tahapan-tahapan dalam model waterfall terdiri dari:
1. Analisi kebutuhan perangkat lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami
perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi
kebutuhan perangkat lunak pada tahap ini perlu untuk didokumentasikan.
2. Desain
Desain perangkat lunak adalah proses multi langka yang fokus pada
desain pembuatan program perangkat lunak termasuk struktur data,
arsitektur perangkat lunak, representasi antarmuka, dan prosedur
pengodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap
analisis kebutuhan ke representasi desain agar dapat diimplementasikan
menjadi program pada tahap selanjutnya. Desain perangkat lunak yang
dihasilkan pada tahap ini juga perlu didokumentasikan.
11
3. Pembuatan kode program
Desain harus ditranslasikan ke dalam program perangkat linak. Hasil dari
tahap ini adalah program komputer sesuai dengan desain yang telah
dibuat pada tahap desain.
4. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan
fungsional dan memastikan bahwa semua bagian sedah diuji. Hal ini
dilakukan untuk meminimalisir kealahan (error) dan memastikan
keluaran yang dihasilkan sesuai dengan yang diinginkan.
5. Pendukung (Support) atau pemeliharaan (maintenence)
Tidak menutup kemungkinan sebuah perangkat lunak pengalami
perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi
karena adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian
atau perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap
pendukung atau pemeliharaan dapat mengulangi proses pengembangan
mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang
sudah ada, tapi tidak untuk membuat perangkat lunak baru.
B. Konsep Dasar Sistem
Menurut Sutabri (2012:3) “secara sederhana sistem dapat diartikan
sebagai kumpulan atau himpunan dari unsur, komponen, atau variabel
yang terorganisasi, saling berinteraksi, saling tergantung satu sama lain
dan terpadu. Menurut Gordon B.”
12
Menurut Davis dalam buku Sutabri (2013:6) bahwa sistem bisa berupa
abstrak atau fisik. Sistem yang abstrak adalah susunan gagasan-gagasan
atau konsepsi yang teratur yang saling bergantung. Misalnya, sistem
teologi adalah susunan yang teratur dari gagasan-gagasan tentang Tuhan,
manusia, dan lain sebagainya. Sedangkan sistem yang bersifat fisik
adalah serangkaian unsur yang bekerja sama untuk mencapai suatu
tujuan.
C. Konsep Dasar Pemograman
Menurut Sukamto dan Shalahuddin (2013:67) pemrograman terstruktur
adalah konsep atau paradigma atau sudut pandang pemrograman yang
membagi-bagi program berdasarkan fungsi-fungsi atau prosedur-
prosedur yang dibutuhkan program komputer. Modul-modul (pembagian
program) biasanya dibuat dengan mengelompokkan fungsi-fungsi dan
prosedur-prosedur yang diperlukan sebuah proses tertentu.
Fungsi-fungsi dan prosedur-prosedur ditulis secara sekuensial atau
terurut dari atas ke bawah sesuai dengan kebergantungan antar fungsi atau
prosedur (fungsi atau prosedur yang dapat dipakai oleh fungsi atau prosedur
dibawahnya harus yang sudah ditulis atau dideklarasikan di atasnya)
Pemodulan pada pemrograman terstruktur dibagi berdasarkan fungsi-fungsi
dan prosedur-prosedur. Oleh karena itu, pemodelan pada pemrograman
terstruktur lebih fokus bagaimana memodelkan data dan fungsi-fungsi atau
prosedur-prosedur yang harus dibuat. Jenis paradigma pemrograman yang
digunakan dapat dideteksi dari bahasa pemrograman apa yang akan
digunakan untuk membuat program, baru setelah itu ditentukan paradigma
pemrograman apa yang akan digunakan.
Menurut Ladjamudin (2005:303) dalam konsep dasar pemrograman
terstruktur memiliki beberapa teori, yaitu:
1. Pemrograman Modular (Modular Programming)
13
Merupakan suatu teknik yang digunakan untuk menulis program yang
berukuran besar. Program dibagi menjadi beberapa bagian kecil. Tiap
bagian disebut modul, yang melakukan suatu tugas tertentu. Umumnya,
setiap modul program, terdiri dari sekumpulan pernyataan yang memiliki
fungsi/kegunaan tertentu didalam program. Biasanya, setiap program
mengandung beberapa atau keseluruhan fungsi/kegunaan seperti
dokumentasi program, pemasukan data, analisa data, perhitungan,
pembaharuan file (file update), pengubahan data (editing), dan
pembuatan laporan (report generation).
2. Pemrograman Top-Down
Pendekatan top-down ini sangat berguna dalam perancangan
pemograman modular. Dalam pemrograman top-down (atas ke bawah),
yang pertama kita definisikan adalah modul utama. Modul utama yang
dimaksud adalah modul yang pertama kali dijalankan, juga yang
memanggil modul lainnya dan juga modul yang mengakhiri program.
Dalam merencanakan pemrograman top-down ini digunakan suatu alat
bantu, yaitu hierarchy (HIPO) chart (Diagram Isi Visual Diagram
HIPO). Dalam hierarchy chart dipergunakan beberapa level yang
membedakan antar modul. Level yang ada dimulai dengan level 0. Level
0 ini berisi modul program utama. Dibawah level 0 terdapat level, yaitu
berupa sub modul-sub modul yang dipanggil oleh modul program utama,
demikian seterusnya.
3. Pemrograman Bottom-Up
14
Bila ada masalah yang kompleks, maka pemecahan masalah dilakukan
dengan menggabungkan prosedur-prosedur yang ada menjadi satu
kesatuan program guna menyelesaikan masalah tersebut.
Diselesaikannya semua pengkodean untuk modul-modul tingkat paling
rendah, kemudian diuji, bila benar maka diintegrasikan ke tingkat
selanjutnya dan diuji lagi. Pengujian Bottom-Up membutuhkan beberapa
program kendali, yang memanggil modul dan memasukan data
penambahan signifikan didalam program.
D. Konsep Dasar Web
1. Website
Menurut Sibero (2014:11) “World Wide Web (W3) atau dikenal juga
dengan istilah web adalah suatu sistem yang berkaitan dengan
dokumen digunakan sebagai media untuk menampilkan teks,
gambar, multimedia dan lainnya pada jaringan internet.“
2. Internet
Menurut Sibero (2014:10) Internet (Interconnected Network) adalah
jaringan komputer yang menghubungkan antar jaringan secara
global, internet dapat juga disebut jaringan dalam suatu jaringan yang
luas. Seperti halnya jaringan komputer lokal maupun jaringan
komputer area, internet juga menggunakan protokol komunikasi
yang sama yaitu TCP/IP (Transmission Control Protocol / Internet
Protocol).
3. Web Server
Menurut Sibero (2014:11) Web server adalah sebuah komputer yang
terdiri dari perangkat keras dan perangkat lunak. Secara bentuk fisik
dan cara kerjanya, perangkat keras web server tidak berbeda dengan
15
komputer rumah atau PC, yang membedakan adalah kapasitas dan
kapabilitasnya. Perbedaan tersebut dikarenakan web server bekerja
sebagai penyedia layanan yang dapat diakses oleh banyak pengguna,
sehingga dibutuhkan kapasitas dan kapabilitas yang besar dibanding
PC. Dukungan perangkat lunak sangat dibutuhkan agar web server
dapat berjalan secara optimal. Setiap perangkat lunak web server
memiliki karakteristik dan tekhnologi yang digunakan untuk
mengatur kerja sistemnya.
4. PHP
Menurut Sibero (2014:49) PHP adalah pemrograman interpreter
yaitu proses penerjemahan baris kode sumber menjadi kode mesin
yang dimengerti komputer secara langsung pada saat baris kode
dijalankan. PHP disebut sebagai pemrograman Server Side
Programming, hal ini dikarenakan seluruh prosesnya dijalankan pada
server. PHP adalah suatu bahasa dengan hak cipta terbuka atau yang
juga dikenal dengan istilah open source, yaitu pengguna dapat
mengembangkan kode-kode fungsi PHP sesuai dengan
kebutuhannya.
5. HTML
Menurut Sibero (2014:19) “Hyper Text Markup Languange atau
HTML adalah bahasa yang digunakan pada dokumen web sebagai
bahasa untuk pertukaran dokumen web. Struktur dokumen HTML
terdiri dari tag pembuka dan tag penutup.”
6. MySQL
Menurut Sibero (2014:97) “MySQL atau dibaca “My Sekuel” dengan
adalah suatu RDBMS (Relational Data-base Management System)
yaitu aplikasi sistem yang menjalankan fungsi pengolahan data.”
7. CSS
Menurut Sibero (2014:112) Cascading Style Sheet dikembangkan
untuk menata gaya pengaturan halaman web. Pada awalnya CSS
dikembangkan pada SGML pada tahun 1970, dan terus
dikembangkan hingga saat ini CSS telah mendukung banyak bahasa
16
Markup seperti: HTML, XHTML, XML, SVG (Scalable Vector
Graphic) dan Mozilla XUL (XML User Interface Languange).
Mengacu dari arti bahasa, Cascading Style Sheet memiliki arti Gaya
Menata Halaman Bertingkat, yang berarti setiap satu elemen yang
telah diformat dan memiliki anak dan telah diformat, amka anak dari
elemen tersebut secara otomatis mengikuti format elemen induknya.
8. Javascript
Menurut Sibero (2014:150) Javascript adalah bahasa skrip (Scripting
Languange), yaitu kumpulan instruksi perintah yang digunakan
untuk mengendalikan beberapa bagian dari sistem operasi. Bentuk
bahasa skrip dari Javascript mengambil model penulisan pada
pemrograman C dan Java, yang terdiri dari variabel, fungsi dan
lainnya.
E. UML (Unified Modelling Languange)
Menurut Widodo, (2011:6) UML singakatan dari Unified Modelling
Languange yang berarti bahasa pemodelan standar. (Chonoles, 2003: bab
1) mengatakan sebagai bahasa, berarti UML memiliki sintaks dan
semantik. Ketika kita membuat model menggunakan konsep UML ada
aturan-aturan yang harus diikuti. Bagaimana elemen pada model-model
yang kita buat berhubungan satu dengan lainnya harus mengikuti standar
yang ada. UML bukan hanya sekedar diagram, tetapi juga menceritakan
konteksnya.
Menurut Widodo, (2011:7) Blok pembangun utama UML adalah diagram.
Beberapa diagram ada yang rinci (jenis timing diagram) dan lainnya ada
yang bersifat umum (misalnya diagram kelas). Intinya, UML merupakan
alat komunikasi yang konsisten dalam mensuport para pengembang
sistem saat ini. Sebagai perancang sistem, mau tidak mau pasti akan
menjumpai UML, baik kita sendiri yang membuat atau sekedar membaca
diagram UML buatan orang lain (Pilone, 2005: bab 1).
Adapun jenis-jenis diagram pada UML dengan bentuk pemrograman
yang digunakan yaitu pemrograman berorientasi objek diantaranya :
1. Use Case Diagram
Menurut Widodo, Herlawati (2011:10) bersifat statis. Diagram ini
memperlihatkan himpunan use case dan aktor-aktor (suatu jenis khusus
dari kelas). Diagram ini terutama sangat penting untuk mengorganisasi
17
dan memodelkan perilaku suatu sistem yang dibutuhkan serta
diharapkan pengguna .
Menurut Sukamto dan Shalahuddin (2013 : 155) , ”Ada dua hal utama
pada use case yaitu pendefinisian apa yang disebut aktor dan use case”
. Aktor merupakan orang, proses, atau sistem lain yang berinteraksi
dengan sistem informasi yang akan dibuat di luar sistem informasi yang
akan dibuat itu sendiri, jadi walaupun simbol dari aktor adalah gambar
orang, tapi aktor belum tentu merupakan orang. Use Case merupakan
fungsionalitas yang disediakan sistem sebagai unit-unit yang saling
bertukar pesan antar unti atau aktor.
Menurut Widodo, (2011 : 16) komponen pembentuk diagram use case
adalah :
a. Aktor (actor), menggambarkan pihak-pihak yang berperan dalam
sistem.
b. Use Case, aktivitas/sarana yang disiapkan oleh bisnis/sistem.
c. Hubungan (link), aktor mana saja yang terlibat dalam use case ini.
(Chonoles, 2003: bab 8) menyarankan sebelum membuat use case
dan menentukan aktornya, agar mengidentifikasikan siapa saja pihak
yang terlibat di dalam sistem kita. Pihak yang terlibat biasanya
dinamakan stakeholder. Langkah awal yang baik adalah
mempertimbangkan kebutuhan klien dan pelanggan sebelum
membentuk use-case.
2. Diagram Aktivitas
Menurut Widodo, dan Herlawati (2011:11) diagram aktivitas adalah
tipe khusus dari diagram status yang memperlihatkan aliran dari suatu
aktifitas ke aktifitas lainnya dalam suatu sistem. Diagram ini terutama
penting dalam pemodelan fungsi-fungsi suatu sistem dan memberi
tekanan pada aliran kendali antar objek. Diagram aktivitas lebih
memfokuskan diri pada eksekusi dan alur sistem dari pada bagaimana
sistem itu dirakit. Diagram ini tidak hanya memodelkan software
18
melainkan memodelkan model bisnis juga. Diagram aktivitas
menunjukkan aktivitas sistem dalam bentuk kumpulan aksi-aksi. Bila
digunakan dalam pemodelan bisnis, diagram ini menggambarkan
aktivitas yang dipicu oleh kejadian-kejadian di luar seperti pemesanan
atau kejadian-kejadian internal.
Menurut Sukamto dan Shalahuddin (2011:11) Bersifat dinamis.
Diagram aktifitas adalah tipe khusus dari diagram status yang
memperlihatkan aliran dari suatu aktivitas ke aktivitas lainnya dalam
suatu sistem. Diagram ini terutama penting dalam pemodelan fungsi-
fungsi suatu sistem dan memberi tekanan pada aliran kendali antar
objek.
3. Diagram Komponen (Component Diagram).
Menurut Widodo dan Herlawati (2011:11) bersifat statis. Diagram
komponen ini memperlihatkan organisasi serta kebergantungan
sistem/perangkat lunak pada komponen-komponen yang telah ada
sebelumnya. Diagram ini berhubungan dengan diagram kelas dimana
komponen secara tipikal dipetakan kedalam satu atau lebih kelas-kelas,
antarmuka-antarmuka serta kolaborasi-kolaborasi.
4. Diagram Deployment (Deployment Diagram).
Menurut Widodo dan Herlawati (2011:12) bersifat statis. Diagram ini
memperlihatkan konfigurasi saat aplikasi dijalankan (run-time).
Memuat simpul-simpul beserta komponen-komponen yang ada di
dalamnya. Diagram deployment berhubungan erat dengan diagram
komponen diaman diagram ini memuat satu atau lebih komponen-
komponen. Diagram ini sangat berguna saat aplikasi kita berlaku
sebagai aplikasi yang dijalankan pada banyak mesin (distributed
computing).
F. ERD (Entity Relationship Diagram)
Menurut Ladjamudin (2005:142) ERD adalah suatu model jaringan yang
menggunakan susunan data yang disimpan dalam sistem secara abstrak.
Jadi, jelaslah bahwa ERD ini berbeda dengan DFD yang merupakan suatu
model jaringan fungsi yang akan dilaksanakan oleh sistem, sedangkan
ERD merupakan model jaringan data yang menekankan pada struktur-
struktur dan relationship data.
19
Diagram hubungan entitas atau yang lebih dikenal dengan sebutan
E-R diagram, adalah notasi grafik dari sebuah model data atau sebuah model
jaringan yang menjelaskan tentang data yang tersimpan (storage data)
dalam sistem secara abstrak. Diagram hubungan entitas tidak menyatakan
bagaimana memanfaatkan data, membuat data, mengubah data dan
menghapus data. Elemen-elemen diagram hubungan entitas adalah :
a. Entity
Menurut Ladjamudin (2005:143) pada E-R diagram, entity
digambarkan dengan sebuah bentuk persegi panjang. Entity adalah
sesuatu apa saja yang ada di dalam sistem, nyata maupun abstrak
dimana data tersimpan atau dimana terdapat data. Entitas diberi nama
dengan kata benda dan dapat dikelompokkan dalam empat jenis nama,
yaitu orang, benda, lokasi, kejadian (terdapat unsur waktu di dalamnya).
b. Relationship
Menurut Ladjamudin (2005:143) pada pada E-R diagram, relationship
dapat digambarkan dengan sebuah bentuk belah ketupat. Relationship
adalah hubungan alamiah yang terjadi antara entitas. Pada umumnya
penghubung (Relationship) diberi nama dengan kata kerja dasar,
sehingga memudahkan untuk melakukan pembacaan relasinya (bisa
dengan kalimat aktif atau kalimat pasif). Penggambaran hubungan yang
terjadi adalah sebuah bentuk belah ketupat dihubungkan dengan dua
bentuk empat persegi panjang.
c. Relationship Degree
Menurut Ladjamudin (2005:144) pada Relationship Degree atau derajat
relationship adalah jumalah entitas yang berpartisipasi dalam suatu
relationship. Derajat Relationship yang sering dipakai di dalam ERD
adalah Unary Relationship, Binary Relationship, dan Ternary
Relationship.
d. Atribut
Menurut Ladjamudin (2005:146) secara umum atribut adalah sifat atau
karakteristik dari tiap entitas maupun tiap Relationship. Maksudnya,
20
atribut adalah sesuatu yang menjelaskan apa sebenarnya yang dimaksud
entitas maupun Relationship, sehingga serig dikatakan atribut adalah
elemen dari setiap entitas dan Relationship.
e. Kardinalitas (Cardinality)
Menurut Ladjamudin (2005:147) Kardinalitas Relasi menunjukkan
jumlah maksimum tupel yang dapat berelasi dengan entitas pada entitas
yang lain. Dari sejumlah kemungkinan banyaknya hubungan antar
entitas tersebut, Kardinalitas Relasi merujuk kepada hubungan
maksimum yang terjadi dari entitas yang lain dan begitu juga
sebaliknya.
Terdapat 3 macam kardinalitas relasi, yaitu:
1) One to One
Menurut Ladjamudin (2005:147) tingkat hubungan satu ke satu,
dinyatakan dengan satu kejadian pada entitas pertama, hanya
mempunyai satu hubungan dengan satu kejadian pada entitas yang
kedua dan sebaliknya. Yang berarti setiap tupel pada entitas A
berhubungan dengan paling banyak satu tupel pada entitas B, dan
begitu juga sebaliknya setiap tupel pada entitas B berhubungan
dengan paling banyak satu tupel pada entitas A.
2) One to Many atau Many to one
Menurut Ladjamudin (2005:147) tingkat hubungan satu kebanyak
adalah sama dengan banyak ke satu. Tergantung dari arah mana
hubungan tersebut dilihat. Untuk satu kejadian pada entitas yang
pertama dapat mempunyai banyak hubungan dengan kejadian pada
entitas yang kedua.
Sebaliknya satu kejadian pada entitas yang kedua hanya dapat
mempunyai satu hubungan dengan satu kejadian pada entitas yang
pertama.
a) One to Many (satu ke banyak)
Menurut Ladjamudin (2005:148) “yang berarti satu tupel pada
entitas A dapat berhubungan dengan banyak tupel pada entitas B,
21
tetapi tidak sebaliknya, dimana setiap tupel pada entitas B,
berhubungan dengan paling banyak satu tupel pada entitas A.”
b) Many to One (banyak ke satu)
Menurut Ladjamudin (2005:148) yang berarti setiap tupel pada
entitas A dapat berhubungan dengan paling banyak satu tupel
pada entitas B, tetapi tidak sebaliknya, dimana setiap tupel pada
entitas A berhubungan dengan paling banyak satu tupel pada
entitas B.
3) Many to Many
Menurut Ladjamudin (2005:148) tingkat hubungan banyak ke
banyak terjadi jika tiap kejadian pada sebuah entitas akan
memepunyai banyak hubungan dengan kejadian pada entitas
lainnya. Baik dilihat dari sisi entitas yang pertama, maupun dilihat
dari sisi yang kedua. Yang berarti setiap tupel pada entitas A dapat
berhubungan dengan banyak tupel pada entitas B, dan demikian juga
sebaliknya, dimana setiap tupel pada entitas B dapat berhubungan
dengan banyak tupel pada entitas A.
f. Participation Constrain
Menurut Indradjani (2011:123) “participation constrain adalah batasan
yang menentukan setiap anggota superclass harus menjadi bagian
dalam subclass. Sifat participation constraint dapat mandatory atau
optional.”
G. Sistem Informasi Penerimaan Siswa baru
Sistem penerimaan siswa baru merupakan salah satu proses yang
ada di instansi pendidikan seperti sekolah yang berguna untuk menyaring
calon siswa yang terpilih sesuai kriteria yang ditentukan oleh sekolah
tersebut untuk menjadi siswa didiknya. Pada umumnya pr oses penerimaan
siswa baru dilakukan melalui tahapan pendaftaran, tes seleksi, dan
pengumuman penerimaan siswa (Ramadhani, 2012 : 1).
22
2.2. Penelitian Terkait
Menurut Sukadi dkk (2012) menjelaskan bahwa:
SMK PGRI Donorojo merupakan salah satu sekolah yang berada di Desa Belah,
Kecamatan Donorojo, kabupaten pacitan. Setiap tahunnya SMK PGRI Donorojo
melaksanakan penerimaan siswa baru, pengolahan data penerimaan siswa baru
pada SMK PGRI Donorojo saat ini masih dilakukan secara konvensional yaitu
calon siswa baru harus datang langsung ke sekolah untuk melakukan pendaftaran.
Data pendaftar dicatat pada buku- buku besar kemudian disimpan pada rak –rak
buku, proses rekap juga masih dilakukan secara manual sehingga sering terjadinya
kesalahan data serta memerlukan waktu yang sangat lama.
Menurut Himawan dkk (2013) menjelaskan bahwa:
Lingkungan kegiatan penerimaan siswa baru merupakan lingkungan kegiatan rutin
yang dilaksanakan oleh instansi penyelenggara pendidikan di setiap tahunnya,
kenyataan dilapangan menyebutkan bahwa beberapa instansi pendidikan kurang
siap dalam penyelenggaraan penerimaan siswa baru. Ruwetnya masalah
administrasi yang bersifat pengguna berbuntut pada kurang efisiensi dilingkungan
kegiatan penerimaan siswa baru. seiring kemajuan teknologi informasi, nilai
penerimaan siswa baru sudah dapat dilaksanakan secara online, ini memudahkan
instansi pendidikan dan juga para pendaftar tentu nya. Pendaftaran siswa baru yang
dapat dipantau setiap saat secara online. Penelitian ini mengembangkan aplikasi
untuk web pendaftaran siswa baru secara online menggunakan Bahasa
pemprograman php dan xampp sebagai web server yang didalamnya memuat
apache, ditambahkan Basic Data Oracle 10g. aplikasi untuk ditujukan agar dapat
protes yang meliputi nilai akhir siswa baru dapat ditingkatkan dan lebih efisien
pengerjaannya.
23
BAB III
ANALISA SISTEM BERJALAN
3.1. Tinjauan Institusi
Dalam penyusunan skripsi ini penulis melakukan riset pada SMK Era
Pembangunan 3 Jakarta yang bertujuan untuk mengetahui sistem yang digunakan oleh
SMK Era Pembangunan 3 Jakarta dalam mengelola data.
Dalam penulisan skripsi ini, penulis melakukan pendekatan untuk memperoleh
data yang diperlukan dengan metode wawancara, observasi, dan studi pustaka. Setelah
mengetahui sistem yang digunakan oleh SMK Era Pembangunan 3 Jakarta, penulis dapat
menganalisa dan mencari masukan, dan kekurangan pada sistem yang ada. Tinjauan
terhadap sistem ini dibagi menjadi sejarah sekolah, struktur organisasi serta fungsi yang
berlaku di SMK Era Pembangunan 3 Jakarta.
3.1.1. Sejarah Institusi.
SMK Era Pembangunan 3 Jakarta merupakan sekolah swasta dari Yayasan Era
Pembangunan Jaya . SMK Era Pembangunan 3 Jakarta yang berlokasi di Jalan Gaga Alastua
No.122 Kelurahan Semanan Kecamatan Kalideres Jakarta Barat 11850. SMK Era
Pembangunan 3 Jakarta bertujuan untuk tetap berusaha dan berupaya dalam
mencerdaskan bangsa sekaligus membentuk generasi penerus yang trampil, kreatif dan
berakhlak mulia. Dalam hal inilah SMK Era Pembangunan 3 Jakarta melakukan langkah-
langkah professional dan inofatif baru menuju sistem pendidikan ideal yang dibutuhkan
24
masyarakat. Dalam kenyataannya berbagai kebijakan strategis yang diambil selalu
menekankan pada kualitas individu siswa-siswi sehingga mampu berkiprah dengan
mengkualitaskan dirinya di tengah-tengah masyarakat.
SMK Era Pembangunan 3 Jakarta yang berdiri dari Yayasan Era Pembangunan Jaya
yang dibawah pimpinan ketua yayasan Drs.H Abdul Kirom, Kepala sekolah SMK Era
Pembangunan 3 Jakarta Nurul Hidayati, S.Pd.
Adapun visi dan misi dari SMK Era Pembangunan 3 Jakarta adalah:
1. Visi
“Terwujudnya tamatan yang cerdas , terampil , dan berakhlakul karimah”.
2. MISI
a. Melaksanakan kegiatan keagamaan secara rutin dan teratur.
b. Menjadikan siswa memiliki etos kerja yang tinggi dan semangat untuk
memiliki bekal kecakapan hidup.
c. Mencapai prestasi yang tinggi, baik prestasi akademik maupun non
akademik untuk bekal masa depan.
d. Memiliki disiplin yang tinggi dan berbudi pekerti yang luhur.
e. Mewujudkan lingkungan sekolah yang indah dan nyaman.
f. Mempersiapkan siswa untuk memasuki dunia tingkat menengah
dengan membekali keterampilan dalam bidang bisnis dan manejemen.
25
3.1.2. Struktur Organisasi dan Fungsi
Guna memudahkan pemahaman tentang sistem berjalan pada SMK Era
Pembangunan 3, maka penulis akan menjelaskan secara garis besar struktur organisasi
dan fungsinya.
STRUKTUR ORGANISASI
SMK ERA PEMBANGUNAN 3 JAKARTA
Ketua Yayasan SMK Era
Pembangunan 3
Koordinator Pendidikan
Kepala Sekolah
Wakil Kepala sekolah
Komite Sekolah
Kepala Tata Usaha Bid. Kurikulum Bid. Kesiswaan
Guru
Siswa- Siswi
26
Sumber: Tata Usaha SMK Era Pembangunan 3 (2017)
Gambar III.1.
Setiap organisasi mempunyai tugas dan fungsinya masing- masing. Tugas adalah
keseluruhan dari pekerjaan- pekerjaan untuk mencapai suatu tujuan tertentu. Fungsi
adalah sekelompok aktifitas yang sama jenisnya berdasarkan sifat dan pekerjaannya.
Adapun tugas dan fungsi personil yang ada pada SMK Era Pembangunan 3 Jakarta
berdasarkan strukturnya sebagai berikut :
1. Kepala Yayasan SMK Era Pembangunan 3 Jakarta
Lembaga yang memiliki SMK Era Pembangunan 3 Jakarta
2. Kepala Sekolah
Penyusunan program kerja sekolah, mengatur administrasi ketatausahaan,
kesiswaan, sarana prsarana, keuangan, mengatur proses belajar mengajar,
mengkoordinasikan kegiatan, menentukan kebijaksanaan , pengawasan proses
belajar mengajar , pelaksanaan dna penilaian proses dan hasil belajar serta
bimbingan.
3. Komite Sekolah
27
Memberikan masukan, pertimbangan dan rekomendasi pada satuan
pendidikan mengenai kebijakan dan program pendidikan, anggaran
pendidikan, fasilitas pendidikan, dan hal-hal yang terkait dengan pendidikan.
Mencari solusi dan mengatasi berbagai permasalahan yang menghadang
sekolah dalam memenuhi tujuan sekolah.
4. Wakil Kepala Sekolah
Menyusun perencanaan membuat program kegiatan pelaksanaan program,
pengawasan, pengorganisasian dan pengarahan.
5. Kepala Tata Usaha
Penyusunan program kerja tata usaha sekolah, pengelolaan keuangan sekolah,
pengurusan administrasi ketenagaan dan siswa, pembinaan dan
pengembangan kasir pegawai tata usaha sekolah, dan penyusunan laporan
pelaksanaan kegiatan pengurusan ketata usahaan secara berkala.
6. Bidang Kurikulum
Menyusun pembagian tugas guru, mengelola kegiatan belajar mengajar,
menyusun kriteria kenaikan kelas dan kurikulum, menyusun pelaksanaan
UAS dan UAN , menyusun instrumen kegiatan belajar mengajar , menyusun
kegiatan esktrakulikuler, mengaktifkan guru-guru untuk menganalisis hasil
ulangan dalam rangka menemukan permasalahan dalam pembelajaran.
28
7. Bidang Kesiswaan
Perencanaan dan pelaksanaan kegiatan esktrakulikuler , pengadaan
pengarahan dan pembinaan kegiatan OSIS, pembuatan dan pengawasan
pelaksanaan tata tertib sekolah, penilaian terhadap siswa untuk mewakili
sekolah terhadap kegiatan di luar sekolah , dan perencanaan kegiatan setelah
siswa lulus.
8. Guru
Penyuluhan dan pembimbing anak didik kearah masa depan yang lebih baik,
mendidik, mengajar, dan melatih para siswa , fasilisator dengan
memungkinkan tercapainya kondisi yang lebih baik , dan penanggung jawab
atas mutu hasil belajar anak didik.
9. Siswa- Siswi
Belajar sesuai peraturan yang ada, Mematuhi tata tertib sekolah, Menjaga
nama baik sekolah.
3.2. Proses Bisnis Sistem.
Dalam pendaftaran siswa baru SMK Era Pembangunan 3 Jakarta melakukan
beberapa proses tahapan dalam sistem tersebut. Tahapan tersebut adalah calon siswa
yang akan mendaftar langsung ke panitia penerimaan siswa baru untuk membeli formulir
pendaftaran siswa baru dan panitia penerimaan siswa baru memberikan formulir ke calon
siswa. Setelah itu calon siswa mengisi formulir pendaftaran dan setelah calon siswa
29
selesai mengisi formulir ,calon siswa menyerahkan formulir pendaftaran dan persyaratan.
Kemudian panitia penerimaan siswa baru menerima formulir pendaftaran dan
persyaratan , dan panitia penerimaan siswa baru akan memeriksa kelengkapan formulir
dan persyaratan. Bila persyaratan belum lengkap formulir akan dikembalikan kepada
calon siswa agar dilengkapi. Apabila persyaratan sudah lengkap calon siswa akan
membayar pendaftaran dan panitia menerima kwitansi pendaftaran setelah menerima
pembayaran panitia melakukan seleksi terhadap calon siswa dan akan diverifikasi bagi
calon siswa yang lulus dan tidak serta dibuatkan laporan kepada kepala sekolah.
30
Gambar III.2
Acivity diagram pendaftaran siswa baru Smk Era Pembangunan 3 Jakarta
act Use Case Model
KEPALA SEKOLAHPANITIA PSBCALON SISWA
membeli formulir
pendaftaran
memberikan formulir
pendaftaran
mengisi formulir
pendaftaran
menyerahkan formulir
pendaftaran dan
persyaratan
menerima formulir dan
persyaratan
tidak lengkap
membayar pendaftaran
lengkap
menerima kwitansi
melakukan seleksi
menerima hasil seleksi
daftar ulang
lulusv erifikasi data pendaftar
menerima laporan PSBtidak lulus
31
3.3. Spesifikasi Dokumen Sistem Berjalan
Spesifikasi bentuk dokumen sistem berjalan pada perancangan program ini
adalah sebagai berikut :
1. Nama Dokumen : Formulir pendaftaran
Fungsi : Sebagai bahan masukan data siswa
Sumber : panitia
Tujuan : Calon siswa
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap calon siswa yang ingin mendaftar
Bentuk : Lihat lampiran A.1
2. Nama Dokumen : Kwitansi
Fungsi : Sebagai bukti pendaftaran
Sumber : Panitia Pendaftaran
Tujuan : Calon siswa baru
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi pembayaran pendaftaran
32
Bentuk : Lihat lampiran A.2
3. Nama Dokumen : Laporan Penerimaan Siswa Baru
Fungsi : Sebagai bukti pendaftaran
Sumber : Panitia Pendaftaran
Tujuan : Kepala Sekolah
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap laporan akhir pendaftaran siswa baru
Bentuk : Lihat lampiran A.3
33
BAB IV
RANCANGAN SISTEM DAN PROGRAM USULAN
4.1. Analisis kebutuhan Software
4.1.1. Tahapan Analisis
Sistem informasi penerimaan siswa baru berbasis web di mana calon siswa
baru dan panitia penerimaan siswa baru tidak bertatap muka secara langsung.
Calon siswa baru melakukan pendaftaran secara online. Berikut ini spesifikasi
kebutuhan dari sistem tersebut:
A. Halaman Calon siswa:
A1. Calon siswa dapat melakukan login .
A2. Calon siswa dapat melihat halaman beranda calon siswa.
A3. Calon siswa dapat mengelola data pribadi .
A4. Pengunjung dapat melakukan konfirmasi pembayaran
A5. Calon siswa dapat mengikuti ujian seleksi online.
A6. Calon siswa dapat melihat hasil test seleksi siswa.
A7. Calon siswa dapat melakukan logout.
B. Halaman Pengunjung :
B1. Pengunjung dapat melihat halaman beranda.
34
B2. Pengunjung dapat mendaftar untuk menjadi calon siswa .
B3. Pengunjung dapat melihat kontak kami.
B4. Pengunjung dapat menginput kontak pesan .
B5. Pengunjung dapat melihat hasil keseluruhan seleksi.
C. Halaman Admin :
C1. Admin dapat login dengan username dan password
C2. Admin dapat melihat halaman menu utama.
C3. Admin dapat mengelola data tes seleksi.
C4. Admin dapat mengelola data master penerimaan.
C5. Admin dapat mengelola kontak sekolah.
C6. Admin dapat mengelola data informasi.
C7. Admin dapat mengelola buku tamu.
C8. Admin dapat mengelola data admin.
C9. Admin dapat mengelola data akun.
35
36
1. diagram halaman Calon Siswa
Gambar IV.1
Use Case Diagram halaman Calon Siswa
uc Halaman Calon Siswa
Calon Siswa
Login
Home
Data Pribadi Siswa
Konfirmasi Pembayaran
Ujian
Hasil Ujian
logout
menampilkan halaman
home
menampilkan data pribadi Menampilkan
Pembaharuan
Data Pribadi
mengisi konfirmasi bayar
Menampilkan Halaman Ujian
Menampilkan Hasil Ujian
«include»
«include»
«include»
«extend» «include»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«include»
37
Tabel IV.1
Deskripsi use case diagram halaman Calon Siswa
Use case Calon Siswa
Requirements A1, A2, A3, A4, A5, A6, A7
Goal Calon siswa dapat melihat informasi pendaftaran, mengisi
buku tamu, mendaftar secara online, cetak bukti
pendaftaran, melakukan konfirmasi pembayaran,
melakukan test seleksi, melihat hasil seleksi
Pre Condition Calon siswa harus login terlebih dahulu untuk dapat
menggunakan menu tertentu
Post Condition Data pribadi yang dirubah akan tersimpan ke dalam
database
Failed and condition Data pribadi yang dirubah gagal tersimpan ke dalam
database
Primary Actors Calon Siswa
Main flow/Basic path 1. Calon siswa dapat mengisi formulir pendaftaran.
2. Calon siswa diminta melakukan pembayaran ke
nomor rekening yang telah di tentukan dan segera
melakukan konfirmasi pembayaran
3. Sistem mengecek apakah calon siswa sudah
terdaftar atau belum. Jika belum sistem akan
menyimpan data di database. Jika sudah sistem
akan menginformasikan data sudah ada.
4. Sistem akan mengecek konfirmasi pembayaran
calon siswa yang berisi data konfirmasi pembayaran
calon siswa serta nama dan no pemdaftaran siswa
untuk di aktifkan agar bisa melakukan test seleksi.
5. Calon siswa melakukan login, kemudian mengikuti
test seleksi, melihat hasil test seleksi serta perbarui
data pribadi jika ada kesalahan.
6. Sistem akan menampilkan soal test seleksi serta
akan menampilkan hasil test seleksi .
38
39
2. diagram halaman pengunjung
Gambar IV.2
Use Case Diagram halaman Pengunjung
uc Halaman Pengunjung
Pengunjung
Melihat Beranda
Melihat Kontak Kami
Menginput Kontak Pesan
Melihat Persyaratan Pendaftaran
Melihat Hasil Keseluruhan Seleksi
menampilkan kontak kami
Mengisi Pesan
Menampilkan Persyaratan Pendaftaran
Menampilkan Hasil Seleksi
«include»
«include»
«include»
«include»
40
Tabel IV.2
Deskripsi use case diagram halaman Pengunjung
Use case Pengunjung
Requirements B1, B2, B3, B4, B5
Goal Pengunjung dapat melihat halaman beranda ,kontak kami
, kontak pesan, melihat hasil keseluruhan pengunjung
dapat mendaftar untuk menjadi calon siswa
Pre Condition Pengunjung dapat mengakses web tanpa terlebih dahulu
melakukan login
Post Condition Pengunjung melihat menu yang terdapat di website
Failed and condition Pengunjung membatalkan akses website
Primary Actors Pengujung
Main flow/Basic path
1. pengunjung dapat melihat halaman beranda.
2. Pengunjung mendaftar untuk menjadi calon siswa.
3. Pengunjung dapat melihat kontak kami.
4. Pengunjung dapat menginput kontak pesan
5. Pengunjung dapat melihat hasil keseluruhan seleksi.
41
42
3. diagram halaman admin
Gambar IV.3
Use Case Diagram halaman Admin
uc Halaman Admin
Admin
Login menu utama
Menampilkan
halaman menu utama
Data Tes Seleksi
mengelola konfirmasi bayar
mengelola hasil tes
Data Master Penerimaan
mengelola kuota penerimaan
mengelola data calon siswa
mengelola data soal tes
mengelola data siswa diterimaKontak Sekolah mengelola kontak kami
Data Informasi
mengelola data informasi
mengelola tambah informasi
Buku Tamumengelola data buku tamu
Data Admin
mengelola data admin
mengelola tambah admin
Akun
mengelola ganti password
logout
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«include»
«include»
«include»
«include»
«include»
«include»
«include»
«include»
«include»
«include»
«include»
«include»
«include»
«include»
«include»
43
Tabel IV.3
Deskripsi use case diagram Admin login
Use case Login
Requirements C1-C9
Goal Menu admin akan tampil
Pre Condition Data admin harus sudah ada di dalam sistem
Post Condition Admin berhasil login dan masuk ke dalam menu admin
Failed and Condition Admin gagal login
Primary Actors Admin
Main flow/Basic path C1. Admin dapat login dengan username dan password
C2. Admin dapat melihat halaman menu utama.
C3. Admin dapat mengelola data tes seleksi.
C4. Admin dapat mengelola data master penerimaan.
C5. Admin dapat mengelola kontak sekolah.
C6. Admin dapat mengelola data informasi.
C7. Admin dapat mengelola buku tamu.
C8. Admin dapat mengelola data admin.
C9. Admin dapat mengelola data akun.
44
C. Activity diagram
Activity diagram yang digunakan unutk merancang sistem usulan adalah sebagai berikut
:
a. Activity diagram halaman Calon Siswa
Gambar IV.4
act Activ ity Diagram Calon Siswa
SistemCalon Siswa
Login
mengisi nomor pendaftaran
& passwordmenampilkan halaman
beranda calon siswa
menampilkkan data pribadimemperbarui data pribadi
menyimpan data pribadi
menampilkan konfirmasi
bayar
mengisi data konfirmasi
bayar
menerima data konfirmasi
bayar
menampilkan uj ian seleksi
online
melakukan uj ian seleksi
online
menampilkan hasil tes
seleksi
melihat hasil tes seleksi
45
Activity diagram Calon Siswa
46
b. Activity diagram Pengunjung
Gambar IV.5
Activity diagram Pengunjung
act Pengunjung
SistemPengunjung
membuka halaman berandamenampilkan halaman
beranda
menampilkan halaman
pendaftaran calon siswa
mengisi formulir
pendaftaran
menampilkan halaman login
calon siswa
tidak
Ya
calon siswa
menampilkan kontak kamimelihat kontak kami
menampilkan kontak
pesan
mengisi kontak pesan
menampilkan hasil
keseluruhan tes seleksi
melihat hasil keseluruhan
seleksi
47
c. Activity Diagram Admin
Gambar IV.6
Activity diagram Admin
act admin
SistemAdmin
Login Admin
menampilkan halaman
menu utama
menampilkan data tes
seleksi
mengelola data tes
seleksi
edit, hapus data konfirmasi
bayar
edit, hapus data hasil tes
mengelola data master
penerimaan
edit, perbarui kuota
penerimaan
edit, hapus data soal tes
mengelola kontak sekolah
menampilkan data master
penerimaan
hapus data calon siswa
menampilkan data siswa
diterima
menampilkan kontak
sekolah
edit, hapus kontak sekolah
menampilkan data
informasi
mengelola data informasi
edit , hapus data informasi
menampilkan data buku
tamumengelola buku tamu
edit, hapus data buku tamu
menampilkan data adminmengelola data admin
tambah , hapus data admin
menampilkan data akunmengelola data akun
edit data akun
48
4.2. Desain
4.2.1 Database
Dalam spesifikasi file yang terdapat dalam sistem informasi pendaftaran siswa baru
yang menjelaskan beberapa spesifikasi yang digunakan dan berkaitan dengan sistem
pendaftaran siswa baru yang dibuat ini sebagai berikut :
1. Entity Relationship Diagram
Gambar IV.7
Gambar Entity Relationshionship Diagram
erd erd
calon_siswa
nisn
nama_lengkap
nama_panggilan
jekel
tempat_lahir
tanggal_lahir
agama
warga_negara
alamat_siswa
rt_siswa
desa_siswa
kec_siswa
kab_siswa
prov_siswa
kdpos_siswa
no_ijazah
asal_sekolah
nama_ortu
tempat_lahir_ortu
tanggal_lahir_ortu
agama_ortu
pendidikan
pekerjaan
penghasilan
alamat_ortu
rt_ortu
desa_ortu
kec_ortu
kab_ortu
prov_ortu
no_telp
scan_ijazah
scan_akte
scan_kk
password
status_bayar
seleksi
konfirmasi_bayar
hasil_tes
soal
no_pendaftaran
tanggal_seleksi
id_soal
soal
a
b
c
d
kunci_jawaban
nisn nilai
tanggal_tes
no_pendaftaran
no_rekening
atas_nama
nominal_transfer tanggal_konfirmasi
status_bayar
1
1
11
1
1
M
1
mengikuti
melihat
memiliki
melakukan
id_soal
id_seleksi
id_hasil
id_konfirmasi
no_pendaftaran
49
2. Logical Record Structure
calon_siswa
PK nisn
no_pendaftaran nama_lengkap nama_panggilan jekel tempat_lahir tanggal_lahir agama warga_negara alamat_siswa rt_siswa desa_siswa kec_siswa kab_siswa prov_siswa kdpos_siswa no_ijazah asal_sekolah nama_ortu tempat_lahir_ortu tanggal_lahir_ortu agama_ortu pendidikan pekerjaan penghasilan alamat_ortu rt_ortu desa_ortu kec_ortu kab_ortu prov_ortu no_telp scan_ijasah scan_akte scan_kk password status_bayar
seleksi
PK id_seleksi
no_pendaftaran tanggal_seleksi id_soal
konfirmasi_bayar
PK id_konfirmasi
no_pendaftaran no_rekening atas_nama nominal_transfer tanggal_konfirmasi status_bayar
soal
PK id_soal
soal kunci_jawaban a b c d
hasil_tes
PK id_hasil
nisn nilai tanggal_tes
1
1
1
11
1
1
1
Gambar IV.8
Logical Record Structur
50
3. Spesifikasi File
a. Spesifikasi File Table Calon Siswa
Nama Database : psb_sekolah
Nama File : Tabel Calon Siswa
Akronim : Calon_siswa.myd
Tipe File : File master
Akses File : Random
Panjang Record : 785 Byte
Kunci Field : nisn
Tabel IV.4
Spesifikasi File Calon Siswa
No. Elemen Data Nama field Type Size Keterangan
1. No Pendaftaran no_pendaftaran varchar 8
2. Nisn nisn varchar 30 Primary Key
3. Nama Lengkap nama_lengkap varchar 30
4. Nama Panggilan nama_panggilan varchar 15
5. Jekel jekel Enum(‘L
’,’P’)
6. Tempat Lahir tempat_lahir varchar 30
7. Tanggal Lahir tanggal_lahir Date
51
8. Agama agama varchar 15
9. Warga Negara warga_negra vacrhar 20
10. Alamat Siswa alamat_siswa text
11. Rt Siswa rt_siswa varchar 10
12. Desa_Siswa desa_siswa varchar 30
13. Kec Siswa kec_ siswa varchar 30
14. Kab Siswa kab_ siswa varchar 30
15. Prov Siswa prov_siswa varchar 30
16. Kdpos Siswa kdpos_Siswa varchar 30
17. No Ijasah no_Ijasah varchar 30
18. Asal Sekolah asal_sekolah varchar 30
19. Nama Ortu nama_ortu varchar 30
20. Tempat Lahir Ortu tempat_lahir_ ortu varchar 30
21. Tanggal Lahir Ortu tanggal_lahir_ ortu Date
22. Agama Ortu agama_ortu varchar 15
23. Pendidikan pendidikan varchar 30
24. Pekerjaan Pekerjaan varchar 30
25. Penghasilan Penghasilan Double
26. Alamat Ortu alamat_ortu Text
27. Rt Ortu rt _ortu varchar 10
28. Desa Ortu desa_ortu varchar 30
52
29. Kec Ortu kec_ortu varchar 30
30. Kab Ortu kab_ortu varchar 30
31. Prov Ortu prov_ ortu varchar 30
32. No Telp no_telp varchar 12
33. Scan Ijasah scan_ ijasah varchar 30
34. Scan Akte scan _akte varchar 30
35. Scan KK scan kk varchar 30
36. Password password varchar 50
37. Status bayar status_bayar Enum
53
b. Spesifikasi File Table Hasil Tes
Nama Database : psb_sekolah
Nama File : Tabel Hasil Tes
Akronim : Hasil_Tes.myd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 52 Byte
Kunci Field : id_hasil
Tabel IV.5
Spesifikasi File Hasil Tes
No. Elemen Data Nama field Type Size Keterangan
1. Id Hasil id_hasil Integer 11 Primary Key
2. NISN nisn Varchar 30
3. Nilai nilai Integer 11
4. Tanggal Tes tanggal_tes Datetime
54
c. Spesifikasi File Table Konfirmasi Bayar
Nama Database : psb_sekolah
Nama File : Tabel Konfirmasi bayar
Akronim : Konfirmasi_bayar.myd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 74 Byte
Kunci Field : id_konfirmasi
Tabel IV.6
Spesifikasi File Konfirmasi Bayar
No Elemen Data Nama Field Type Size keterangan
1. Id Konfirmasi id_konfirmasi Integer 11 Primary key
2. No Pendaftaran no_pendaftaran Varchar 8
3. No Rekening no_rekening Varchar 25
4. Atas Nama atas_nama Varchar 30
5. Nominal Transfer nominal_ transfer Double
6. Tanggal Konfirmasi tanggal_konfirmasi Datetime
7. Status Bayar status_bayar Enum(‘Lunas’
,Belum
Lunas’)
55
d. Spesifikasi File Table Siswa
Nama Database : psb_sekolah
Nama File : Tabel Siswa
Akronim :Siswa.myd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 407 Byte
Kunci Field : nisn
Tabel IV.7
Spesifikasi File Siswa
No. Elemen Data Nama field Type Size Keterangan
1. Nisn nisn varchar 30 Primary Key
2. Nama Panggilan nama_panggilan varchar 15
3. Jekel jekel Enum(‘L’,’
P’)
4. Tempat Lahir tempat_lahir varchar 30
5. Tanggal Lahir tanggal_lahir Date
6. Agama agama Varchar 15
7. Alamat Siswa alamat_siswa Text
56
8. Rt Siswa rt_siswa Varchar 10
9. Desa Siswa desa_siswa Varchar 30
10. Kec Siswa kec_ siswa Varchar 30
11. Kab Siswa kab_ siswa Varchar 30
12. Prov Siswa prov_siswa Varchar 30
13. Kdpos Siswa kdpos_Siswa Varchar 30
14. No Ijasah no_Ijasah Varchar 30
15. Nama Ortu nama_ortu Varchar 30
16. Alamat Ortu alamat_ortu Text
17. Rt Ortu rt_ortu Varchar 10
18. Desa Ortu desa_ortu Varchar 30
19. Kec Ortu kec_ortu Varchar 30
20. Kab Ortu kab_ortu Varchar 30
21. Prov Ortu prov_ortu Varchar 30
22. No Telp no_telp Varchar 12
57
e. Spesifikasi File Table Soal
Nama Database : psb_sekolah
Nama File : Tabel Soal
Akronim : soal.myd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 11 Byte
Kunci Field : id_soal
Tabel IV.8
Spesifikasi File soal
No. Elemen Data Nama field Type Size Keterangan
1. Id Soal id_soal Integer 11 Primary Key
2. Soal soal Text
3. a a Text
4. b b Text
5 c c Text
6 d d Text
7 Kunci Jawaban kunci_jawaban Text
58
f. Spesifikasi File Table seleksi
Nama Database : psb_sekolah
Nama File : Tabel seleksi
Akronim : seleksi.myd
Tipe File : File Transaksi
Akses File : Random
Panjang Record : 27 Byte
Kunci Field : id_seleksi
Tabel IV.9
Spesifikasi File Seleksi
No. Elemen Data Nama field Type Size Keterangan
1. Id Seleksi id_seleksi varchar 8 Primary Key
2. No Pendaftaran no_pendaftaran Varchar 8
3. Tanggal Seleksi tanggal_seleksi datetime
4. Id Soal id_soal Integer 11
59
4.2.2 Software Architecture
1. Component diagram
Menggambarkan struktur dan hubungan antar komponen piranti lunak, termasuk
ketergantungan diantaranya. Component Diagram juga dapat berupa interface yang
berupa kumpulan layanan yang disediakan oleh komponen untuk komponen lainnya.
Gambar IV.9
Gambar Component Diagram
web component model
<application>
penerimaan siswa baru
<Database> db_psb
<Cascading Sheets>
Style.css
<web server> Xampp<web Operating system>
Windows 7
<database server> Mysql
database
60
2. Deployment Diagram
Menggambarkan tata letak sistem secara fisik, yang menampakkan bagian-bagian
software yang berjalan pada hardware yang digunakan untuk mengimplementasikan
sebuah sistem dan keterhubungan antara komponen hardware-hardware tersebut.
Gambar IV.10
Gambar Deployment Diagram
web deployment diagram
Web Serv er
<application>Sistem
penerimaan siswa
baru
<cascading Sheets>
style.css
<web operating sytem>
windows 7
<web serv er> xampp
PC Client
web browser operation system
Database Serv er
<database > db_psb
<database serv er>
Mysql database
61
4.2.3. User Interface
a. Tampilan Halaman Login Admin
Gambar IV.11
Tampilan halaman Login Admin
b. Tampilan Halaman Admin
Gambar IV.12
Tampilan halaman Admin
c. Tampilan Halaman Admin data konfirmasi bayar
62
Gambar IV.13
Tampilan halaman konfirmasi bayar
d. Tampilan Halaman Admin data hasil tes
Gambar IV.14
Tampilan halaman hasil tes
63
e. Tampilan Halaman Admin data siswa diterima
Gambar IV.15
Tampilan halaman siswa diterima
f. Tampilan Halaman Admin data calon siswa
Gambar IV.16
Tampilan halaman calon siswa
64
g. Tampilan Halaman Admin buku tamu
Gambar IV.17
Tampilan halaman buku tamu
h. Tampilan Halaman form formulir pendaftaran
Gambar IV.18
65
Tampilan halaman form formulir pendaftaran
i. Tampilan Halaman form konfirmasi pembayaran
Gambar IV.19
Tampilan halaman form konfirmasi pembayaran
j. Tampilan Halaman hasil ujian tes
66
Gambar IV.20
Tampilan halaman hasil ujian tes
67
4.3. Code Generation
A Data lengkap calon siswa
<?php
$query=mysql_query("select * from calon_siswa where no_pendaftaran='".$_GET['no']."'");
$data_siswa=mysql_fetch_array($query);
?>
<h2>Data Diri Lengkap Calon Siswa</h2>
<table width="100%" border="0">
<tr valign="top">
<td colspan="2"> </td>
</tr>
<tr valign="top">
<td><strong>No. Pendaftaran</strong></td>
<td><?php echo $data_siswa['no_pendaftaran'];?></td>
</tr>
<tr valign="top">
<td colspan="2"> </td>
</tr>
<tr valign="top">
<td colspan="2"><strong>A. KETERANGAN PRIBADI</strong></td>
</tr>
<tr valign="top">
<td width="15%">Nama Lengkap</td>
<td width="85%"><?php echo $data_siswa[2];?></td>
</tr>
<tr valign="top">
<td>Nama Panggilan</td>
<td><?php echo $data_siswa[3];?></td>
</tr>
<tr valign="top">
<td>Jenis Kelamin</td>
<td><?php echo $data_siswa[4];?></td>
</tr>
<tr valign="top">
<td>Tempat Lahir</td>
<td><?php echo $data_siswa[5];?></td>
</tr>
<tr valign="top">
<td>Tanggal Lahir</td>
<td><?php echo $data_siswa[6];?></td>
</tr>
<tr valign="top">
<td>Agama</td>
<td><?php echo $data_siswa[7];?></td>
</tr>
<tr valign="top">
<td>Kewarganegaraan</td>
<td><?php echo $data_siswa[8];?></td>
</tr>
<tr valign="top">
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td colspan="2"><strong>B. KETERANGAN TEMPAT TINGGAL</strong></td>
</tr>
<tr valign="top">
<td>Alamat Siswa</td>
<td><?php echo $data_siswa[9];?></td>
</tr>
<tr valign="top">
68
<td>Rt/Rw</td>
<td><?php echo $data_siswa[10];?></td>
</tr>
<tr valign="top">
<td>Desa/Kelurahan</td>
<td><?php echo $data_siswa[11];?></td>
</tr>
<tr valign="top">
<td>Kecamatan</td>
<td><?php echo $data_siswa[12];?></td>
</tr>
<tr valign="top">
<td>Kabupaten/Kota</td>
<td><?php echo $data_siswa[13];?></td>
</tr>
<tr valign="top">
<td>Provinsi</td>
<td><?php echo $data_siswa[14];?></td>
</tr>
<tr valign="top">
<td>Kode Pos</td>
<td><?php echo $data_siswa[15];?></td>
</tr>
<tr valign="top">
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td colspan="2"><strong>C. KETERANGAN PENDIDIKAN
SEBELUMNYA</strong></td>
</tr>
<tr valign="top">
<td>NISN</td>
<td><?php echo $data_siswa[1];?></td>
</tr>
<tr valign="top">
<td>No. Ijazah</td>
<td><?php echo $data_siswa[16];?></td>
</tr>
<tr valign="top">
<td>Asal Sekolah</td>
<td><?php echo $data_siswa[17];?></td>
</tr>
<tr valign="top">
<td> </td>
<td> </td>
</tr>
<tr valign="top">
<td colspan="2"><strong>D. KETERANGAN ORANG TUA/WALI</strong></td>
</tr>
<tr valign="top">
<td>Nama Orang Tua/Wali</td>
<td><?php echo $data_siswa[18];?></td>
</tr>
<tr valign="top">
<td>Tempat Lahir</td>
<td><?php echo $data_siswa[19];?></td>
</tr>
<tr valign="top">
<td>Tanggal Lahir</td>
<td><?php echo $data_siswa[20];?></td>
</tr>
<tr valign="top">
<td>Agama</td>
69
<td><?php echo $data_siswa[21];?></td>
</tr>
<tr valign="top">
<td>Pendidikan Terakhir</td>
<td><?php echo $data_siswa[22];?></td>
</tr>
<tr valign="top">
<td>Pekerjaan</td>
<td><?php echo $data_siswa[23];?></td>
</tr>
<tr valign="top">
<td>Penghasilan Perbulan</td>
<td><?php echo $data_siswa[24];?></td>
</tr>
<tr valign="top">
<td>Alamat Rumah</td>
<td><?php echo $data_siswa[25];?></td>
</tr>
<tr valign="top">
<td>Rt/Rw</td>
<td><?php echo $data_siswa[26];?></td>
</tr>
<tr valign="top">
<td>Desa/Kelurahan</td>
<td><?php echo $data_siswa[27];?></td>
</tr>
<tr valign="top">
<td>Kecamatan</td>
<td><?php echo $data_siswa[28];?></td>
</tr>
<tr valign="top">
<td>Kabupaten/Kota</td>
<td><?php echo $data_siswa[29];?></td>
</tr>
<tr valign="top">
<td>Provinsi</td>
<td><?php echo $data_siswa[30];?></td>
</tr>
<tr valign="top">
<td>Nomor Telepon</td>
<td><?php echo $data_siswa[31];?></td>
</tr>
<tr valign="top">
<td> </td>
<td align="right"><strong><a href="data-calon-siswa.html" class="tautan"><<
Kembali</a></strong></td>
</tr>
</table>
</body>
</html>
B. Data siswa diterima
<?php....................................................................................................
$dataPerPage = 20;
.............................................................................................................
.............................................................................................................
.............................................................................................................
if(isset($_GET['Page']))
{
................................................................... $noPage = $_GET['Page'];
70
}
else $noPage = 1;
.............................................................................................................
.............................................................................................................
.............................................................................................................
$offset = ($noPage - 1) * $dataPerPage;
$query = "SELECT * FROM calon_siswa order by no_pendaftaran asc,
no_pendaftaran asc limit $offset, $dataPerPage";
$result = mysql_query($query) or die('Error');
while($row=mysql_fetch_array($result)){
?>
<tr>
<td><?php echo $row['no_pendaftaran'];?></td>
<td><?php echo $row['nisn'];?></td>
<td><?php echo $row['nama_lengkap'];?></td>
<td><?php echo $row['nama_ortu'];?></td>
<td align="center"><a href="baca-selengkapnya-data-diri-calon-siswa-
<?php echo $row['no_pendaftaran'];?>.html" title="Baca Selengkapnya"
class="tautan"><img src="images/icon_detail_data.png" width="25"
height="20" /></a> <a href="hapus-data-diri-calon-siswa-<?php echo
$row['no_pendaftaran'];?>.html" title="Hapus Calon Siswa" class="tautan"
onclick="return confirm('Yakin Mau Dihapus?')"><img
src="images/delete.jpg" width="20" height="20" /></a></td>
</tr>
<?php } ?>
<tr>
<td colspan="5" align="center">
<strong><?php
$query= "SELECT COUNT(*) AS jumData FROM calon_siswa";
$hasil= mysql_query($query);
$data= mysql_fetch_array($hasil);
$jumData = $data['jumData'];
$jumPage = ceil($jumData/$dataPerPage);
.............................................................................................................
.............................................................................................................
.................................................................................. if ($noPage > 1);
..................................... for($page = 1; $page <= $jumPage; $page++)
........................................................................................................... {
if ((($page >= $noPage - 3) && ($page <= $noPage + 3)) || ($page == 1) ||
($page == $jumPage))
........................................................................................................... {
............................. if (($showPage == 1) && ($page != 2)) echo "...";
if (($showPage != ($jumPage - 1)) && ($page == $jumPage)) echo "...";
............................. if ($page == $noPage) echo " <b>".$page."</b> ";
else echo " <a class='tautan' href='data-calon-siswa-$page.html'>".$page."</a>
";
............................................................................ $showPage = $page;
........................................................................................................... }
........................................................................................................... }
.............................................................................................................
.............................................................................................................
.............................................................................................................
.................................................................... if ($noPage < $jumPage);
?></strong>
</td>
</tr>
</table>
</form>
</body>
</html>
71
D. Form Formulir Online
<body>
<?php
$no_daftar=$_POST['no_daftar'];
$no_rek=$_POST['no_rek'];
$atas_nama=$_POST['an'];
$nominal=$_POST['nominal'];
$cek_nodaftar=mysql_query("select * from calon_siswa where
no_pendaftaran='$no_daftar'");
$ada=mysql_num_rows($cek_nodaftar);
if($ada)
{
$simpan=mysql_query("insert into konfirmasi_bayar
values('','$no_daftar','$no_rek','$atas_nama','$nominal',NOW(),'Belum
Lunas')");
if($simpan)
{
?>
<script>
alert("Terima kasih, konfirmasi pembayaran berhasil dikirim. Kami akan segera
mengaktifkan link tes online untuk Anda. Tunggu beberapa saat lagi.");
document.location="konfirmasi-bayar.html";
</script>
<?php
}
else
{
?>
<h2>Pengiriman Konfirmasi Pembayaran Biaya Formulir GAGAL.</h2>
<?php
}
}
else
{
?>
<script>
alert("Nomor Pendaftaran yang Anda Masukkan Tidak Ada Dalam Sistem
Kami, Cek Kembali Pengisian Formulir Konfirmasi Pembayaran.");
history.go(-1);
</script>
<?php
}
?>
</body>
</html>
E. Form Konfirmasi Bayar
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
72
<title>Untitled Document</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="simpan-konfirmasi-bayar.html">
<table width="98%" border="0" align="center">
<tr>
<td align="center"><h2>Kirim Konfirmasi Pembayaran Formulir</h2></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><strong>Nomor Pendaftaran</strong></td>
</tr>
<tr>
<td><label for="no_daftar"></label>
<input name="no_daftar" type="text" id="tinput" size="30" placeholder="Masukkan No. Pendaftaran"
required="required" onkeypress="return harusangka(event)" /></td>
</tr>
<tr>
<td><strong>Nomor Rekening</strong></td>
</tr>
<tr>
<td><label for="no_rek"></label>
<input name="no_rek" type="text" id="tinput" size="30" placeholder="Masukkan No. Rekening Anda"
required="required" onkeypress="return harusangka(event)" /></td>
</tr>
<tr>
<td><strong>Atas Nama</strong></td>
</tr>
73
<tr>
<td><label for="an"></label>
<input name="an" type="text" id="tinput" size="30" placeholder="Atas Nama Rekening"
required="required" /></td>
</tr>
<tr>
<td><strong>Nominal Transfer</strong></td>
</tr>
<tr>
<td><label for="nominal"></label>
<input name="nominal" type="text" id="tinput" size="30" placeholder="Nominal Transfer"
required="required" onkeypress="return harusangka(event)" /></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><input type="submit" name="button" id="button" value=" Kirim Konfirmasi Bayar " /></td>
</tr>
</table>
</form>
</body>
</html>
74
4.4. Testing
A. Halaman Login
Tabel IV.10
Hasil Pengujian Blackbox testing halaman Login Admin
No Skenario Pengujian Test Case Hasil
yang diharapkan
Hasil
pengujian Kesimpulan
1
Mengosongkan
semua isian data
login pada login
admin , lalu
langsung mengklik
tombol “Login”
Username :
(kosong)
Password :
(kosong)
Sistem menolak akses
login dan
menampilkan pesan
“Username dan
Password yang anda
gunakan salah”
Sesuai Valid
2
Hanya mengisi
Username dan
mengosongkan
password lalu klik
“Login”
Username :
admin
Password :
(kosong)
Sistem menolak akses
login dan
menampilkan
pesan ““Username
dan Password yang
anda gunakan
salah”
Sesuai Valid
3
Hanya mengisi
password dan
mengosongkan user
name, lalu langsung
mengklik tombol
“Login”
Username :
(kosong)
Password :
admin
Sistem menolak akses
login dan
menampilkan
pesan “Username
dan Password yang
anda gunakan
salah”
Sesuai Valid
4
Menginputkan data
login yang benar,
lalu mengklik
tombol “Login”
Username :
admin
Password :
admin
Sistem menerima
akses login dan
kemudian
langsung
menampilkan
pesan “Login
sukses selamt
datang sdr/I
administrator di
ruang
admin”kemudian
Sesuai Valid
75
masuk ke halaman
admin
76
Tabel IV.11
Hasil Pengujian Blackbox testing halaman Login Calon Siswa
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Mengosongkan
semua isian data
login pada login
calon siswa , lalu
langsung mengklik
tombol “Login”
Nomor
Pendaftaran
: (kosong)
Password :
(kosong)
Sistem menolak akses
login dan
menampilkan pesan
“Nomor Pendaftaran
dan Password yang
anda gunakan salah”
Sesuai Valid
2
Hanya mengisi No
Pendaftaran dan
mengosongkan
password lalu klik
“Login”
No Pendaftaran
:
20170001
Password :
(kosong)
Sistem menolak akses
login dan
menampilkan
pesan ““Nomor
Pendaftaran dan
Password yang
anda gunakan
salah”
Sesuai Valid
3
Hanya mengisi
password dan
mengosongkan user
name, lalu langsung
mengklik tombol
“Login”
No Pendaftaran:
(kosong)
Password :
1993-09-24
Sistem menolak akses
login dan
menampilkan
pesan “Nomor
Pendaftaran dan
Password yang
anda gunakan
salah”
Sesuai Valid
4
Menginputkan data
login calon
siswa yang
benar, lalu
mengklik
tombol “Login”
Username :
20170001
Password :
2000-08-21
Sistem menerima
akses login dan
kemudian
langsung
menampilkan
pesan “Login
sukses selamt
datang Raihan
Agustino di ruang
Calon
Siswa”kemudian
masuk ke halaman
calon siswa
Sesuai Valid
77
Tabel IV.12
Hasil Pengujian Blackbox testing halaman Login Form Pendaftaran Online
No Skenario
Pengujian Test Case Hasil yang diharapkan
Hasil
pengujian Kesimpulan
1
Mengosongkan
semua isian data
pada form
pendaftaran online,
lalu langsung
mengklik tombol
“Simpan
Pendftaran”
Semua isian
kosong
Sistem menolak akses
dan menampilkan
pesan ““Please fill out
this field””.
Sesuai Valid
2
Mengosongkan
semua isian data
hanya mengisi
Nama Lengkap,
lalu langsung
mengklik tombol
“Simpan
Pendaftaran”
Terisi sebagian
Sistem menolak akses
dan menampilkan
pesan ““Please fill
out this field””
Sesuai Valid
3
Mengisi semua
isian data pada
form pendaftaran
online mengklik
tombol “Simpan
Pendaftaran”
Terisi semua
Sistem menerima dan
menampilkan
pesan “
Pendaftaran
Berhasil”
Sesuai Valid
78
Tabel IV.13
Hasil Pengujian Blackbox testing halaman Konfirmasi Bayar
No Skenario Pengujian Test Case Hasil yang
diharapkan
Hasil
pengujian Kesimpulan
1
Mengosongkan
semua isian data
pada form konfirmasi
bayar, lalu langsung
mengklik tombol
“Kirim Konfirmasi
bayar”
Semua isian
kosong
Sistem menolak
akses dan
menampilkan
pesan “Please fill
out this field”
Sesuai Valid
2
Mengosongkan
semua isian data
hanya mengisi
nominal transfer, lalu
langsung mengklik
tombol “Kirim
Konfirmasi Bayar”
Terisi sebagian
Sistem menolak
akses dan
menampilkan
pesan “Please
fill out this
field”
Sesuai Valid
3
Mengisi semua isian
data pada form
konfirmasi bayar lalu
mengklik tombol
“Kirim Konfirmasi
Bayar”
Terisi semua
Sistem menerima
dan
menampilkan
pesan “ Terima
kasih,
konfirmasi
pembayaran
berhasil
dikirim.Kami
akan segera
mengaktifkan
link test online
untuk
anda.Tunggu
beberapa saat
lagi”
Sesuai Valid
79
Tabel IV.14
Hasil Pengujian Blackbox testing halaman Buku Tamu
No Skenario Pengujian Test Case Hasil Yang
Diharapkan
Hasil
pengujian Kesimpulan
1
Mengosongkan
semua isian data
pada form buku tamu,
lalu langsung
mengklik tombol
“Kirim Buku tamu”
Semua isian
kosong
Sistem menolak
akses dan
menampilkan
pesan “Please fill
out this field”
Sesuai Valid
2
Mengosongkan
semua isian data
hanya mengisi nama
pengunjung, lalu
langsung mengklik
tombol “Kirim Buku
Tamu”
Terisi sebagian
Sistem menolak
akses dan
menampilkan
pesan “Please
fill out this
field”
Sesuai Valid
3
Mengisi semua isian
data pada form buku
tamu lalu mengklik
tombol “Kirim Buku
Tamu” Terisi semua
Sistem menerima
dan
menampilkan
pesan “Terima
kasih atas
pesan yang
telah anda
sampaikan”
Sesuai Valid
80
4.5. Support
Pada sub-bab ini memaparkan tentang publikasi web dan spesifikasi hardware
dan software yang akan digunakan untuk menjalankan sistem yang dibuat.
4.5.1 Publikasi Web
Mengakses website ini bisa dengan menggunakan browser yang tersedia
seperti Mozilla firefox, google chrome, atau internet explorer dengan cara
mengetikan alamat website yang dituju kedalam address bar yang terdapat pada
browser yang digunakan.
Publikasi situs web perpustakaan pada SMK Era Pembangunan 3 Jakarta di
internet dapat diakses dengan alamat URL, proses registrasi domain dimulai dengan
melakukan pengecekan nama domain yang dikehendaki apakah sudah dimiliki oleh
instansi lain atau belum.
Pendaftaran nama domain dan hosting menggunakan jasa perusahaan
penyedia layanan server hosting, yaitu dapat diakses di alamat URL
www.dapurhosting.com
81
4.5.2 Spesifikasi Hardware Dan Software
Tabel IV.16
Spesifikasi Hardware dan Software
82
Kebutuhan Keterangan
Sistem Operasi Windows 7
Processor Intel ULV Celeron 1007U Processor 2M Cache, 1.50 GHz
RAM 2 GB
Harddisk 500 GB
CD-ROM 52x
Monitor SVGA 14"
Keyboard 108 Key
Printer Inkjet
Mouse Standard
Browser Google Chrome, Mozilla FireFox, Internet Explorer
Software Dreamweaver, Adobe Photoshop, Php MyAdmin
83
4.6 Spesifikasi Dokumen Sistem Usulan
Dalam spesifikasi sistem usulan ini terdapat beberapa dokumen yang meliputi
dokumen masukan dan dokumen keluaran, adapun spesifikasinya adalah sebagai berikut:
4. Nama Dokumen : Form Cetak Formulir Pendaftaran
Fungsi : Sebagai hasil input data calon siswa
Sumber : Calon Siswa
Tujuan : Bagian Admin
Media : Tampilan
Frekuensi : Setiap ada pendaftaran
Bentuk : Lampiran B.1
5. Nama Dokumen : Laporan Data Calon Siswa
Fungsi : Utuk mengetahui daftar calon siswa
Sumber : Admin
Jumlah : Satu lembar
Tujuan : Admin
Media : Tampilan
Frekuensi : Setiap ada pendaftaran
Bentuk : Lampiran B.2
84
6. Nama Dokumen : Laporan Data Konfirmasi Bayar
Fungsi : Untuk laporan data konfirmasi bayar
Sumber : Admin
Jumlah : Satu lembar
Tujuan : Admin
Media : Tampilan
Frekuensi : Setiap ada transaksi pembayaran
Bentuk : Lampiran B.3
7. Nama Dokumen : Laporan Data Hasil Tes Seleksi
Fungsi : Digunakan sebagai laporan untuk mengetahui data calon
siswa yang tes seleksi
Sumber : Admin
Jumlah : Satu lembar
Tujuan : Admin
Media : Tampilan
Frekuensi : Setiap ada test seleksi
Bentuk : Lampiran B.4
85
8. Nama Dokumen : Laporan Data Siswa Diterima
Fungsi : Digunakan sebagai laporan untuk mengetahui data siswa
yang diterima
Sumber : Admin
Media : Tampilan
Frekuensi : Setiap ada penerimaan siswa baru
Bentuk : Lampiran B.5
86
BAB V
PENUTUP
5.1 Kesimpulan
Dari hasil riset lapangan dan proses perancangan sistem informasi
penerimaan siswa baru berbasis web yang penulis lakukan, maka penulis menarik
beberapa kesimpulan sebagai berikut :
1. Dengan dibuatnya website ini akan mempermudah proses pengolahan data
dari siswa baru melalui pengisian formulir online sehingga akan terbentuk
sistem pengolahan data yang lebih efektif dan efisien dibandingkan dengan
pengisian data secara manual. Proses penyimpanan data dengan
menggunakan media komputer dapat menghemat waktu dan data lebih
terjamin.
2. Sistem penerimaan siswa baru secara online dapat dilakukan kapan saja dan
dimana saja melalui internet.
3. Dalam rancangan sistem informasi ini, ditujukan untuk membantu kegiatan
promosi dari SMK ERA PEMBANGUNAN 3 JAKARTA agar menjadi
lebih menarik sehingga berdampak pada kenaikan jumlah siswa SMK ERA
PEMBANGUNAN 3 JAKARTA.
4. Penyimpanan data kebentuk file memiliki beberapa keuntungan antara lain:
a. Akses lebih cepat dan ruang yang digunakan tidak terlalu besar.
b. Kesalahan- kesalahan yang sering timbul dapat dikurangi
87
5.2 Saran
Dari hasil pembahasan dan penjelasan di atas, maka penulis ingin
memberikan sumbang pikiran yang kiranya dapat dimanfaatkan dan menjadi
pedoman bagi pihak terkait. Dengan harapan semoga dapat lebih meningkatkan
kinerja sekolah secara optimal dengan menggunakan sistem ini. Saran-saran
penulis sebagai berikut :
1. Sebelum diterapkannya sistem informasi ini, disarankan untuk melakukan
program pelatihan bagi user, yakni pegawai sekolah yang akan
menggunakan sistem informasi ini sehingga akan lebih mudah
mengoperasikannya.
2. Pihak admin yang memiliki wewenang dalam mengelola website ini
diharapkan melakukan pembaruan informasi terbaru secara rutin dan
berkala.
3. Memperbaiki tampilan (interface) dari sistem penerimaan siswa baru secara
online sehingga lebih menarik dan mudah digunakan. Kreativitas dalam
mengatur tampilan website agar menarik mutlak diperlukan, hal ini
dilakukan dengan tujuan mengantisipasi rasa bosan dari pengguna website.
4. Untuk menghindari kesalahan data pada saat memasukkan data, maka
diperlukan ketelitian
5. Dalam penggunan sistem informasi yang telah terkomputerisasi ini
diharapkan agar selalu membackup data, sehingga apabila terjadi kerusakan
pada komputer seperti Hardisk rusak atau lainnya, data yang telah di simpan
dalam database tidak hilang.
DAFTAR PUSTAKA
Himawan, Nur Heri Cahyana, Eko Yuli Prasetyo. 2013. Aplikasi Penerimaan Siswa
Baru Berbasis Web SMK Negeri 3 Yogyakarta
Indradjani. 2011. Pengantar Sistem Basis Data Bedah Kilat 1 Jam. Jakarta: PT. Alex
Media Komputerindo.
Ladjamudin, Al-Bahra. 2005. Analisa dan Desain Sistem Informasi. Jakarta: Graha
Ilmu.
Sibero, Alexander. 2013. Web Programming Power Pack. Yogyakarta
Sitompul, Bambang Kurniawan, Syahril Efendi. 2013. Sitem Informasi Penerimaan
Siswa Baru Berbasis Web Pada SMK Mahkota Wisata Sumatera
Sukadi, Sulistianingsih, Bambang EP. 2012. Sistem Informasi Penerimaan Siswa
Baru Berbasis Web Pada Sekolah Menegah Kejuruan SMK PGRI Donorojo
Pacitan: ISSN 1979-9330.
Sukamto, Rosa Ariani dan M. Shalahuddin. 2013. Rekayasa Perangkat Lunak
Terstruktur dan Berorientasi Objek. Bandung: Informatika.
Sutabri, Tata. 2012. Analisa Sistem Informasi.Yogyakarta
Prabowo Widodo Herlawati. 2011. Menggunakan UML. Bandung: Informatika.
DAFTAR RIWAYAT HIDUP
A. Biodata Mahasiswa
NIM : 11135444
Nama Lengkap : Riska Oktavia
Tempat & Tanggal Lahir : Jakarta, 02 Oktober 1995
Agama : Islam
Alamat Lengkap : Kp. Malang Rt.009/003 Semanan Kalideres
Jakarta Barat
No. Telepon : 0896-2775-6770
B. Riwayat Pendidikan Formal
1. SDN 12 Semanan, Lulus Tahun 2007 2. SMP Era Pembangunan 3 Jakarta, Lulus Tahun 2010 3. SMAT Darul ’Amal Sukabumi, Lulus Tahun 2013 4. Manajemen Informatika Bina Sarana,Informatika, Lulus Tahun 2016
C. Riwayat Pengalaman Organisasi / Pekerjaan
1. Anggota HIMMI BSI Cengkareng Divisi Humas (2014 - 2015) 2. Anggota KSR BSI Cengkareng Divisi Kominfo (2015-2016)
Jakarta, 08 Agustus 2017
Saya yang bersangkutan
Riska Oktavia