PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI BERBASIS WEB PADA MTs AL GHAZALY BOGOR

(1)

Volume 1 No 2 Desember 2017 p-ISSN 2088-3943 _{e-ISSN 2580-9741}

PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI

BERBASIS WEB PADA MTs AL GHAZALY BOGOR

Sefrika1, Helina Apriyani2, Enok Tuti Alawiah3

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 1

sefrika.sfe@bsi.ac.id,2helina.hld@bsi.ac.id, 3enok.etw@bsi.ac.id

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

(2)

Volume 1 No 2 Desember 2017 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

(3)

Volume 1 No 2 Desember 2017 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

(4)

Volume 1 No 2 Desember 2017 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:

(5)

guru Mengajar Mata_pelajaran

Mengelola Kelas Memiliki siswa Memiliki 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_ibu nisn foto status idmapel mata_pelajaran sub_mata_pelajaran kkm nilai_sikap nilai_uas nilai_uh4 nilai_uh3 nilai_uts nilai_uh2 nilai_uh1 semester tahun_ajaran nis id_kelas id_nilai idmapel status absensi id_absensi id_kelas nis tahun_ajaran semester sakit alpa status id_prilaku Iid_kelas nis Tahun_ajaran semester kedisiplinan kerapihan kebersihan status 1 M M 1 M 1 M 1 1 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:

(6)

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

(7)

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

(8)

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

(9)

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

(10)

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.