IMPLEMENTASI SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SEKOLAH MENENGAH PERTAMA (SMP) SWASTA NUSA PENIDAMEDAN

Jurnal Mantik Penusa

Volume 18 No.2 Desember 2015

ISSN 2088-3943

IMPLEMENTASI SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SEKOLAH MENENGAH PERTAMA (SMP) SWASTA NUSA PENIDAMEDAN Sulindawaty Program Studi Teknik Informatika, STMIK Pelita Nusantara Medan, Jl. St. Iskandar Muda No.1 Medan, Sumatera Utara 20154, Indonesia [email protected] Abstrak Perkembangan teknologi telah membuka mata masyarakat global dan membuat dunia menjadi semakin sempit karena dalam waktu yang singkat dan jarak yang begitu luas, informasi bisa disampaikan maupun diterima secara akurat dan actual. Pada saat ini Sekolah Menengah Pertama (SMP) Swasta Nusa Penida Medan masih menggunakan cara manual dalam proses penyampaian informasi, dimana informasi yang disampaikan masih menggunakan paper. Dengan adanya teknologi yang berkembang saat ini,terutama internet, maka dirancang suatu website sistem akademik pada Sekolah Menengah Pertama (SMP) Swasta Nusa Penida Medan yang diharapkan dapat membantu sekolah dalam mempermudah proses penyampaian informasi seputar akademik sekolah sehingga dapat membantu para siswa dan guru melihat informasi penting dari sekolah serta orang tua murid dapat melihat informasi akademik yang berguna untuk anaknya. Informasi yang disajikan dalam website ini antara lain adalah halaman utama, profil sekolah, daftar siswa, daftar guru, daftar nilai siswa, daftar absensi siswa, daftar mata pelajaran, daftar jadwal, fasilitas sekolah dan buku tamu. Perancangan Sistem Informasi Akademik Pada Sekolah Menengah Pertama (SMP) Swasta Nusa Penida Medan dirancang dengan menggunakan bahasa pemrograman PHP, Pengolahan basis data menggunakan MySQL dan program XAMPP untuk menjalankan program aplikasi. Program Apache dan Browser Mozila firefox untuk server. Sedangkan Untuk mendesain tampilan halaman web ( user interface agar lebih menarik) menggunakan Makromedia dreamweaver. Kata Kunci : Sistem Informasi Akademik, SMP Swasta Nusa Penida Medan. I Pendahuluan Sekolah Menengah Pertama (SMP) Swasta Nusa Penida Medan adalah instansi yang bergerak di bidang pendidikan yang mengutamakan kualitas pendidikan dan fasilitas serta menjadi lembaga pendidikan yang berprestasi yang dilandasi moral dan cinta kasih serta menghasilkan lulusan yang mampu bersaing pada tingkat nasional dan global. Sekolah Menengah Pertama (SMP) Swasta Nusa Penida Medan belum mempunyai website sendiri untuk memberikan pelayanan kepada masyarakat khususnya pada pengolahan data akademik siswa. Sehingga untuk mendapatkan informasi akademik siswa, orang tua/masyarakat harus datang langsung ke sekolah. Maka untuk mengatasi hal tersebut diperlukan pembuatan website yang dapat membantu masyarakat dalam pengolahan dan penyampaian informasi akademik yang lebih efisien dari sistem yang sebelumnya dan juga dapat memberi informasiinformasi tentang Sekolah Menengah Pertama (SMP) Swasta Nusa Penida Medan. Website yang menarik, cepat dan tepat sangat membantu masyarakat dalam melakukan pengolahan dan penyampaian informasi nilai siswa dan dapat lebih mempermudah masyarakat untuk mengetahui kondisi dan keungulankeunggulan Sekolah Menengah Pertama (SMP)

Swasta Nusa Penida Medan. Sebab sistem yang digunakan selama ini adalah secara manual, sehingga masyarakat yang lokasinya jauh dari sekolah merasa sedikit kesulitan dalam memperoleh nilai akademik siswa serta dalam mencari informasi tentang Sekolah Menengah Pertama (SMP) Swasta Nusa Penida Medan. Oleh karena itu penulis Meneliti judul “Implementasi Sistem Informasi Akademik Berbasis Web Pada Sekolah Menengah Pertama (Smp) Swasta Nusa Penida Medan” sebagai judul Penelitian. Penulis berharap semoga isi dari Penelitian ini bermanfaat bagi penulis dan pembaca sekalian. 1.1 Permasalahan Masalah dapat diartikan sebagai penyimpangan dari hal-hal yang digariskan sebelumnya. Bertitik tolak dari hal tersebut maka penulis mencoba merumuskan masalahnya sebagai berikut : 1. Bagaimana menginformasikan Data siswa. 2. Bagaimana menginformasikan Data guru. 3. Bagaimana menginformasikan mata pelajaran. 4. Bagaimana menginformasikan nilai-nilai siswa. 1.2 Tujuan Penelitian 76

