PERANCANGAN SISTEM INFORMASI MONITORING SISWA PADA SMA

NEGERI 4 KOTA MEDAN BERBASIS WEB

Muhamad Alda, S. KOM, M.S.I

Jl. K.L. Yos Sudarso Kota Medan Sumatera Utara 20116
E-mail : muhamadalda9@gmail.com

ABSTRAK macromedia dreamwever CS3, bahasa

Aplikasi ini dirancang untuk pemograman PHP dan database
membantu orang tua siswa dalam MySQL. Aplikasi ini dapat
memperoleh informasi mengenai memberikan informasi nilai dan absen
anaknya disekolah secara berkala. siswa selama berada disekolah dan
Sebelumya orang tua siswa hanya memberikan informasi pembayaran
memperoleh informasi nilai dan secara cepat dan tepat, sehingga
kehadiran anaknya melalui sebuah mempermudah orang tua siswa dalam
raport yang di terima setiap satu mendapatkan informasi nilai,absen dan
semester sedangkan untuk infomasi pembayaran anaknya disekolah.
dan kartu pembayaran hanya diberikan
kepada siswa. Raport yang diterima Kata Kunci : Aplikasi, Monitoring,
oleh orang tua siswa tidak memberikan Nilai, Absensi, Pembayaran, Siswa,
informasi yang detail mengenai Web
anaknya dan waktunya pun terlalu lama 1. PENDAHULUA
dan mengenai informasi serta kartu N
pembayaran yang diberikan kepada Website yang sering disingkat web
siswa tidak disampaikan kepada orang ialah salah satu bagian yang penting
tuanya, sehingga orang tua tidak dapat dari internet karena dapat menampilkan
mengambil tindakan yang cepat dan informasi multimedia ( teks, suara,
tepat untuk kebaikan anaknya. video, animasi dan gambar ) dan dapat
Aplikasi monitoring ini dibangun diakses oleh siapa saja dan dimana saja
dengan menggunakan software

1
dengan menggunakan koneksi internet. biaya yang lebih tinggi dari biaya yang
Melalui website berbagai informasi seharusnya dibayarkan.
dapat ditampilkan sehingga dapat Untuk mengatasi kendala tersebut,
dilihat semua orang, seperti halnya maka penulis melakukan penelitian
dalam dunia pendidikan pemanfaatan untuk merancang sebuah aplikasi
website dapat digunakan untuk monitoring siswa berbasis web. Dengan
menampilkan berbagai informasi memanfaatkan internet, orang tua siswa
mengenai sekolah dan mengenai dapat mendapatkan informasi mengenai
kegiatan siswa. nilai dan absensi anaknya disekolah
SMA N 4 Kota Medan merupakan termasuk mengenai informasi
salah satu Sekolah Menengah Atas pembayaran secara cepat dan tepat.
dikota medan yang memberikan 2. LANDASAN TEORI
informasi siswa kepada orang tua siswa 2.1 Perancangan
dalam bentuk rapor. Melalui rapor, Menurut Rosa A.S dan
orang tua siswa dapat mendapatkan M.Shalahuddin (2011 ; 21)
informasi mengenai nilai dan absensi mengungkapkan : “Perancangan dalam
anaknya selama berada disekolah. pembangunan perangkat lunak
Rapor diberikan kepada orang tua merupakan upaya untuk mengonstruksi
siswa setiap akhir semester sehingga sebuah sistem yang memberikan
orang tua siswa tidak dapat mengambil kepuasan (mungkin informal) akan
keputusan yang cepat dan tepat untuk spesifikasi kebutuhan fungsional,
anaknya karena waktu yang dibutuhkan memenuhi target, memenuhi kebutuhan
orang tua siswa dalam mendapatkan secara implisit atau eksplisit dari segi
informasi mengenai anaknya relatif performansi maupun penggunaan
lama. Selain itu, informasi mengenai sumber daya, kepuasan batasan pada
pembayaran hanya diberikan kepada proses desain dari segi biaya, waktu,
siswa kemudian siswa menyampaikan dan perangkat. merancang, rancangan
kepada orang tuanya. Dalam hal ini, merupakan tahap penerjemahan dari
tidak semua siswa memberikan keperluan atau data yang telah
informasi yang sebenarnya kepada dianalisis ke dalam bentuk yang mudah
orang tuanya dan bisa terjadi dimengerti oleh pemakai”.
kemungkinan siswa dapat meminta 2.2 Sistem Informasi

