## SISTEM INFORMASI ADMINISTRASI DATA SISWA BERBASIS WEB PADA SMK SWASTA PEMBANGUNAN BAGAN BATU
Siharningsih 1) , Volvo Sihombing 2) , Masrizal 3)
1,2,3 Fakultas Sains dan Teknologi, Universitas Labuhanbatu email: siharmorangkir@gmail.com, volvolumbantoruan@gmail.com, masrizal120405@gmail.com

## Abstract
The very rapid development of technology has brought humans into life side by side with information and technology  itself.  For  now,  there  are  more  and  more  private  companies,  educational  institutions  and institutions whose needs are used as information services. Processing of student data at the Private SMK Bagan Batu Development School which still uses the manual method makes data searching and printing reports slow and less efficient. To solve this problem, a web-based student data administration processing information system was designed at the Bagan Batu Development Private Vocational School. This web- based  information  system  was  built  using  the  PHP  and  HTML  programming  languages,  as  well  as  the Cascading Style Sheet (CSS) as content representation, and database processing using MySQL. The result of  this  study  is  an  information  system  that  facilitates  the  work  of  administrative  staff  at  the  Chartered Construction Private Vocational School in administering student data so that student data administration activities can be carried out easily, quickly and efficiently.
Keywords :  Technology, method, applications, quickly, efficiently
1.  PENDAHULUAN  [Times  New  Roman  11 bold]
Pesatnya  perkembangan  teknologi  dan ilmu pengetahuan memiliki dampak yang besar, khususnya pada bidang teknologi informasi yaitu mudah dan luasnya akses data maupun informasi yang  ada  di  setiap  instansi  [1]–[8].  Hampir  di setiap instansi perusahaan, organisasi, perkantoran, lembaga, maupun instansi pemerintahan membutuhkan pengolahan administrasi  yang  cepat,  tepat,  dan  akurat,  data serta  informasi  tersebut    upaya  peningkatan kinerja dari instansi tersebut [9]–[16].
Pesatnya perkembangan teknologi informasi  ini  membawa  dampak  positif  bagi kehidupan  bermasyarakat.  Dampak  tersebut sangat  menguntungkan  ataupun  mempermudah dalam  hal  pengolahan  data.  Oleh  karena  itu masyarakat  dapat  mengakses  serta  memperoleh informasi  terbaru  dengan  cepat,  mudah,  dan akurat melalui jaringan internet. Berdasarkan hal tersebut  perkembangan  teknologi  memiliki
dampak  dan  manfaat  yang  besar  kehidupan masyarakat saat ini [17]–[20], [21], [22].
Tahun 1992 SMK Swasta Pembangunan Bagan  Batu  berdiri  dan    berlokasi  di  Jalan  Dr. Sutomo Kampung Lalang, Bagan Batu, Provinsi Riau.  Pengolahan  data  siswa  pada  bagian  tata usaha  sekolah  ini  sebagian  besar  pekerjaan pengolahan  data  masih  dilakukan  dengan menggunakan  cara  yang  manual,  yakni  dengan cara menuliskan data siswa secara keseluruhan ke dalam  buku  induk  dan  adapun  yang  sudah terkomputerisasi  namun  masih  menggunakan Microsoft  Office.  Pengolahan  data  dengan  cara manual ini kurang efektif karena memakan waktu serta  besar  kemungkinannya  terjadi  kesalahan dan  kesulitan  dalam  mencari  data.  Selain  itu dalam pembuatan laporan untuk evaluasi kinerja tata  usaha  juga  tidak  dapat  langsung  tersedia karena harus membuat formulir baru atau skema baru yang saat itu dibutuhkan.
Menggunakan  cara  tersebut  memiliki dampak  negatif  tersendiri.  Salah  satu  dampak negatif  pada  cara  yang  konvensional  adalah
pencarian data, pencarian data akan memerlukan waktu karena harus membuka dokumen satu per satu. Selain pencarian data siswa pencatatan data siswa,  dan  pembuatan  laporan  juga  merupakan dampak  negatif  yang  ditimbulkan  dari  cara konvensional.  Dengan dampak negatif tersebut, pegawai tata usaha membutuhkan sebuah sistem yang  dapat  digunakan  sebagai  pemecahan  dari masalah-masalah tersebut.
Untuk  mengatasi  masalah  pengolahan data tersebut dilakukan dengan membuat sebuah sistem  informasi  administrasi  data  siswa terkomputerisasi baik dari segi pendataan siswa, pendataan  keuangan,  pembuatan  laporan  serta proses  lainnya.  Proses  tersebut  yaitu  hubungan aktivitas siswa terhadap tata usaha menggunakan sistem  berbasis  web.  Dengan  adanya  sistem informasi  administrasi  siswa  berbasis  web  ini akan memudahkan pihak tata usaha SMK Swasta Pembangunan dalam penginputan data siswa dan pencetakan laporan. Pegawai tata usaha tidak lagi menuliskan semua data siswa secara manual atau konvensional.