Jurnal Manajemen dan Informatika Komputer Pelita Nusantara

Jurnal Mantik Penusa

Volume 18 No.2 Desember 2015

Adapun tujuan penulis dalam melaksanakan penelitian untuk Penelitian ini adalah guna memenuhi salah satu persyaratan untuk mendapatkan gelar sarjana Program Studi Teknik Informatika STMIK Pelita Nusantara Medan, dan penulis melaksanakan penelitian di Sekolah Menengah Pertama (SMP) Swasta Nusa Penida Medan.

ISSN 2088-3943

Login Admin

Halaman Ubah dan Hapus Informasi

Halaman Tambah Informasi

Halaman Beranda Halaman Siswa

Halaman Guru Informasi Akademik Halaman mata pelajaran

Admin Halaman Jadwal

II Teori 2.1 Pengertian Sistem Bagi suatu lembaga yang berkembang, perancangan sistem memiliki peranan yang sangat penting karena dengan perancangan sistem yang tepat maka tujuan dari lembaga tersebut akan mudah dicapai. Untuk mengetahui lebih dalam tentang sistem berikut ini ada beberapa pengertian tentang sistem dari para ahli yaitu sebagai berikut: Menurut Abdul Kadir (2003:54) menyatakan bahwa sistem merupakan sekumpulan elemen yang saling terkait atau terpadu yang dimaksudkan untuk mencapai suatu tujuan. Menurut McLeod (Yakub 2012:1) Sistem adalah sekelompok elemen-elemen yang terintegrasi dengan tujuan yang sama untuk mencapai tujuan. Menurut Tata Sutabri (2012:11) mendefenisikan bahwa sistem merupakan suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang berinteraksi untuk mencapai tujuan. Dari pengertian di atas penulis dapat mengambil kesimpulan bahwa sistem adalah kumpulan elemen-elemen atau bagian dari satu kesatuan yang utuh, yang saling berhubungan dan bekerjasama satu sama lainnya secara teratur dan saling bergantung untuk mencapai tujuan tertentu. III Analisa Dan Perancangan 3.1 Analisa Sistem Yang Diusulkan 1. Use Case Digram Sistem yang dibangun Use case dari Implementasi Sistem Informasi Akademik Berbasis Web Pada Sekolah Menengah Pertama (SMP) Swasta Nusa Penida Medan dapat dilihat pada gambar 3.3.

Halaman Absensi

Pengunjung Halaman Nilai

Halaman Fasilitas

Gambar 3.1 Use Case Diagram Sistem yang akan dibangun 1.

Rancangan Halaman utama. Halaman utama merupakan tampilan awal pada saat aplikasi dijalankan. Dalam halaman utama terdapat beberapa menu yang dapat diakses oleh pengunjung. Bentuk rancangan halaman Utama dapat dilihat pada gambar 3.24.

Gambar 3.2 Rancangan Halaman Utama IV Hasil Penelitian 4.1 Hasil Penelitian Hasil dari Implementasi Sistem Informasi Akademik Berbasis Web Pada Sekolah Menengah Pertama (SMP) Swasta Nusa Penida Medan yang dibangun adalah sebagai berikut. 1. Halaman Beranda Halaman beranda merupakan halaman pertama yang tampil saat aplikasi dijalankan. Bentuk halaman beranda dapat dilihat pada gambar 4.1.

Gambar 4.1 Tampilan Halaman Beranda 77 Jurnal Manajemen dan Informatika Komputer Pelita Nusantara

Jurnal Mantik Penusa

Volume 18 No.2 Desember 2015

ISSN 2088-3943

2.

Tampilan Halaman Profil Halaman profil merupakan halaman yang menampilkan profil organisasi. Bentuk tampilan halaman profil dapat dilihat pada gambar 4.2.

