T1 672011201 Full text

(1)

Penerapan YII

Framework

pada Pengelolaan Data

Proposal di FTI UKSW

Artikel Ilmiah

Diajukan kepada Fakultas Teknologi Informasi

Untuk Memperoleh Gelar Sarjana Komputer

Peneliti :

Ninda Nusliyani (672011201) Ramos Somya, S.Kom., M.Cs. Christine Dewi, S.Kom., M.Cs.

Program Studi Teknik Informatika

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

(2)

(3)

(4)

(5)

(6)

(7)

(8)

1. Pendahuluan

Perkembangan teknologi saat ini semakin pesat, aplikasi berbasis website

hadir seiring meningkatnya kebutuhan manusia dalam melakukan interaksi sosial dengan sesamanya. Seiring dengan terus berkembangnya teknologi, jumlah pengguna internet di Indonesia menduduki peringkat ke-6 terbesar di dunia dengan 83,7 juta orang pengguna aktif internet di Indonesia [1].

Pada era sekarang informasi yang cepat dan tepat diperlukan untuk mendukung pendidikan dan berbagai bidang lainnya.Sebuah Fakultas membutuhkan penyampaian informasi yang cepat dan efisien untuk mendukung

kelangsungan perkembangan dan pengelolaan aktivitas akademik

mahasiswa.Semakin pesatnya perkembangan teknologi website dan banyaknya

pengguna membuat pengembang aplikasi menciptakan sebuah aplikasi website

yang bertujuan untuk membantu bidang TA dalam melakukan pengelolaan data serta dapat memberikan informasi kepada mahasiswa dan dosen di bidang Tugas Akhir/ TA.

TA mempunyai peran besar yang berkaitan dengan mahasiswa tingkat akhir, TA dibutuhkan untuk pendaftaran pengajuan proposal skripsi, pendaftaran perpanjangan proposal skripsi, pendaftaran ujian skripsi, penjadwalan ujian skripsi (pelaksanaan/teknis), pendaftaran yudisium, dan lain-lain. Fakultas Teknologi Informasi merupakan salah satu Fakultas besar di Universitas Kristen Satya Wacana yang memiliki 9 program studi dengan 4000 mahasiswa dan 70 dosen dalam satu dekade [2].

Menurut penelitian yang dilakukan dengan wawancara ke kantor TA FTI UKSW, terdapat masalah yaitu sistem informasi TA masih menggunakan sistem dimana pendaftaran pengajuan proposal skripsi masih menggunakan formulir

kertas, kemudian bidang TA meng-input data pengajuan proposal skripsi

menggunakan microsoft office excel. Contoh masalah yang ditemukan adalah

ketika per periode mahasiswa melakukan pendaftaran pengajuan proposal skripsi,

maka bidang TA akan mengalami kerepotan saat meng-input data dengan jumlah

rata-rata hampir 100 mahasiswa yang mengajukan pendaftaran proposal skripsi

per periode. Input data satu per satu dari formulir kertas ke microsoft office excel

membutuhkan waktu 3 sampai 4 hari dengan 2 orang bidang TA yang bertugas. Belum lagi saat input data terjadi salah ketik seperti penulisan nama dan gelar dosen, selain itu banyak kertas yang menumpuk sehingga kurang efektif.

TA saat ini menggunakan google drive untuk pendaftaran pengajuan

proposal skripsi secara online. Penggunaan google drive hanya membantu bidang

TA dalam hal input data, namun masih terdapat masalah setelah bidang TA

(9)

progdi. Data dari rapat dinas tersebut kemudian dikembalikan lagi ke bidang TA untuk di umumkan ke mahasiswa. Dari serangkaian proses tersebut bidang TA

mengalami kerepotan saat melakukan penyortiran data dan update data masih

menggunakan microsoft office excel. Penelitian ini memanfaatkan teknologi YII

Framework 2 untuk membuat sebuah aplikasi sistem informasi tugas akhir yang