## 2. METODE PENELITIAN
Perancangan Sistem Informasi Pendataan administrasi  data  siswa  pada  SMK  Swasta Pembangunan  Bagan  Batu  dilakukan  dengan tahapan sebagai berikut:

## 2.1.   Diagram Konteks
Guna mengetahui keadaan sistem informasi  yang  akan  dibangun  pada  pendataan siswadi,  maka  perlukannya  rancangan  konteks seperti gambar di bawah ini.
Gambar 1.  Diagram Konteks

## 2.2. Perancangan Masukan (Input)
Rancangan  masukan  sistem  berguna untuk  merancang  bagian  masukan  data  yang dibutuhkan. Rancangan masukan atau input pada
Sistem Informasi Pendataan Siswa SMK Swasta Pembangunan Bagan Batu terdiri dari :

## a. Tampilan Login
Rancangan Form Login pada perancangan Sistem Informasi  Pendataan  Siswa  SMK  Swasta Pembangunan Bagan Batu seperti gambar 2.
Gambar 2. Rancangan Tampilan Login
b. Formulir Entry Data Siswa
Rancangan formulir pendataan siswa ditunjukkan pada  gambar  3  terhadap  perancangan  Sistem Informasi  Pendataan  Siswa  Pada  SMK  Swasta Pembangunan Bagan Batu.
Gambar 3. Rancangan Formulir Data Siswa
c. Entry Data Kelas
Rancangan  dari  penginputan  data  kelas  pada peracangan  Sistem  Informasi  Pendataan  Siswa
Pada  SMK  Swasta  Pembangunan  Bagan  Batu pada gambar 4.
Gambar 4. Rancangan Form Entry Data Kelas
d. Entry Data Guru
Rancangan  Form  Entry  data  guru  dan  pengajar seperti gambar 5.
Gambar 5. Rancangan Entry Data Guru

