Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi ISSN : 1907-2430 PENERAPAN FRAMEWORK DENGAN ARSITEKTUR MODEL-VIEW-CONTROLLER PADA PENGELOLAAN DATA PENELITIAN DAN PENGABDIAN KEPADA MASYARAKAT Sumiyatun1, Femi Dwi Astuti2, Syamsu Windarti3 1,2 Program studi Teknik Informatika STMIK AKAKOM Yogyakarta Program studi Manajemen Informatika STMIK AKAKOM Yogyakarta Jl. Raya Janti No.143 Banguntapan Bantul Yogyakarta 55198 [email protected], [email protected], [email protected] 3 ABSTRAK Teknologi web yang saat ini sedang berkembang dan mulai banyak digunakan adalah dengan menggunakan framework.Framework merupakan kumpulan script (terutama class dan function) yang dapat membantu developer/programmer dalam menangani berbagai masalahmasalah dalam pemrograman. Penelitian ini mengimplementasikan framework dengan arsitektur model view controller untuk mengelola data penelitian dan pengabdian pada masyarakat di STMIK AKAKOM. Framework yang digunakan dalam penelitian ini adalah Code Igniter. Code Igniter merupakan salah satu framework yang dibangun menggunakan konsep MVC (Model-View-Controller) development pattern. Aplikasi pengelolaan data penelitian dan pengabdian pada masyarakat menjadi lebih mudah dikelola, lebih terstruktur dan memiliki standar pemrograman yang jelas setelah dibangun dengan menggunakan konsep MVC. Kata kunci :Code Igniter, Framework, MVC, Penelitian, Pengabdian d. Terbaru, ini berarti informasi harus tepat PENDAHULUAN Informasi adalah data yang telah diolah waktu dan sesuai dengan kebutuhan, menjadi bentuk yang berguna.Secara umum didasarkan pada kebutuhan informasi informasi selalu mendukung pengambilan amsa lalu, saat ini dan yang akan datang. e. Bisa diakses, informasi bisa diperoleh keputusan. Untuk itu informasi harus : dengan cepat dan mudah. a. Benar dan bisa dibuktikan, ini berarti Salah informasi harus akurat dan bisa dicek satu cara untuk menyajikan informasi adalah dengan menggunakan web. kebenarannya b. Lengkap dan padat, lengkap berarti Dengan demikian informasi dapat diakses informasi harus menyertakan semua data dengan mudah dan cepat. Teknologi web yang sesuai, padat berarti informasi hanya yang saat ini sedang berkembang dan mulai menyertakan data yang sesuai. banyak digunakan adalah dengan menggunakan framework. Teknologi ini akan c. Efektif biaya, informasi bisa didapatkan diimplementasikan dalam pengolahan data secara efisien dan informasi bisa dengan mudah dipahami. 1 Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi ISSN : 1907-2430 penelitian, publikasi ilmiah dan pengabdian yang dikelola oleh puslitbang dan PPM. kepada masyarakat. Permintaan pengabdian kepada masyarakat Sesuai dengan Tri Dharma Perguruan yang diajukan kepada STMIK Akakom Tinggi, tugas seorang dosen ada tiga yaitu cukup banyak, sehingga perlu pengelolaan mengajar, penelitian dan pengabdian kepada yang baik dan terjadwal agar pelaksanaan masyarakat.Di STMIK Akakom penelitian pengabdian juga berjalan lancar. dan pengabdian kepada masyarakat dikelola Dalam penelitian ini akan digunakan oleh bagian puslitbang dan PPM.Sampai saat salah satu teknologi web yang mulai banyak ini belum ada sistem untuk pengolahan data digunakan pada saat ini yaitu framework. tersebut, Framework sehingga ketika data tersebut dibutuhkan tidak dapat segera disajikan. adalah sebuah struktur konseptual dasar yang digunakan untuk Pada kenyataannya informasi penelitian, memecahkan sebuah permasalahan, bahkan publikasi ilmiah dan pengabdian kepada isu masyarakat sering kali dibutuhkan. Misalnya framework telah berisi sekumpulan arsitektur a. Penelitian apa saja yang dihasilkan oleh yang dapat mempermudah dalam pemecahan kompleks yang ada.Sebuah permasalahan.Framework digunakan b. Berapa persen dosen yang melakukan dalam penelitian ini yang adalah Codeigniter. penelitian pada tahun ini? Memperhatikan permasalahan yang ada c. Siapa saja yang belum menyelesaikan pada latar belakang masalah maka penelitian penelitiannya? ini merumuskan d. Judul penelitian apa saja yang sudah bagaimana menerapkan framework dengan arsitektur Model view dipublikasikan? Controller pada pengelolaan data penelitian Selama ini dibutuhkan waktu yang lama dan pengabdian masyarakat berbasis web untuk memperoleh informasi – informasi sehingga memudahkan penyajian informasi tersebut sebab data penelitian belum diolah dengan baik. Untuk informasi penelitian dan pengabdian. publikasi Mengingat luasnya permasalahan yang ilmiah yang juga tidak disediakan. Sehingga timbul ketika informasi tersebut dibutuhkan tidak meluasnya batasan untuk masalah dalam 1. Aplikasi yang akan dibangun menangani hasil penelitian tidak dapat dimanfaatkan oleh proses orang lain yang membutuhkan referensi pencatatan pengabdian untuk penelitian berikutnya. ketiga diperlukan pembahasan yaitu : publikasi penelitian yang diupload sehingga yang maka menghindari dapat segera disajikan. Selain itu tidak ada Dharma isu sebuah dosen tertentu? Tri - pada data penelitian, masyarakat dan publikasi adalah 2. Aplikasi pengabdian kepada masyarakat. Pengabdian tidak pemberian dana kepada masyarakat dapat dilakukan secara mandiri dan dilakukan secara bersama – sama 2 menangani proses Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi Tujuan utama dari penelitian ini adalah ISSN : 1907-2430 controller, masing-masing dapat menerapkan salah satu teknologi web yaitu dikembangkan secara terpisah antara satu framework untuk mengelola data penelitian, dengan yang lainnya, sehingga perubahan publikasi dan pengabdian kepada masyarakat pada satu bagian memiliki dampak minimal sehingga proses pengelolaan data menjadi pada bagian lain. Bagian model digunakan lebih baik sehingga mendapatkan informasi untuk mendefinisikan suatu cara dimana data yang akurat, relevan dan tepat waktu. dapat diakses, bagian view menghasilkan Manfaat dari penelitian ini adalah keluaran jika diberikan data, dan bagian memberikan gambaran nyata tentang cara controller menerima perintah dan mengatur menyajikan tentang aplikasi untuk tugas dan tampilan yang penelitian, publikasi dan pengabdian yang sesuai. Hasil dari rancang bangun ini adalah dilakukan oleh dosen di STMIK Akakom sebuah sistem penilaian siswa berdasarkan dapat diperoleh dengan mudah dan cepat kemampuan, pengetahuan dan pilihan dari melalui web masing-masing siswa secara online. informasi informasi Beberapa penggunaan framework ini terutama berkaitan dengan TINJAUAN PUSTAKA Dalam kelebihan Purnomosidi, B kemudahan serta fasilitas pustaka kelas (2010) disebutkan bahwa suatu framework, dalam dan konteks Web Engineering adalah sekumpulan aplikasi. Dalam hal pengelolaan tim, pustaka kelas, konfigurasi, aturan-aturan, penggunaan framework ini akan sangat serta mengurangi tingkat ketidakpastian dalam konvensi yang digunakan untuk keseragaman mengembangkan suatu software. Biasanya tim framework demikian, penggunakan framework ini ini mempermudah dirancang serta untuk yang pengembangan juga menyeragamkan bersangkutan. menuntut proses belajar pekerjaan pengembangan software dengan adaptasi menyediakan merupakan hal yang mudah. abstraksi komponen-komponen serta berbagai lainnya Hidayat (2012) dalam Metode penelitian yang digunakan pada penelitian ini adalah: view controller dalam rancang bangun sistem 1. Melakukan kuis online. Rancang bangun sistem ini akan mudah menggunakan pola dikembangkan desain bukan METODE PENELITIAN penelitiannya menerapkan arsitektur model lebih seringkali dan untuk mempermudah pengembangan aplikasi. Arief, yang Meskipun studi kepustakaan yang berkaitan dengan permasalahan ini jika 2. Mengumpulkan berarsitektur data-data yang dibutuhkan model view controller (MVC). Arsitektur ini 3. Metode Pembangunan Perangkat Lunak. membagi aplikasi menjadi tiga bagian secara Metode konsep yang terpisah yaitu model, view, dan Kebutuhan 3 ini terdiri dari Perangkat Analisis Lunak, Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi Perancangan Perangkat Lunak, ISSN : 1907-2430 4.1.2. Activity Diagram Implementasi Perangkat Lunak, Pengujian Activity Perangkat Lunak menggambarkan diagram proses bisnis dan urutan aktivitas dalam sebuah proses. HASIL DAN PEMBAHASAN Dipakai pada business modeling untuk 4.1. Perancangan Sistem memperlihatkan urutan aktifitas proses Use Case Diagram bisnis. Memiliki struktur diagram yang Use cases merupakan interaksi mirip flowchart atau data flow diagram atau dialog antara sistem dan aktor, pada perancangan terstruktur. Activity termasuk pertukaran pesan dan tindakan Diagram olah data penelitian dapat yang dilakukan oleh sistem. Aktor yang dilihat pada Gambar 4.2. 4.1.1. Adminstrator masukkan user dan password administrator dan pengunjung biasa. Administrator mempunyai hak akses untuk mengolah data Sistem mulai terlibat dalam sistem ini ada dua yaitu verifikasi user dan password tampil halaman admin pilih menu penelitian tampilkan halaman tambah penelitian pilih menu tambah penelitian penelitian, tampilkan halaman ubah penelitian pilih menu ubah penelitian pengabdian dan publikasi termasuk proses input, edit, delete. pilih menu hapus penelitian tampilkan halaman hapus penelitian hapus data Aktor ubah data pengunjung hanya mempunyai hak tambah data simpan akses untuk melihat informasi penelitian, pengabdian dan publikasi. sel esai Use Case Sistem Pengelolaan data penelitian dan pengabdian Gambar 4.2. Activity Diagram olah data pada penelitian masyarakat dapat dilihat pada Gambar. 4.1. Activity Diagram olah data mengubah data penelitian <<extend>> penelitian menunjukkan urutan aktivitas menambah data penelitian <<extend>> mulai dari pemilihan menu sampai jika menghapus data penelitian <<extend>> mengolah data penelitian ada proses tambah, ubah dan hapus melihat informasi penelitian <<include>> <<extend>> menambah data PPM mengolah data PPM administrator <<include>> <<extend>> penelitian. Activity diagram untuk olah <<include>> <<extend>> login melihat informasi PPM mengubah data PPM pengunjung menghapus data PPM 4.3. melihat informasi publikasi Activity diagram olah publikasi terdapat pada gambar 4.4. <<extend>> <<extend>> mengolah data publikasi data PPM dapat dilihat pada Gambar mengubah data publikasi <<extend>> menghapus data publikasi menambah data publikasi Gambar 4.1. Use Case Pengelolaan Data Penelitian dan Pengabdian 4 data Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi Adminstrator pada sistem ini dapat dilihat pada Sistem mulai masukkan user dan password Gambar 4.5. verifikasi user dan password tampil halaman admin pilih menu PPM tampilkan halaman tambah PPM pilih menu tambah PPM tampilkan halaman ubah PPM pilih menu ubah PPM pilih menu hapus PPM tampilkan halaman hapusPPM hapus data ubah data tambah data simpan sel esai Gambar 4.3. Activity Diagram olah data PPM mulai Adminstrator Sistem masukkan user dan password verifikasi user dan password pilih menu publikasi tampil halaman admin tampilkan halaman tambah publikasi pilih menu tambah publikasi tampilkan halaman ubah publikasi pilih menu ubah publikasi pilih menu hapus publikasi tampilkan halaman hapus publikasi hapus data ubah data tambah data simpan selesai Gambar 4.4. Activity Diagram olah data publikasi 4.1.3. Class Diagram Class diagram Diagram merupakan yang digunakan menampilkan beberapa paket-paket yang untuk kelas ada serta dalam sistem/perangkat lunak yang sedang kita gunakan.Class gambaran diagram (diagram statis) ISSN : 1907-2430 memberi tentang sistem/perangkat lunak dan relasi-relasi yang ada didalamnya. Class Diagram 5 Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi Gambar 4.5. Class Diagram 6 ISSN : 1907-2430 Menu-menu yang disediakan untuk a. Implementasi Sistem Aplikasi untuk administrator meliputi : Beranda, Master, menangani proses pengelolaan data Dosen, Penelitian, Pengabdian, Publikasi, penelitian dan pengabdian dengan Laporan. Menu Beranda untuk menampilkan menerapkan model view controller. halaman utama. Menu Master bertujuan Pada saat ada pengajuan penelitian dan untuk melakukan pengelolaan data baik pengabdian, semua data harus terekam input, edit atau delete dari data master. Data dengan implementasi ini dibuat baik.Berikut adalah master berisi Sub Menu Pangkat, Golongan, sistem sudah Bidang Ilmu, Sumber Dana, yang dibangun : Sumber dan Dana, Tahun Institusi Akademik. Contoh pengelolaan data master dapat dilihat pada gambar 5.3. Gambar 5.1. Halaman Login Administrator Untuk dapat masuk ke sistem ini, user admin harus melakukan login terlebih dahulu dengan memasukkan username dan password. Jika admin sudah memasukkan Gambar 5.3. Menu Sumber Dana Menu Dosen digunakan untuk melakukan pengelolaan terhadap data dosen seperti terlihat pada gambar 5.4. username dan password yang sesuai maka akan muncul halaman seperti pada Gambar 5.2. Gambar 5.2. Halaman Utama Administrator Gambar 5.4. Input Data Dosen Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi terdiri ISSN : 1907-2430 dari penelitian mandiri atau kelompok. Sub menu bidang penelitian berisi data mengenai bidang-bidang penelitian apa saja yang ada, diantaranya Sistem Cerdas, RPL, Mobile dan lain-lain. Sedangkan untuk sub menu daftar penelitian Gambar 5.5. Data Dosen Gambar 5.5menampilkan halaman olah berisi data rekapitulasi penelitian yang data dosen. Dari halaman ini seorang admin pernah dilakukan oleh dosen–dosen di dapat menambahkan data dosen dengan STMIK AKAKOM.Data–data ini dapat memilih tombol Tambah Data Dosen. ditambah, diubah maupun dihapus.Tampilan Sedangkan menu jenis penelitian dapat dilihat pada untuk mengubah atau Gambar 5.7. menghapus data dosen dapat memilih link edit atau link hapus. Pada data dosen terdapat link berupa icon untuk melihat detail dosen. Apabila link detail dosen ini diklik maka akan menampilkan informasi data dosen sesuai id dosen yang dipilih. Tampilan detail dosen Gambar 5.7. Sub menu jenis penelitian dapat dilihat pada Gambar 5.6. Daftar penelitian dapat digunakan untuk melihat seluruh penelitian yang ada beserta status penelitian maupun status publikasi. Daftar penelitian dapat dilihat pada Gambar 5.8. Gambar 5.8. Daftar Penelitian Pada saat dipilih Tambah Data penelitian maka akan ditampilkan form Gambar 5.6. Detail dosen Menu penelitian bertujuan seperti pada Gambar 5.9. untuk mengelola data penelitian, menu ini berisi sub menu jenis penelitian, bidang penelitian dan daftar penelitian.Data jenis penelitian 8 Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi ISSN : 1907-2430 jenis pengabdian dapat dilihat pada Gambar 5.10. Gambar 5.10. Sub menu jenis pengabdian Gambar 5.9. Input Data Penelitian Program dibuat simpan dengan data penelitian menggunakan arsitektur Gambar 5.11. Daftar Pengabdian model view controller. Dalam program Untuk menambah data pengabdian simpan data penelitian, function Simpan dapat di klik pada tombol Tambah Data dibuat di bagian model. Pembuatan function Pengabdian. Adapun form untuk input data ini berisi query untuk menyimpan data, pengabdian seperti pada Gambar 5.12. sedangkan deskripsi dari function Simpan() ini ditulis di bagian Controller dengan memanggil function yang telah dibuat sebelumnya. Seperti halnya menu penelitian, menu pengabdian juga bertujuan untuk mengelola data pengabdian, menu ini berisi sub menu jenis pegabdian, bidang pengabdian dan daftar pengabdian.Data jenis pengabdian terdiri dari pengabdian mandiri dan kelompok. Sub menu bidang pengabdian berisi data mengenai bidang-bidang pengabdian apa saja yang ada. Sedangkan untuk sub menu daftar pengabdian berisi Gambar 5.12.Input Data Pengabdian data rekapitulasi pegabdian yang pernah dilakukan oleh dosen-dosen di STMIK Sama AKAKOM.Data-data ini dapat ditambah, halnya dengan function simpan pada saat simpan data penelitian. diubah maupun dihapus. Tampilan sub menu 9 Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi Dalam program simpan data pengabdian, ISSN : 1907-2430 Menu laporan bertujuan untuk melihat function Simpan dibuat di bagian model. laporan Pembuatan function ini berisi query untuk publikasi per periode, per dosen maupun menyimpan data, sedangkan deskripsi dari semua data penelitian, pengabdian dan function Simpan() ini ditulis di bagian publikasi. Menu Laporan penelitian dapat Controller dengan memanggil function yang dilihat pada Gambar 5.15.Dari laporan ini telah dibuat sebelumnya. dapat dilihat juga status dari penelitian Menu publikasi berisi data-data informasi publikasinya. mediadan Penelitian pengabdian maupun terkait dengan pengumpulan laporan dan penelitian yang telah dipublikasikan beserta dengan penelitian, pelaksanaan publikasi. tempat yang telah dipublikasi berarti akan mengubah status penelitian menjadi telah dipublikasikan. Daftar publikasi secara otomatis muncul saat status penelitian dirubah ke sudah Gambar 5.15. Laporan Semua Penelitian dipublikasikan. Untuk mengetahui waktu dan media publikasi dapat dimasukkan melalui form seperti pada Gambar 5.13. Gambar 5.16. Laporan Penelitian Per Periode Gambar 5.16 menampilkan laporan penelitian per periode. Dari halaman ini dapat dilihat daftar penelitian pada periode tertente, misalnya laporan penelitian pada Gambar 5.13. Form Kumpul Publikasi tahuna akademik 20114/2015 Ganjil. Setelah data pada form kumpul publikasi diisi, data publikasi akan muncul pada menu publikasi. Daftar publikasi dapat dilihat pada Gambar 5.14. Gambar 5.17. Laporan Penelitian Per Dosen Gambar 5.14. Daftar Publikasi 10 Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi ISSN : 1907-2430 Gambar 5.17 menampilkan laporan Selain admin, aplikasi ini juga penelitian per dosen. Dari halaman ini dapat dapat diakses oleh pengunjung. Adapun dilihat daftar penelitian yang dilakukan oleh informasi yang dapat diakses antara lain seorang dosen. informasi tentang pedoman – pedoman penulisan penelitian dan pengabdian serta laporanlaporan penelitian dan pengabdian. Adapun halaman utama untuk pengunjung dapat dilihat pada Gambar 5.21. Gambar 5.18. Laporan semua pengabdian Gambar 5.18 menampilkan laporan pengabdian secara keseluruhanyang dilakukan oleh dosen. Status pengabdian akan menampilkan data terkait dengan Gambar 5.21. Halaman Utama Pengunjung pengumpulan laporan. Adapun laporan yang menampilkan daftar pengabdian per periode KESIMPULAN dapat dilihat pada Gambar 5.19. Setelah melalui tahap perancangan sistem dan implementasi, serta berdasarkan hasil dan pembahasan pada bab-bab sebelumnya maka dapat diambil kesimpulan : 1. Dengan Gambar 5.19. Laporan pengabdian per periode Gambar 5.20 menampilkan mengimplementasikan memungkinkan laporan menggunakan beberapa model yang MVC view sama pengabdian per dosen. Dari halaman ini sehingga dapat aplikasi lebih mudah untuk diterapkan, dilihat daftar pengabdian yang dilakukan oleh seorang dosen. komponen model sebuah diuji, dan dipelihara, karena semua akses ke model berjalan melalui komponen ini. 2. Proses pengelolaan data penelitian dan pengabdian menjadi lebih mudah dan cepat. DAFTAR PUSTAKA Gambar 5.20. Laporan pengabdian per dosen Arief,Hidayat; 2012; Penerapan Arsitektur Model View Controller (MVC) dalam 11 Vol . X Nomor 30 Nopember 2015 - Jurnal Teknologi Informasi Rancang Bangun Sistem Kuis Online Adaptif, SENTIKA Balani,Naveen; 2002; Web services architecture using MVC style; (Online); (http://www.webifysolutions.com?subj ect=Webservices architecture using MVC style; diakses tanggal 1 April 2010) Deacon,John; 2009; Model-View-Controller Architecture; (Online); (http://www.jdl.co.uk/briefings/index.h tml/#mvc; diakses tanggal 10 Maret 2010) Kadir,Abdul; 2003; Dasar Pemrograman Web Dinamis Menggunakan PHP; Penerbit Andi; Yogyakarta Komang,Wismakarma; 2010; 9 Langkah Menjadi Master Framework Codeigniter; Toko Media; Yogyakarta Purnomosidi,Bambang; 2010; Web Engineering dalam Konteks Web Science:Isu Terkini dan Tantangan; Prosiding SRITI; STMIK AKAKOM; Yogyakarta Puslitbang; 2001; Pedoman Pelaksanaan Penelitian Dosen STMIK AKAKOM, STMIK AKAKOM; Yogyakarta Satish; 2004; Model View Controller (MVC) Architecture; (Online);(http://www.dotnetspider.com /resources/316-Model-ViewController-MVCarchitecture.aspx; diakses tanggal 13 April 2015). Wahana Komputer; 2011; Mudah dan cepat membuat web dengan codeigniter, Penerbit Andi; Yogyakarta BIODATA PENULIS Sumiyatun, menyelesaikan studi S1 di Jurusan Teknik Informatika di STMIK AKAKOM. Saat ini bekerja sebagai staff pengajar di STMIK AKAKOM. 12 ISSN : 1907-2430 Vol.X Nomor 30 November 2015 – Jurnal Teknologi Informasi ISSN : 1907 - 2430