4

1. PendahuluanPerkembangan teknologi informasi aplikasi berbasis web saat ini berkembang

dengan cepat. Perkembangan arus informasi aplikasi berbasis web, digunakan untuk mencari informasi dimana user bisa menemukan informasi-informasi yang lebih mudah. Salah satu bahasa pemrograman yang cukup terkenal dan banyak digunakan oleh para pembuat aplikasi web adalah PHP.

PHP merupakan sebuah bahasa pemrograman yang memungkinkan seorang developer mengembangkan sebuah aplikasi berbasis web yang powerful. Seiring dengan berkembangnya kebutuhan akan aplikasi berbasis PHP dan semakin kompleksnya pengembangan aplikasi, maka diperlukanlah sebuah kerangka kerja (framework) yang dapat membantu menyelesaikan hal tersebut. Selama ini pemahaman yang diperoleh tentang aplikasi web berbasis PHP adalah sebuah aplikasi yang terdiri dari file-file yang berisi kode-kode dan tag HTML yang dicampur dengan tag PHP. Pengembangan aplikasi berbasis konvensional seperti itu tidaklah keliru, namun akan menjadi masalah besar apabila aplikasi tersebut membutuhkan banyak fitur dan pengembangan di kemudian hari.

Framework-framework yang bermunculan tersebut kebanyakan juga telah mendukung pengembangan web untuk membuat sebuah aplikasi dengan karakter pengembangan Rapid Application Development (RAD), yang memungkinkan untuk digunakan dan dikembangkan menjadi aplikasi lain yang lebih sempurna. Berdasarkan uraian latar belakang tersebut, maka munculah sebuah keinginan untuk menerapkan dan meneliti salah satu framework PHP yaitu Code igniter yang merupakan sebuah rapid development framework yang bersifat open source untuk PHP, serta mendukung pengembangan web untuk membuat sebuah aplikasi dengan karakter pengembangan Rapid Application Development (RAD), yang memungkinkan untuk digunakan dan dikembangkan menjadi aplikasi lain yang lebih sempurna.

Framework Code Igniter adalah framework yang bekerja menggunakan konsep Model View Controller (MVC). MVC merupakan suatu konsep yang memungkinkan pengerjaan web antara logika dan presentasi tampilan web dilakukan secara terpisah. Framework Code Igniter akan digunakan untuk mempermudah programmer berkerja secara terstruktur dan cepat tanpa kehilangan fleksibilitas (flexibility), yang berarti kemampuan untuk beradaptasi dan bekerja dengan efektif dalam situasi yang berbeda, dan dengan berbagai individu atau kelompok.

Pengolahan data serta penyampaian informasi yang harus dilakukan dengan format digital menjadi alasan utama dalam pembuatan sistem informasi akademik berbasis web menggunakan MVC, sehingga penyampaian informasi ke dinas pendidikan masih dilakukan dengan cara pembukuan. Kurang akurat serta lamanya waktu yang dibutuhkan dalam melakukan pengolahan data menjadi salah satu kendala utama sehingga seringkali menjadi salah satu faktor penghambat kelancaran sistem pengolahan data di SMP Negeri 3 Bawen. Belum lagi, tidak adanya sistem komputer yang dibangun, sehingga sebagian besar aktifitas administrasi dan akademik masih terganggu. Sehingga penulis berkeinginan untuk berpartisipasi dalam mengembangkan aplikasi Sistem Informasi Akademik pada SMP Negeri 3 Bawen menggunakan arsitektur MVC (Model View Controller) sebagai salah satu media sistem informasi yang dapat memberikan manfaat dalam hal peningkatan mutu pendidikan itu sendiri. Dalam hal ini, aplikasi yang akan dibangun nantinya akan lebih mengutamakan pada hal pengelolaan nilai siswa, serta beberapa aspek pendukung lainnya yang mencakup kebutuhan Sistem Informasi Akademik itu sendiri.

5

Perancangan aplikasi Sistem Informasi Akademik menggunakan arsitektur MVC ini bertujuan untuk dapat memberikan kemudahan bagi setiap penggunanya baik itu siswa, staff guru serta pegawai SMP Negeri 3 Bawen dalam mengakses informasi dan mengolah data sekolah itu sendiri.

Tujuan dari penelitian ini menerapkan framework code igniter pada aplikasi Sistem Informasi Akademik berbasis web di SMP Negeri 3 Bawen.

. Manfaat penelitian yang dilakukan adalah sebagai berikut : dengan diterapkannya Framework Code Igniter dalam aplikasi sistem informasi akademik berbasis web ini dapat memudahkan proses akademik pada SMP Negeri 3 Bawen, juga dapat mengetahui kelebihan dari penggunaan Model View Controller (MVC) dalam pengembangan aplikasi sistem informasi akademik.

Perancangan dan Implementasi Sistem Informasi Akademik pada SMP Negeri 3 Bawen memiliki beberapa batasan masalah, yaitu: Perancangan sistem yang dibangun bersifat “Sistem Informasi” yaitu proses penyampaian informasi serta pengelolaan informasi, yang mana sistem yang dibangun nantinya mencakup informasi seputar: absensi siswa, data nilai siswa, info pegawai, info sekolah, sarana prasarana, info materi pembelajaran, profil sekolah, dan laporan. : Sistem yang dibangun akan membahas implementasi arsitektur Model View Controller (MVC) menggunakan PHP Framework Code Igneter pada pembuatan Sistem Informasi.

. Sehingga penulis berkeinginan untuk berpartisipasi dalam mengembangkan aplikasi Sistem Informasi Akademik pada SMP Negeri 3 Bawen sebagai salah satu media sistem informasi yang dapat memberikan manfaat berupa kemudahan dalam pengelolaan nilai siswa, info pegawai, info sekolah, sarana prasarana, profil sekolah, serta beberapa aspek pendukung lainnya yang mencakup kebutuhan Sistem Informasi Akademik berupa data guru, data siswa, dan data pegawai.

2. Kajian Pustaka Metode MVC sudah banyak diterapkan dan digunakan dalam aplikasi yang