## 3. HASIL DAN PEMBAHASAN
Perancangan sistem informasi ini meliputi  tampilan  rancangan  program  yaitu menu, form  (input  sistem) dan report  (output sistem) yang  berisikan  informasi  dari  data  yang diinput, antara lain:
a. Halaman Login Halaman Login ini berfungsi  sebagai untuk  mengaktifkan  semua  menu  yang  ada. Halaman Login berfungsi  sebagai  pengaman sistem agar dapat mengaktifkan main menu dan sub  menu  yang  terdapat  pada  halaman  utama, seperti gambar 6.
Gambar 6. Tampilan Halaman Login
b. Menu Utama ( Home )
Tampilan Home  ini digunakan  untuk  membuka dashboard layout halaman yang digunakan oleh pengguna sistem. Menu Utama, seperti gambar 7.
Gambar 7. Tampilan Halaman Menu Utama
Keterangan :
1. Tombol  yang  berfungsi  untuk  masuk  ke halaman pengaturan sistem.
2. Tombol  yang  berfungsi  untuk  keluar (Logout) dari halaman utama atau sistem.
3. Status  pengguna (User). Untuk  mengubah foto  profil  pengguna  dan  profil  pengguna dapat dilakukan dengan cara meng-klik foto profil  tersebut  atau  username  yang  tertera pada status pengguna tersebut.
4. Form  Pencarian  berfungsi  untuk  mencari siswa  secara  singkat  yang  akan  langsung masuk  ke  halaman  semua  siswa.  Setalah dilakukan  nya  pencarian,  setiap  baris  siswa akan  disediakan  tombol  untuk  langsung masuk ke halaman kelas siswa tersebut. Pada form pencarian ini dapat dilakukan pencarian dengan  kode  tertentu.  Seperti,  NIS  siswa, Nama  Siswa,  Alamat,  Nama  Kelas,  Agama, Jenis Kelamin, dan nomor ponsel siswa.
5. Sub  menu,  pada  bagian  ini  berfungsi  untuk masuk ke halaman sesuai nama yang tertera pada sub menu tersebut.
c. Sub Menu Siswa
Menu  ini  berfungsi  untuk  menampilkan halaman  yang  berisi  data  siswa,  data  orang  tua, wali  siswa,  dan  sekolah  asal  siswa.  Dimana Admin dapat  menambahkan  data,  menghapus
data, dan merubah data dengan menekan tombol yang sudah disediakan.
Halaman  Pilih  Kelas,  Untuk  masuk  ke halaman  data  siswa admin harus  memilih  kelas terlebih dahulu. Berikut merupakan halaman pilih kelas :
Gambar 8. Halaman Memilih Kelas
Gambar  9  menunjukan  Halaman  Data Siswa pada sistem.
Gambar 9. Halaman Data Siswa
d. Formulir Data Siswa
Formulir Data Siswa berfungsi sebagai halaman untuk  mengisi  data  siswa  baru  yang  akan disimpan  pada  kelas  yang  sudah  dipilih.  Pada gambar  10  dapat  dilihat  tampilan  halaman Formulir Data Siswa.
Gambar 10. Formulir Data Siswa
Setelah melakukan pengisian data siswa, admin dapat melakukan  pengunggahan  pasfoto Siswa.  Berikut  merupakan  tampilan  halaman unggah pasfoto siswa.
Gambar 11. Halaman Unggah PAS Foto Siswa
e. Halaman Edit Data Siswa
Halaman  ini  berfungsi  untuk  mengubah data  siswa  yang  sudah  tersimpan.  Tampilan halaman ini terdapat pada gambar 12.
Gambar 12. Formulir Edit Data Siswa
f. Cetak Laporan Daftar Siswa
Halaman  ini  berfungsi  untuk  mencetak  laporan daftar siswa. Tampilan cetak laporan daftar siswa seperti terdapat pada gambar 13.
Gambar 13. Tampilan Cetak Daftar Siswa
g. Halaman Formulir Data Guru
Halaman  ini  berfungsi  sebagai  halaman yang  menampung  data  guru  baru  yang  akan disimpan ke dalam sistem.
Gambar 14. Halaman Formulir Data Guru
h. Halaman Unggah PAS Foto Guru
Sama  seperti  pada  halaman  data  siswa setelah melakukan pengisian data guru, halaman selanjutnya  adalah  halaman  Unggah  Pas  Foto Guru.  Halaman  unggah  pasfoto  terdapat  pada gambar 15.
Gambar 15. Halaman Unggah Pasfoto Guru
i. Halaman Guru
Halaman Guru berfungsi sebagai halaman  untuk  mendata  semua  guru  maupun pegawai  yang  bekerja  di  SMK  Swasta Pembangunan  Bagan  Batu.  Pada  Halaman  ini dapat  dilakukan  beberapa  operasi,  seperti manambah, mengubah, menghapus dan mencetak data  guru  maupun  menampilkan  foto  guru. Tampilan ini terdapat pada gambar 16.
Gambar 16. Tampilan Halaman Guru