bertujuan untuk memudahkan bidang TA dalam hal pengelolaan data. Aplikasi ini memberikan informasi mengenai tugas akhir seperti informasi seputar pendaftaran pengajuan proposal skripsi, informasi pengumuman proposal skripsi diterima atau revisi, informasi mengenai bimbingan, dan informasi lain yang terkait dengan TA.

Penelitian ini memanfaatkan teknologi YII Framework 2 karena YII

Framework 2 terdapat library GridView yang berfungsi untuk mengupdate data

secara live yang terdapat dalam kolom, selain itu YII Framework 2 mempunyai

code generator (gii) yang dapat meng-generate code berpola MVC (

Model-View-Controller) sehingga kode menjadi lebih terstruktur. Framework ini dirasa cocok

untuk membangun sistem yang akan dibuat karena sistem yang akan dibuat terdiri

dari fungsi CRUD (Create, Read, Update, Delete).

Berdasarkan latar belakang masalah tersebut, maka dilakukan penelitian

yang bertujuan untuk merancang Sistem Informasi Tugas Akhir Berbasis Web

Menggunakan YII Framework 2. Aplikasi yang akan dibangun sebatas

pendaftaran pengajuan proposal skripsi sampai dengan pengumuman proposal. Aplikasi ini dapat memudahkan bidang TA, mahasiswa dan dosen untuk mengetahui informasi tugas akhir di Fakultas Teknologi Informasi UKSW.

2. Kajian Pustaka

Pada penelitian yang berjudul Sistem Informasi Tugas Akhir Berbasis Web

Universitas Sahid Surakarta membahas tentang aplikasi web yang berfungsi untuk

membantu mahasiswa tingkat akhir mendapatkan informasi seputar pengajuan judul tugas akhir, konsultasi proposal dan laporan tugas akhir, pengajuan seminar tugas akhir, pengajuan pendadaran tugas akhir, pendaftaran wisuda, dan informasi seputar tugas akhir dan wisuda.Pada penelitian ini bertujuan untuk membangun sebuah Sistem Informasi Tugas Akhir yang dapat memberikan informasi yang akurat seputar Informasi Tugas Akhir di Universitas Sahid Surakarta secara

online.Aplikasi ini dibangun menggunakan teknologi HTML dan CSS [3].Hasil

yang dimanfaatkan dari penelitian ini adalah dalam penyajian data seputar tugas

akhir.Selain itu dilakukan pengembangan ke dalam aplikasi web sehingga dapat

diakses oleh banyak pengguna.

Penelitian yang berjudul Pembangunan Sistem Evaluasi Belajar Terpadu

Berbasis Web Menggunakan YII Framework di SMA Negeri 3 Salatiga

membahas tentang aplikasi web yang berfungsi untuk membantu guru dan siswa

dalam perancangan tes, proses pengerjaan tes, koreksi dan analisa hasil evaluasi ke dalam sebuah sistem terpadu.Pada penelitian ini bertujuan untuk membangun Sistem Evaluasi Belajar Terpadu sebagai metode alternatif untuk melakukan simulasi tes yang cepat, tepat, dan praktis.Aplikasi ini dibangun menggunakan

(10)

pengembangan pembuatan aplikasi, dimana pada penelitian yang akan dibuat akan

menggunakan YII Framework.

Berdasarkan penelitian-penelitian yang telah dilakukan terkait studi kasus dan teknologi YII Framework maka dilakukan penelitian yang membahas tentang Perancangan dan Implementasi Sistem Informasi Tugas Akhir Berbasis Web

Menggunakan YII Framework 2.Aplikasi dibangun menggunakan teknologi YII

Frameworkopen-source yang ditulis dengan PHP.

Sistem informasi adalah suatu kumpulan sumber daya manusia atau alat yang terpadu serta modal yang bertanggung jawab untuk mengumpulkan data dan mengolah data demi menghasilkan suatu informasi yang berguna bagi seluruh

tingkat operasi untuk kegiatan perencanaan, pelaksanaan, pekerjaan,