mendukung sistem, salah satu di antaranya adalah Perancangan dan Implementasi Perangkat Lunak dengan menerapkan Arsitektur MVC (Model View Controller) Studi Kasus: Sistem Informasi KP/TA FTI UKSW, menyatakan bahwa penggunaan arsitektur MVC dapat mempermudah dalam pembuatan aplikasi berskala besar, mudah dalam pengembangan, kode program aplikasi yang dibuat menjadi lebih terstruktur dan rapi, lebih mudah dibaca dan dipahami serta mempermudah perawatan aplikasi. Aplikasi ini menghasilkan sebuah program (Sistem Informasi berupa aplikasi desktop) yang bisa mengelola mahasiswa-mahasiswa FTI UKSW yang sudah pada tahap kerja praktek maupun penelitian [1]. Penelitian yang berjudul Sistem Informasi Manajemen Jemaat Gereja Kristen Jawa Sidomukti Salatiga Menggunakan Konsep MVC (Model View Controller). Aplikasi ini menghasilkan sebuah informasi berbasis web (dibangun dengan menggunakan PHP) yang bisa mengelola manajemen jemaat berupa kegiatan jemaat [2]. Penelitian lain, yaitu membahas tentang Perancangan dan Implementasi Sistem Informasi Administrasi dan Akademik Bebasis Web dengan Teknologi Model View Controller dan Ajax pada Fakultas Teknologi Informasi yang memberikan sarana bagi administrator FTI dalam pengelolaan informasi data perpustakaan, pengelolaan informasi praktikum berupa absen dan asisten yang mendaftar, pengelolaan data inventaris, pengelolaan informasi data dosen berupa biodata, pendidikan dan training, pengolaan informasi. Menyatakan bahwa penggunaan arsitektur Model View Controller (MVC) membuat perancangan sistem dapat lebih teratur [3].

6

Berdasarkan penelitian-penelitian yang pernah dilakukan, maka akan dilakukan penelitian tentang Perancangan dan Implementasi Sistem Informasi Akademik di SMP Negeri 3 Bawen menggunakan arsitektur MVC (Model View Controller). Pembuatan aplikasi sistem informasi akademik berbasis web pada SMP Negeri 3 Bawen diharapkan dapat membantu setiap pengguna untuk mendapatkan informasi-informasi yang dibutuhkan. Website ini dibuat dengan menggunakan PHP dan MySQL dengan Framework Code igniter berfungsi untuk menyimpan data yang akan ditampilkan pada halaman website, sehingga informasi yang diberikan pada halaman web ini lebih optimal dan akurat. Berbeda dengan penelitian sebelumnya, sistem informasi akademik yang dibuat ini menggunakan Framework Code igniter dengan menerapkan sistem penghitungan nilai berbasis poin. Sistem informasi akademik ini sendiri memiliki beberapa keuntungan diantaranya ialah data laporan hanya bisa dilihat oleh kepala sekolah.

Sistem Informasi Akademik Sistem informasi akademik adalah sistem yang dibangun dalam satu kesatuan yang saling terintegrasi dan memiliki hubungan saling keterkaitan antara satu sama lain. Dalam hal ini semua yang berhubungan dengan akademik merupakan hubungan yang berfokus pada aktivitas akademik itu sendiri, baik itu pengolahan data siswa, guru dan pegawai serta aktivitas lainnya yang terhubung dalam satu jaringan yang saling terintegrasi, dan data dikelola oleh database sebagai media penyimpanan data terpusat [4].

Framework Code Igniter Code igniter menjadi pilihan karena beberapa kelebihannya, antara lain :

Open Source, ini adalah salah satu syarat untuk berkembangnya sebuah framework yang baik, Dokumentasi yang lengkap. Framework yang baik harus mempunyai dokumentasi yang lengkap, karena sekumpulan class tanpa dokumentasi tidak lebih dari setumpuk file yang asing dan menambah masalah developer, OOP dan yang lebih penting lagi adalah MVC. MVC singkatan dari Model, View, Controller.

Gambar 1 menunjukkan mekanisme atau struktur kerja Code Igniter, yang dapat dijelaskan sebagai berikut. Pertama kali, user melakukan request, yang akan ditangani oleh Controller. Controller memiliki banyak metode yang akan menangani request. Controller akan mengambil data pada database melalui Model. Model memberikan data yang relevan kepada Controller. Controller akan mengolah data dan memberikannya pada View (tampilan) yang dipilih. Tampilan inilah yang akan dilihat oleh user pada browser.

Gambar 1 Struktur Kerja Code Igniter

7

Model View Controller (MVC) Model-View-Controller (MVC) merupakan sebuah pola membangun proyek secara lebih efektif yang dilakukan dengan cara memilah komponen Model, View dan Controller pada bagian-bagian proyek, sehingga pada proyek besar, penggunaan MVC akan membuat program lebih terstruktur dengan rapi. Arsitektur metode MVC dipisahkan dalam layer Model, View, dan Controller, dapat dilihat pada Gambar 2.

Gambar 2 Arsitektur Model View Controller [5]

Gambar 2 menunjukkan tiga komponen yang terdapat dalam pola MVC dan interaksi yang terjadi. Model mempresentasikan data yang digunakan oleh aplikasi sebagaimana proses bisnis yang diasosiasikan terhadapnya dan mengatur respon terhadap permintaan, serta memberi hak akses untuk manipulasi data. Beberapa kelebihan menggunakan Model, yaitu dalam proses perawatan aplikasi yang lebih menguntungkan, karena detail dari data dan operasinya dapat ditempatkan pada area yang ditentukan oleh Model. Keuntungan lainnya komponen Model dapat digunakan kembali oleh aplikasi lain yang memiliki kegunaan yang hampir sama, karena telah dipisahkan secara total antara data dan antarmukanya.

View merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh Controller. View berfungsi untuk menerima dan mempresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian Model.

Controller merupakan bagian yang mengatur hubungan antara bagian Model dan bagian View, Controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi. Controller akan melakukan segala aktivitas proses bisnis dan aktivitas control lainnya seperti mengelolah data dari Model, menyimpannya dalam variabel-variabel (manipulasi data) lalu menampilkan pada View, benar atau tidaknya hasil olahan tergantung dari logika kerja aplikasi yang tersusun pada bagian Controller ini. Controller menyediakan detail alur program dan bertanggung jawab menampung events dari user melalui View dan melakukan update komponen Model menggunakan data yang dimasukkan oleh user.

