Jurnal Jikom - Sistem Perwalian Online Dengan Ajax Dan Teknik Mvc Menggunakan Framework Codeignit

SISTEM PERWALIAN ONLINE DENGAN AJAX DAN METODE MVC MENGGUNAKAN FRAMEWORK CODEIGNITER

I Wayan Gede Suma Wijaya1), Eko Heri Susanto, M.Kom2) Teknik Informatika, STIKOM PGRI Banyuwangi Jl. Jend. A Yani 82, Banyuwangi, Jawa Timur, 68416 Telp : (0333) 7700669, Fax : (0333) 7700669 E-mail : gedesumawijaya@gmail.com1)

Abstrak - Perkembangan teknologi internet saat ini sangat pesat dan sudah merambah ke berbagai celah kehidupan. Banyak hal-hal yang awalnya manual saat ini mulai dikerjakan dengan bantuan internet dan komputer. Pekerjaan yang jauh bisa dikerjakan di rumah atau dimana saja dan hal tersebut sangat membantu bagi orang-orang yang sering beraktifitas di luar atau tidak hanya pada satu tempat. Proses pertukaran informasi juga menjadi lebih cepat dan jarak tidak menjadi kendala bagi semua orang. Mulai dari instansi pemerintah, perusahaan swasta hingga institusi pendidikan sudah mulai memanfaatkan teknologi internet. Salah satu pemanfaatan teknologi internet yang bisa diterapkan dalam lingkungan universitas atau perguruan tinggi ialah dalam proses perwalian. Dimana perwalian merupakan proses yang wajib diadakan oleh pihak perguruan tinggi di awal semester dan wajib diikuti oleh semua mahasiswa yang akan menempuh studi di semester selanjutnya. Biasanya proses perwalian dilakukan di lingkungan kampus dengan rentang waktu yang lama. Mahasiswa diberikan sebuah formulir berisikan daftar mata kuliah yang akan diadakan di semester depan dan mahasiswa diwajibkan memilih mata kuliah sesuai beban sks dari jumlah ipk di semester lalu. Kemudian dari pihak kampus akhirnya melakukan rekap ulang atas hasil data perwalian. Cara konvensional di atas sangat merepotkan bagi mahasiswa dan pihak kampus. Permasalahan di atas coba diselesaikan dengan membuat sebuah sistem aplikasi perwalian online yang terintegrasi dengan sistem akademik yang sudah ada. Menggunakan metode Model View Controller (MVC) dalam tahap pengembangan aplikasi yang sudah banyak diterapkan pada framework web saat ini. Dengan adanya sistem perwalian online ini, diharapkan dapat menghasilkan sebuah aplikasi yang bisa memudahkan mahasiswa melakukan proses perwalian dari mana saja dengan syarat tersedianya koneksi internet. Kata Kunci : sistem akademik, perwalian, perwalian online, siakad