pengendalian, dan pengambilan keputusan dalam sebuah organisasi.Sistem informasi berfungsi untuk memberikan informasi kepada pencari informasi dan sebagai pengolah data untuk pengguna sistem (admin) [5].

Tugas Akhir adalah sarana untuk mengetahui kemampuan seorang mahasiswa apakah sudah menguasai ilmu yang diberikan dan layak untuk mengabdi di masyarakat sesuia dengan kompetensi yang diajarkan oleh kampus. Tugas Akhir atau sering disingkat TA merupakan langkah awal untuk dapat belajar dalam menghadapi dunia kerja yang akan dihadapi, dengan adanya Tugas Akhir mahasiswa dapat mempersiapkan diri untuk menyelesaikan proyek-proyek di masa kerja nanti [3].

Web adalah sesuatu metode untuk menampilkan informasi di internet, baik

berupa teks, gambar, suara, maupun video yang interaktif dan mempunyai

kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen lainnya

(hypertext) yang dapat diakses melalui sebuah browser.Dokumen hypertext yang

digunakan, disebut Hyper-Text Markup Language (HTML), yang kini telah

menginjak revisi kelima, dan populer dengan abreviasi HTML5 [6].

Definisi framework dapat diartikan sebagai kumpulan script (terutama class

dan function) yang dapat membantu developer dalam menangani berbagai

masalah dalam pemrograman, seperti koneksi basis data, pemanggilan variable,

dan fungsi-fungsi lainnya sehingga developer dapat lebih berfokus dan cepat

dalam membangun sebuah aplikasi [7]. Pada umumnya sebuah framework telah

menyertakan sekumpulan instruksi dasar siap pakai yang dibutuhkan dalam

membuat suatu aplikasi, namun pihak developer tetap harus menambahkan kode

sendiri serta menyesuaikan diri dengan lingkungan framework tersebut.

Peneliti akan mengunakan teknologi YII Frameworkuntuk merancang

Sistem Informasi bidang TA. YII adalah kerangka kerja (framework) PHP

berbasis komponen, berkinerja tinggi untuk pengembangan aplikasi web berskala

besar.YII menyediakan resuabilitasmaksimum dalam pemrograman web dan

mampu meningkatkan kecepatan pengembangan secara signifikan. Nama YII (di

eja sebagai /i:/) singkatan dari “Yes It Is!”. YII juga telah mengadopsi konsep

MVC –Model, View,Controller dalam struktur pemrogramanya seperti juga

(11)

3. Metode Penelitian

Metode penelitian yang dilakukan dalam merancang aplikasi menggunakan 4 tahapan penelitian yaitu: 1) Identifikasi Masalah. 2) Perancangan Sistem. 3) Pembuatan Aplikasi. 4) Implementasi dan Pengujian Sistem serta Analisis Hasil Pengujian[8] . Tahapan-tahapan yang dilakukan dalam metode penelitian ini dapat ditunjukkan pada Gambar 1.

Gambar 1 Tahapan Penelitian

Tahapan penelitian pada Gambar 1 dapat dijelaskan sebagai berikut: 1) Tahap pertama: Identifikasi Masalah, pada tahap ini yang dilakukan adalah meneliti dan mengamati keadaan bidang TA FTI dan keadaan pengguna baik mahasiswa maupun dosen, kemudian mengidentifikasi masalah apa yang timbul pada penggunaan Sistem TA. 2) Tahap kedua, ketiga dan keempat dalam penelitian ini dijelaskan dengan metode pengembangan perangkat sistem dengan

model prototyping.Model prototypingadalah salah satu metode pengembangan

perangkat lunak yang dibuat dengan pendekatan aspek desain, fungsi dan

user-interface.Penentuan tujuan umum dilakukan oleh developerdan useruntuk

mengetahui gambaran dan kebutuhan pada perangkat lunak yang akan dibangun.

Bagan prototyping model pada Gambar 2.

Gambar 2Prototype Model Perancangan Sistem

Pembuatan Aplikasi

Implementasi dan Pengujian Sistem serta

(12)