3. Metode dan Perancangan Sistem Metode pengembangan sistem yang digunakan pada perancangan dan

implementasi Sistem Informasi Akademik SMP Negeri 3 Bawen adalah metode waterfall. Secara umum tahapan pada metode waterfall ditunjukkan pada Gambar 3.

8

Gambar 3 Metode Waterfall [6]

Keuntungan dari Model waterfall ini, yaitu setiap tahapan akan dievaluasi secara teliti untuk mendapatkan hasil yang maksimal. Tahap-tahap yang dilakukan dalam pengembangan sistem berdasarkan metode waterfall, dijelaskan sebagai berikut: Pada tahap analisis kebutuhan dilakukan dengan pengumpulan data melalui pengamatan secara langsung terhadap objek yang diteliti yaitu Proses Sistem Informasi Akademik SMP Negeri 3 Bawen. Kegiatan pengumpulan data dalam penelitian melalui proses wawancara yaitu dengan melakukan tanya jawab dengan Ibu Ambar Sari, S. Pd. selaku staff Tata Usaha di SMP Negeri 3 Bawen adapun hasil yang didapatkan yaitu berupa data mata pelajaran, data kelas, data sarana prasarana mengenai Sistem Informasi Akademik; dan pengumpulan data pada kegiatan dokumentasi dilakukan dengan melihat data-data atau catatan-catatan dan dokumen yang terkait dengan Sistem Informasi Akademik yang terdapat pada SMP Negeri 3 Bawen, seperti data guru, data siswa, data pegawai, data jadwal pelajaran, data nilai, data absensi, dan data materi pelajaran. Pada tahap system and software design, yang dilakukan adalah merancang aplikasi sistem informasi akademik dengan arsitektur MVC(Model View Controller), yang meliputi perancangan desain dan perancangan database. Pada tahap implementation system, dilakukan penerapan Aplikasi Sistem Informasi Akademik yang telah dirancang untuk mengetahui apakah yang ada pada sistem telah berjalan dengan baik dan dapat digunakan oleh staff bagian akademik, guru dan siswa. Pada tahap testing / verification, dilakukan untuk dapat mengetahui kondisi sistem (aplikasi) yang dibangun apakah telah berjalan sesuai dengan rancangan sistem yang telah ditentukan sebelumnya, dengan cara memberikan quisioner kepada pengguna. Pengujian dilakukan untuk mendapatkan hasil atau report yang mana hasil ini sebagai bahan evaluasi untuk memperbaharui sistem jika terdapat kekurangan atau error pada sistem. Selanjutnya pada tahap terakhir, yaitu tahap maintenance dilakukan kontrol pada aplikasi yang dibangun untuk memantau perkembangan aplikasi ataupun sistem yang sedang berjalan. Apakah aplikasi yang diterapkan telah berjalan dengan optimal, dan jika terdapat kendala dapat segera diatasi. Perancangan untuk Model View Controller yang dibuat menggunakan Arsitektur MVC dilakukan dengan memilah bagian aplikasi yang tergolong komponen Model, View, dan Controller. Dalam sebuah aplikasi, perubahan pada suatu komponen mungkin saja terjadi. Misalnya perubahan dalam bagian tampilan yang merupakan bagian yang berinteraksi langsung dengan pengguna. Perubahan pada satu bagian memiliki potensi keterkaitan dengan keseluruhan aplikasi. Namun dengan digunakannya arsitektur MVC, permasalahan ini dapat diatasi.

Requirements definition

System and Software design

Implementation and unit testing

Integration and system testing

Operation and Maintenance

9

Perancangan Model Model merupakan bagian yang bertugas merepresentasikan data yang digunakan oleh aplikasi sebagaimana proses bisnis yang diasosiasikan terhadapnya. Bagian Model yang dibangun berhubungan langsung dengan basis data dan menangani validasi dari bagian Controller, namun tidak berhubungan langsung dengan View. Berikut ini merupakan Model yang dibuat dalam aplikasi ini : Package Db Table : berisikan class-class yang berhubungan dengan database. Perancangan View View merupakan bagian yang menangani presentation logic. Pada aplikasi web bagian ini biasanya berisi file template HTML yang diatur oleh Controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian Model. Pada aplikasi ini bagian View berisi file template HTML. Desain yang dilakukan pada bagian View dikelompokkan dalam package- package untuk lebih memudahkan lagi daalam pengembangan, yaitu: (1) Package View default : berisikan file default yang memuat halaman awal, (2) Package View Master Page : berisikan file MasterPage yang memuat halaman master untuk semua halaman yang akan di load, dan (3) Package View Admin MasterPage : berisikan file Admin MasterPage yang akan menjadi halaman master untuk halaman administrasi. Perancangan Controller Controller merupakan bagian yang mengatur hubungan antara bagian Model dan bagian View. Controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi. Dengan menggunakan prinsipMVC suatu aplikasi dapat dikembangkan sesuai dengan kemampuan developer-nya, yaitu programmer yang menangani bagian Model dan Controller, sedangkan designer yang menangani bagian View, sehingga penggunaan arsitektur MVC dapat meningkatkan maintainability dan organisasi kode. Walaupun demikian dibutuhkan komunikasi yang baik antara programmer dan designer dalam menangani variable-variabel yang akan ditampilkan. Controller yang dibuat dalam aplikasi ini yaitu: Absensi, Index, Admin, Jadwal, Aspek, Kelas, Back, Laporan, Daftar_aspek, Materi, Guru, Nilai, Home, Pegawai, Pelajaran, Siswa, Sarpa, dan User.

