SISTEM INFORMASI ADMINISTRASI DATA SISWA BERBASIS WEB …

Jurnal TEKINKOM, Volume 4, Nomor 1 Juni 2021 E-ISSN: 2621-3079

DOI 10.37600/tekinkom.v4i1.229 ISSN: 2621-1556

70

SISTEM INFORMASI ADMINISTRASI DATA SISWA BERBASIS WEB

PADA SMK SWASTA PEMBANGUNAN BAGAN BATU

Siharningsih 1), Volvo Sihombing 2), Masrizal 3) 1,2,3Fakultas Sains dan Teknologi, Universitas Labuhanbatu

email: [email protected], [email protected],

[email protected]

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



72

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



73

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



74

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



75

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:



76

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,



77

“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.

Documents

SISTEM INFORMASI ADMINISTRASI DATA SISWA BERBASIS WEB …