1. Pendahuluan Sejarah teknologi informasi dan Internet tidak dapat dilepaskan dari bidang pendidikan. Adanya Internet membuka sumber informasi yang tadinya susah diakses. Akses terhadap sumber informasi bukan menjadi masalah yang pelik lagi. Perpustakaan merupakan salah satu sumber informasi yang mahal harganya. Adanya Internet memungkinkan seseorang di Indonesia untuk mengakses perpustakaan di perguruan tinggi dalam maupun luar negeri (digital library). Media online internet menjadi wahana baru bagai sapa saja untuk belajar hal-hal baru serta mengasah kemampuan individu di berbagai bidang. Teknologi internet mulai dimanfaatkan untuk pelaksanaan kegiatan akademik di universitas atau perguruan tinggi. Mulai dari cara pengajaran yang kini berubah dalam bentuk e-learning sampai proses perwalian yang juga bisa dilakukan secara online. Perwalian merupakan proses yang wajib diadakan oleh pihak perguruan tinggi di awal semester dan wajib diikuti oleh semua mahasiswa yang akan menempuh studi di semester selanjutnya. Dimana biasanya proses perwalian dilakukan di lingkungan kampus dengan rentang waktu yang lama. Mahasiswa diberikan sebuah formulir berisikan daftar mata kuliah yang akan diadakan di semester depan dan mahasiswa diwajibkan memilih mata kuliah sesuai beban sks dari jumlah ipk di semester lalu. Kemudian dari pihak kampus akhirnya melakukan rekap ulang atas hasil data perwalian. Cara konvensional di atas sangat merepotkan bagi mahasiswa dan pihak kampus. Mahasiswa tidak mempunyai fleksibilitas dalam waktu dan tempat saat akan melakukan proses perwalian, karena perwalian konvensional hanya bisa diikuti langsung dari kampus. Dari pihak kampus harus melakukan pekerjaan ganda, yaitu langkah konvensional dan komputerisasi data ke dalam komputer. Maka untuk mempermudah hal di atas, perlu dilakukan penelitian untuk memanfaatkan teknologi internet dan komputer untuk kelancaran proses perwalian online dalam bentuk sebuah alat bantu dengan metode Model View Controler (MVC) dan Asynchronous JavaScript and XML (AJAX). Alat bantu yang berupa program aplikasi berbasiskan web tersebut selanjutnya dinamakan Sistem Perwalian Online.

