Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 2.
Oktober 2025 DOI : 10.
57093/jisti.
p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Sistem Informasi Akademik Berbasis Web Pada Smp Muhammadiyah Leworeng Berbasis Website Menggunakan Metode Prototype Andi Patappari1.
Riskayani2.
Arul Muharram3 Program Studi Sistem Informasi.
Universitas Lamappapoleonro1,3 Program Studi Teknik Informatika.
Universitas Lamappapoleonro2 Jl.
Kesatria No.
60 Watansoppeng.
Soppeng Sulawesi Selatan-Indonesia1,2,3 patappari@unipol.
id*1, riskayani@unipol.
id2, arulmuharram876@gmail.
Kata Kunci :
Sistem Informasi.
Sistem Informasi Akademik.
Prototype.
Flask.
Web
ABSTRAK
Penelitian ini bertujuan untuk merancang dan mengimplementasikan sistem informasi akademik berbasis web pada SMP Muhammadiyah Leworeng dengan menggunakan metode prototype.
Sistem informasi akademik yang berjalan sebelumnya masih bersifat manual, sehingga menyebabkan kendala dalam efisiensi, akurasi, serta aksesibilitas data akademik seperti data guru, siswa, mata pelajaran, dan nilai.
Metode prototype digunakan dalam pengembangan sistem ini karena mampu menyesuaikan kebutuhan pengguna melalui proses iteratif, meliputi tahapan identifikasi kebutuhan, perancangan awal, evaluasi pengguna, dan penyempurnaan hingga menghasilkan prototype final.
Aplikasi dikembangkan menggunakan framework Flask dengan basis data MySQL dan didukung antarmuka berbasis web yang responsif.
Keywords Information System.
Academic Information System.
Prototype.
Flask.
Web
ABSTRACT
This study aims to design and implement a web-based academic information system at SMP Muhammadiyah Leworeng using the prototype method.
The previous academic information system was still manual, causing obstacles in terms of efficiency, accuracy, and accessibility of academic data such as teacher, student, subject, and grade data.
The prototype method was used in the development of this system because it is able to adapt to user needs through an iterative process, including the stages of needs identification, initial design, user evaluation, and refinement to produce a final prototype.
The application was developed using the Flask framework with a MySQL database and supported by a responsive web-based interface.
---Jurnal JISTI @2025--PENDAHULUAN Perkembangan teknologi informasi saat ini telah memberi manfaat yang besar dalam dunia Pendidikan.
Pembangunan website sekolah dan pembangunan sistem informasi akademik berbasis komputer adalah sebagian pemanfaatan teknologi informasi.
Dengan teknologi informasi memungkinkan data-data akademik dapat diolah dengan baik sehingga dalam penyajian informasi akademik yang dibutuhkan dapat diperoleh secara tepat (Setiawan et al,.
Sistem informasi akademik berbasis web menjadi salah satu solusi relevan untuk menjawab tantangan dalam pengelolaan data akademik di lingkungan sekolah.
Teknologi berbasis web memungkinkan pengelolaan data secara terintegrasi, mempermudah akses informasi, serta mengurangi potensi kesalahan dalam proses pengolahan data (Martin et al.
, 2.
Dengan sistem ini, siswa dan guru dapat mengakses informasi akademik seperti jadwal pelajaran, nilai, dan data lainnya secara real-time melalui perangkat yang terhubung dengan internet.
Research (Andi Patappar.
: Sistem Informasi Akademik Berbasis Web Pada Smp Muhammadiyah Leworeng Berbasis Website Menggunakan Metode PrototypeAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 2.
Oktober 2025 DOI : 10.
57093/jisti.
p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 SMP Muhammadiyah Leworeng yang terletak di Kabupaten Soppeng merupakan salah satu institusi pendidikan yang masih menghadapi tantangan dalam pengelolaan data akademik, termasuk data informasi guru, siswa, absensi siswa, mata pelajaran, dan nilai, masih dilakukan secara manual menggunakan kertas atau masih menggunakan metode tradisional.
Data yang berbentuk dokumen kemudian diorganisir menggunakan aplikasi Microsoft Word dan Microsoft Excel.
Dalam pengolahan data seperti nilai siswa, pengguna harus memasukkan rumus secara manual untuk memperoleh hasil dari data yang diolah.
Mengingat pentingnya sistem informasi akademik, data tersebut seharusnya dapat diakses dan disampaikan dengan lebih mudah dan efisien.
Salah satu kendala yang dihadapi oleh staf sekolah adalah waktu yang cukup lama dalam proses pencarian data, seperti data guru, siswa, mata pelajaran, dan nilai.
Selain itu, penyimpanan berkas masih menggunakan filling cabinet, yang kurang efisien mengingat jumlah data yang semakin banyak.
Risiko terbesar dari metode penyimpanan ini adalah kemungkinan kehilangan data serta seringnya terjadi kesalahan dalam pencatatan, baik pada data siswa maupun nilai akademik mereka.
Oleh karena itu, diperlukan sistem informasi akademik berbasis website yang lebih efektif dan dapat meminimalkan kesalahan dalam pengelolaan data.
Hal ini sejalan dengan penelitian dari (Ibrahim, dkk.
, 2.
yang menyatakan bahwa aplikasi akademik berbasis website sangat membantu dalam proses pencatatan seluruh data akademik, dapat membantu staf administrasi dalam proses pencarian data akademik dan membantu pembuatan laporan akademik di sekolah.
Pengembangan sistem ini bertujuan untuk mengatasi berbagai kendala yang terdapat pada sistem akademik sebelumnya di SMP Muhammadiyah Leworeng.
Penelitian ini difokuskan pada perancangan dan implementasi sistem informasi akademik berbasis web dengan memanfaatkan framework CodeIgniter serta MySQL sebagai sistem manajemen basis data.
Pemilihan teknologi ini didasarkan pada keunggulannya dalam membangun aplikasi web yang dapat mengelola dan mengolah data secara lebih terstruktur, efisien, dan terintegrasi.
Dalam perancangan sistem ini, digunakan metode prototype karena keunggulannya dalam memastikan bahwa kebutuhan pengguna dapat dipahami dan diterapkan dengan baik.
Metode ini memungkinkan keterlibatan langsung pengguna dalam setiap iterasi pengembangan, sehingga pengembang dapat menerima umpan balik secara cepat dan melakukan perbaikan sesuai dengan kebutuhan pengguna (Purnomo.
, 2.
Selain itu prototype dapat mempercepat mengidentifikasi dan perbaiki masalah (Roslinda, dkk, 2.
Dengan pendekatan ini, sistem yang dihasilkan diharapkan mampu memenuhi ekspektasi pengguna serta memberikan manfaat optimal bagi sekolah.
Dengan diterapkannya sistem informasi akademik berbasis web menggunakan metode prototype.
SMP Muhammadiyah Leworeng diharapkan dapat meningkatkan efisiensi dan akurasi pengelolaan data akademik, mempercepat penyampaian informasi, serta mendukung pengambilan keputusan yang lebih baik.
Hal ini selaras dengan upaya sekolah untuk terus beradaptasi dengan perkembangan teknologi guna meningkatkan kualitas layanan pendidikan.
KAJIAN PUSTAKA
Perancangan Sistem Informasi Akademik Perancangan sistem adalah penentuan proses dan data yang diperlukan oleh sistem baru.
Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan pemakai sistem serta untuk memberikan gambaran yang jelas dan rancang bangun yang lengkap.
Perancangan adalah penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.
Perancangan sistem dapat dirancang dalam bentuk bagan alir sistem .
ystem flowchar.
, yang merupakan alat bentuk grafik yang dapat digunakan untuk menunjukan urutan-urutan proses dari sistem (Patappari & Syafei, 2.
Perancangan sistem adalah proses merancang solusi sistem yang memenuhi kebutuhan yang telah diidentifikasi selama Tahapan ini meliputi pembuatan model, diagram, dan spesifikasi teknis yang akan digunakan Research (Andi Patappar.
: Sistem Informasi Akademik Berbasis Web Pada Smp Muhammadiyah Leworeng Berbasis Website Menggunakan Metode PrototypeAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 2.
Oktober 2025 DOI : 10.
57093/jisti.
p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 dalam pembangunan sistem menurut Satzinger.
Jackson, & Burd (Andi Patappari, 2.
Sistem informasi adalah sebuah rangkaian prosedur formal dimana data dikelompokkan, diproses menjadi informasi, dan didistribusikan kepada pemakai.
Deskripsi lain dari sistem informasi menggambarkan sistem informasi sebagai cara terorganisir untuk mengumpulkan, memasukkan, memproses dan menyimpan data.
Ini juga mengatur bagaimana informasi disimpan, diproses, dikendalikan dan dilaporkan sehingga organisasi dapat mencapai tujuan yang telah ditetapkan (Romney dan Steinbart.
Website Website atau disingkat web, dapat diartikan sekumpulan halaman yang terdiri dari beberapa laman yang berisi informasi dalam bentuk data digital baikberupa text, gambar,video, audio, dan animasi lainnya yang disediakan melalui jalur koneksi internet.
website adalah apa yang anda lihat via browser, sedangkan yang disebut web sebenarnya adalah sebuah aplikasi web, karena melakukan action tertentu dan membantu anda melakukan kegiatan tertentu.
PHP singkatan dari Hypertext Preprocessor yang merupakan server-side programing, yaitu Bahasa pemrograman yang diproses di sisi server.
Fungsi utama PHP dalam membangun website adalah untuk melakukan pengolahan data pada database.
Data website akan dimasukkan ke database, diedit, dihapus, dan ditampilkan padawebsite yang diatur oleh PHP.
(Hasbi & Tahir, 2.
Prototype Menurut (Kurniati, 2.
Prototype merupakan teknik pengembangan sistem yang banyak digunakan dan teknik ini juga memberikan fasilitas bagi pengembang dan pemakai untuk saling berinteraksi selama proses pembuatan, sehingga pengembang dapat dengan mudah memodelkan perangkat lunak yang akan dibuat.
Prototype melewati lima proses, yaitu communication, quick plan, quick design, prototype contruction dan delivery & feedback seperti dijelaskan pada Gambar 1 berikut Gambar 1.
Proses Prototype METODE PENELITIAN Penelitian ini menggunakan metodologi yang menerapkan metodologi model prototype pada tahapan pengerjaan disertasi dari awal hingga akhir.
Prototype melewati lima proses, yaitu communication, quick plan, quick design, prototype contruction dan delivery & feedback .
nalisis kebutuhan,desain cepat, bangun aplikasi prototype, evaluasi pengguna dan tahap pemeliharaa.
Pada penelitian ini dilakukan beberapa teknik untuk melakukan pengumpulan data yang dibutuhkan, diantaranya yaitu: observasi untuk memeperoleh data yang berhubungan dengan obyek penelitian yang berguna dalam merancang dan membangun sistem informasi akademik pada SMP Research (Andi Patappar.
: Sistem Informasi Akademik Berbasis Web Pada Smp Muhammadiyah Leworeng Berbasis Website Menggunakan Metode PrototypeAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 2.
Oktober 2025 DOI : 10.
57093/jisti.
p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Muhammadiyah Leworeng.
Wawancara dilakukan dengan pihak-pihak terkait, seperti kepala sekolah, guru, dan staf administrasi, untuk mengidentifikasi kebutuhan sistem informasi akademik.
Pengumpulan data melalui dokumen-dokumen yang relevan, seperti laporan akademik, jadwal pelajaran, dan data siswa.
Pada penelitian ini dilakukan implementasi ke dalam sistem yang dapat melakukan mengelola sistem informasi akademik pada SMP Muhammadyah Leworeng.
Berikut ini adalah rancangan sistem informasi akademik menggunakan model prototype pada gambar 2.
Gambar 2 : Use Case Sistem
HASIL DAN PEMBAHASAN
Hasil Implementasi Sistem Tahap terakhir adalah implementasi sistem prototype versi final.
Sistem telah dikembangkan secara utuh dan digunakan untuk manajemen akademik seperti pengelolaan data siswa, guru, mata pelajaran, serta pencatatan dan pelaporan nilai.
Implementasi ini dilakukan pada lingkungan lokal dengan menggunakan framework Flask, server database MySQL (XAMPP), dan bahasa pemrograman Python sebagai basis pengembangan.
Sistem diuji kembali oleh pengguna akhir sebagai tahap validasi akhir.
Setelah login, admin akan diarahkan ke dashboard utama yang menampilkan berbagai menu pengelolaan data seperti guru, siswa, mata pelajaran, akun pengguna, dan laporan nilai.
Dashboard ini dirancang dengan navigasi yang jelas, ikon-ikon yang representatif, serta indikator peran untuk memberikan kemudahan dalam orientasi penggunaan.
Gambar 3.
Dashboard Admin Research (Andi Patappar.
: Sistem Informasi Akademik Berbasis Web Pada Smp Muhammadiyah Leworeng Berbasis Website Menggunakan Metode PrototypeAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 2.
Oktober 2025 DOI : 10.
57093/jisti.
p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Setiap guru dapat mengakses halaman ini untuk menginput nilai siswa berdasarkan mata pelajaran, kelas, dan semester.
Guru hanya akan melihat mata pelajaran yang sesuai dengan yang diampu.
Tampilan disusun dalam tabel dengan form input nilai langsung untuk setiap siswa yang terdaftar.
Gambar 4.
Halaman Kelola Akun Siswa Data siswa ditampilkan dalam bentuk tabel dengan informasi lengkap seperti nama.
NIS, kelas, alamat, dan foto.
Setiap baris memiliki opsi untuk mengedit dan menghapus data.
Halaman ini memudahkan admin dalam melakukan monitoring dan pengelolaan data peserta didik Gambar 5.
Halaman Daftar Siswa Selanjutnya Halaman ini menampilkan daftar seluruh mata pelajaran yang tersedia, lengkap dengan nama guru pengampunya.
Admin dapat menambah mata pelajaran baru dan menentukan guru yang bertanggung jawab melalui form yang terintegrasi.
Halaman ini berperan penting dalam pengelolaan distribusi pengajaran.
Gambar 6.
Halaman Daftar Mata Pelajaran Research (Andi Patappar.
: Sistem Informasi Akademik Berbasis Web Pada Smp Muhammadiyah Leworeng Berbasis Website Menggunakan Metode PrototypeAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 2.
Oktober 2025 DOI : 10.
57093/jisti.
p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Setiap guru dapat mengakses halaman ini untuk menginput nilai siswa berdasarkan mata pelajaran, kelas, dan semester.
Guru hanya akan melihat mata pelajaran yang sesuai dengan yang diampu.
Tampilan disusun dalam tabel dengan form input nilai langsung untuk setiap siswa yang terdaftar.
Gambar 7.
Halaman Input Nilai Halaman ini memungkinkan guru atau admin mencetak nilai siswa dalam format PDF.
Pengguna dapat memilih siswa sebelum mencetak.
Laporan dirancang dengan tampilan yang rapi dan siap untuk dicetak atau dibagikan secara digital.
Gambar 8.
Halaman Cetak Laporan Nilai Pengujian Sistem Metode yang digunakan dalam pengujian ini adalah black box testing, yaitu pengujian yang difokuskan pada fungsionalitas sistem tanpa memperhatikan struktur internal atau algoritma program.
Pengujian ini dilakukan pada setiap fitur utama aplikasi, untuk memastikan bahwa alur input Aeproses Ae output berjalan dengan benar sesuai skenario pengguna.
Tabel 1.
Hasil Pengujian Sistem Modul / Fitur yang Di Uji Login Pengguna Tambah Data Guru Input Username dan password Nama.
NIP.
Alamat.
Foto Output yang Pengguna masuk Data dan muncul di Hasil Uji Keteragan Berhasil Sesuai Berhasil Sesuai Research (Andi Patappar.
: Sistem Informasi Akademik Berbasis Web Pada Smp Muhammadiyah Leworeng Berbasis Website Menggunakan Metode PrototypeAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 2.
Oktober 2025 DOI : 10.
57093/jisti.
Edit Data Guru Tambah Data Siswa Input Nilai oleh Guru Lihat Nilai Oleh Siswa Tambah Mata Pelajaran Tambah Siswa Login Tambah Cetak laporan nilai PDF Ubah Alamat dan foto guru Nama.
NIS.
Kelas.
Alamat.
Foto Pilih siswa, semester, dan Melihat nilai Nama mapel Username, pilih siswa Username, pilih guru Pilih siswa daftar guru Data Siswa muncul di table daftar siswa p-ISSN: 2620 Ae 5327 e-ISSN: 2715 Ae 5501 Berhasil Sesuai Berhasil Sesuai Data bisa dicetak Berhasil Sesuai Nilai siswa tampil Mapel tampil di Berhasil Berhasil Sesuai Sesuai Akun tersimpan dan bisa login Berhasil Sesuai Akun tersimpan dan bisa login Berhasil Sesuai File PDF Berhasil dibuat dan bisa Berhasil Sesuai Berdasarkan hasil pengujian yang telah dilakukan terhadap seluruh modul utama sistem, dapat disimpulkan bahwa.
Seluruh fitur fungsional berjalan sesuai harapan dan tidak ditemukan bug mayor.
Sistem mampu menyesuaikan hak akses pengguna berdasarkan perannya .
dmin, guru, sisw.
Validasi input dan pengelolaan data berjalan dengan baik, termasuk penyimpanan file dan data numerik seperti nilai.
Proses cetak PDF berhasil dilakukan tanpa error dan menampilkan data yang Dengan demikian, sistem dinyatakan telah layak untuk digunakan sebagai aplikasi manajemen akademik berbasis web.
SIMPULAN DAN SARAN
Sistem informasi akademik di SMP Muhammadiyah Leworeng saat ini masih bersifat manual sehingga kurang efisien dalam pengelolaan data akademik seperti guru, siswa, mata pelajaran, dan Dari hasil identifikasi dan analisis kebutuhan sistem informasi maka Sistem dirancang menggunakan metode prototype yang memungkinkan perbaikan sistem secara bertahap berdasarkan masukan pengguna.
Hingga pada akhirnya pengembangan dan pengujian sistem dilakukan menggunakan perangkat komputer/laptop yang mendukung instalasi web server untuk mengakses antarmuka pengguna.
Sistem informasi akademik berhasil diimplementasikan berbasis web menggunakan Flask dan MySQL, dilengkapi fitur login multi-level, pengelolaan data, input nilai, dan cetak laporan.
Hasil Pengujian menunjukkan seluruh fitur berjalan dengan baik.
Agar sistem informasi akademik ini dapat berkembang lebih optimal ke depannya, berikut beberapa saran yang dapat dipertimbangkan Sistem dapat dikembangkan lebih lanjut dengan menambahkan fitur absensi siswa dan jadwal pelajaran agar informasi akademik lebih menyeluruh.
Perlu ditambahkan enkripsi pada penyimpanan password dan penggunaan autentikasi ganda (TwoFactor Authenticatio.
untuk menjaga keamanan akun pengguna dan Sistem sebaiknya dilengkapi dengan modul pengelolaan tahun ajaran secara dinamis untuk memudahkan pelacakan data antar periode akademik.
Dan untuk mempermudah akses oleh pengguna secara real-time, sistem sebaiknya di-deploy ke server online dengan keamanan yang memadai Research (Andi Patappar.
: Sistem Informasi Akademik Berbasis Web Pada Smp Muhammadiyah Leworeng Berbasis Website Menggunakan Metode PrototypeAy Jurnal Ilmiah Sistem Informasi dan Teknik Informatika (JISTI) Volume 8 Nomor 2.
Oktober 2025 DOI : 10.
57093/jisti.
p-ISSN: 2620 Ae 5327
e-ISSN: 2715 Ae 5501
DAFTAR PUSTAKA