## 4. KESIMPULAN
Berdasarkan  analisis  dan  pembahasan yang  telah  dilakukan,  berikut  merupakan kesimpulan yang diperoleh:
1. Sistem  informasi  administrasi  data  siswa pada SMK Swasta Pembangunan Bagan Batu dibangun  untuk  mempermudah  proses pendataan siswa pada sekolah.
2. Sistem  yag  dibuat  menggunakan  bahasa PHP,  yang  bertujuan  untuk  memudahkan pengguna  atau user saat  hendak  mengakses aplikasi.
3. Database server merupakan aplikasi MySQL, yang bertujuan untuk memudahkan data yang hendak diakses.

## 5. REFERENSI
[1] V. M. M. Siregar, E. Damanik, M. R. Tampubolon, E. I. Malau, E. P. S. Parapat, and D. S. Hutagalung, “Sistem Informasi Administrasi Pinjaman
(Kredit) Pada Credo Union Modifikasi (CUM) Berbasis Web,” J. Tekinkom , vol. 3, no. 2, pp. 62–69, 2020, doi:
10.37600/tekinkom.v3i2.193.
[2] H. Sugara, E. Sirait, M. A. Hanafiah, and N. F. Siagian, “Sistem Informasi
Pembayaran SPP Pada SMK Swasta
Teladan Tanah Jawa Menggunakan Vb.Net,” J. Tek. Inf. dan Komput. , vol. 3, no. 1, p. 14, 2020, doi:
10.37600/tekinkom.v3i1.125.
[3] S. S. S, A. T. Purba, and V. M. M. Siregar, “Sistem Pendukung Keputusan
Kelayakan Pemberian Pinjaman Kredit Menggunakan Metode Topsis Pada Cum
Caritas HHKBP Pematangsiantar,” J. Tek. Inf. dan Komput. , vol. 3, no. 1, p. 1, Sep. 2020, doi: 10.37600/tekinkom.v3i1.117.
[4] A. T. Purba and V. M. M. Siregar, “Sistem Penyeleksi Mahasiswa Baru Berbasis Web Menggunakan Metode Weighted Product,” TEKINKOM , vol. 3, no. 1, pp. 1–8, 2020, doi: 10.37600/tekinkom.v3i1.117.
[5] S. P. Tamba, M. D. Batubara, W. Purba,
M. Sihombing, V. M. Mulia Siregar, and
J. Banjarnahor, “Book data grouping in libraries using the k-means clustering method,” J. Phys. Conf. Ser. , vol. 1230, no. 1, p. 012074, Jul. 2019, doi: 10.1088/1742-6596/1230/1/012074.
[6] V. M. M. Siregar, H. Sugara, and G. A. Purba, “Aplikasi Pencatatan Laporan Penjualan Kita-Kita.Net Berbasis Web,” TEKINKOM , vol. 2, no. 1, pp. 80–86, 2019, doi: 10.37600/tekinkom.v2i1.81.
[7] V. M. M. Siregar, H. Sugara, and I. M. Siregar, “Perancangan Sistem Informasi Pendataan Barang Pada PT. Serdang Hulu,” J. Comput. Bisnis , vol. 12, no. 2, pp. 111–117, 2018.
[8] V. M. Siregar and H. Sugara, “Perancangan Dan Implementasi Aplikasi Penggajian Berbasis Dekstop
Pada Murni Sadar English Course,” J.
Tek. Inf. dan Komput. , vol. 1, no. 2, pp. 42–48, 2018.
[9] J. Simatupang and S. Sianturi, “PERANCANGAN SISTEM
INFORMASI PEMESANAN TIKET
BUS PADA PO. HANDOYO
BERBASIS ONLINE,” J. Intra Tech , vol. 3, no. 2, pp. 11–25, 2019.
[10] Fricles Ariwisanto Sianturi, “Analisa metode teorema bayes dalam
mendiagnosa keguguran pada ibu hamil berdasarkan jenis makanan,” Tek. Inf. dan Komput. , vol. 2, no. 1, pp. 87–92,
2019, [Online]. Available: http://jurnal.murnisadar.ac.id/index.php/
Tekinkom/article/view/78.
[11] A. Ardian, I. Purnama, and V. Sihombing, “Perancangan Aplikasi
Pengolah Data Siswa Berbasis Android
(Studi Kasus : Mis Nurul Huda Labuhan Batu Selatan),” Pengabdi. Masy. Ika Bina En Pabolo , vol. 1, no. 1, pp. 40–53, 2019.
[12] G. J. Yanris, “Analisis Dan Implementasi Data Mining Dalam Menganalisa
Kendala Akademik Yang Sering Dikeluhkan Mahasiswa AMIK
Labuhanbatu (Studi Kasus : Amik Labuhanbatu),” Informatika , vol. 4, no.
1, pp. 15–24, 2016.
[13] V. Sihombing, “Aplikasi Simade (Sistem Informasi Manajemen Desa) Dalam Meningkatkan Pelayanan Administrasi di Kepenghuluan Bakti Makmur Kecamatan Bagan Sinembah Kab. Rokan Hilir Riau,” SISTEMASI , vol. 7, no.
September, pp. 292–297, 2018.
[14] W. Purba, S. Tamba, and J. Saragih, “The effect of mining data k-means clustering toward students profile model drop out potential,” J. Phys. Conf. Ser. , vol. 1007, no. 1, p. 12049, 2018,
[Online]. Available:
http://stacks.iop.org/1742- 6596/1007/i=1/a=012049.
[15] V. Sihombing, “Sistem Informasi Penjualan Mobil Suzuki Di Dealer Bagan Batu,” SISTEMASI , vol. 7, no. 2, pp. 113–119, 2018.
[16] W. Purba, S. Aisyah, and S. P. Tamba, “Perancangan Sistem Pakar Diagnosa Penyakit Mata Katarak Menggunakan Konsep Metode Runut Mundur,”
JUSIKOM PRIMA (Junal Sist. Inf. Ilmu Komput. Prima) , vol. 1, no. 1, 2017.
[17] P. D. P. Adi and A. Kitagawa,
“Performance evaluation of E32 long range radio frequency 915 MHz based on internet of things and micro sensors data,” Int. J. Adv. Comput. Sci. Appl. , vol. 10, no. 11, pp. 38–49, 2019, doi: 10.14569/IJACSA.2019.0101106.
[18] P. D. P. Adi and A. Kitagawa, “A Study of LoRa Performance in Monitoring of Patient’s SPO2 and Heart Rate based
IoT,” Int. J. Adv. Comput. Sci. Appl. , vol. 11, no. 2, 2020, doi:
10.14569/IJACSA.2020.0110232.
[19] P. Dani Prasetyo Adi and A. Kitagawa, “A performance of radio frequency and signal strength of LoRa with BME280 sensor,” TELKOMNIKA (Telecommunication Comput. Electron. Control. , vol. 18, no. 2, p. 649, Apr.
2020, doi: 10.12928/telkomnika.v18i2.14843.
[20] P. D. P. Adi and A. Kitagawa, “Quality of Service and power consumption optimization on the IEEE 802.15.4 pulse sensor node based on Internet of Things,”
Int. J. Adv. Comput. Sci. Appl. , 2019, [Online]. Available: http://www.scopus.com/inward/record.ur l?eid=2-s2.0- 85066760495&partnerID=MN8TOARS.
[21] P. D. P. Adi et al. , “A Performance
Evaluation of ZigBee Mesh Communication on the Internet of Things (IoT),” in 2021 3rd East Indonesia Conference on Computer and Information Technology (EIConCIT) , Apr. 2021, pp. 7–13, doi: 10.1109/EIConCIT50028.2021.9431875.
[22] P. D. P. Adi et al. , “A Study of Programmable System on Chip (PSoC)
Technology for Engineering Education,” J. Phys. Conf. Ser. , vol. 1899, no. 1, p.
012163, May 2021, doi: 10.1088/1742-
6596/1899/1/012163.