Tahapan-tahapan dalam prototyping adalah sebagai berikut: Tahap I yaitu Pengumpulan kebutuhan, terdapat beberapa proses yaitu : a. Pengumpulan kebutuhan, pada tahap ini TA dan peneliti bersama-sama mendefinisikan format seluruh perangkat lunak, mengidentifikasikan semua kebutuhan, dan garis besar sistem yang akan dibuat. Tahap II yaitu Perancangan, terdapat beberapa proses

yaitu : a. Membangun prototyping, pada tahap ini dilakukan pembangunan

prototyping dengan membuat perancangan sementara yang berfokus pada

penyajian kepada user dan admin, pada penelitian ini membuat format input dan

format output dari sistem yang akan dibangun. b. Mengkodekan sistem, dalam

tahap ini prototyping yang sudah di sepakati diterjemahkan ke dalam bahasa

pemrograman yang sesuai yaitu dengan YII framework. Tahap III yaitu Evaluasi

Prototyping terdapat beberapa proses yaitu : tahap evaluasi yang dilakukan oleh

bidang TA dan hasilnya prototyping yang dibangunbelum sesuai karena sistem

masih belum lengkap. b. menguji sistem, setelah sistem sudah menjadi suatu perangkat lunak yang siap pakai, harus dites dahulu sebelum digunakan.

Pengujian pada penelitian ini dilakukan dengan metode black box. c. evaluasi

sistem, koordinator TA mengevaluasi apakah sistem yang sudah jadi sudah sesuai dan memenuhi.

Pada tahap Tahap II yaitu Build/revise mock-up menggunakan UML

(Unified Modeling Language) yang berfungsi untuk menggambarkan prosedur

dan proses kerja dari aplikasi. Use case diagram adalah gambaran graphical dari

beberapa atau semua aktor, use case, dan interaksi diantara komponen-komponen

tersebut yang memperkenalkan suatu sistem yang akan dibangun [8]. Use

casediagram pada aplikasi ini terdapat 4 aktor utama yaitu admin, kaprogdi,

mahasiswa dan dosen. Use case diagram dapat dilihat pada Gambar 3.

Gambar 3Use Case Diagram

hapus proposal ubah proposal

(13)

Gambar 3 menunjukan bahwa pada aplikasi sistem informasi tugas akhir admin dapat melakukan kelola data proposal, kelola data dosen, kelola data progdi, dan kelola data bimbingan. Pengelolaan data meliputi tambah data, ubah data dan hapus data. Mahasiswa dapat melakukan tambah pendaftaran proposal, dan melihat pengumuman proposal, dosen dapat melihat bimbingan, kaprogdi dan bidang pengembangan dapat mengubah data proposal

Activity diagram menggambarkan aliran aktifitas dalam sistem yang sedang

dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi,

dan bagaimana mereka berakhir. Activity diagram admin untuk melihat verifikasi

pendaftaran proposal dapat dilihat pada Gambar 4.

Gambar 4Activity Diagram Verifikasi Data Proposal

Gambar 4 menggambarkan aktivitas admin ketika melihat informasi

verifikasi pendaftaran proposal. Admin masuk ke menu utama, kemudian admin

memilih menu proposal lalu sistem akan menampilkan form proposal. Kemudian

admin harus mencentangfoto, bendel proposal, KST dan transkrip nilai, lalu

sistem akan mengirim request data ke database dan database akan merespon ke

sistem dan menampilkan data proposal.

admin database sistem

menampilkan menu utama

pilih menu proposal

menampilkan form proposal

verifikasi data foto, bendel proposal, KST dan transkrip nilai

mengirim request data ke database

request data

(14)

Gambar 5Activity Diagram Bimbingan

Gambar 5 menggambarkan aktivitas admin ketika menambahdata

bimbingan. Admin masuk ke menu utama dan memilih menu input data

bimbingan kemudian admin menginputkan nim mahasiswa , pembimbing 1 dan

pembimbing2 yang sudah ditentukan lalu sistem akan menampilkan

formbimbingan lalu sistem akan mengirim request data ke database dan database