2
 Menurut C.Laudon dan P. Laudon komputer saling berkomunikasi yang
(2010 ; 46 ) “ Sistem informasi adalah terhubung melalui TCP/IP.”
satuan komponen yang saling Untuk membedakan setiap
berhubungan yang mengumpulkan ( komputer atau jaringan yang terhubung
atau mendapatkan kembali), ke internet maka digunakan sebuah
memproses, menyimpan dan identitas tertentu yang disebut alamat
mendistribusikan informasi untuk IP ( IP Address ). Alamat IP merupakan
mendukung pengambilan keputusan kombinasi angka-angka yang
dan kendali dalam suatu organisasi.” menunjukan identitas sebuah computer
Tujuan dari sistem informasi atau jaringan di internet. Selain
adalah untuk menyajikan informasi menggunakan alamat IP, Komputer
guna pengambilan keputusan pada atau jaringan yang ada di internet juga
perencanaan, pengorganisasian, memiliki nama yang mudah diingat,
pengendalian kegiatan operasi yang biasa disebut dengan nama
subsistem suatu perusahaan, dan domain.
menyajikan sinergi organisasi pada 2.5 Website
proses. Menurut Yuhefizar, dkk (2011 : 2)
2.3 Monitoring “website adalah keseluruhan halaman-
Menurut Harry Hikmat ( 2010 : 2 ) halaman web yang terdapat dalam
mendefenisikan monitoring adalah sebuah domain yang mengandung
“proses pengumpulan dan analisis informasi”.
informasi (berdasarkan indikator yg 2.6 Database
ditetapkan) secara sistematis dan Menurut Rosa A.S dan
kontinu tentang kegiatan M.Shalahuddin (2011 ; 21)
program/proyek sehingga dapat mengungkapkan : Database adalah
dilakukan tindakan koreksi untuk sistem terkomputerisasi yang tujuan
penyempurnaan program/proyek itu utamanya adalah memelihara data yang
selanjutnya.” sudah diolah atau informasi dan
2.4 Internet membuat informasi tersedia saat
menurut Jack Febrian (2007 : 178) dibutuhkan.
“Internet adalah sebuah jaringan 3. BAHAN dan METODE
computer dalam skala global/mendunia 3.1 Bahan Penelitian
yang dapat membuat masing-masing

3
 Penelitian ini mengkaji proses Pada tahap ini penulis merumuskan
penyampaian informasi mengenai nilai, ruang lingkup masalah yang akan
absen dan pembayaran siswa kepada dibahas pada penelitian ini.
orang tua siswa. Sehingga bahan
penelitian yang dibutuhkan adalah 2. Pengumpulan Data
daftar absensi siswa, daftar nilai siswa Pada tahap ini penulis melakukan
dan daftar pembayaran pengumpulan data, pengumpulan data
Bahan penelitian diatas penulis merupakan tahapan dalam proses
dapatkan melalui serangkaian kegiatan penelitian yang penting, dimana penulis
yang penulis lakukan melalui kerangka harus mendapatkan data yang
kerja penelitian. Adapun kerangka dibutuhkan dalam merancang sistem..
kerja penelitian yang akan penulis 3. Studi Literatur
kerjakan adalah sebagai berikut : Pada tahap ini penulis melakukan apa
yang disebut dengan kajian pustaka
Perumusan Masalah
yaitu mempelajari buku-buku referensi,

Pengumpulan Data artikel pada situs-situs yang relevan

dengan penelitian. Tujuannya adalah
Studi Literatur untuk mendapatkan pemahaman teori
dan konsep tentang masalah yang
Analisa dan Perancangan
diteliti.
Pengujian Sistem 4. Analisis dan Perancangan

Pada tahap ini dilakukan analisis

Gambar 3.1 Kerangka Kerja kebutuhan dari sistem yang akan

Penelitian dirancang meliputi data-data yang

Berdasarkan kerangka kerja dibutuhkan dalam perancangan dan

penelitian diatas dapat diuraikan Pada tahap ini juga dilakukan

