PENERAPAN FRAMEWORK DENGAN ARSITEKTUR MODEL-VIEW-CONTROLLER PADA PENGELOLAAN DATA PENELITIAN DAN PENGABDIAN KEPADA MASYARAKAT

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


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


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,


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

<>

<<extend>> menambah data PPM

mengolah data PPM administrator

<>

<<extend>>

penelitian. Activity diagram untuk olah

<>

<<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


Adminstrator

pada sistem ini dapat dilihat pada

Sistem

mulai


Gambar 4.5.



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



pilih menu publikasi


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


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


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


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


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


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


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

PENERAPAN FRAMEWORK DENGAN ARSITEKTUR MODEL-VIEW-CONTROLLER PADA PENGELOLAAN DATA PENELITIAN DAN PENGABDIAN KEPADA MASYARAKAT

Recommend Documents