akan merespon ke sistem dan menampilkan data bimbingan.

Gambar 6Sequence Diagram Verifikasi Data Proposal

Gambar 6 merupakan diagram sequence untuk proses melihat pendaftarar

proposalskripsi yang dilakukan oleh admin. Admin melihat data

pendaftaranpengajuan proposal skripsi dengan mengakses halaman dengan nama

index yang berada pada viewProposal Mahasiswa. Selanjutnya dilakukan

pemanggilan terhadap fungsi view() yang berada di controllerProposal. Fungsi ini

admin database sistem

menampilkan menu utama

pilih menu jumlah bimbingan

menampilkan form bimbingan

input nim, pembimbing1 dan pembimbing 2

mengirim request data ke database

request data

menampilkan data bimbingan

: Admin

proposalUI proposalController proposalModel

1 : buka halaman admin()

2 : memangil fungsi view()

3 : meminta data proposal()

4 : menyiapkan data proposal()

(15)

akan memanggil modelproposal untuk meminta data proposal. Model proposal menyiapkan data pendaftaran proposal skripsi yang diminta dan mengirimkannya

kepada fungsi view. Proses dilanjutkan dengan mengirimkan data pendaftaran

pengajuan proposal skripsi ke view untuk ditampilkan kepada admin.

Gambar 7Sequence Diagram Bimbingan

Gambar 7 merupakan diagram sequence untuk proses melihat bimbingan

yang dilakukan oleh dosen. Dosen melihat data bimbingan dengan mengakses

halaman dengan nama index yang berada pada viewBimbingan. Selanjutnya

dilakukan pemanggilan terhadap fungsi view() yang berada di

controllerBimbingan. Fungsi ini akan memanggil modelbimbingan untuk

meminta data bimbingan. Model menyiapkan data bimbingan yang diminta dan

mengirimkannya kepada fungsi view. Proses dilanjutkan dengan mengirimkan

data bimbingan ke view untuk ditampilkan kepada dosen.

Gambar 8Class Diagram

Gambar 8 merupakan diagram class yang menggambarkan entityclass pada

: Dosen

bimbinganUI bimbinganController bimbinganProses

1 : membuka halaman dosen()

2 : memanggil fungsi view()

3 : meminta data bimbingan()

4 : menyiapkan data bimbingan()

5 : mengirim data bimbingan() 6 : menampilkan data bimbingan()

(16)

aplikasi. Entityclass ini merupakan representasi tabel dalam basis data, di mana terdapat 5 (lima) model yaitu progdi_model, mahasiswa_model, kaprogdi_model,

proposal_model dan dosen_model. Kelimaentityclass tersebut di dalam aplikasi

disebut sebagai bagian model. Bagian model ini merupakan bagian yang terdapat

class-class yang berfungsi untuk melakukan berbagai macam pemrosesan data

dalam basis data.

4. Hasil dan Pembahasan

Implementasi dari perancangan sistem informasi tugas akhir ini dilakukan

dengan frameworkYII. Terdapat beberapa pengaturan yang harus dilakukan

pertama kali saat pembuatan, yaitu pengaturan koneksi ke basis data XAMPP dan

pengaturan routefile. Pengaturan koneksi basis data dilakukan pada filedatabase

yang terletak pada folderconfig. Pengaturan ini ditunjukkan pada Kode Program 1.

Kode Program 1 Koneksi YII Framework dengan Basis Data

Kode Program 1 merupakan perintah untuk melakukan pengaturan koneksi

dari YII Framework ke basis data XAMPP . Pada pengaturan ini dilakukan

pengisian untuk hostname, username, password dan nama dari basis data yang

digunakan.Penelitian ini menghasilkan Aplikasi web ditujukan kepada bidang

TA, kaprogdi, dosen dan mahasiswa. Pada gambar 9. Aplikasi webini dosen

dapat melihat nim , nama, judul skripsi mahasiswa yang menjadi anak bimbing dosen tersebut

Gambar 9Halaman bimbingan dosen