masing-masing pembahasan dari tahap- perancangan aplikasi yang bertujuan

tahap penelitian ini adalah sebagai untuk memberikan gambaran apa yang

berikut : seharusnya dikerjakan oleh aplikasi dan

1. Perumusan Masalah bagaimana tampilannya.

5.Pengujian Sistem

4
 Pada tahap ini dilakukan pengujian Penulis melakukan pengamatan
keseluruhan dari sistem yang telah langsung terhadap objek penelitian
dirancang,dengan mengintegrasikan dengan mendatangi SMA Negeri 4
unit-unit program tersebut sehingga Kota Medan untuk mendapatkan
menjadi sebuah sistem yang lengkap informasi dan data - data yang konkrit
serta mengamati sistem yang ada.
3.2 Metode Pengumpulan Data
b. Wawancara (Interview)
Dalam penelitian ini, penulis
Penulis melakukan tanya jawab
memerlukan data-data yang akurat.
langsung dengan guru-guru dan pihak
Pengumpulan data-data tersebut
yang terkait pada SMA Negeri 4 Kota
diperoleh oleh penulis dengan
Medan untuk memperoleh keterangan -
menggunakan beberapa metode, antara
keterangan yang akurat serta relevan
lain :
agar dapat menghasilkan perancangan
1. Penelitian Perpustakaan (Library
sistem informasi yang sesuai dengan
Research)
kebutuhan.
Metode ini penulis lakukan untuk
4.. PEMBAHASAN
menunjang penelitian. Penulis
4.1 Analisis Sistem Berjalan
menganalisa berbagai konsep dan
SMA N 4 Kota Medan merupakan
teori tentang pengolahan data
salah satu Sekolah Menengah Atas
komputer, bahasa pemrograman,
Negeri dikota medan yang beralamat di
dan program yang akan dijadikan
Jl.Gelas No.12, Medan Petisah,Kota
landasan pemikiran, dasar - dasar
Medan. SMA N 4 Kota Medan
teoritis ini diperoleh dengan
memberikan informasi siswa kepada
membaca literatur, buku - buku,
orang tua siswa dalam bentuk rapor.
maupun tulisan - tulisan lainnya
Melalui rapor, orang tua siswa dapat
yang berhubungan dengan masalah
mendapatkan informasi mengenai nilai
yang penulis teliti.
dan absensi anaknya selama berada
2. Penelitian Lapangan (Field
disekolah. Rapor diberikan kepada
Research)
orang tua siswa setiap akhir semester.
Metode ini dibagi menjadi dua
Selain itu, informasi mengenai
penelitian yaitu dengan cara :
pembayaran hanya diberikan kepada
a. Pengamatan
siswa kemudian siswa menyampaikan
Langsung (Observation)
kepada orang tuanya.

5
 Dari analisa yang dilakukan
penulis, maka dapat diketahui bahwa
cara tersebut kurang efektif hal ini
dikarenkan oleh :
1. Nilai yang tertera di raport hanya
berupa nilai akhir dari masing –
masing mata pelajaran saja
sehingga orang tua tidak dapat
membantu untuk meningkatkan
nilai anaknya.
2. Informasi kehadiran yang tertera di
raport hanya berupa jumlah ketidak
hadiran siswa saja, tanpa ada
penjelasan kapan siswa tersebut
tidak hadir. 4.2 Analisis Kebutuhan Sistem
3. Informasi jumlah biaya, seperti 4.2.1 Analisis Proses
biaya buku yang harus dibayar Berdasarkan hasil analisis terhadap
diberitahukan melalui siswa sistem yang berjalan, untuk mengatasi
kemudian siswa menyampaikan permasalahan yang ditemukan,
pada orang tua. Sehingga dapat diharapkan sistem yang dikembangkan
memberikan peluang bagi siswa dapat memenuhi beberapa kebutuhan
untuk meminta biaya yang lebih sistem, antara lain :
tinggi dari biaya yang seharusnya. 1. Sistem mampu melakukan
Kegiatan tersebut dapat pencarian data siswa berdasarkan
digambarkan dengan menggunakan nama siswa.
flowchart dokumen, berikut bentuk 2. Menghasilkan program yang
flowchart dokumen dari sistem yang mampu memberikan informasi
berjalan di SMA N 4 Kota Medan. absen,nilai dan pembayaran secara
online dan nama wali kelas.
Dalam analisis pada monitoring di
SMA Negeri 4 Kota Medan secara
online dapat penulis rancang dengan
. menggunakan diagram use case yang