Gambar 4.5 Tampilan Halaman Buku Tamu 6. Tampilan Halaman Daftar Mata Pelajaran Halaman daftar mata pelajaran merupakan halaman yang menampilkan mata pelajaran. Bentuk tampilan halaman daftar mata pelajaran dapat dilihat pada gambar 4.6. Gambar 4.2 Tampilan Halaman Profil 3.

Tampilan Halaman Berita Terkini Halaman berita terkini merupakan halaman yang menampilkan berita tentang pendidikan. Bentuk tampilan halaman berita terkini dapat dilihat pada gambar 4.3. Gambar 4.6 Tampilan Halaman Daftar Mata Pelajaran 7.

Gambar 4.3 Tampilan Halaman Berita Terkini

Tampilan Halaman Daftar Guru Halaman daftar guru merupakan halaman yang menampilkan guru. Bentuk tampilan halaman daftar guru dapat dilihat pada gambar 4.7.

4.

Tampilan Halaman Failitas Sekolah Halaman fasilitas sekolah merupakan halaman yang menampilkan daftar fasilitas yang ada di SMP Swasta Nusa Penida Medan. Bentuk tampilan halaman fasilitas sekolah dapat dilihat pada gambar 4.4.

Gambar 4.7 Tampilan Halaman Daftar Guru 8.

Tampilan Halaman Daftar Siswa Halaman daftar siswa merupakan halaman yang menampilkan siswa. Bentuk tampilan halaman daftar siswa dapat dilihat pada gambar 4.8. Gambar 4.4 Tampilan Halaman Fasilitas Sekolah 5.

Tampilan Halaman Buku Tamu Halaman buku tamu merupakan halaman yang menampilkan form buku tamu. Bentuk tampilan halaman buku tamu dapat dilihat pada gambar 4.5.

Gambar 4.8 Tampilan Halaman Daftar Siswa 9.

Tampilan Halaman Daftar Absensi Halaman daftar absensi merupakan halaman yang menampilkan absensi. Bentuk 78 Jurnal Manajemen dan Informatika Komputer Pelita Nusantara

Jurnal Mantik Penusa

tampilan halaman daftar absensi dapat dilihat pada gambar 4.9.

Gambar 4.9 Tampilan Halaman Daftar Absensi 10. Tampilan Halaman Daftar Nilai Halaman daftar nilai merupakan halaman yang menampilkan nilai. Bentuk tampilan halaman daftar nilai dapat dilihat pada gambar 4.10.

Volume 18 No.2 Desember 2015

ISSN 2088-3943

Halaman input absensi merupakan halaman untuk memasukkan absensi siswa. Bentuk tampilan halaman input absensi dapat dilihat pada gambar 4.13.

Gambar 4.13 Tampilan Halaman Input Absensi 14. Tampilan Halaman Input Nilai Halaman input nilai merupakan halaman untuk memasukkan nilai siswa. Bentuk tampilan halaman input nilai dapat dilihat pada gambar 4.14.

Gambar 4.10 Tampilan Halaman Daftar Nilai 11. Tampilan Halaman Login Guru Halaman login guru merupakan halaman yang memasukkan user name dan password guru. Bentuk tampilan halaman login guru dapat dilihat pada gambar 4.11.

Gambar 4.11 Tampilan Halaman Login Guru 12. Tampilan Halaman Menu Guru Halaman menu guru merupakan halaman yang dapat diakses oleh guru. Bentuk tampilan halaman menu guru dapat dilihat pada gambar 4.12.

Gambar 4.14 Tampilan Halaman Input Nilai 15. Tampilan Halaman Ganti Password Guru Halaman ganti password guru merupakan halaman untuk mengganti password guru. Bentuk tampilan halaman ganti password guru dapat dilihat pada gambar 4.15.

Gambar 4.15 Tampilan Halaman Ganti Password Guru 16. Tampilan Halaman Login Admin Tampilan halaman login merupakan halaman untuk memasukkan user name dan password administrator. Bentuk halaman login admin dapat dilihat pada gambar 4.16

Gambar 4.12 Tampilan Halaman menu Guru 13. Tampilan Halaman Input Absensi

Gambar 4.16 Tampilan Halaman Login Administrator 79

Jurnal Manajemen dan Informatika Komputer Pelita Nusantara

Jurnal Mantik Penusa

17. Tampilan Halaman Menu Admin Tampilan halaman menu admin merupakan halaman yang manampilkan menumenu yang dapat diakses oleh administrator. Bentuk tampilan halaman menu admin dapat dilihat pada gambar 4.17