Kode Program 2 Editable Kartik

1. 'db' => [

2. 'class' => 'yii\db\Connection',

3. 'dsn' => 'mysql:host=localhost;dbname=yii_tugasakhir', 4. 'username' => 'root',

(17)

1. 2. 3. 4. 5. 6.

echo \kartik\grid\GridView::widget([ 'dataProvider'=>$dataProvider, 'filterModel'=>$searchModel, 'columns'=>$gridColumns, 'export'=>false

]);

Kode Program 2 merupakan source code untuk live edit pada field usulan

pembimbing yang terdapat dalam halaman kaprogdi. Library editable kartik

berfungsi untuk memberikan field edit terhadap kolom yang akan diedit.

Gambar 10Halaman kaprogdi

Pada Gambar 10 terdapat halaman kaprogdi yang berisi nim, nama, usulan pembimbing 1 dan usulan pembimbing 2. Data dari pendaftaran proposal skripsi yang dapat diakses oleh kaprogdi sehingga aplikasi ini dapat digunakan untuk rapat dalam menentukan pembimbing dari mahasiswa yang melakukan pendaftaran proposal skripsi.

Kode Program 3 Monland Php Excel

01 02 03 04

\moonland\phpexcel\Excel::export([ 'models' => Post::find()->all(), 'filterModel'=>$searchModel, 'models' => $model,

Kode Program 3 merupakan source code yang digunakan untuk

mengexport data ke dalam file excel. Extensionmonland ini diterapkan dihalaman

admin guna mengexport data pendaftaran mahasiswa per progdi ke dalam

(18)

Gambar 11Halaman admin

Pada Gambar 11 terdapat halaman admin yang berisi pendaftaran proposal mahasiswa, informasi tersebut meliputi nim, nama, no telp, program studi, judul skripsi, usulan pembimbing 1, usulan pembimbing 2, status, dan verifikasi data foto, bendel proposal, KST dan Transkrip nilai.

Gambar 12MVC dalam YII Framework

Pada Gambar 12 model, view, dan controller dalam YII

Frameworkmerupakan fitur Gii code generator yang sudah tersedia dalam YII

khususnya dalam kasus CRUD (Create, Read, Update, Delete). Berbeda dengan

PHP Framework lain yang menerapkan orientasi form, YII Framework

(19)

Tabel 1 Hasil Pengujian Blackbox

Fungsi yang diuji Kondisi Output yang

diharapkan

Username dan password benar

Username dan password salah maupun kosong

Sukses login

Form diisi dengan benar Form diisi beberapa atau kosong

Sukses tambah data Gagal tambah data

Sukses tambah data Gagal tambah data Valid Ubah data

pendaftaran Form diisi dengan benar Sukses ubah data Sukses ubah data Valid Hapus data

pendaftaran Konfirmasi dengan benar Sukses hapus data Sukses hapus data Valid

Load data pendaftaran Sukses load data Sukses load data Valid

Export Excel Konfirmasi dengan benar Sukses export data Sukses export data Valid Loaddata dosen Sukses load data Sukses load data Valid

Load data progdi Sukses load data Sukses load data Valid

Berdasarkan pengujian yang dilakukan pada aplikasi web dapat dilihat status

pengujian dari setiap fungsi valid, maka disimpulkan bahwa aplikasi ini berjalan dengan

baik dan sesuai yang diharapkan.

Hasil dari wawancara dengan koordinator TA FTI UKSW yang didapatkan menyatakan bahwa sistem informasi tugas akhir yang dibuat sudah dapat

membantu bidang TA dalam hal pengelolaan data.Aplikasi sudah

terkomputerisasi dengan baik.

5. Simpulan

(20)

6. Pustaka

[1] Hidayat, Wicak. 2014. Pengguna Internet Indonesia Nomor Enam Dunia.

http://kominfo.go.id/index.php/content/detail/4286/Pengguna+Internet+Indo nesia+Nomor+Enam+Dunia/0/sorotan_media, diakses tanggal 11 Juli 2015.