diperlukan pengetahuan tentang pemrograman berbasis objek (OOP). Dengan AJAX.4 Asynchronous JavaScript and XML (AJAX) AJAX adalah singkatan dari Asynchronous JavaScript and XML. jQuery juga kompatibel dengan CSS3 dan yang tak kalah penting adalah jQuery bisa berjalan di semua browser – cross browser.2. Javascript. CodeIgniter membutuhkan resource yang sedikit. 2011). Sesuai slogan nya. terdiri dari HTML. javascript dapat melakukan transaksi data denga server web. 2011). lebih cepat dan lebih interaktif. sampai saat ini banyak yang menggunakan teknik normalisasi (MySql Developer. tabel ploting. CodeIgniter juga telah menyediakan berbagai library yang siap pakai dan memungkinkan proses pembuatan aplikasi web menjadi lebih cepat (CodeIgniter User Guide. Untuk menangani redundansi data pada database dalam skala besar. tabel ruang. 2. sehingga membentuk suatu aplikasi berbasis web yang interaktif. database yang digunakan untuk menyimpan data ialah MySQL dengan menggunakan teknik normalisasi guna mengoptimalkan database secara logikal sehingga dan memudahkan relasi antar tabel agar lebih terintegrasi. Desain Logical Database Pada penelitian ini. Seiring dengan perkembangan teknik pemrograman. sehingga tidak memperlambat proses loading halaman web yang kita buat. programmer harus mengikuti aturan-aturan yang sudah disediakan di dalamnya (Supaartagor. menangani event. tabel jadwal. jQuery Javascript Framework jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML. sehingga ringan dan cepat ketika dijalankan. 2009). Landasan Teori 2. secara umum terdapat dua teknik yaitu teknik normalisasi dan denormalisasi. efek dan memproses interaksi ajax. Dokumentasi yang lengkap juga menjadi salah satu kelebihan framework PHP ini. 2011). tabel mata kuliah. Dengan objek ini. Ketika menggunakan aplikasi yang berbasiskan MVC. saat ini banyak aplikasi-aplikasi yang dikembangkan untuk mempermudah developer dalam pembuatan sebuah aplikasi website. Framework ini sudah mendukung konsep MVC (Model View Controller) yang membedakan antara logika dan tampilan. tabel jurusan. write less. Konsep MVC ini diperkenalkan dengan tujuan untuk memudahkan bagi para pengembang aplikasi berbasis web dalam mengembangkan aplikasinya. Menulis kode lebih sedikit. tanpa harus me-reloading halaman web tersebut secara keseluruhan. CodeIgniter MVC Framework CodeIgniter adalah sebuah framework PHP open source yang dikembangkan oleh EllisLab. sehingga pemrosesan aplikasi bisa dipecah-pecah menjadi beberapa bagian yang lebih spesifik.5 Normalisasi Database Untuk merancang sebuah logikal database. tabel mahasiswa. Model View Controller Framework (MVC) MVC adalah sebuah metode untuk membuat sebuah aplikasi dengan memisahkan data dari database (Model). jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah. tetapi adalah teknik baru untuk membuat aplikasi web lebih baik. tabel sesi. Tujuan dari teknik ini adalah memaksimalkan kinerja operasi penyimpanan data dalam disk dengan cara mengelompokkan datadata tersebut per-entitasnya (Codd.3. 2011). Karena ketika pertama kali dijalankan. tabel dosen wali. . Untuk memahami metode pengembangan aplikasi berbasis MVC. tetapi melakukan pekerjaan lebih banyak (jQuery Docs. do more. Javascript dapat langsung berkomunikasi dengan server dengan menggunakan objek XMLHttpRequest. tabel hari. tabel bobot. 2. Desain Sistem 3. 2. 2011). Teknik normalisasi digunakan untuk mengoptimalkan database secara logikal sehingga memudahkan desain pada relasi database yang terintegrasi. kita bisa menyesuaikan library yang akan dipanggil ke dalam aplikasi. sehingga sangat memudahkan bagi pemula dalam mempelajari lingkungan pengembangan website berbasis CodeIgniter (CodeIgniter User Guide. tabel perwalian detail dan tabel perwalian header. DHTML dan DOM yang kemudian digabungkan dengan bahasa pemograman web di sisi server seperti PHP dan ASP. Banyak kemudahan yang ditawarkan oleh aplikasi tersebut. Tabel-tabel yang dibutuhkan ialah sebagai berikut : tabel nilai. AJAX bukanlah bahasa pemograman baru. jQuery ukuran nya cukup kecil. tabel login. 1972). animasi. tampilan (View) dan bagaimana logika untuk memprosesnya (Controller) (Radek.1. 2. jQuery adalah library Javascript yang gratis dan open source.1. 3. misalnya sudah disediakan berbagai macam library dan plugins yang siap pakai sehingga pengembang tidak perlu bersusah payah membangun aplikasi web mulai dari awal lagi. Selain itu.2. AJAX. tabel tahun ajaran.

Desain Aplikasi Perwalian Online Proses mendesain pembangunan aplikasi dijabarkan dalam activity diagram dan class diagram. dan mahasiswa Login Dosen Pembimbing Akademik Pada Gambar 1 secara garis besar relasi tabel terbagi menjadi 2. nilai. yaitu activity diagram dan class diagram untuk mahasiswa yang akan melakukan perwalian serta untuk dosen yang akan melakukan persetujuan terhadap kartu rencana studi. yaitu relasi tabel yang hubungannya untuk menampilkan menampilkan informasi nilai serta mahasiswa dan relasi tabel untuk menampilkan mata kuliah serta jadwal kuliah. Login gagal Login sukses Tampilkan Daftar Mahasiswa Tampilkan Form Pencarian Nilai Tampilkan Form Ubah Password Masukkan NIM Tampilkan Nilai Masukkan Password Simpan Password Tampilkan Data Persetujuan KRS Tampilkan Angkatan dan Prodi Pilih dan Lihat Detail KRS Pilih Angkatan dan Prodi peserta <= kuota Tampilkan Rangking per Angkatan Setujui KRS peserta > kuota Batalkan KRS Gambar 3 : Activity diagram aplikasi perwalian online untuk halaman dosen pembimbing akademik .2. 3.Login Mahasiswa Login gagal Login sukses Tampilkan Transkrip Nilai Tampilkan Kartu Hasil Studi Tampilkan Form Ubah Password Masukkan Password Simpan Password Tampilkan Pilihan Mata Kuliah Tampilkan Angkatan dan Prodi Pilih Mata Kuliah Pilih Angkatan dan Prodi > 24 sks Tampilkan Rangking per Angkatan <= 24 sks Simpan Kartu Rencana Studi Gambar 2 : Activity diagram aplikasi perwalian online untuk halaman mahasiswa Gambar 1 : Relasi tabel untuk mendapatkan informasi jadwal kuliah.

in pwd) +baca_data_setup() +baca_data_mahasiswa(in nim) +baca_data_dosen_wali(in nim) +baca_data_semester_akhir(in nim) +baca_data_ipk(in nim. Uji Coba Aplikasi Perwalian Online Untuk Halaman Mahasiswa Uji coba dilakukan dengan menggunakan spesifikasi software browser Google Chrome. in username) +transkrip_nilai(in nim) helper library Model Top Package :: Model_Dosen +__construct() +data_login(in user. in kd_parent.2 Ghz. harddisk 500 GB. in program. web server Apache.Controller Controller Top Package :: Site_Mahasiswa +__construct() +login() +beranda() +krs() +transkrip() +simpan_krs() +peserta_kuliah() +akun() +rangking() +logout() Model Top Package :: Site_Dosen +__construct() +login() +beranda() +persetujuan_krs() +daftar_bimbingan() +khs() +rangking() +akun() +setujui_krs() +detail_krs() +batal_krs() +logout() helper library Top Package :: Model_Mahasiswa +__construct() +data_login(in user. . in jm_sks) +rentang_nilai(in nim) +tampil_pilihan_matkul_ulang(in nim. in r_nilai. in smt_akhir) +cari_nilai(in nim) +tampil_pilihan_matkul(in nim. in program. in jdw. in nj) +hapus_data_perwalian_lama(in nim. in data) +baca_peserta_kuliah(in kode_mk. 7 dan 8. in status) +update_data_perwalian(in isi) +update_pass(in pass. in kelas. in smt) +simpan_krs(in data_head. in smt_akhir) +baca_peserta_kuliah(in kode_mk. memory 4 GB. in pwd) +baca_data_setup() +baca_data_mahasiswa(in nim) +baca_data_dosen_wali(in nim) +baca_data_semester_akhir(in nim) +baca_data_ipk(in nim. Dan untuk hardware menggunakan laptop dengan processor Core I3 2. in kd_parent. in nl) +tampil_pilihan_matkul_khusus(in nim. sistem operasi Linux Ubuntu. database server mysql. in kelas. Contoh tampilan aplikasi perwalian online yang diakses melalui browser Google Chrome terlihat pada gambar 6. in jdw. in smt_tipe. Hasil Uji Coba 4. in program. in smt_tipe. in username) +update_data_perwalian(in isi) +hapus_data_perwalian(in isi) Gambar 4 : Class diagram aplikasi perwalian online untuk halaman mahasiswa Gambar 5 : Class diagram aplikasi perwalian online untuk halaman dosen pembimbing akademik 4. in smt_tipe. in status) +update_pass(in pass.1.

2. Gambar 6 : Tampilan aplikasi perwalian online untuk halaman mahasiswa yang diakses dengan browser Google Chrome Gambar 9 : Tampilan aplikasi perwalian online untuk melihat daftar mahasiswa yang akan melakukan proses perwalian di halaman dosen pembimbing akademik Gambar 7 : Tampilan rekap nilai mahasiswa per semester beserta IP Kumulatif Gambar 10 : Tampilan detail mata kuliah yang dipilih oleh mahasiswa untuk selanjutnya disetujui atau dibatalkan Gambar 8 : Tampilan rangking mahasiswa per angkatan beserta IP Kumulatif Gambar 11 : Tampilan untuk melakukan perubahan password akun . Uji Coba Aplikasi Perwalian Online Untuk Halaman Dosen Pembimbing Akademik Gambar dibawah ini menunjukkan halaman untuk dosen pembimbing akademik yang berisi modul untuk melihat daftar mahasiswa bimbingan dan melakukan persetujuan terhadap kartu rencana studi yang diajukan mahasiswa.4.

codeigniter. Javascript & PHP. 5. Data-data jadwal mata kuliah tersimpan di dalam tabel ploting yang kemudian dihubungkan dengan tabel kelas. 2011. pp. IOS. Kesimpulan Kesimpulan yang dapat ditarik dari penelitian ini adalah : 1. Teknik normalisasi dapat diterapkan dengan baik pada aplikasi ini. tapi mempunyai handphone yang sudah terdapat fitur koneksi data internet seperti GPRS.mysql. Symbian. Kesimpulan dan Saran 5. 3. tabel sesi dan tabel mata kuliah melalui query JOIN.com/user_guide [Accessed 10 July 2011]. Dissertation Candidate 45004. Mulyana. 1972. April 30. Sehingga dapat memberikan alternatif untuk mahasiswa yang tidak mempunyai komputer. Untuk sisi client. Y. Sehingga dihasilkan desain pada relasi database yang terintegrasi dan kinerja yang optimal sesuai kebutuhan.1. Trik Membangun Situs Menggunakan PHP dan MySQL. jQuery Docs. 2011. Daftar Pustaka E. Prentice Hall and IBM Research Report RJ 987. Jakarta : Penerbit PT Elex Media Komputerindo.):Database Systems. dan yang lainnya. Available at: http://docs. 2004. Abdul. Dengan menggunakan AJAX. Thailand : Ubon Ratchathani University. data-data produk bisa diakses melalui sebuah aplikasi yang berjalan pada berbagai platform perangkat mobile seperti Android.2. 4. Supaartagor. Available at: http://www. MySQL Documentation: MySQL Reference Manuals.5. jQuery: Demos and Documentation. dan WI-FI. Yogyakarta : Penerbit Andi. Pemrograman Web Mencakup : HTML. Saran Aplikasi perwalian online bisa dikembangkan ke arah pemanfaatan web service. Radek Stepan. 2011. 2003. CodeIgniter User Guide Version 2.F Codd. MySql Developer. Kreus CMS & Fari MVC Framework. Dimana data diubah ke dalam format XML (Extensible Markup Language) ataupun JSON (Javascript Object Notation). Palm. PHP Framework For Database Management Based on MVC Pattern.com/ [Accessed 10 July 2011]. 6. Selain itu juga dapat dikembangkan ke arah aplikasi perwalian online yang dapat dijalankan dengan baik pada perangkat bergerak seperti handphone.com/doc/ [Accessed 10 July 2011]. HSDPA. 65-98 CodeIgniter User Guide.B.0. Framework CodeIgniter yang berbasiskan Model View Controller (MVC) dengan tambahan AJAX menggunakan jQuery framework javascript berhasil dimanfaatkan untuk membangun aplikasi perwalian online 2. 2011. In: R. 2009 Kadir. CSS.0. yang lebih hemat sumber daya. karena dari sisi klien tidak perlu memuat semua halaman dari awal lagi.jquery. Rustin (ed. tabel hari. Available at: http://dev. . proses komunikasi dan pertukaaran data dari klien ke server menjadi lebih cepat. guna mengurangi redundansi data pada database dalam skala besar. MeeGo. Chanchai. The relational Model for database management.. Data-data jadwal tersebut ditampilkan bisa ditampilkan sesuai dengan prasyarat mata kuliah dan nilai yang telah ditempuh oleh mahasiswa.

Sign up to vote on this title
UsefulNot useful

Master Your Semester with Scribd & The New York Times

Special offer for students: Only $4.99/month.

Master Your Semester with a Special Offer from Scribd & The New York Times

Cancel anytime.