Gambar 4 menunjukkan use case diagram yang dilakukan oleh siswa, yang dapat dijelaskan sebagai berikut. Pertama–tama setiap siswa harus mengakses halaman website. Ketika halaman website telah ditampilkan, siswa harus melakukan proses login pada sistem. Jika proses login berhasil, maka akan tampil informasi menu siswa, dimana terdapat berbagai tools akses yang dapat digunakan untuk mengakses informasi lainnya, seperti akses biodata (siswa, pegawai, dan pengajar), lihat nilai, lihat absensi, lihat jadwal belajar, lihat aspek penilaian, lihat sarana dan prasarana, unduh materi pelajaran dan mencetak laporan (jadwal belajar dan data nilai).

10

extend

Melihat Data Nilai

Melihat Jadual Belajar

Mencetak Laporan

Mengunduh Materi Pelajaran

Melihat Absensi

Melihat Aspek Peni laian

Meli ihat Sarana Prasarana

Mengedit Biodata pribadi

Siswa / Siswi

Mengakses Biodata

Gambar 4 Use Case Diagram Siswa/Siswi

Gambar 5 menunjukkan use case diagram yang dilakukan oleh pengajar, yang dapat dijelaskan sebagai berikut. Pertama–tama setiap pengajar harus mengakses halaman website. Ketika halaman website telah ditampilkan, para pengajar harus melakukan proses login pada sistem. Jika proses login berhasil maka akan tampil informasi menu pengajar dimana terdapat berbagai tools akses yang dapat digunakan untuk mengakses informasi lainnya, seperti akses biodata (pribadi, siswa, dan pegawai), input nilai siswa, input absensi, input aspek penilaian, lihat sarana dan prasarana cek jadwal mengajar, input materi pelajaran, dan mencetak laporan (data nilai kelas, jadwal pelajaran, absensi, dan data siswa).

extend

Menginput Nilai Siswa

Melihat Jadual

Mencetak Laporan

Menginput Materi Pelajaran

Menginput Absensi

Menginput aspek penilaian

Meli ihat sarana prasarana

Mengedit Biodata

Pengajar

Mengakses Biodata

Gambar 5 Use Case Diagram Pengajar

Gambar 6 menunjukkan use case diagram yang dilakukan oleh pegawai, yang dapat dijelaskan sebagai berikut. Pertama–tama setiap karyawan atau pegawai tata usaha harus mengakses halaman website. Ketika halaman website telah ditampilkan, karyawan harus melakukan proses login pada sistem. Jika proses login berhasil, maka akan tampil informasi menu karyawan yang mana pada menu karyawan terdapat berbagai tools akses yang dapat digunakan untuk mengakses informasi lainnya, seperti akses biodata (pribadi, pengajar, siswa), input data (pengajar, pegawai, siswa, mapel, jadwal pelajaran, sarana dan prasarana, dan kelas baru), dan mencetak laporan (data siswa, data guru, data pegawai, data jadwal pelajaran, data sarana prasarana, dan data absensi).

11

extend

Mengedit Biodata

Mengakses Biodata

Mencetak Laporan

Menginput Absensi

Menginput Kelas Baru

Menginput Mata Pelajaran

Menginput Jadual Pelajaran

Melihat Aspek Peni laian

Menginput sarana prasarana

Menginput Data Pegawai

Menginput Data Siswa

Menginput Data Pengajar

Pegawai

Gambar 6 Use Case Diagram Pegawai

Gambar 7 menunjukkan use case diagram yang dilakukan oleh admin, dijelaskan sebagai berikut. Pertama–tama setiap admin harus mengakses halaman website. Ketika halaman website ditampilkan, admin harus melakukan proses login pada sistem. Jika proses login berhasil, maka akan tampil informasi menu admin, dimana terdapat berbagai tools akses yang dapat digunakan untuk mengakses informasi lainnya, akses biodata (pribadi, pegawai, pengajar, siswa), input data (admin, pengajar, pegawai, siswa, mapel, jadwal pelajaran, sarana dan prasarana, dan kelas baru), dan mencetak laporan (data admin, data siswa, data guru, data pegawai, data jadwal pelajaran, data sarana prasarana, dan data absensi).

Mengakses Biodata

Menginput Kelas baru

Menginput Siswa baru

Menginput Absensi

Melihat data nilai

Menginput jadwal pelajaran

Melihat aspek penilaian

Menginput sarana prasarana

Menginput mata pelajaran

Mencetak laporan

Mengedit Biodata

Menginput data Pegawai

Menginput data Admin

Menginput data Siswa

Menginput data Pengajar

Admin

extend

Gambar 7 Use Case Diagram Admin

12

tbl_kelasid_kelasnama_kelas

tbl_riwayat_siswaid_riwayatid_siswaid_kelastgl_input_riwayat

tbl_pelajaranid_pelajarannama_pelajaran

tbl_jadualid_jadualid_kelasid_pelajaranid_pegawaimulai_jadualakhir_jadualurutan_jadual

tbl_absensiid_absenid_siswaid_pelajarantgl_input_absenketerangan_absen

tbl_materiid_materiid_pelajaranjudul_materilink_materi

tbl_user_levelid_levelnama_level

tbl_useru_idu_usernameu_passwordu_level

tbl_menu_listlist_idmenu_parrentmenu_idmenu_ordermenu_level

tbl_menu_linkmenu_idmenu_namamenu_link

tbl_fasilitasid_fasilitasnama_fasilitasketerangan_fasilitas

tbl_pegawaiid_pegawai : varcharnama_pegawaialamat_pegawaijenkel_pegawaitgl_lhr_pegawaiagama_pegawaitelepon_pegawaiphoto_pegawai

tbl_siswaid_siswanama_siswajenkel_siswaalamat_siswatelp_siswatgl_lahir_siswaagama_siswafoto_siswatgl_input_riwayat

tbl_artikelid_artikeljudul_artikelteks_artikel

tbl_aspekid_aspeknama_aspek

tbl_nilaiid_nilaiid_siswaid_daftarjumlah_nilaitgl_input_nilai

tbl_daftar_aspekid_daftarid_aspekid_pelajaranpresentase_daftar

Gambar 8 Class Diagram Sistem Form Rencana Studi

Class Diagram yang ditunjukkan pada Gambar 8 mendeskripsikan objek-objek yang terlibat dalam sistem dan hubungan-hubungan di antara class. Adapun tabel yang terdapat pada perancangan database, Sistem Informasi Akademik di SMP Negeri 3 Bawen, diantaranya terlihat pada Tabel 1.