6
menggambarkan batasan sistem yang
dimodelkan. Di samping itu juga
menggambarkan sistem yang akan
dirancang

4.2.2 Use Case

Diagram use case merupakan
sebuah diagram yang menggambarkan
method atau fungsi-fungsi yang dapat
dilakukan oleh sistem. Dibawah ini
merupakan use case diagram. Dari use
case ini terdapat aktor dan use case
fungsi-fungsi sistem

Deskripsi Use Case Diagram

1. Spesifikasi Use Case Forum

2. Spesifikasi Use Case Melihat

Absensi

7
 7. Spesifikasi Use Case Update Data
3. Spesifikasi Use Case Melihat Nilai Kelas

8. Spesifikasi Use Case Update Data

4. Spesifikasi Use Case Melihat Absen
Pembayaran

9. Spesifikasi Use Case Update Data

5. Spesifikasi Use Case Melihat Nilai
Pencarian Data Siswa

10. Spesifikasi Use Case Update Data

6. Spesifikasi Use Case Update Data Pembayaran
Siswa

8
 Gambar 4.5 Activity Diagram Login
Admin

Pada gambar 4.5, admin melakukan

login pada sistem dengan memasukan
username dan password. Kemudian
4.2.3 Class Diagram
sistem akan memeriksa data yang
dimasukan oleh admin, apabila benar
maka admin dapat masuk kedalam
sistem dan melakukan pengolahan data
apabila salah admin tidak dapat masuk
ke sistem

2. Activity Diagram Manajemen

Siswa

Gambar 4.4 Class Diagram

Monitoring Siswa

4.2.4 Activity Diagram

1.Activity Diagram Login Admin

Gambar 4.6 Activity Diagram

Manajemen Siswa

Pada gambar 4.6, manajemen siswa

dimulai dari admin memilih untuk
menambah, mengedit atau menghapus
data siswa. Jika admin memilih
menambah data siswa baru, maka

9
admin menginputkan data siswa, bila
data siswa lengkap maka data akan
tersimpan didalam database jika tidak
lengkap maka data siswa tidak akan
tersimpan kedalam database, ulangi
input data siswa hingga lengkap. Jika
admin memilih hapus bila data di
temukan hapus data, bila tidak ulangi
pilih data. Jika admin memilih untuk
mengedit data siswa, admin mengubah
data sesuai kebutuhan bila data lengkap
data berhasil disimpan kedalam
database jika tidak data tidak berhasil
di simpan ulangi edit data.
3. Activity Diagram Manajemen Kelas
Gambar 4.7 Activity Diagram
Manajemen Kelas
Pada gambar 4.7, manajemen
kelas dimulai dari admin memilih
untuk menambah, mengedit atau
menghapus data kelas. Jika admin
memilih menambah data kelas baru,
maka admin usaha menginputkan data
kelas, bila data kelas lengkap maka
10
data akan tersimpan didalam database
jika tidak lengkap maka data kelas
tidak akan tersimpan kedalam database,
ulangi input data kelas hingga lengkap.
Jika admin memilih hapus bila data di
temukan hapus data, bila tidak ulangi
pilih data. Jika admin memilih untuk
mengedit data kelas, admin mengubah
data sesuai ke butuhan bila data
lengkap data berhasil disimpan
kedalam database jika tidak data tidak
berhasil di simpan ulangin edit data.
4.Activity Diagram Manajemen
Absen
Gambar 4.8 Activity Diagram
Manajemen Absen
Pada gambar 4.8, manajemen absen
dimulai dari admin memilih kelas yang
akan di update absennya, kemudian
admin memilih tampil absen dan
mengisi data absen pada kelas yang
telah dipilih.
5.Activity Diagram Manajemen Nilai
Gambar 4.9 Activity Diagram
Gambar 4.11 Activity Diagram
Manajemen Nilai
Pencarian Siswa
Pada gambar 4.9, manajemen nilai
Pada gambar 4.11, pencarian
dimulai dari admin memilih kelas dan
siswa dimulai dari pengunjung
mata pelajaran yang akan di update
memasukan nama siswa dengan
nilainya, kemudian admin memilin
lengkap, apabila nama yang dimasukan
tampil absen dan mengisi data nilai
pengunjung ditemukan, maka sistem
pada kelas dan mata pelajaran yang
akan menampilkan data siswa yang
telah dipilih.
dimaksud, jika tidak ditemukan, maka
6. Activty Diagram Manajemen
pengunjung memasukan kembali nama
Pembayaran
dengan benar.
8. Activity Diagram Manajemen
Forum

