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

Transkripsi

1 PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI BERBASIS WEB PADA MTs AL GHAZALY BOGOR Sefrika, Helina Apriyani 2, Enok Tuti Alawiah 3,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.68 Bogor, Jawa Barat, Indonesia sefrika.sfe@bsi.ac.id, 2 helina.hld@bsi.ac.id, 3 enok.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 969 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 38

2 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 []. 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:. 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 998 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/200. 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 tengahtengah 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. Kebutuhan sistem untuk admin a. Admin harus melakukan login terlebih dahulu untuk dapat mengakses website sekolah ini 39

3 dengan memasukan username dan password agar privasi masingmasing 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. harus melakukan login terlebih dahulu untuk dapat mengakses website sekolah ini dengan memasukan username dan password agar privasi masingmasing pengguna tetap terjaga keamananya. b. Sistem menyiapkan empat menu yaitu: beranda, nilai, perangkat kelas, akun yang berisikan profil dan ubah password dan keluar. c. /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:. 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. /i a. /i dapat melihat nilai. d. a/i dapat melihat biodata diri. e. /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:. Rancangan Antar Muka Halaman User a. Rancangan Antar Muka Login Halaman login digunakan untuk pengguna agar dapat masuk ke sistem, kemudian dapat menjalankan menu yang telah terdapat pada sistem. Gambar :Rancangan Antar Muka Login b. Rancangan Antar Muka Halaman Utama 40

4 Gambar 2:Rancangan Antar Muka Utama c. Rancangan Antar Muka Nilai 3. Rancangan Antar Muka Halaman Back End (Administrator) i. Rancangan Antar Muka Utama Admin Gambar 3:Rancangan Antar Muka Utama 2. Rancangan Antar Muka Halaman Guru a. Rancangan Antar Muka Guru Input Nilai Absensi oleh Guru Gambar 7: Rancangan Antar Muka Utama Admin b. Rancangan Antar Muka Rapor Gambar 8: Rancangan antarmuka rapor Gambar 4: Rancangan input nilai absensi b. Rancangan Antar Muka Guru Input Nilai Pelajaran 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) Gambar 5: Rancangan Antar Muka Guru Input NilaiPelajaran 4

5 nilai_uh2 nilai_uh nilai_uts nilai_uh3 semester nilai_uh4 tahun_ajaran nilai_uas nis nilai_sikap id_kelas status idmapel id_nilai nilai M M M jenis_kelamin idmapel alamat idmapel nama foto mata_pelajaran no_induk_guru status sub_mata_pelajaran id kkm M guru Mengajar Mata_pelajaran 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: Mengelola Id_kelas kelas Subkelas No_induk_guru M Kelas M siswa id status id_prilaku nis foto pekerjaan_ibu Iid_kelas nisn nama_ibu nis nama pekerjaan_ayah Tahun_ajaran tempat_lahir nama_ayah semester tanggal_lahir Nilai_prilaku alamat kedisiplinan jenis_kelamin agama id_kelas kerapihan kebersihan status absensi id_absensi id_kelas status alpa nis tahun_ajaran sakit semester Gambar 9: ERD (Entity Relationship Diagram) b) LRS (Logical Record Structured) Gambar : Navigasi siswa Berikut ini adalah halaman navigasi guru: Gambar 2: Navigasi guru Berikut ini adalah halaman navigasi admin: Gambar 0: 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 Gambar 3: Navigasi admin 42

6 H. Hasil Pembahasan. Implementasi Halaman Login 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 4: Halaman Login 2. Implementasi Halaman Utama Implementasi halaman utama siswa, siswa harus login dengan username dan password agar dapat mengakses ke halaman utama nya. Gambar 6: Implementasi Halaman Nilai 4. Implementasi Halaman Peringkat Kelas Implementasi halaman Peringkat Kelas, siswa dapat melihat peringkat kelas yang di dapat. Gambar 5: Implementasi Halaman Utama 3. Implementasi Halaman Nilai Implementasi halaman nilai siswa, siswa dapat melihat nilai akhir atau hasil pencapaian kompetensi peserta didik Gambar 7:Implementasi Halaman Peringkat Kelas 5. Implementasi Halaman Akun Gambar 8:Implementasi Halaman Akun Profil 43

7 6. Implementasi Halaman Akun Ubah Password Implementasi halaman akun ubah password siswa, siswa dapat memperbaharui atau mengubah password. Gambar 2:Implementasi Halaman Utama Guru 9. Implementasi Halaman Input Nilai Absensi Gambar 9:Implementasi Halaman Akun Ubah Password 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 22: Implementasi Halaman Input Nilai Absensi 0. Implementasi Halaman Input Nilai Perilaku Kepribadian 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 23: Halaman Input Nilai Perilaku Kepribadian. Implementasi Halaman Input Nilai Pelajaran Gambar 24: Input nilai 44

8 2. Implementasi Halaman Rapot Nilai Gambar 25: Implementasi Halaman Rapor 3. Implementasi Halaman Cari Rapor Gambar 28: Implementasi Halaman Akun Ubah Password Guru 6. Implementasi Halaman Login Admin Gambar 29: Implementasi Halaman Login Admin 7. Implementasi Halaman Utama Admin Gambar 26:Implementasi Halaman Cari Rapor 4. Implementasi Halaman Akun Profil Guru Gambar 30: Implementasi Halaman Utama Admin 8. Implementasi Halaman Input Kelas Gambar 27:Implementasi Halaman Akun Profil Guru 5. Implementasi Halaman Akun Ubah Password Guru Gambar 3: Implementasi Halaman Input Kelas 45

9 9. Implementasi Halaman Input Mata Pelajaran Gambar 35: Implementasi Halaman Input Nilai Pelajaran Gambar 32: Implementasi Halaman Input Mata Pelajaran 23. Implementasi Halaman Input Guru 20. Implementasi Halaman Input Nilai Absensi Gambar 36: Implementasi Halaman Input Guru Gambar 33: Implementasi Halaman Input Nilai Absensi 24. Implementasi Halaman Daftar 2. Implementasi Halaman Input Nilai Perilaku Kepribadian Gambar 37: Implementasi Halaman Daftar 25. Implementasi Halaman Tahun Ajaran Gambar 34:Implementasi Halaman Input Nilai Perilaku Kepribadian 22. Implementasi Halaman Input Nilai Pelajaran Gambar 38: Implementasi Halaman Tahun Ajaran 46

10 26. Implementasi Halaman Input Pengumuman Gambar 39: Implementasi Halaman Input Pengumuman 27. Implementasi Halaman Rapor. 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. Gambar 40: Implementasi Halaman Rapor 28. Implementasi Halaman Cari Rapor V. REFERENSI [] Kustiyahningsih, Yeni dan Devie Rosa Anamisa. 20. Pemrograman Basis Data Berbasis Web Menggunakan PHP dan MySQL. Yogyakarta: Graha Ilmu. [2] Laudon, Kenneth C., & Jane, P. Laudon. (200). Manajemen Information System :Managing the Digital Firm. New Jersey: Prentice-Hall [3] Rosa, A.S. dan Shalahuddin,M Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung: Informatika. [4] Utomo, Eko Priyo Melesatkan Prestasi Akademik dengan Internet.Bandung: Yrama Widya. [5] Yuhefizar CMM Website Interaktif MCMS Joomla (CMS). Jakarta: Elex Media Komputindo. Gambar 4: Implementasi Halaman Cari Rapor IV. KESIMPULAN Berdasarkan pada hasil analisa dan desain yang telah dilakukan maka dapat disimpulkan bahwa : 47