Tabel 1 Perancangan Database Nama Tabel Fungsi Tabel Artikel untuk menampilkan data Artikel yang terkait dengan SMP

Negeri 3 Bawen, Tabel Aspek untuk menampilkan data aspek yang berlaku di SMP

Negeri 3 Bawen, Tabel Absensi untuk menampilkan data kehadiran siswa Tabel Kelas untuk menampilkan daftar kelas yang ada di SMP Negeri 3

Bawen Tabel Pegawai untuk menampilkan data pegawai yang ada di SMP Negeri

3 Bawen Tabel Fasilitas untuk menampilkan data Fasilitas apa saja yang terdapat di

SMP Nengeri 3 Bawen Tabel Nilai untuk menampilkan data tingkatan nilai atau ranking tiap

semester Tabel Pelajaran untuk menampilkan data mata pelajaran Tabel Jadwal untuk menampilkan data jadwal mata pelajaran Tabel Siswa untuk menampilkan data siswa Tabel User untuk menampilkan data pengguna tabel User Level untuk menampilkan data level pengguna Tabel Riwayat Siswa untuk menampilkan data riwayat selama siswa belajar Tabel Materi untuk menampilkan data daftar materi pelajaran Tabel Menu List untuk menampilkan data sub menu aplikasi Tabel Menu Link untuk menghubungkan alamat yang dituju Tabel Daftar Aspek untuk menampilkan data Aspek penilaian terhadap siswa

13

4. Hasil dan Pembahasan Pada uji coba aplikasi yang dibuat, dilihat kemampuan aplikasi dalam

melakukan layanan yang baik dan tepat, pada user maupun administrator. Untuk memulai proses yang ada di dalam aplikasi, maka masing-masing user (user maupun admin) harus melakukan login terlebih dahulu.

Gambar 9 Form Login User

Gambar 9 merupakan halaman login yang berfungsi untuk melakukan verifikasi user sebelum masuk ke dalam sistem. Apabila username dan password yang dimasukkan sesuai dengan yang tersimpan di dalam database, maka user dapat masuk ke dalam sistem,

Hasil implementasi sistem diuji dengan menggunakan metode pengujian blackbox digunakan untuk mengetahui sejauh mana keberhasilan dari sistem yang telah implementasi melalui pengujian fungsi-fungsi khusus dari perangkat lunak yang dirancang. Ada 3 cara yang digunakan dalam pengujian sistem ini yaitu validasi, performance analysis dan kuisioner sebagai pengujian sistemnya. Dengan adanya pengujian ini dapat dipastikan bahwa proses sistem berjalan sesuai yang diharapkan.

Dalam menguji validitas proses bisnis suatu sistem, diperlukan pengujian sistem dengan cara memasukkan sejumlah data pada unit sistem yang utama, yang telah diintegrasikan menjadi satu kesatuan dalam sistem ini, yaitu pengujian pada unit sistem login, pencarian dan mengunggah informasi. Sehingga dengan menguji tiap unit sistem, secara tidak langsung pengujian sistem keseluruhan juga telah dilakukan karena semua unit sistem tersebut memiliki output yang saling terkait satu sama lain.

Gambar 10 Form Pengajar

Gambar 10 merupakan implementasi form pengajar, yang memberikan informasi tentang data guru. Form pengajar berguna untuk menambah data guru. Bag. pegawai mengisi data berupa nama guru, NIP guru, alamat guru, tgl. lahir, jenis kelamin, agama, telpon, photo, username, dan password. Apabila salah satu data belum diisikan, maka akan keluar peringatan bahwa data harus diisi, setelah data semua diisi dengan lengkap, data tersebut akan disimpan ke dalam database dan kemudian ditampilkan dalam daftar guru/pengajar. Jika data sudah ditampilkan di daftar guru/pengajar, maka data tersebut dapat diubah maupun dihapus.

14

Gambar 11 Form Siswa

Gambar 11 merupakan implementasi form siswa, yang memberikan informasi tentang data siswa. Form siswa berguna untuk menambah data siswa. Bag. Pegawai mengisi data berupa nama siswa, NIS siswa, kelas, alamat siswa, tgl. lahir, jenis kelamin, agama, telpon, foto, username, dan password. Apabila salah satu data belum diisikan, maka akan keluar peringatan bahwa data harus diisi, setelah semua data diisi dengan lengkap, data tersebut akan disimpan ke dalam database, dan kemudian ditampilkan dalam daftar siswa. Jika data sudah ditampilkan di daftar siswa, maka data tersebut dapat diubah maupun dihapus.

Gambar 12 Form Jadwal

Gambar 12 merupakan implementasi form jadwal, yang memberikan informasi tentang data jadwal. Form jadwal berguna untuk menambah data jadwal. Bag. Pegawai mengisi mata pelajaran, guru pengampu, jadwal hari, waktu mulai mulai, waktu selesai. Apabila salah satu data belum diisikan maka akan keluar peringatan bahwa data harus diisi, setelah data semua diisi dengan lengkap, data tersebut akan disimpan ke dalam database, dan kemudian ditampilkan dalam daftar jadwal pelajaran. Jika data sudah ditampilkan di daftar jadwal pelajaran, maka data tersebut dapat diubah maupun dihapus.

Model, View, dan Controller merupakan bagian terpenting dalam perancangan aplikasi dengan menggunakan code igniter. Pada bagian inilah, seluruh struktur perancangan aplikasi dibuat. Contoh penggunaan MVC pada aplikasi sistem informasi akademik yang dibuat, dijelaskan sebagai berikut.

Kode Program 1 merupakan perintah untuk penerapan Model data sarana prasarana. Perintah baris (1) merupakan deklarasi nama kelas untuk Model sarana. Perintah baris (2) sampai baris (4) merupakan deklarasi variabel yang digunakan pada Model sarana. Perintah baris (5) sampai baris (28) merupakan validasi data dari input data yang dilakukan oleh user.

15

Kode Program 1 Perintah Untuk Model Data Sarana Prasarana

