Infotronik Vol1 No1 HanhanHanafiah

See discussions, stats, and author profiles for this publication at: https://www.researchgate.net/publication/315808855 PERANCANGAN SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB (STUDI KASUS : SMP PLUS BABUSSALAM BANDUNG) Article · December 2016 READS CITATIONS 0 14,531 2 authors, including: Hanhan Hanafiah Solihin Universitas Sangga Buana YPKP (USB) 6 PUBLICATIONS 0 CITATIONS SEE PROFILE All content following this page was uploaded by Hanhan Hanafiah Solihin on 07 April 2017. The user has requested enhancement of the downloaded file. Jurnal Infotronik Volume 1, No. 1, Desember 2016 ISSN : 2548-1932 PERANCANGAN SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB (STUDI KASUS : SMP PLUS BABUSSALAM BANDUNG) Regi Witanto1) ,Hanhan Hanafiah Solihin2 Program studi Sistem Informasi 1)2) Uni ver si t as Sangga B uana YPK P Bandung 1 ) 2 ) regiwitanto4@gmail 1) , [email protected] 2) Abstrak Siswa baru yang mendaftar di SMP Plus Babussalam, khususnya untuk masuk ke pesantren, mayoritas berasal dari luar kota. Proses penerimaan siswa baru (PSB) di sekolah ini yang masih menggunakan sistem konvensional, sehingga calon siswa terkadang kesulitan mendapatkan informasi untuk melakukan proses pendaftaran. Proses administrasi juga cenderung lambat, karena data belum terintegrasi dan terkelola dengan baik. Proses ini juga masih menggunakan arsip dalam bentuk fisik yang rentan mengalami kerusakan atau bahkan hilang. Untuk dapat mengatasi permasalahan yang terjadi pada pendaftaran siswa baru di SMP Plus Babussalam dibuatlah perancangan dan pembangunan aplikasi Sistem Informasi Penerimaan Siswa Baru Berbasis Web. Metode yang digunakan untuk pembangunan sistem informasi menggunakan Model Prototype dengan pendekatan sistem berorientasi objek yang dimodelkan menggunakan UML (Unified Modelling Language). Hasil akhir dari perancangan dan pembangunan sistem informasi ini adalah adanya sebuah aplikasi yang dapat memberi kemudahan akses informasi dan proses pendaftaran sehingga proses administrasi penerimaan siswa baru menjadi lebih efektif dan efisisen. Kata Kunci : sistem informasi, penerimaan siswa baru, prototype, UML, web PENDAHULUAN Perkembangan teknologi informasi khususnya internet tentu disambut baik oleh semua kalangan, salah satunya bahkan telah merambah ke dunia pendidikan sejak beberapa tahun terakhir. Sehingga hal ini menciptakan persaingan yang kompetitif diantara setiap lembaga pendidikan, tidak terkecuali lembaga pendidikan swasta. SMP Plus Babussalam merupakan sekolah swasta yang berlandaskan islam dan memiliki sistem pesantren didalamnya. Salah satu aktivitas akademik yang ada di sekolah ini setiap kali menjelang tahun ajaran baru tentunya adalah proses penerimaan siswa baru (PSB). Siswa baru yang mendaftar di SMP Plus Babussalam, khususnya untuk masuk ke pesantren, mayoritas berasal dari luar kota. Namun, karena proses penerimaan siswa baru di sekolah ini yang masih menggunakan sistem konvensional, sehingga calon siswa yang berasal dari luar kota terkadang kesulitan untuk mendapatkan informasi dan melakukan proses pendaftaran. Sistem yang masih konvensional ini juga mengakibatkan proses administrasi penerimaan siswa baru cenderung lambat, karena data siswa baru yang telah mendaftar belum terintegrasi dan terkelola dengan baik. Sistem ini juga masih menggunakan arsip dalam bentuk fisik yang rentan mengalami kerusakan atau bahkan hilang. Sehingga kebutuhan akan suatu konsep dan mekanisme penerimaan siswa baru dengan memanfaatkan teknologi informasi menjadi hal yang perlu dipertimbangkan. Sehingga masalah yang terjadi dapat diidentifikasikan sebagai berikut : 1. Proses penerimaan siswa baru masih menggunakan sistem konvensional sehingga calon siswa yang berasal dari luar kota terkadang merasa kesulitan untuk mendapatkan informasi dan melakukan proses pendaftaran. 2. Proses administrasi penerimaan siswa baru cenderung lambat, karena data calon siswa yang telah mendaftar belum terintegrasi dan terkelola dengan baik. JURNAL INFOTRONIK 54 Jurnal Infotronik Volume 1, No. 1, Desember 2016 3. Masih menggunakan arsip dalam bentuk fisik sehingga rentan mengalami kerusakan atau bahkan hilang. Dari masalah yang telah diidentifikasikan, tujuan yang ingin dicapai pada penelitian ini adalah : 1. Melakukan analisis dan perancangan sistem informasi penerimaan siswa baru berbasis web di SMP Plus Babussalam agar dapat memberi kemudahan akses informasi dan proses pendaftaran bagi calon siswa. 2. Merancang suatu sistem informasi berbasis web yang dapat mengatasi pengolahan data calon siswa agar data dapat lebih terintegrasi dan terkelola dengan baik. 3. Membuat suatu sistem informasi berbasis web yang dapat memudahkan proses administrasi pendaftaran sehingga memberi kemudahan bagi panitia penerimaan siswa baru di SMP Plus Babussalam. Agar penelitian ini lebih terarah dan memudahkan dalam pembahasan, maka perlu adanya batasan permasalahan yang dibahas dalam pembuatan sistem informasi, adapun batasan masalah adalah sebagai berikut: 1. Perancangan sistem informasi berbasis web ini tidak membahas mengenai proses pembayaran administrasi pendaftaran sehingga tidak ada kaitannya dengan bagian keuangan. 2. Sistem informasi berbasis web ini tidak menyediakan fasilitas untuk melakukan tes secara online atau ujian online. 3. Sistem informasi berbasis web ini tidak membahas mengenai proses pemberian nilai ujian seleksi yang dilaksanakan di SMP Plus Babussalam. LANDASAN TORI 1. Pengertian Sistem Lucas mendefinisikan, “Sistem sebagai suatu komponen atau variabel yang terorganisir, saling berinteraksi, saling bergantung satu samalain dan terpadu”. [1] 2. Pengertian Informasi “Informasi adalah Data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya”. [3] 3. Pengertian Sistem Informasi Pengertian sistem informasi menurut Robert A. Leitch & K. Roscoe Davis, “Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan ISSN : 2548-1932 pengolahan transaksi harian, mendukung operasi bersifat manajerial dan kegiatan strategi-strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan”. [3] 4. Pengertian Penerimaan Siswa Baru (PSB) Menurut Desi Anwar, “Penerimaan merupakan penyambutan, proses, perbuatan atau sikap terhadap seseorang”. “Siswa merupakan pelajar pada akademi atau perguruan tinggi”. “Baru merupakan suatu hal belum ada sebelumnya”. [5] 5. Pengertian Perancangan ”Perancangan adalah suatu kegiatan yang memiliki tujuan untuk mendesign sistem baru yang dapat menyelesaikan masalah-masalah yang dihadapi perusahaan yang diperoleh dari pemilihan alternatif sistem yang terbaik”. [1] METODE Untuk metode dalam pembangunan perangkat lunak sistem informasi ini menggunakan model Prototype, yaitu model metodologi pengembangan perangkat lunak yang menitik beratkan pada pendekatan aspek desain, fungsi dan user-interface. Berikut gambar pengembangan perangkat lunak Model Prototype dapat dilihat pada gambar 1. Gambar 1. Pengembangan Perangkat Lunak Model Prototype. [6] PEMBAHASAN 1. Analisis Prosedur yang Sedang Berjalan Analisis prosedur yang sedang berjalan akan menguraikan secara sistematis mengenai aktivitas yang terjadi pada prosedur penerimaan siswa baru (PSB) yang sedang berjalan di SMP Plus Babussalam, yakni sebagai berikut: 1. Peserta PSB datang ke lokasi SMP Plus Babussalam untuk melakukan pendaftaran. JURNAL INFOTRONIK 55 Jurnal Infotronik Volume 1, No. 1, Desember 2016 2. Panitia PSB akan memberikan formulir pendaftaran beserta rincian persyaratan berupa berkas-berkas yang harus dilengkapi. 3. Peserta PSB mengisi formulir, dan menyerahkan formulir tersebut bersama berkas-berkas persyaratan untuk diverifikasi oleh panitia PSB. 4. Peserta PSB yang dinyatakan lolos verifikasi akan diberi tanda bukti pendaftaran dan diberitahu untuk melaksanakan serangkaian ujian seleksi. 5. Peserta PSB mengikuti ujian seleksi masuk di SMP Plus Babussalam pada waktu yang telah ditentukan. 6. Setelah mengikuti ujian seleksi masuk, hasil seleksi akan diberitahukan melalui telepon atau pesan singkat. 7. Peserta PSB yang lulus harus melakukan daftar ulang pada waktu yang telah ditentukan, jika tidak maka akan dianggap mengundurkan diri. ISSN : 2548-1932 pemakai (user). Adapun perancangan sistem ini mencakup pembuatan desain sistem berorientasi objek menggunakan UML (Unified Modelling Language). Use Case Diagram Use Case Diagram mendeskripsikan interaksi antara satu atau lebih aktor dengan sistem informasi yang akan dibuat. Berikut adalah Use Case Diagram dari perancangan sistem informasi penerimaan siswa baru berbasis web di SMP Plus Babussalam. 2. Evaluasi Prosedur yang Sedang Berjalan Setelah melewati tahapan analisis terhadap prosedur penerimaan siswa baru yang sedang berjalan di SMP Plus Babussalam, maka dapat diketahui kelemahan-kelemahan yang terjadi yang disajikan dalam Tabel berikut ini: Tabel 1. Kelemahan Sistem Yang Berjalan 3. Perancangan Sistem Tahapan perancangan sistem adalah tahapan untuk memberikan gambaran mengenai sistem informasi penerimaan siswa baru yang akan dibuat di SMP Plus Babussalam, yang telah dianalisis ke dalam bentuk yang mudah dimengerti oleh calon Gambar 2. Use case diagram untuk peserta PSB Gambar 3. Use case diagram untuk operator / panitia PSB JURNAL INFOTRONIK 56 Jurnal Infotronik Volume 1, No. 1, Desember 2016 ISSN : 2548-1932 Gambar 4. Use case diagram untuk admin Activity Diagram Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem dan user. Berikut ini adalah activity diagram dalam perancangan sistem informasi penerimaan siswa baru berbasis web di SMP Plus Babussalam Gambar 6. Activity diagram login untuk peserta PSB Activity Diagram Peserta PSB Gambar 7. Activity diagram mengisi biodata Gambar 5. Activity diagram melakukan pendaftaran akun Gambar 8. Activity diagram melihat hasil seleksi JURNAL INFOTRONIK 57 Jurnal Infotronik Volume 1, No. 1, Desember 2016 ISSN : 2548-1932 Activity Diagram Operator/Panitia PSB Activity Diagram Admin Gambar 9. Activity diagram mencari data peserta untuk operator Gambar 10. Activity diagram mengubah status pendaftaran Gambar 11. Activity diagram mengubah status seleksi Gambar 12. Activity diagram menambah pengumuman Gambar 13. Activity diagram mengedit pengumuman Gambar 14. Activity diagram menambah user Class Diagram JURNAL INFOTRONIK 58 Jurnal Infotronik Volume 1, No. 1, Desember 2016 Class Diagram menggambarkan sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. ISSN : 2548-1932 Berikut adalah class diagram dalam perancangan sistem informasi penerimaan siswa baru berbasis web di SMP Plus Babussalam. Gambar 15. Class diagram sistem informasi penerimaan siswa baru berbasis web. Perancangan basis data adalah proses untuk menentukan isi dan pengaturan data yang dibutuhkan untuk mendukung perancangan sistem. Berikut adalah Perancangan Basis Data perancangan basis data dari sistem informasi penerimaan siswa baru berbasis web di SMP Plus Babussalam. JURNAL INFOTRONIK 59 Jurnal Infotronik Volume 1, No. 1, Desember 2016 ISSN : 2548-1932 tb_peserta PK tb_biodata_siswa id Beranda FK1 nisn password PK nisn nama nama_panggilan email jenis_kelamin tempat_lahir tanggal_lahir berat_badan tinggi_badan golongan_darah tmp_alamat tmp_jarak_sekolah ort_nama_ayah ort_nama_ibu ort_telepon ska_nama ska_status ska_alamat nil_un status_pendaftaran status_biodata status_verifikasi status_seleksi created_at updated_at Pendaftaran Pengumuman Hasil Seleksi Bantuan Login Pendaftaran Nama Lengkap tb_user tb_pesan tb_pengumuman Nama Panggilan PK id PK id username password nama level is_blokir created_at updated_at PK id Email judul slug isi created_at updated_at nama email judul isi is_dibalas created_at updated_at NISN Password Captcha XXXX Daftar Batal Footer Gambar 18. Desain tampilan halaman pendaftaran Gambar 16. Tabel fisik perancangan basis data penerimaan siswa baru berbasis web Beranda Perancangan Antar Muka Perancangan antar muka adalah perancangan tampilan setiap halaman dari sebuah sistem informasi. Perancangan antar muka dalam penelitian ini dibagi menjadi 3 bagian yakni tampilan antar muka yang dapat diakses oleh Peserta PSB, Operator, dan Admin. Pendaftaran Pengumuman Hasil Seleksi Bantuan Login Pengumuman Judul Pengumuman Isi Pengumuman Baca selengkapnya Judul Pengumuman Isi Pengumuman Perancangan Antar Muka untuk Peserta PSB Baca Selengkapnya 1 2 Next Footer Beranda Pendaftaran Pengumuman Hasil Seleksi Bantuan Pesan Lupa Password Login NISN Password Login Slide Foto Gambar 19. Desain tampilan halaman pengumuman Visi Misi Footer Gambar 17. Desain tampilan beranda untuk peserta PSB sebelum login JURNAL INFOTRONIK 60 Jurnal Infotronik Volume 1, No. 1, Desember 2016 ISSN : 2548-1932 Beranda Beranda Peserta Pengumuman Pesan Akun Saya Pengumuman Data User Pesan Akun Saya username Nama Pengumuman Biodata Judul Pengumuman A. IDENTITAS SEKOLAH/MADRASAH ASAL Nama Sekolah Status Negeri Swasta Isi Pengumuman Alamat Baca selengkapnya B. IDENTITAS PENDAFTAR Nomor Peserta XXXXXXXX Edit NISN Hapus XXXXXXXXXX Nama Judul Pengumuman Jenis Kelamin Laki-laki Perempuan Tempat Lahir Tanggal Lahir Isi Pengumuman Alamat Baca Selengkapnya Tinggi Badan Edit Berat Badan Golongan Darah O A Hapus AB B 1 Jarak ke Sekolah 2 Tambah Next C. IDENTITAS ORANGTUA PENDAFTAR Footer Nama Ayah Gambar 22. Desain tampilan halaman pengumuman untuk admin Nama Ibu Telepon D. NILAI UJIAN NASIONAL Jumlah Nilai Ujian Nasional Perancangan Output Simpan Footer Gambar 20. Desain tampilan halaman biodata untuk peserta PSB Perancangan Antar Muka untuk Operator Beranda Data Peserta Pesan Akun Saya username Masukan No Peserta, NISN, Nama Nama - DATA PESERTA PSB TAHUN AJARAN 2016/2017 - A. IDENTITAS SEKOLAH / MADRASAH ASAL Nama Sekolah : Status Sekolah : Alamat Sekolah : B. IDENTITAS PENDAFTAR Nomor Peserta NISN Nama Lengkap Jenis Kelamin Tempat, Tanggal Lahir Alamat Tempat Tinggal Tinggi Badan Berat Badan Golongan Darah Jarak Rumah ke Sekolah Data Peserta PSB Tahun Ajaran XXXX/XXXX No No Peserta NISN PESANTREN AL-QURAN BABUSSALAM AL-MUCHTARIYAH SMP PLUS BABUSSALAM CIBURIAL INDAH PO BOX 6913 DAGO ATAS DESA CIBURIAL KECAMATAN CIMENYAN BANDUNG 40069 Status Pendaftaran Status Biodata Status Verifikasi Status Seleksi Aksi C. IDENTITAS ORANG TUA PENDAFTAR Nama Ayah : Nama Ibu : Nomor Telepon / HP : D. NILAI UJIAN NASIONAL Jumlah Nilai Ujian Nasional 1. : : : : : : : : : : : 2. 3. 1 2 Next Cetak Laporan Mengetahui Orang Tua/Wali Pendaftar, Ciburial, XX-XX-XXXX Pendaftar, (Nama ayah/wali) (Nama Pendaftar) Footer Gambar 21. Desain tampilan halaman data peserta untuk operator Perancangan Antar Muka untuk Admin Gambar 23. Desain tampilan Biodata Peserta PSB untuk dicetak. Perancangan Arsitektur Jaringan Dalam perancangan arsitektur jaringan, digunakan metode konfigurasi jaringan internet. Karena sistem informasi penerimaan siswa baru yang akan dibangun ini merupakan aplikasi website yang akan menggunakan akses internet didalam penggunaannya. Berikut adalah perancangan arsitektur jaringan dari sistem informasi penerimaan siswa baru berbasis web di SMP Plus Babussalam. JURNAL INFOTRONIK 61 Jurnal Infotronik Volume 1, No. 1, Desember 2016 ISSN : 2548-1932 Database Server INTERNET Operator Peserta PSB Admin Gambar 24. Desain Arsitektur Jaringan Sistem Informasi penerimaan siswa baru berbasis web di SMP Plus Babussalam. Implementasi Program Adapun implementasi dari perancangan antarmuka aplikasi yang telah dirancang dapat dilihat sebagai berikut : Gambar 25. Tampilan halaman beranda peserta PSB sebelum login Gambar 26. Tampilan form biodata Gambar 27. Tampilan halaman data peserta JURNAL INFOTRONIK 62 Jurnal Infotronik Volume 1, No. 1, Desember 2016 Gambar 28. Tampilan form tambah pengumuman KESIMPULAN Berdasarkan analisis, perancangan yang telah dilakukan dalam pembuatan sistem informasi penerimaan siswa baru berbasis web di SMP Plus Babussalam ini maka dapat diambil beberapa kesimpulan sebagai berikut: 1. Sistem informasi penerimaan siswa baru berbasis web dari hasil penelitian ini dapat memberi kemudahan akses informasi dan proses pendaftaran bagi calon siswa. 2. Sistem informasi penerimaan siswa baru berbasis web ini juga dapat mengatasi pengolahan data calon siswa menjadi lebih baik karena disimpan dalam suatu basis data yang terintegrasi. 3. Proses administrasi penerimaan siswa baru menjadi lebih efektif dan efisisen sehingga memberi kemudahan bagi para panitia penerimaan siswa baru di SMP Plus Babussalam. ISSN : 2548-1932 REFERENSI [1] Al-Bahra. 2005. Analisis dan Desain Sistem Informasi. Graha Ilmu. Yogyakarta. [2] Irawan, Budhi. 2005. Jaringan Komputer. Graha Ilmu. Yogyakarta. [3] Jogiyanto, HM. 2005. Analisis Dan Desain Sistem Informasi : Pendekatan Terstruktur, Teori Dan Praktik Aplikasi Bisnis. Andi. Yogyakarta. [4] Kristanto, Andi. 2008. Perancangan Sistem Informasi dan Aplikasinya. Gava Media. Yogyakarta. [5] Sherlyta, Olivia. 2013. Pembangunan Sistem Penerimaan Siswa Baru Secara Online Pada TK & SD Model Sleman. STMIK AMIKOM. Yogyakarta Didapat dari repository.amikom.ac.id/files/Publikasi_0 9.11.2866.pdf [6] Pressman, Roger S. 2002. Rekayasa Perangkat Lunak. Andi. Yogyakarta. [7] Shalahudin, M., dan Rosa A.S. 2013. Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Informatika. Bandung. [8] Simarmata, Janner. 2007. Perancangan Basis Data. Andi. Yogyakarta. [9] Widodo, Prabowo P & Herlawati. 2011. Menggunakan UML – UML Secara Luas Digunakan untuk Memodelkan Analisis & Desain Sistem Berorientasi Objek. Informatika. Bandung. JURNAL INFOTRONIK 63 View publication stats