Gambar 4.17 Tampilan Halaman Menu Administrator 18. Tampilan Halaman Input Berita Tampilan halaman input berita merupakan halaman untuk memasukkan data berita. Bentuk tampilan halaman input berita dapat dilihat pada gambar berikut ini. a. Form Input Berita

Gambar 4.18 Tampilan Halaman Input berita b. List Data Berita

Gambar 4.19 Tampilan Halaman List Berita 19. Tampilan Halaman Input Data Siswa Tampilan halaman input data siswa merupakan halaman untuk memasukkan data siswa. Bentuk tampilan halaman input data siswa dapat dilihat pada gambar berikut ini. a. Form Input Data Siswa

Volume 18 No.2 Desember 2015

ISSN 2088-3943

b. List Data Siswa

Gambar 4.22 Tampilan Halaman List Data Siswa 20. Tampilan Halaman Input Data Guru Tampilan halaman input data guru merupakan halaman untuk memasukkan data guru. Bentuk tampilan halaman input data guru adalah sebagai berikut ini. a.

Form Input Data Guru

Gambar 4.22 Tampilan Halaman Input Data Guru b. List Data Guru

Gambar 4.23 Tampilan Halaman List Data Guru 21. Tampilan Halaman Input Data Mata Pelajaran Tampilan halaman input data mata pelajaran merupakan halaman untuk memasukkan data mata pelajaran. Bentuk tampilan halaman input data mata pelajaran dapat dilihat pada gambar berikut ini. a. Form Input Data Mata Pelajaran

Gambar 4.21 Tampilan Halaman Input Siswa 80 Jurnal Manajemen dan Informatika Komputer Pelita Nusantara

Jurnal Mantik Penusa

Volume 18 No.2 Desember 2015

c.

ISSN 2088-3943

List Data Jadwal

Gambar 4.24 Tampilan Halaman Input Data Mata Pelajaran b. List Data Mata Pelajaran

Gambar 4.29 Tampilan Halaman List Jadwal

Gambar 4.25 Tampilan Halaman List Data Mata Pelajaran 22. Tampilan Halaman Input Data Fasilitas Tampilan halaman input data fasilitas merupakan halaman untuk memasukkan data detail fasilitas. Bentuk tampilan halaman input data fasilitas dapat dilihat pada gambar berikut ini. a. Input Data Fasilitas

Gambar 4.26 Tampilan Halaman Input Fasilitas b. List Data Fasilitas

Gambar 4.27 Tampilan Halaman List Fasilitas 23. Tampilan Halaman Input Data Jadwal Tampilan halaman input data jadwal merupakan halaman untuk memasukkan data jadwal. Bentuk tampilan halaman input data jadwal dapat dilihat pada gambar berikut ini. a. Input Data Jadwal

V Kesimpulan Kesimpulan yang dikemukakan Penulis dalam penulisan Penelitian ini adalah sebagai berikut: 1. Dalam merancang sistem ini, digunakan software berbasis web dengan software pendukung lainnya untuk memudahkan dalam menjalankan sistem ini. 2. Dengan sistem informasi yang berbasis web, informasi akademik sekolah dapat lebih cepat disampaikan dan lebih menghemat waktu dan biaya untuk menyampaikan suatu informasi. 3. Sistem informasi akademik berbasis web memudahkan para guru untuk menyampaikan informasi kepada siswa, sistem informasi ini juga memudahkan para siswa dan pengunjung website untuk melihat informasi penting dalam sekolah. Referensi: Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Edisi Pertama. Yogyakarta : Andi. Sibero, Alexander F.K. 2011. Kitab Suci Web Programming. Yogyakarta :Mediakom. Simarmata, Janer. 2006. Pengenalan Teknologi Komputer dan Informasi. Edisi Pertama. Yogyakarta : Andi. Yakub. 2012. Pengantar Sistem Informasi. Edisi Pertama. Yogyakarta : Graha Ilmu. Sutabri, Tata. 2012. Konsep Sistem Informasi. Edisi Pertama. Yogyakarta : Andi. Sutanta, Edhy. 2011. Basis Data dalam tinjauan Konseptual. Edisi Pertama. Yogyakarta : Andi. Widianti, Sri. 2000. Pengantar Basis Data. Jakarta : Fajar

Gambar 4.28 Tampilan Halaman Input Jadwal 81 Jurnal Manajemen dan Informatika Komputer Pelita Nusantara