Kode Program 2 merupakan perintah untuk penerapan Controller delete data sarana prasarana. Perintah Baris (1) merupakan deklarasi fungsi hapus sarana dengan menggunakan kode sarana sebagai parameter. Perintah Baris (2) sampai dengan baris (6) merupakan fungsi yang digunakan untuk menghapus barang sesuai dengan paramater kode sarana yang dikirim ke fungsi. Perintah Baris (7) sampai dengan baris (13) merupakan fungsi yang digunakan untuk konfirmasi hapus data sarana. Apabila proses penghapusan data sarana berhasil, maka akan muncul pesan seperti pada perintah baris (14). Perintah baris (15) merupakan fungsi yang digunakan untuk melakukan refresh data dan halaman web. Kode Program 2 Perintah Untuk Controller Delete Data Sarana

Kode Program 3 merupakan perintah untuk Controller update data sarana. Perintah baris (1) merupakan nama fungsi yang digunakan untuk mengubah data sarana dengan paramater kode sarana. Baris (2) sampai dengan baris (13) merupakan perintah yang digunakan untuk mengubah data sesuai dengan parameter yang dikirim ke fungsi. Apabila proses update berhasil, maka akan muncul pesan seperti pada

1. class m_sarana extends CI_Model { 2. var $id_fasilitas; 3. var $nama_fasilitas; 4. var $keterangan_fasilitas; 5. function get_all(){ 6. $query = "select * from ans_fasilitas"; 7. $rs = $this->db->query($query); 8. if($rs->num_rows() !=0){ 9. return $rs->result(); 10. }else{ 11. return null; 12. } 13. } 14. function get_sarana(){ 15. $query = "select * from ans_fasilitas where 16. id_fasilitas='".$this->id_fasilitas."'"; 17. $rs = $this->db->query($query); 18. if($rs->num_rows() !=0){ 19. return $rs->result(); 20. }else{ 21. return null; 22. } 23. } 24. function insert(){ 25. $data["nama_fasilitas"]= $this->nama_fasilitas; 26. $data["keterangan_fasilitas"] = $this->keterangan_fasilitas; 27. $this->db->insert('ans_fasilitas', $data); 28. }

1. function delete($id = "", $param = ""){ 2. $prev_link = "sarpa/get_all"; 3. $delete_link = "sarpa/delete/".$id."/do"; 4. $user_level = $this->session-

>userdata("user_level"); 5. $data["top_menu"] = $this->m_ansys

>get_menu($user_level, 1); 6. $data["contents"] = "back/includes/confirm"; 7. $data["tittle"] = "Hapus Data Sarana prasarana"; 8. $data["messages"] = show_warning("Yakin akan dihapus

?"); 9. $data["prev_link"] = base_url().$prev_link; 10. $data["delete_link"]= base_url().$delete_link; 11. if($param != "" && $param == "do"){ 12. $this->m_sarana->id_fasilitas = $id; 13. $this->m_sarana->delete(); 14. $this->session->set_flashdata('message', show_info("Data

sarana pasarana telah dihapus ...")); 15. redirect($prev_link); 16. }

16

perintah baris (5), dan apabila proses update gagal maka akan muncul pesan seperti pada perintah baris (14). Perintah baris (15) sampai dengan baris (20) merupakan proses menampilkan data yang telah di-update ke menu sarana. Kode Program 3 Perintah Untuk Controller Update Data Sarana

Kode Program 4 merupakan perintah untuk Controller insert data sarana. Perintah baris (1) merupakan deklarasi nama fungsi tambah. Perintah baris (2) sampai dengan baris (10) merupakan fungsi yang digunakan untuk menambahkan data sarana ke dalam sistem. Apabila proses berhasil maka akan muncul informasi seperti pada perintah baris (11). Perintah baris (12) sampai dengan baris (17) merupakan fungsi yang digunakan untuk melakukan proses refresh halaman web, dan menampilkan data yang baru dimasukkan oleh user.

Kode Program 4 Perintah Untuk Controller Insert Data sarana

1. function update($id= ""){ 2. $user_level = $this->session-

>userdata("user_level"); 3. $data["top_menu"] = $this->m_ansys->get_menu($user_level,

4); 4. $this->m_sarana->id_fasilitas = $id; 5. $data["id"] = $id; 6. $data["result"] = $this->m_sarana->get_sarana(); 7. $this->form_validation->set_rules('a_name', 'Nama

Sarana/Prasarana', 'required'); 8. $this->form_validation->set_rules('a_keterangan',

'Keterangan', 'required'); 9. $this->form_validation->set_message('required', '%s harus

diisi !'); 10. if($this->form_validation->run()){ 11. $this->m_sarana->nama_fasilitas = $this->input-

>post('a_name'); 12. $this->m_sarana->keterangan_fasilitas = $this->input-

>post('a_keterangan'); 13. $this->m_sarana-> update(); 14. $this->session->set_flashdata('message', show_info('Data

baru telah tersimpan !')); 15. redirect('sarpa/get_all'); 16. } 17. $data["tittle"] = "Edit Sarana Prasarana"; 18. $data["contents"] = "back/ update/ update_sarpa"; 19. $this->load->view('home', $data); 20. }

1. function insert(){ 2. $user_level = $this->session->userdata("user_level"); 3. $data["top_menu"] = $this->m_ansys->get_menu($user_level,

4); 4. $this->form_validation->set_rules('a_name', 'Nama

Sarana/Prasarana', 'required'); 5. $this->form_validation->set_rules('a_keterangan',

'Keterangan', 'required'); 6. $this->form_validation->set_message('required', '%s harus

diisi !'); 7. if($this->form_validation->run()){ 8. $this->m_sarana->nama_fasilitas = $this->input-

>post('a_name'); 9. $this->m_sarana->keterangan_fasilitas = $this->input-

>post('a_keterangan'); 10. $this->m_sarana->insert(); 11. $this->session->set_flashdata('message', show_info('Data baru

telah tersimpan !')); 12. redirect('sarpa/get_all'); 13. } 14. $data["tittle"] = "Input Sarana Prasarana";

17

Kode Program 5 merupakan perintah untuk View data sarana. Perintah baris (1) dan baris (20) merupakan perintah HTML yang digunakan untuk membuat tabel. Semua komponen untuk data barang akan diatur ke dalam tabel. Perintah baris (2) sampai dengan baris (21) merupakan perintah HTML untuk membuat label dan textbox yang dibutuhkan dalam menampilkan informasi data sarana yang harus dimasukkan oleh user. Perintah baris (21) sampai dengan baris (34) merupakan perintah HTML yang digunakan untuk menampilkan tombol browse image dan simpan data sarana yang telah dimasukkan oleh user.

Kode Program 5 Perintah Untuk View Data Sarana

Dalam implementasinya Model MVC memiliki tiga bagian yaitu, memisahkan data (Model) dari tampilan (View) dan cara bagaimana memprosesnya (Controller). Data (Model) merepresentasikan data yang digunakan oleh aplikasi sebagaimana proses bisnis yang diasosiasikan terhadapnya. Dengan memilahnya sebagai bagian terpisah, seperti penampungan data, persistence, serta proses manipulasi, terpisah dari bagian lain aplikasi. Adapun kelebihannya, pertama, membuat detail dari data dan operasinya dapat ditempatkan pada area yang ditentukan (Model) dibanding tersebar dalam keseluruhan lingkup aplikasi. Hal ini memberikan keuntungan dalam proses pemeliharaan aplikasi. Kedua, dengan pemisahan total antara data dengan

1. <h4>Daftar Sarana & Prasarana</h4> 2. </div> 3. <div class="ans-widget-wrapper"> 4. <table class="ans-data-grid"> 5. <?php 6. $level = $this->session->userdata("user_level"); 7. ?> 8. <thead> 9. <tr> 10. <th class="ans-data-head" style="width: 5%; ">No.</th> 11. <th class="ans-data-head" style="width: 60%; ">Sarana /

Prasarana</th> 12. <th class="ans-data-head" style="width: 20%;

">Keterangan</th> 13. <?php 14. if($level == 0 || $level == 1){ 15. echo '<th class="ans-data-head" style="width: 15%;

">Action</th>'; 16. } 17. ?> 18. </tr> 19. </thead> 20. <tbody> 21. <?php 22. $url = base_url().'sarpa/insert'; 23. $label = '<input type="button" class="ans-button"

value="Input Data Baru"/>'; 24. if($level == 0 || $level == 1){ 25. echo show_link($url, $label); 26. $url = base_url().'laporan/sarpa'; 27. $label = '<input type="button" class="ans-button"

value="Cetak Data Sarana Prasarana"/>'; 28. echo show_link($url, $label); 29. } 30. if($level == 5){ 31. $url = base_url().'laporan/sarpa'; 32. $label = '<input type="button" class="ans-button"

value="Cetak Data Sarana Prasarana"/>'; 33. echo show_link($url, $label); 34. }

18

implementasi interface, komponen Model dapat digunakan kembali oleh aplikasi lain yang memiliki kegunaan yang hampir sama. Tampilan (View) mengandung keseluruhan detail dari implementasi user interface. Disini, komponen grafis menyediakan representasi proses internal aplikasi dan menuntun alur interaksi user terhadap aplikasi. Tidak ada layer lain yang berinteraksi dengan pengguna, hanya View. Penggunaan layer View memiliki beberapa kelebihan: pertama, memudahkan pengabungan divisi desain dalam development team. Divisi desain dapat berkonsentrasi pada style, look and feel, dan sebagainya, dalam aplikasi tanpa harus memperhatikan lebih pada detail yang lain. Dengan memiliki layer View yang terpisah memungkinkan ketersediaan multiple interface dalam aplikasi. Jika inti dari aplikasi terletak pada bagian lain (dalam Model), multiple interfaces dapat dibuat (Swing, Web, Console), secara keseluruhan memiliki tampilan yang berbeda namun mengeksekusi komponen Model sesuai fungsionalitas yang diharapkan. Cara pemrosesan (Controller) menyediakan detail alur program dan transisi layer, dan juga bertanggungjawab akan penampungan events yang dibuat oleh user dari View dan melakukan update terhadap komponen Model menggunakan data yang dimasukkan oleh user. Kelebihan dalam penggunaan layer Controller secara terpisah: pertama, dengan menggunakan komponen terpisah untuk menampung detail dari transisi layer, komponen View dapat didesain tanpa harus memperhatikan bagian lain secara berlebih. Hal ini memudahkan tim pengembang multiple interface bekerja secara terpisah dari yang lain secara simultan. Interaksi antar komponen View terabstraksi dalam Controller. Kedua, dengan menggunakan layer terpisah yang melakukan update terhadap komponen Model, detail tersebut dihapus dari layer presentasi. Layer presentasi kembali pada fungsi utamanya untuk menampilkan data kepada user. Detail tentang bagaimana data dari user mengubah ketetapan aplikasi disembunyikan oleh Controller. Hal ini memisahkan dengan jelas antara presentation logic dengan business logic. Dari uraian di atas dapat disimpulkan bahwa Model View Controller merupakan satu kesatuan yang tidak dapat dipisahkan satu dengan yang lainnya. Karena dengan tidak adanya salah satu dari komponen MVC, data tidak dapat diproses. Dengan tidak adanya Model, aplikasi tidak bisa terhubung dengan database. Tanpa View, aplikasi tidak bisa ditampilkan, dan tanpa controoler semua proses yang ada pada aplikasitidak bisa diproses.

Tabel 2 Hasil Pengujian Sistem dengan Metode BlackBox

No Point Pengujian Validasi Input

Status uji

1 Login Valid Login berhasil 2

Data Pegawai Valid Data berhasil ditambah, ditampilkan (View) dan hapus

3 Data guru Valid

Data berhasil ditambah, ditampilkan (View) dan hapus

4 Data Matapelajaran Valid

Data berhasil ditambah, ditampilkan (View) dan hapus

5 Data Kelas Valid

Data berhasil ditambah, ditampilkan (View) dan hapus

6 Data Jadwal Valid

Data berhasil ditambah, ditampilkan (View) dan hapus

7 Edit Biodata Valid Data berhasil diubah 8

Data Nilai siswa Valid Data berhasil ditambah, ditampilkan (View) dan hapus

19

9 Lihat Jadwal Pelajaran

Valid Data berhasil ditampilkan (View)

10 Lihat Daftar Kelas Valid Data berhasil, diubah dan hapus 11 Lihat Nilai Valid Data berhasil ditampilkan (View) 12 Lihat Daftar

matapelajaran Valid Data berhasil ditampilkan (View)

13 Tambah Jadwal Matapelajaran

Valid Data berhasil diproses

14 Cetak Jadwal Pelajaran

Valid Data berhasil dicetak

15 Cetak Daftar Siswa Valid Data berhasil dicetak 16 Cetak Nilai Valid Data berhasil dicetak 17 Logout Valid Logout berhasil

Hasil pengujian dengan metode BlackBox pada Tabel 2 menunjukkan hasil yang valid untuk setiap data yang diujikan.

Gambar 11 Grafik Performance Analysis

Gambar 11 menunjukkan lama waktu yang diperlukan oleh server untuk merespon request dari client. Terdapat 3 batas penting untuk menilai respon server, yaitu: (1) 0.1 detik. Merupakan waktu respon ideal. Pengguna sistem akan merasakan reaksi sistem yang singkat, cepat dan tidak terasa adanya interupsi (gangguan); (2) 1.0 detik. Merupakan waktu respon terlama yang masih dapat ditoleransi; (3) 10 detik. Merupakan batas waktu terlama yang sudah tidak dapat ditolerir. Berdasarkan beberapa pengamatan dan survey, waktu respon di atas 8 detik akan membuat user meninggalkan akses ke sistem. Pengujian pada Gambar 13, menunjukkan bahwa waktu respon rata-rata sistem masih berada di antara batas 0.1 detik sampai dan 0.2 detik, sehingga masih dalam batas toleransi.

Pengujian aplikasi pada user dilakukan untuk mengukur dan melihat sejauh mana aplikasi ini dapat membantu user dalam memanfaatkan aplikasi ini dalam memperoleh informasi, melakukan pengolahan nilai yang ada pada SMP Negeri 3 Bawen, dan juga mengetahui tingkat kemudahan pengguna dalam menjalankan aplikasi yang telah dibuat. Adapun cara yang digunakan untuk memperoleh data yaitu dengan memberikan quisioner kepada 20 user yang terdiri dari dua kriteria penilaian, dimana untuk kriteria baik bernilai 1, dan kriteria cukup bernilai 2.

Tabel 3 Hasil Pengujian dengan Pengguna (User)

User Aplikasi

Tampilan Kemudahan Kegunaan 1 Baik Cukup Baik 2 Baik Baik Baik 3 Baik Cukup Baik 4 Baik Baik Baik 5 Baik Baik Baik

20

6 Cukup Baik Baik 7 Baik Baik Baik 8 Baik Baik Baik 9 Cukup Baik Cukup 10 Baik Baik Baik 11 Baik Baik Baik 12 Cukup Baik Baik 13 Baik Baik Baik 14 Baik Baik Baik 15 Baik Cukup Cukup 16 Baik Baik Baik 17 Baik Baik Baik 18 Baik Baik Baik 19 Baik Baik Baik 20 Baik Cukup Baik

Hasil pengujian oleh user pada Tabel 3, menunjukkan bahwa tampilan aplikasi, informasi yang disampaikan melalui aplikasi, kemudahan dalam penggunaan aplikasi, serta kegunaan dari aplikasi yang dibangun mempunyai hasil yang baik.

Berdasarkan seluruh pengujian yang dilakukan, dapat disimpulkan bahwa sitem informasi akademik yang dibangun dapat diimplementasikan dan bermanfaat bagi user.

5. Simpulan

Framework Code Igniter yang diterapkan pada arsitektur Model View Controller (MVC) dapat membantu user dalam membangun aplikasi sistem akademik berbasis web. Keuntungan penerapan framework ini dalam aplikasi adalah sistem yang dibangun lebih terstruktur dan lebih mudah dalam melakukan pengolahan dan penyimpanan data. Selain itu sistem juga dapat membantu user dalam melakukan beberapa pekerjaan yang biasanya diselesaikan dengan cara pembukuan. Namun kekurangan dari framework Code Igniter adalah aplikasi menjadi agak berat apabila sudah terlalu banyak menampung data di dalam database.

Sistem yang dibangun dapat memberikan informasi berupa data pengajar, data siswa, data sarana dan prasarana, laporan data nilai, serta rekap laporan buat kepala sekolah. Informasi yang dihasilkan tersebut bermanfaat dan dapat digunakan dalam mengelola sistem informasi akademik pada SMP Negeri 3 Bawen.

Pada pengembangan selanjutnya, dalam pembuatan Sistem Informasi Akademik di SMP Negeri 3 Bawen ini dapat disertakan juga sistem untuk pembayaran sekolah, agar proses pembayaran bisa langsung ditangani oleh sistem dan meminimalisir terjadinya kesalahan dalam proses input data. Selain itu juga bisa ditambahkan nomer induk siswa nasional (NISN).

6. Daftar Pustaka [1] Oppier, Vyor., 2008. Laporan Penelitian Perancangan dan Implementasi

Perangkat Lunak dengan Menerapkan Arsitektur MVC (Model, View, Controller).

[2] Lukito, Raymond., 2010. Laporan Penelitian Sistem Informasi Manajemen Jemaat Gereja Kristen Jawa Sidomukti Salatiga Menggunakan Konsep MVC (Model, View, Controller).

21

[3] Lusiana, Grace., 2010. Perancangan dan Implementasi Sistem Informasi Akademik Bebasis Web dengan Teknologi Model View Controller dan Ajax (Studi Kasus Fakultas Teknologi Informasi UKSW).

[4] Aziz, Nur., 2008. Perancangan Sistem Informasi Akademik. Jakarta: Gasindo. [5] Anonim. http://www.enode.com/x/markup/tutorial/mvc.html. [6] Pressman, R.S., 2001. Software Enginering : A Practitioner’s Approach,

Amerika Serikat : R.S. Pressman and Associates.