PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI BERBASIS WEB ...

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

[email protected],

[email protected],

[email protected]

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

mailto:[email protected]

mailto:[email protected]

mailto:en


39


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


40


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


41


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)


42


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


43


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


44


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.


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


45


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


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


Kelas


46


p-ISSN 2088-3943

e-ISSN 2580-9741

19. Implementasi Halaman Input Mata

Pelajaran


Mata Pelajaran


Absensi


Nilai Absensi


Perilaku Kepribadian

Gambar 34:Implementasi Halaman Input

Nilai Perilaku Kepribadian


Pelajaran


Nilai Pelajaran

23. Implementasi Halaman Input Guru


Guru

24. Implementasi Halaman Daftar Siswa

Gambar 37: Implementasi Halaman Daftar

Siswa

25. Implementasi Halaman Tahun Ajaran

Gambar 38: Implementasi Halaman Tahun

Ajaran


47


p-ISSN 2088-3943

e-ISSN 2580-9741

26. Implementasi Halaman Input

Pengumuman


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.

PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI BERBASIS WEB ...

Documents