Gambar 4.10 Activity Diagram

Manajemen Pembayaran

Pada gambar 4.10, manajemen

pembayaran dimulai dari admin
memilih pembayaran yang akan di
Gambar 4.12 Activity Diagram
update, kemudian admin memilih
Manajemen Forum
tampil pembayaran dan mengisi data
pembayaran yang telah dipilih. Pada gambar 4.12, manajemen
7.Activity Diagram Pencarian Siswa forum dimulai dari admin/pengunjung
masuk ke menu forum dan memilih
mengajukan pertanyaan atau melihat

11
topik pertanyaan dari pengunjung lain. Merupakan bentuk desain grafis
Apabila pengunjung ingin mengajukan interface sebagai hasil dari penulisan
pertanyaan maka harus mengisi data kode program yang berfungsi sebagai
pertanyaan, jika data lengkap maka media interaksi antara pemakai dengan
pertanyaan pengunjung akan tersimpan sistem sehingga pemakai dapat
di database, jika tidak pengunjung menggunakan sistem dengan baik.

melengkapi kembali data yang telah

diisi. 1.Halaman input admin
4.2.5 Rancangan Stuktur Program
1. Halaman Pengunjung

Gambar 4.15 Halaman Input Admin

Gambar 4.13 Rancangan Struktur
2. Halaman Input Data Siswa
Program Halaman Pengunjung

2. Halaman Admin

Gambar 4.16 Halaman Input Data

Siswa
3.Halaman Input Data Kelas
Gambar 4.14 Rancangan Struktur
Program Halaman Admin

4.2.6.Grapich User Interface (GUI)

12
Gambar 4.17 Halaman Input Data
Gambar 4.20 Halaman Update Data
Kelas
Pembayaran
7. Halaman Input Forum
4. Halaman Update Data Absensi

Gambar 4.21 Halaman Input Forum

Gambar 4.18 Halaman Upadte Data 8. Halaman Utama Pengunjung
Absensi
5. Halaman Update Data Nilai

Gambar 4.22 Halaman Utama

Pengunjung
9. Halaman Monitoring Absensi
Gambar 4.19 Halaman Upadte Data
Absensi
6. Halaman Update Data
Pembayaran

13
Gambar 4.23 Halaman Monitoring
Absensi Gambar 4.26 Halaman Pencarian
Data Siswa
10. Halaman Monitoring Nilai 13. Halaman Forum Pengunjung

Gambar 4.27 Halaman Forum

Gambar 4.24 Halaman Monitoring
Pengunjung
Nilai
14. Halaman Profil Pembuat
11. Halaman Monitoring
Pembayaran

Gambar 4.28 Halaman Profil

Pembuat
Gambar 4.25 Halaman Monitoring 5. PENGUJIAN SISTEM
Pembayaran 5.1 Skenario Pengujian
12. Halaman Pencarian Data Skenario pengujian dilakukan untuk
Siswa menentukan langkah-langkah dalam
melakukan pengujian. Pengujian

