perancangan sistem informasi pengolahan nilai berbasis web
TRANSCRIPT
Volume 1 No 2 Desember 2017
38
Jurnal Manajemen Dan Informatika Pelita Nusantara
p-ISSN 2088-3943
e-ISSN 2580-9741
PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI
BERBASIS WEB PADA MTs AL GHAZALY BOGOR
Sefrika1, Helina Apriyani
2, Enok Tuti Alawiah
3
1,2
Komputer Akuntansi
AMIK BSI Jakarta, Jl. Jl. RS Fatmawati No24 Pondok Labu, Jakarta,Indonesia 2, 3
Manajemen Informatika
AMIK BSI Bogor, Jl.Merdeka No.168 Bogor, Jawa Barat, Indonesia
Abstrak
MTs Al Ghazaly Bogor adalah lembaga pendidikan setingkat sekolah menengah pertama yang terletak di
Kota Bogor. Untuk mengelola nilai akademik, sekolah tersebut msih menggunakan cara manual dan belum
memiliki sebuh sistem informasi. Akibatnya proses pengolahan nilai sering mengalami kendala terutama untuk proses rekap absen, input nilai dari guru bidang studi, pengolahan nilai oleh wali kelas dan pelaporan
terhadap kepala sekolah. Salah satu cara yang dapat dilakukan adalah merancangan sebuah sistem informasi
pengolahan nilai akademik berbasis web yang nantinya akan membantu guru untuk meningkatkan kinerjanya.
Penelitian ini bertujuan untuk merancangan sebuah sistem informasi pengolahan nilai akademik berbasis web yang akan di implementasikan pada MTs Al Ghazaly Bogor. Pengembangan sistem perangkat lunak dibuat
dengan menggunakan metode waterfall. Hasil penelitian dapat digunakan untuk membantu kinerja guru dan
mempermudah siswa mengakses laporan akhir akademik berbasis website.
Kata Kunci: sistem informasi akademik, MTs AL Ghazali Bogor, raport online
Abstract MTs Al Ghazaly Bogor is a junior high school education institution located in Bogor City. To manage
academic values, the school has been using manual methods and has no information system. As a result,
value-processing processes often experience obstacles, especially for absent recap process, value inputs from study teachers, value-processing by classmates and reporting to principals. One way that can be done is to
design a web-based academic value processing information system that will help teachers improve their
performance. This research aims to design a web based academic value processing information system that
will be implemented at MTs Al Ghazaly Bogor. Software system development is made using the waterfall method. The results of the study can be used to help teachers' performance and facilitate students access the
academic final report based on the website.
Keywords:academic information system, MTs AL Ghazali Bogor, online raport
I. PENDAHULUAN
Perkembangan teknologi informasi dan
komunikasi berdampak besar pada kehidupan
sosial masyarakat dunia. Teknologi ini dapat
dimanfaatkan oleh semua bidang untuk
membantu dalam menyelesaikan proses
pengelolaan bisnis, penyimpanan dokumen,
distribusi data, komunikasi personal, penjualan
online, pembelajaran online dan lain
sebagainya. Dalam bidang pendidikan,
teknologi informasi memegang peranan penting
dimana kehadiran teknologi ini dapat membantu
akademisi untuk mentransmisikan ilmu
pengetahuan dan keahliannya melalui sebuah
sistem informasi. Internet sejak kemunculannya
pada tahun 1969 dan kemudian mengalami
perkembangan yang sangat pesat. Kehadiran
internet telah membawa perubahan yang
signifikan terhadap aspek kehidupan manusia,
terutama dari sisi kebebasan memperoleh dan
menyebarkan informasi tanpa batas geografis.
“internetatau interconection-networking
merupakan sistem global dari seluruh jaringan
komputer yang saling terhubung satu sama lain
dengan menggunakan standar protokol TCP/IP
(Transmission Control Protokol/Internet
Protokol)” [4].
Salah satu kemudahan penggunaan akses
internet adalah adanya sistem informasi berbasis
web dengan menggunakan jaringan komputer
dan ruang penyimpanan data dalam bentuk
database. “Website adalah keseluruhan
halaman-halaman web yang terdapat dalam
sebuah domain yang mengandung informasi”.
Website dibangun atas banyak halaman yang
Volume 1 No 2 Desember 2017
39
Jurnal Manajemen Dan Informatika Pelita Nusantara
p-ISSN 2088-3943
e-ISSN 2580-9741
saling terkoneksi satu halaman dengan halaman
yang lain [5].
Hubungan antara halaman web disebut
dengan hyperlink. Sedangkan teks yang
dijadikan media penghubung disebut dengan
hypertext. “Basis data adalah sekumpulan
informasi yang diatur agar mudah dicari. Dalam
arti umum basis data adalah sekumpulan data
yang diproses dengan bantuan komputer yang
memungkinkan data dapat diakses dengan
mudah dan tepat, yang dapat digambarkan
sebagai aktivitas dari satu atau lebih organisasi
yang berelasi” [1].
Untuk mendukung kinerja guru agar lebih
professional dalam melayani siswa, sistem
informasi pengolahan nilai diperlukan untuk
mempermudah proses pengolahan nilai
sehingga tidak memerlukan waktu yang banyak,
efisien, cepat dan handal. “Sistem informasi
adalah komponen-komponen yang saling
berkaitan yang bekerja bersama-sama untuk
mengumpulkan, mengolah, menyimpan dan
menampilkan informasi untuk mendukung
pengambilan keputusan, koordinasi, pengaturan
analisa dan visualisasi pada sebuah organisasi”
[2].
Pengolahan nilai merupakan suatu bentuk
aktivitas yang mempunyai fungsi sebagai
pengolah nilai siswa dengan data nilai yang di
dapatkan dari guru serta administrator yang
bertugas untuk menambah, menghitung,
menghapus dan merubah nilai sesuai ketentuan.
Pada dasarnya pengolahan nilai itu sendiri
dilakukan secara otomatis oleh sistem yang ada
di dalam sebuah komputer administrator. Sistem
informasi sekolah berbasis web ini diharapkan
dapat mempermudah dan mempercepat dalam
pengolahan nilai siswa.
II. METODE
A. Metode Pengembangan Perangkat Lunak
Metode pengembangan perangkat lunak dalam penelitian ini: Metode yang digunakan pada pengembangan
perangkat lunak ini menggunakan model SDLC
air terjun (waterfall) [3], yang terbagi menjadi
lima tahapan, yaitu:
1. Analisis Kebutuhan
Tahapan ini penulis meneliti kebutuhan
sistem yang dibutuhkan sesuai informasi
yang didapatkan
2. Desain
Pada tahap ini, untuk dapat ke tahap
pembuatan program selanjutnya penulis
mengidentifikasi dan menggambarkan
abstraksi dasar sistem perangkat lunak dan
hubungan-hubungannya.
3. Pembuatan Kode Program
Setelah membuat rancangan desain,
penulis akan menterjemahkan semua
rancangan desainnya dan mulai pembuatan
program yang sesuai dengan rancangan
yang telah dipersiapkan.
4. Pengujian
Pada tahap ini, penulis melakukan
pengujian program dengan menggunakan
pengujian kotak hitam(Black-Box Testing).
5. Pendukung atau pemeliharaan
Setelah pengujian, di tahap ini penulis
melakukan pemeliharaan program dan
perbaikan jika program tersebut
mengalami perubahan atau muncul
kembali error yang tidak terdeteksi di
tahap sebelumnya.
III. HASIL
A. Profil Instansi
Madrasah Tsanawiyah Al-Ghazaly Kota
Bogor adalah sekolah Lanjutan Tingkat Pertama
Islam berdiri sejak tahun 1998 dibawah naungan
YIC Al Ghazaly Kota Bogor, dengan tujuan
mempersiapkan putra-putri Indonesia menjadi
Insan Muslim yang teguh pada aqidah, ta’at
beribadah, sehat lahiriyyah maupun batiniyyah,
cerdas dan berwawasan luas serta berakhlakul
karimah. MTs Al Ghazaly telah terakreditasi
oleh badan Akreditasi Sekolah/Madrasah
(BAM-S/M) dengan peringkat “A" Nomor:
02.00/534/BAP-SIM/XI/2010.
Madrasah Tsanawiyah Al Ghazaly yang
telah berhasil mengantarkan para siswa kelas
tiga lulusan pada setiap akhir tahun pelajaran
dengan pencapaian nilai prestatif yang cukup
dapat dibanggakan menurut ukuran Madrasah
dengan standar pelayanan pendidikan di tengah-
tengah Kota Bogor.
Data nilai siswa adalah hal yang penting.
Oleh karna itu pengelolaan yang baik sangat di
perlukan agar data tersebut tidak hilang ataupun
rusak. jika suatu sekolah masih menggunakan
cara manual dalam mengolah ataupun
menyimpan data nilai siswa, kemungkinan
hilang ataupun rusak pada data-data tersebut
akan semakin besar. Oleh karena Madrasah
Tsanawiyah (MTs) Al Ghazaly Bogor
merupakan salah satu sekolah yang masih
menggunakan cara manual dalam mengelola
nilai siswa, penelitian ini bertujuan merancang
Sistem Informasi Sekolah Berbasis Web, serta
merancang kebutuhan pengguna dan kebutuhan
sistem.
B. Analisa Kebutuhan Sistem
1. Kebutuhan sistem untuk admin
a. Admin harus melakukan login
terlebih dahulu untuk dapat
mengakses website sekolah ini
Volume 1 No 2 Desember 2017
40
Jurnal Manajemen Dan Informatika Pelita Nusantara
p-ISSN 2088-3943
e-ISSN 2580-9741
dengan memasukan username dan
password agar privasi masing-
masing pengguna tetap terjaga
keamananya.
b. Sistem menyiapkan sebelas menu
yaitu: beranda, kelas, mata pelajaran,
nilai, guru, siswa, tahun ajaran,
pengumuman, raport, peringkat
kelas, role, ubah password dan
keluar.
b. Admin harus melakukan logout
(keluar) setelah selesai mengelola
website.
2. Kebutuhan sistem untuk guru
a. Guru harus melakukan login terlebih
dahulu untuk dapat mengakses
website sekolah ini dengan
memasukan username dan password
agar privasi masing-masing
pengguna tetap terjaga keamananya.
b. Sistem menyiapkan loma menu
yaitu: beranda, nilai, raport,
peringkat kelas, akun yang berisikan
profil dan ubah password dan keluar.
c. Guru harus melakukan logout
(keluar) setelah selesai mengelola
website.
3. Kebutuhan sistem untuk siswa.
a. Siswa harus melakukan login
terlebih dahulu untuk dapat
mengakses website sekolah ini
dengan memasukan username dan
password agar privasi masing-
masing pengguna tetap terjaga
keamananya.
b. Sistem menyiapkan empat menu
yaitu: beranda, nilai, perangkat kelas,
akun yang berisikan profil dan ubah
password dan keluar.
c. Siswa/i harus melakukan logout
(keluar) setelah selesai.
C. Analisa Kebutuhan Pengguna
Dalam pembuatan website ini baru terdapat
tiga pengguna yang berinteraksi dalam
lingkungan sistem, yaitu admin, guru dan
siswa/i. Pengguna tersebut memiliki karateristik
interaksi dengan sistem dan memiliki kebutuhan
informasi, seperti berikut:
1. Administrator
Admin dapat mengelola website
sepenuhnya.
a. Admin dapat meng-input kelas.
b. Admin dapat meng-input mata
pelajaran.
c. Admin dapat meng-input nilai siswa.
d. Admin dapat meng-input daftar guru.
e. Admin dapat meng-input role.
f. Admin dapat meng-input data siswa.
2. Guru
a. Guru dapat meng-input nilai siswa.
b. Guru dapat melihat rapor siswa.
c. Guru dapat melihat profil.
d. Guru dapat mengubah password.
3. Siswa/i
a. Siswa/i dapat melihat nilai.
d. Siswaa/i dapat melihat biodata diri.
e. Siswa/i dapat mengubah password.
D. Perancangan Desain Antarmuka
Perancangan perangkat lunak merupakan
serangkaian langkah yang memungkinkan
seorang web designer menggambarkan
kerangka kerja untuk mendapatkan perangkat
lunak yang bisa berjalan dengan baik.
Rancangan antar muka bertujuan untuk
memberikan gambaran mengenai rancangan
website yang akan dibangun, sehingga akan
mudah dalam mengimplementasikan website
dan juga memudahkan pembuatan website yang
user friendly. Untuk rancangan antar muka pada
tampilan website MTs Al-Ghazaly terdiri dari
beberapa rancangan halaman, sebagai berikut:
1. Rancangan Antar Muka Halaman User
a. Rancangan Antar Muka Login Siswa
Halaman login digunakan untuk
pengguna agar dapat masuk ke sistem,
kemudian dapat menjalankan menu
yang telah terdapat pada sistem.
Gambar 1:Rancangan Antar Muka Login
Siswa
b. Rancangan Antar Muka Halaman
UtamaSiswa
Volume 1 No 2 Desember 2017
41
Jurnal Manajemen Dan Informatika Pelita Nusantara
p-ISSN 2088-3943
e-ISSN 2580-9741
Gambar 2:Rancangan Antar Muka Utama
Siswa
c. Rancangan Antar Muka Nilai Siswa
Gambar 3:Rancangan Antar Muka Utama
Siswa
2. Rancangan Antar Muka Halaman Guru
a. Rancangan Antar Muka Guru Input
Nilai Absensi oleh Guru
Gambar 4: Rancangan input nilai absensi
b. Rancangan Antar Muka Guru Input Nilai
Pelajaran
Gambar 5: Rancangan Antar Muka Guru
Input NilaiPelajaran
3. Rancangan Antar Muka Halaman Back End
(Administrator)
i. Rancangan Antar Muka Utama Admin
Gambar 7: Rancangan Antar Muka Utama
Admin
b. Rancangan Antar Muka Rapor
Gambar 8: Rancangan antarmuka rapor
E. Perancangan Database
Dalam merancang sebuah sistem, maka
seluruh data yang akan dipergunakan oleh
sistem tersebut harus disimpan kedalam suatu
basis data yang memiliki kelebihan data
independent. Dengan menerapkan suatu basis
data dalm strategi akses dalam pengembangan
sistem tanpa harus mengubah program-program
aplikasi yang sudah ada.
Langkah yang harus dilakukan dalam
pembentukan suatu basis data yang baik sebagai
berikut:
a) ERD (Entity Relationship Diagram)
Volume 1 No 2 Desember 2017
42
Jurnal Manajemen Dan Informatika Pelita Nusantara
p-ISSN 2088-3943
e-ISSN 2580-9741
guru Mengajar Mata_pelajaran
Mengelola
Kelas
Memiliki
siswaMemiliki
Memiliki
nilai
Memiliki
id
no_induk_guru
nama
idmapel
jenis_kelamin
alamat
foto
status
Id_kelas
kelas
Subkelas
No_induk_guru
id
nis
nama
tempat_lahir
tanggal_lahir
jenis_kelamin
agamaid_kelas
alamat
nama_ayah
pekerjaan_ayah
nama_ibu
pekerjaan_ibunisn
foto
status
idmapel
mata_pelajaran
sub_mata_pelajaran
kkm
nilai_sikap
nilai_uas
nilai_uh4
nilai_uh3
nilai_utsnilai_uh2
nilai_uh1
semester
tahun_ajaran
nis
id_kelas
id_nilai
idmapelstatus
absensi
id_absensi
id_kelas
nis
tahun_ajaran
semester
sakit
alpa
status
id_prilaku
Iid_kelas
nis
Tahun_ajaran
semester
kedisiplinan
kerapihan
kebersihanstatus
1
M
M 1
M
1
M
11
1
1
1
Memiliki
1
M
M
Memiliki
1
1
1
1
Nilai_prilaku
Gambar 9: ERD (Entity Relationship Diagram)
b) LRS (Logical Record Structured)
Gambar 10: LRS (Logical Record Structured)
F. Perancangan Navigasi
Untuk membuat rancangan alur dan link-link
pada halaman website, penulis terlebih dahulu
membuat struktur navigasinya, karena struktur
navigasi akan membantu dalam menentukan
arah pergantian halaman website dari satu
halaman ke halaman yang lain. Adapun struktur
navigasi yang penulis gunakan untuk pembuatan
website pendaftaran siswa baru adalah
menggunakan struktur navigasi campuran
(composite), karena penulis menilai paling
sesuai dengan rancangan halaman website yang
telah penulis buat. Struktur navigasinya sebagai
berikut:
Berikut ini adalah halaman navigasi siswa:
Gambar 11: Navigasi siswa
Berikut ini adalah halaman navigasi guru:
Gambar 12: Navigasi guru
Berikut ini adalah halaman navigasi admin:
Gambar 13: Navigasi admin
Volume 1 No 2 Desember 2017
43
Jurnal Manajemen Dan Informatika Pelita Nusantara
p-ISSN 2088-3943
e-ISSN 2580-9741
H. Hasil Pembahasan
1. Implementasi Halaman Login Siswa
Implementasi halaman utama ini merupakan
sentral dari semua halaman form. Form ini
berisi menu-menu utama yang dapat
mengakses dan menjadi penghubung antara
pengguna dengan sistem.
Gambar 14: Halaman Login Siswa
2. Implementasi Halaman Utama Siswa
Implementasi halaman utama siswa, siswa
harus login dengan username dan password
agar dapat mengakses ke halaman utama
nya.
Gambar 15: Implementasi Halaman Utama
Siswa
3. Implementasi Halaman Nilai Siswa
Implementasi halaman nilai siswa, siswa
dapat melihat nilai akhir atau hasil
pencapaian kompetensi peserta didik
Gambar 16: Implementasi Halaman Nilai
Siswa
4. Implementasi Halaman Peringkat Kelas
Implementasi halaman Peringkat Kelas,
siswa dapat melihat peringkat kelas yang di
dapat.
Gambar 17:Implementasi Halaman Peringkat
Kelas
5. Implementasi Halaman Akun Siswa
Gambar 18:Implementasi Halaman Akun
Profil Siswa
Volume 1 No 2 Desember 2017
44
Jurnal Manajemen Dan Informatika Pelita Nusantara
p-ISSN 2088-3943
e-ISSN 2580-9741
6. Implementasi Halaman Akun Ubah
Password Siswa
Implementasi halaman akun ubah password
siswa, siswa dapat memperbaharui atau
mengubah password.
Gambar 19:Implementasi Halaman Akun
Ubah Password Siswa
7. Implementasi Halaman Login Guru
Implementasi halaman utama ini merupakan
sentral dari semua halaman form. Form ini
berisi menu-menu utama yang dapat
mengakses dan menjadi penghubung antara
pengguna dengan sistem.
Gambar 20: Halaman Login Guru
8. Implementasi Halaman Utama Guru
Implementasi halamam utama guru, guru
dapat meng-input nilai, mengisi rapor siswa,
melihat biodata diri dan mengubah
password.
Gambar 21:Implementasi Halaman Utama
Guru
9. Implementasi Halaman Input Nilai Absensi
Gambar 22: Implementasi Halaman Input
Nilai Absensi
10. Implementasi Halaman Input Nilai Perilaku
Kepribadian
Gambar 23: Halaman Input Nilai Perilaku
Kepribadian
11. Implementasi Halaman Input Nilai
Pelajaran
Gambar 24: Input nilai
Volume 1 No 2 Desember 2017
45
Jurnal Manajemen Dan Informatika Pelita Nusantara
p-ISSN 2088-3943
e-ISSN 2580-9741
12. Implementasi Halaman Rapot Nilai
Gambar 25: Implementasi Halaman Rapor
13. Implementasi Halaman Cari Rapor
Gambar 26:Implementasi Halaman Cari
Rapor
14. Implementasi Halaman Akun Profil Guru
Gambar 27:Implementasi Halaman Akun
Profil Guru
15. Implementasi Halaman Akun Ubah
Password Guru
Gambar 28: Implementasi Halaman Akun
Ubah Password Guru
16. Implementasi Halaman Login Admin
Gambar 29: Implementasi Halaman Login
Admin
17. Implementasi Halaman Utama Admin
Gambar 30: Implementasi Halaman Utama
Admin
18. Implementasi Halaman Input Kelas
Gambar 31: Implementasi Halaman Input
Kelas
Volume 1 No 2 Desember 2017
46
Jurnal Manajemen Dan Informatika Pelita Nusantara
p-ISSN 2088-3943
e-ISSN 2580-9741
19. Implementasi Halaman Input Mata
Pelajaran
Gambar 32: Implementasi Halaman Input
Mata Pelajaran
20. Implementasi Halaman Input Nilai
Absensi
Gambar 33: Implementasi Halaman Input
Nilai Absensi
21. Implementasi Halaman Input Nilai
Perilaku Kepribadian
Gambar 34:Implementasi Halaman Input
Nilai Perilaku Kepribadian
22. Implementasi Halaman Input Nilai
Pelajaran
Gambar 35: Implementasi Halaman Input
Nilai Pelajaran
23. Implementasi Halaman Input Guru
Gambar 36: Implementasi Halaman Input
Guru
24. Implementasi Halaman Daftar Siswa
Gambar 37: Implementasi Halaman Daftar
Siswa
25. Implementasi Halaman Tahun Ajaran
Gambar 38: Implementasi Halaman Tahun
Ajaran
Volume 1 No 2 Desember 2017
47
Jurnal Manajemen Dan Informatika Pelita Nusantara
p-ISSN 2088-3943
e-ISSN 2580-9741
26. Implementasi Halaman Input
Pengumuman
Gambar 39: Implementasi Halaman Input
Pengumuman
27. Implementasi Halaman Rapor
Gambar 40: Implementasi Halaman Rapor
28. Implementasi Halaman Cari Rapor
Gambar 41: Implementasi Halaman Cari
Rapor
IV. KESIMPULAN
Berdasarkan pada hasil analisa dan desain
yang telah dilakukan maka dapat disimpulkan
bahwa :
1. Sistem informasi pengolahan nilai siswa
berbasis web ini dirancang sebagai solusi
bagi pihak sekolah untuk mempercepat dan
mempermudah dalam mengelola penilaian
atau pembuatan rapor atau laporan nilai
siswa dibandingkan dengan secara manual
sehingga kinerja dalam mencapai pekerjaan
dapat diwujudkan.
2. Perancangan sistem informasi pengolahan
nilai siswa berbasis web ini dibuat sebagai
sarana informasi dalam menyajikan
informasi laporan nilai serta data siswa yang
dapat diakses dengan mudah oleh siswa.
3. Perancangan sistem informasi ini bertujuan
untuk meningkatkan kinerja guru secara
lebih professional, efektif dan efisien.
4. Perancangan sistem informasi ini berguna
bagi siswa dan orang tua untuk melihat hasil
lapora akademik berbasis website yang dapat
di akses secara real time.
V. REFERENSI
[1] Kustiyahningsih, Yeni dan Devie Rosa
Anamisa. 2011. Pemrograman Basis Data
Berbasis Web Menggunakan PHP dan
MySQL. Yogyakarta: Graha Ilmu.
[2] Laudon, Kenneth C., & Jane, P. Laudon.
(2010). Manajemen Information System
:Managing the Digital Firm. New Jersey:
Prentice-Hall
[3] Rosa, A.S. dan Shalahuddin,M. 2013.
Rekayasa Perangkat Lunak Terstruktur dan
Berorientasi Objek. Bandung: Informatika.
[4] Utomo, Eko Priyo. 2013. Melesatkan
Prestasi Akademik dengan
Internet.Bandung: Yrama Widya.
[5] Yuhefizar. 2009. CMM Website Interaktif
MCMS Joomla (CMS). Jakarta: Elex Media
Komputindo.