14
dilakukan dengan menjalankan sistem 6. PENUTUP
informasi dari perancangan website. 5.1 Kesimpulan
Setelah sistem informasi dijalankan Setelah tahap demi tahap dalam
selanjutnya adalah menguji tombol- penelitian ini dilaksanakan penulis
tombol yang terdapat dalam antar muka dapat menyimpulkan hasil dari
sistem informasi apakah telah sesuai penelitian ini adalah sebagai berikut :
dengan tahap perancangan.
1. Sistem informasi dirancang
5.2 Hasil Pengujian
dengan menggunakan Macromedia
Dari skenario pengujian yang
Dreamweaver CS3, Bahasa
dilakukan dapat diperoleh hasil
Pemograman PHP, dan database
pengujian. Dari hasil skenario
MySQL.
pengujian pada setiap pilhan yang ada
2. Sistem informasi dirancang
pada perancangan sistem informasi
dengan menggunakan metode
monitoring siswa pada SMA N 4 Kota
pendekatan berorientasi objek
Medan yaitu menu link (home, absensi,
3. Sistem Informasi yang dirancang
nilai, pembayaran, pencarian siswa,
dapat melakukan pengolahan data
forum, profil pembuat) dan menu
absensi, nilai dan pembayaran
dalam admin maka diperoleh hasil
siswa-siswi SMA Negeri 4 Kota
pengujian tersebut sesuai dengan proses
Medan.
perancangan sistem.
4. Sistem informasi ini
5.3 Analisa Hasil Pengujian
menampilkan informasi absensi
Setelah melakukan pengujian
kelas harian (perhari),informasi nilai
terhadap semua menu sistem pada
semester (persemester), informasi
program ini, maka dapat disimpulkan
pembayaran dan dapat diakses
pengujia dapat menghasilkan keluaran
secara online.
(output) dan proses yang sesuai dengan
5. Sistem informasi ini membantu
perancangan sistem dan hasil pengujian
orang tua untuk mendapatkan
ini dapat dikatakan sistem telah
informasi absensi, nilai dan
berjalan dengan baik dan benar,
pembayaran anaknya disekolah.
sehinggan sistem ini telah dapat
6. Aplikasi ini hanya membantu orang
digunakan untuk melakukan
tua dalam mendapatkan informasi
monitoring siswa pada SMA N 4 Kota
anaknya disekolah, namun tindakan
Medan.

15
 – tindakan lainya tergantung dari lama menunggu untuk mendapatkan
orang tua siswa. jawaban dari pertanyaannya.
7. Sistem ini akan menjadi baik atau 4. Dikarenakan jumlah data akademik
sangat berguna jika ada peranan ini sangat banyak, sebaiknya
aktif dari orang tua, dan pihak dilakukan pembersihan data enam
sekolah. bulan sekali atau setiap satu
semester untuk nilai dan
5.2 Saran pembersihan data sebulan sekali
Untuk mempermudah didalam untuk absen, hal ini bertujuan agar
mencapai suatu tujuan yang data yang sudah tidak berhubungan
diharapkan, penulis memberikan lagi tidak memberatkan sistem,
beberapa saran bagi pengunjung dan namun terlebih dahulu data harus di
admin. Adapun saran-saran tersebut backup.
antar lain:
DAFTAR PUSTAKA
1. Sebaiknya data absen diupdate
setiap hari ( saat masuk sekolah ) , A.S, Rosa & Shalahudin, M. 2011.
sedangkan data nilai diupdate setiap Modul Pembelajaran Rekayasa
enam bulan sekali atau setiap satu Perangkat Lunak (Terstruktur
semester dan Berorientasi Objek).
2. Sebaiknya pengunjung/orang tua Bandung : Modula.
memberikan pertanyaan yang C. Laudon, Kenneth; & P. Laudon,
berhubungan dengan kegiatan Jane. 2010. Management
anaknya selama disekolah atau yang Information Systems : Managing
berhubungan dengan sistem yang The Digital Firm. Eleventh
ada pada sistem monitoring Edition. New Jersey, United
sehingga admin tidak mengalami States of America : Pearson
kesulitan dalam memberikan Prentice Hall.
jawaban pengunjung/orang tua. Hikmat, Harry, 2010, Monitoring dan
3. Sebaiknya admin memberikan Evaluasi Proyek, depsos.go.id-
jawaban dari pertanyaan pengunjung ppt,
dalam waktu yang cepat sehingga
pengunjung/orang tua tidak terlalu

16
Febrian, Jack. 2007. Kamus Komputer
dan Teknologi Informasi.
Bandung : Informatika Bandung.
Yuhefizar, dkk. 2011. Cara Mudah
Membangun Website Interaktif
Menggunakan Content
Management System Joomla,
Jakarta : PT Elex Media
Komputindo.

17