Perancangan Aplikasi Dashboard Promosi FTI UKSW Berbasis Web

Perancangan Aplikasi Dashboard Promosi FTI UKSW

Berbasis Web

Artikel Ilmiah

diajukan kepada

Fakultas Teknologi Informasi

untuk memperoleh Gelar Sarjana Komputer

Peneliti:

Okta Hariyanto (672009056)

Suprihadi, S.Si., M.Kom.

Agustinus Fritz Wijaya, S.Kom, M.Cs

Program Studi Teknik Informatika


Universitas Kristen Satya Wacana

Salatiga

Desember 2015

1

Perancangan Aplikasi Dashboard Promosi FTI UKSW

Berbasis Web

1) Okta Hariyanto, 2)

Suprihadi 3)

Agustinus Fritz Wijaya


Universitas Kristen Satya Wacana

Jl. Diponegoro 52-60, Salatiga 50711, Indonesia

E-mail : 1) [email protected],

2)[email protected]

3)[email protected],

Abstract

Rapid technological developments have influenced the development of education. Each

university compete to demonstrate the quality of their education to attract students to continue

their education to the university. One way to attract students' interest is to do promotion.

Faculty of Information Technology, Satya Discourse Christian University in Salatiga (FTI

SWCU) carry out promotional activities to attract students. Good promotion will attract

students to go on to university. During this time, part of the promotion of FTI SWCU have

difficulties to process the new students and schools by region of origin because the process of

synchronizing data from the university and the faculty level can not be well integrated. System

development method used in this research is the method prototype. Applications implemented

into the dashboard application model capable of displaying data and information on new

admissions in the form of tables and graphs in the time frame specified by the user.

Applications built can be used as a prototype application to view information about the new

admissions FTI SWCU quickly and accessed online..

Keywords: University, Promotion, Students Admission, Dashboard Application, Online.

Abstrak

Perkembangan teknologi yang semakin pesat telah mempengaruhi perkembangan dunia

pendidikan. Setiap universitas saling berlomba untuk menunjukkan kualitas pendidikan

masing-masing untuk menarik minat siswa melanjutkan sekolahnya ke universitas tersebut.

Salah satu cara yang dilakukan untuk menarik minat para siswa adalah dengan melakukan

promosi. Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana Salatiga (FTI

UKSW) melakukan kegiatan promosi untuk menarik minat para siswa. Promosi yang baik

akan menarik minat siswa untuk melanjutkan ke universitas. Selama ini, bagian promosi FTI

UKSW mengalami kesulitan untuk mengolah data mahasiswa baru berdasarkan daerah dan

sekolah asal dikarenakan proses sinkronisasi data dari tingkat universitas dan tingkat fakultas

belum dapat terintegrasi dengan baik. Metode pengembangan sistem yang dipergunakan pada

penelitian ini adalah metode prototype. Aplikasi diimplementasikan ke dalam model aplikasi

dashboard yang mampu menampilkan data dan informasi penerimaan mahasiswa baru dalam

bentuk tabel dan grafik dalam kurun waktu yang ditentukan oleh pengguna. Aplikasi yang

dibangun dapat dipergunakan sebagai aplikasi prototype untuk melihat informasi mengenai

penerimaan mahasiswa baru FTI UKSW secara cepat dan diakses secara online.

Kata Kunci: Universitas, Promosi, Penerimaan Mahasiswa Baru, Aplikasi Dashboard,

Online.

1 Mahasiswa Fakultas Teknologi Informasi Universitas Kristen Satya Wacana

2 Staf Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana

3 Staf Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana

2

1. Pendahuluan

Perkembangan teknologi yang semakin pesat telah mempengaruhi

perkembangan perguruan tinggi di Indonesia, khususnya perguruan tinggi swasta.

Secara tidak langsung menimbulkan persaingan di dalam menarik minat calon

mahasiswa baru untuk masuk perguruan tinggi swasta tersebut. Sehingga, setiap

perguruan tinggi swata memiliki strategi khusus dalam menarik minat mahasiswa

baru. Salah satu strategi khusus untuk menarik mahasiswa baru dengan cara

promosi. Untuk mempermudah menentukan sasaran promosi yang diprioritaskan

dapat menggunakan aplikasi dashboard dalam menentuka sekolah menengah atas

ataupun sekolah menengah kejuruan yang akan dituju.

Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana (FTI

UKSW) Salatiga melakukan promosi untuk menarik minat para siswa lulusan

sekolah menengah atas dan sekolah menengah kejuruan. Promosi yang

dipersiapkan dengan baik tentunya akan menarik minat mahasiswa baru untuk

melanjutkan studinya ke universitas tersebut. Berdasarkan wawancara dengan

koordinator promosi FTI UKSW, salah satu faktor yang menentukan tempat

promosi di tahun yang akan datang adalah dengan melihat banyaknya mahasiswa

baru dari suatu daerah atau sekolah. Selama ini, bagian promosi FTI UKSW

mengalami kesulitan untuk mengolah data mahasiswa baru karena data yang

diperoleh oleh bagian promosi tidak sesuai dengan kebutuhan, dan selama ini data

mahasiswa baru berupa excel. Hal ini berdampak bagi bagian promosi FTI UKSW

dalam menentukan strategi promosi untuk tahun yang akan datang, sehingga

promosi yang telah ada dinilai kurang optimal. Hal ini terlihat dari menurunnya

jumlah mahasiswa yang masuk ke FTI UKSW selama tiga tahun terakhir.

Pada penelitian ini, telah dilakukan perancangan dan implementasi sebuah

aplikasi berbasis web yang mampu memberikan informasi jumlah penerimaan

mahasiswa baru FTI UKSW dan jumlah kegiatan promosi, yang telah dilakukan

bagian promosi FTI UKSW. Aplikasi diimplementasikan kedalam model aplikasi

dashboard, agar dapat menampilkan data dan informasi dalam bentuk tabel dan

grafik. Aplikasi diimplementasikan berbasis web supaya dapat diakses secara

online, sehingga dapat memenuhi kebutuhan bagian promosi FTI UKSW dalam

upaya memberikan layanan akses kepada pihak atau bagian yang ditentukan oleh

pimpinan fakultas.

2. Tinjauan Pustaka

Penelitian ini mengacu pada penelitian yang berjudul “Rancang Bangun

Sistem Informasi Promosi Fakultas Teknologi Informasi Universitas Kristen Satya

Wacana Berbasis AHP (Analytical Hierarchy Process)”[1]

. Penelitian tersebut

membahas tentang pemanfaatan metode AHP sebagai metode untuk menentukan

tempat promosi yang tepat bagi sebuah fakultas, digunakan tiga kriteria yaitu

biaya promosi dan jumlah mahasiswa, serta empat alternatif yaitu sangat tinggi,

tinggi, cukup, dan rendah. Sedangkan pembangunan aplikasi mengacu pada

penelitian yang berjudul “Pembuatan Dashboard Berbasis Web Sebagai Sarana

Evaluasi Diri Berkala untuk Persiapan Penilaian Akreditasi Berdasarkan Standar

Badan Akreditasi Nasional Perguruan Tinggi” [2]

, hasil penelitian tersebut adalah

3

dashboard ini digunakan untuk membantu pengambilan keputusan yang

dilakukan oleh para stakeholder yang ada di dalam lingkup program studi sarjana

sebelum pelaksanaan penilaian akreditasi dimulai.

Penelitian ini menggunaan metode AHP bermanfaat sebagai metode untuk

menentukan tempat promosi yang tepat. Di gunakan tiga kriteria yaitu banyak

mahasiswa masuk, data promosi serta data sekolah. Serta lima jenis sekolah yaitu

sekolah negeri, swasta katolik, swasta kristen, swasta islam dan swasta lain-lain.

Dalam penerapannya, dashboard bermanfaat untuk membantu pengambilan

keputusan yang dilakukan oleh pimpinan dan bidang promosi FTI UKSW dalam

menentukan sasaran promosi kedepannya. Manfaat dari kedua penelitian

sebelumnya bagi penelitian ini adalah memberikan pemahaman dan pengetahuan,

model dan struktur aplikasi dashboard berbasis web yang dipergunakan untuk

mendapatkan data, serta menampilkannya kedalam bentuk tabel dan grafik-grafik

promosi FTI UKSW yang menjadi materi utama penelitian ini.

Sebuah dashboard system adalah tampilan visual dari informasi terpenting

yang diperlukan untuk mencapai satu atau lebih objektif; dikonsolidasikan dan

diatur dalam sebuah layar sehingga informasi dapat dimonitor dalam sekilas[3]

.

Dashboard ditujukan agar seseorang dapat secara efisien terhubung dengan

informasi yang diperlukan untuk melakukan sesuatu[4]

.

Dengan kata lain, dashboard merupakan sebuah aplikasi yang mampu

menampilkan informasi-informasi secara realtime. Informasi dalam dashboard

system dapat berupa grafik-grafik dan indikator-indikator yang menunjukkan

skala keadaan dari variabel-variabel yang ada pada sebuah perusahaan, yang

menjadi pedoman perusahaan untuk mengambil langkah selanjutnya secara tepat

dalam mengelola perusahaan tersebut.

Pada penelitian ini, variabel yang digunakan adalah nilai berupa jumlah

kegiatan promosi dan jumlah mahasiswa yang masuk FTI UKSW, yang

dikelompokkan dalam kategori wilayah berupa kota atau kabupaten dan provinsi,

serta kategori sekolah yaitu Negeri, Swasta Islam, Swasta Katolik, Swasta

Kristen, dan Swasta lain-lain.

3. Metode Perencanaan Sistem

Metode Perencanaan sistem yang digunakan adalah model prototype,

sehingga dapat dilakukan teknik pengumpulan data atau informasi tertentu

mengenai kebutuhan-kebutuhan informasi pengguna dapat dilakukan secara cepat.

Dengan metode prototype ini, pengembang dan Bagian Promosi FTI UKSW dapat

saling berinteraksi selama proses pembuatan aplikasi dashboard promosi FTI

UKSW. Secara lengkap, alur model prototype digambarkan seperti pada gambar

1.

4

Gambar 1Prototype Model

[5]

Gambar 1 merupakan gambaran tahapan umum dari prototype model.

Berikut adalah penjelasan dari tahap-tahap prototype model. Pada tahapan

pertama, yaitu listen to customer atau information gathering tentang kebutuhan

aplikasi yang akan dibangun. Pada tahap ini dilakukan wawancara dengan Bagian

Promosi FTI UKSW. Tahap ini menghasilkan ketentuan tentang actor sistem,

yaitu actor Admin dan actor Pemimpin. Actor Admin adalah pengguna yang

memiliki hak akses kelola data (tambah, edit dan hapus) pada aplikasi. Actor

Pemimpin adalah pengguna yang hanya memiliki hak akses menampilkan data

atau informasi berbentuk grafik dan tabel. Pada FTI UKSW, actor Admin

diberikan kepada staff Bagian Promosi, sedangkan actor Pemimpin diberikan

kepada koordinator Bagian Promosi dan pimpinan FTI UKSW yang ditentukan

oleh Bagian Promosi.

Pada tahap wawancara dengan actor Admin diperoleh informasi tentang

data-data kegiatan promosi, dan data penerimaan mahasiswa baru. Kegiatan

promosi yang dimaksud hanya pada frekuensi kegiatan promosi yang telah

dilakukan terhadap sasaran promosi di wilayah kota atau kabupaten serta provinsi

wilayah kegiatan. Sasaran promosi pada penelitian ini adalah sekolah tingkat

menengah atas yang terbagi kedalam lima kategori, yaitu Sekolah Negeri, Swasta

Islam, Swasta Katolik, Swasta Kristen, dan Swasta lain-lain.

Pada tahap wawancara dengan actor Pemimpin diperoleh informasi yaitu

kebutuhan informasi terkait kegiatan promosi, data sekolah dan jumlah mahasiswa

baru yang masuk di FTI UKSW, yang dapat dikelompokkan berdasarkan wilayah

dan kategori sekolah asal mahasiswa baru dalam kurun waktu tertentu. Hasil

informasi tersebut dibutuhkan dalam upaya evaluasi kinerja kegiatan promosi, dan

salah satu bahan pertimbangan untuk menentukan sasaran dan wilayah kegiatan

promosi Bagian Promosi FTI UKSW. Informasi yang disajikan kepada actor

Pemimpin berupa grafik dan tabel, dan dapat diakses secara online.

Tahapan selanjutnya dalam metode prototype yaitu build/revise mock-up

atau membangun aplikasi secara cepat. Pada tahap ini dilakukan pembuatan

aplikasi dashboard promosi FTI UKSW berbasis web secara cepat. Proses

pengembangan sistem ini lebih memfokuskan pada input output aplikasi sesuai

dengan kebutuhan umum yang diketahui pada tahap pertama.

5

Pada tahap ini dilakukan uji dan evaluasi prototype oleh user yaitu

pengguna seperti tahap wawancara. Uji dan evaluasi prototype digunakan untuk

mendapatkan umpan balik apakah aplikasi sudah sesuai dengan kebutuhan user,

yaitu actor Admin dan actor Pemimpin.

Pengujian menggunakan cara uji fungsionalitas sistem, yaitu

menggunakan metode prototype model . Menguji proses preview atau penyajian

data-data kegiatan promosi dan mahasiswa yang masuk FTI UKSW dalam

aplikasi dashboard berbasis web yang dibangun. Evaluasi dilakukan dengan cara

wawancara sebagai uji responden pada penelitian ini. Jika evaluasi prototype

belum sesuai dengan kebutuhan user, maka dilakukan proses perbaikan dimulai

kembali ke tahap awal dan dilanjutkan ke tahap berikutnya.

Aplikasi promosi FTI UKSW pada prinsipnya merupakan aplikasi

dashboard, dirancang menggunakan Unified Modelling Language (UML) sebagai

pemodelan sistem. UML menyediakan beberapa diagram dalam proses

perancangan sistem. Dalam sistem yang dibuat telah dirancang menggunakan

beberapa diagram, yaitu: use case diagram, activity diagram, sequence diagram

dan class diagram.

Perancangan aplikasi dashboard promosi FTI UKSW ini dirancang

menggunakan UML (Unified Modeling Language) sebagai pemodelan sistem.

Pada tahap awal pada UML yaitu membangun use case diagram, yang

merepresentasikan keseluruhan kerja sistem secara garis besar dan juga

mempresentasikan interaksi antara actor dengan sistem yang dibangun, serta

menggambarkan fungsionalitas yang dapat diberikan sistem kepada user atau

actor. Use case diagram mempunyai beberapa bagian penting antara lain Actor,

Use Case, dan Relation. Actor merupakan bagian dari use case yang bertindak

sebagai subyek (pelaku) dalam suatu proses. Use case adalah proses yang terjadi

dalam suatu software. Use case juga menggambarkan apa yang sedang dilakukan

oleh seorang actor. Relation menggambarkan hubungan antara actor dan use case.

Gambar 2 merupakan use case diagram aplikasi dasboard promosi FTI

UKSW berbasis web. Pada aplikasi tersebut terdapat 2 (dua) actor yaitu Admin

dan Pemimpin. Untuk menjadi actor Pemimpin, pengguna harus diregistrasi oleh

actor Admin. Actor Admin adalah actor yang telah ditentukan oleh coordinator

Bagian Promosi FTI UKSW, yang dapat melakukan kelola data kegiatan prmosi

dan data mahasiswa yang diterima di FTI UKSW. Actor Admin juga dapat

mengakses tampilan statistik preview data-data kegiatan promosi berupa tabel dan

grafik. Sedangkan actor Pemimpin, hanya memiliki hak akses untuk

menampilkan statistik preview data-data kegiatan promosi berupa tabel dan grafik.

6

Tambah Sekolah

Hapus Sekolah

Edit Sekolah

Kelola Sekolah

<<extend>>

<<extend>>

<<extend>>

Tambah Promosi Hapus Promosi

Kelola Promosi

<<extend>> <<extend>>

Tambah MHS Masuk

Hapus MHS Masuk

Daftar MHS Masuk

Daftar Data Promosi<<include>>

Daftar Data Sekolah

<<include>>

Kelola MHS Masuk

<<extend>>

<<extend>>

<<include>>

Grafik Jml Mahasiswa Baru

Tabel Jml MHS Baru

Grafik Jml Kegiatan PromosiTabel Jml Kegiatan Promosi

Pimpinan

Admin

Statistik

Tabel Jml Promosi dan Jml MHS

Baru

<<include>>

<<include>><<include>>

<<include>>

<<include>>

Gambar 2 Use Case Diagram Aplikasi

Activity diagram menggambarkan aliran aktivitas dalam sistem yang

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

dan bagaimana aliran sistem berakhir. Pada penelitian ini, fokus utama

perancangan aplikasi dashboard promosi FTI UKSW pada 1 (satu) activity

diagram, yaitu activity diagram menampilkan data statistik kegiatan promosi dan

mahasiswa yang masuk di FTI UKSW yang dapat dilihat pada gambar 3.

7

Mulai

Masukkan Username

dan Password

Masukkan Awal

Tahun

Masukkan Akhir

Tahun

Masukkan

Propinsi

Masukkan

Kab/Kota

Masukkan Kategori

Sekolah

Selesai

Login

Benar?

Tekan Button

Tampilkan

Logout

View Grafik View Tabel

Input Data Filter

Ambil Data

Promosi

Ambil Data

Mahasiswa Baru

Tidak

Ya

Basis DataSistemPimpinan

Gambar 3 Activity Diagram Dashboard Pimpinan

Gambar 3 menunjukkan activity diagram actor Pemimpin dalam

aktivitasnya menampilkan data-data kegiatan Bagian Promosi FTI UKSW dengan

data mahasiswa yang masuk tiap tahun angkatan akademik. Actor Pemimpin

harus melakukan login sebelum melakukan aktivitasnya pada aplikasi. Hal ini

dilakukan karena tidak semua bagian dalam struktur organisasi FTI UKSW,

memiliki kepentingan dan manfaat jika memperoleh informasi dari kegiatan

Bagian Promosi FTI UKSW.

Sequence diagram menggambarkan interaksi antar obyek di dalam dan di

sekitar sistem, yang berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri antar dimensi vertical (waktu) dan dimensi horizontal (objek-

objek yang terkait).

8

: Pimpinan : View_Login : Class_DA : View_Home : Class_JS

1. Buka sistem

2. Input username dan passw

3. username dan password salah

4. username dan password benar

5. Input Data Filter

6. Klik Button Tampilkan

7. Tampilan Grafik dan Tabel

8. Klik Button Logout

Gambar 4 Sequence Diagram Dashboard Pimpinan

Pada gambar 4 merupakan sequence diagram untuk proses menampilkan

data statistik kegiatan promosi dan mahasiswa baru yang dilakukan oleh actor

Pemimpin. Pada tahap awal setelah proses login diterima, lalu masuk kedalam

halaman view home atau beranda actor Pemimpin, dimana actor dapat

menentukan data sebagai filter untuk menampilkan informasi kegiatan promosi

dan mahasiswa baru.

Data filter tersebut antara lain kurun tahun akademik, provinsi, kota atau

kabupaten, dan kategori sekolah. Kurun tahun akademik, adalah awal dan akhir

tahun akademik kegiatan promosi dan jumlah mahasiswa yang masuk di FTI

UKSW. Provinsi, kota atau kabupaten merupakan wilayah kegiatan promosi atau

sekolah asal mahasiswa baru. Sedangkan kategori sekolah adalah kategori sekolah

yang telah ditentukan oleh Bagian Promosi FTI UKSW (Negeri, Swasta Islam,

Swasta Katolik, Swasta Kristen, dan Swasta lain-lain). Data filter disediakan pada

aplikasi supaya dapat memenuhi kebutuhan informasi kegiatan informasi sesuai

pengguna. Aplikasi menyediakan default pilihan ALL tiap data filter.

Class diagram menggambarkan interaksi antar class serta atribut-atribut

yang melekat pada class tersebut. Pada gambar 5 merupakan class diagram

aplikasi dashboard promosi FTI UKSW. Pada class diagram tersebut, terlihat

bahwa aplikasi memiliki 9 (sembilan) class, yang terdiri dari 3 (tiga) class

controller, dan 6 (enam) class turunan controller sebagai pengelola atribut entitas.

9

Gambar 5 Class Diagram Aplikasi

Class control JS memiliki hubungan one-to-many dengan class controller

koneksi dan DA, sehingga memungkinkan class control JS dapat mengakses

berulangkali setiap operasi dalam class controller Koneksi dan DA. Class JS

memiliki method yang dipergunakan untuk melakukan proses menampilkan data

dan informasi kegiatan promosi dan mahasiswa baru berupa grafik dan tabel.

Untuk mengelola koneksi basis data dilakukan oleh class Koneksi. Sedangkan

class DA, memiliki tugas utama dalam mengelola pengambilan data dari berbagai

entitas pada sistem.

4. Hasil dan Pembahasan

Pada bab ini berisi tentang hasil dan pembahasan yang meliputi

implementasi rancangan dan pembahasan aplikasi dashboard promosi FTI

UKSW. Pembahasan berisi uraian hasil implementasi berdasarkan yang tertulis

dalam bagian 3 (tiga). Sedangkan analisis hasil akan dilakukan terhadap hasil

10

yang telah diuji dari aplikasi. Aplikasi dashboard promosi FTI UKSW berbasis

web diimplementasikan menggunakan bahasa pemrograman PHP dan basis data

MySql.

Metode pengembangan sistem yang dipergunakan pada penelitian ini

adalah metode prototype. Dalam proses implementasi, menghasilkan 2 (dua)

prototipe, yang berdasarkan hasil pengujian merupakan prototype aplikasi

promosi FTI UKSW yang sudah sesuai dengan kebutuhan Bagian Promosi FTI

UKSW. Untuk lebih memperjelas proses pengembangan sistem dapat dilihat

dalam tabel 1 dan table 2.

Tabel 1 Dokumentasi Prototipe I

No Spesifikasi Deskripsi Testing dan Validasi Ket.

1 Login Proses Login untuk user Dapat Dilakukan OK

2 Kelola data sekolah

oleh Admin, yaitu

nama, kota/kab, dan

kategori

Proses tambah data

sekolah sebagai sasaran

promosi

Admin dapat tambah data

sekolah.

OK

Proses Update dan

Delete dalam daftar

sekolah

Admin dapat mengedit dan

menghapus data sekolah

terdaftar.

OK

3 Kelola data kegiatan

promosi oleh Admin,

yaitu jumlah promosi,

tahun, nama sekolah,

kota/kab, propinsi

Proses tambah data

kegiatan promosi

Admin dapat tambah data OK

Proses hapus data

kegiatan promosi

Admin dapat menghapus

data

OK

4 Kelola data mahasiswa

masuk oleh Admin,

yaitu jumlah

mahasiswa baru, tahun,

nama sekolah asal,

kota/kab, propinsi

Proses tambah data

mahasiswa masuk

Admin dapat tambah data OK

Proses hapus data

mahasiswa masuk.


data

OK

5 Tampilan data statistik

kegiatan promosi dan

mahasiswa yang masuk

oleh Admin

Proses memasukkan data

filter berupa tahun,

provinsi, kota/kab, dan

kategori sekolah.

Adanya inputan data filter

berupa listbox.

Ok

Proses menampilkan

data hasil filter tahun,


kategori sekolah.

Tampilan grafik 5 (lima)

teratas jumlah promosi dan

mahasiswa baru hasil filter.

Ok

Tampilan tabel jumlah

promosi dan mahasiswa

baru hasil filter.

Ok




oleh Pemimpin




kategori sekolah.

Adanya inputan data filter

berupa listbox.

Belum

Ada

Proses menampilkan



kategori sekolah.


teratas jumlah promosi dan

mahasiswa baru hasil filter.

Belum

Ada



baru hasil filter.

Belum

Ada

11

Tabel 2 Dokumentasi Prototipe II

No Spesifikasi Deskripsi Testing dan Validasi Ket.

1 Login Proses Login untuk user Dapat Dilakukan OK

2 Kelola data sekolah

oleh Admin, yaitu

nama, kota/kab, dan

kategori

Proses tambah data

sekolah sebagai sasaran

promosi

Admin dapat tambah

data sekolah.

OK

Proses Update dan

Delete dalam daftar

sekolah

Admin dapat mengedit

dan menghapus data

sekolah terdaftar.

OK


promosi oleh Admin,



kota/kab, propinsi

Proses tambah data

kegiatan promosi

Admin dapat tambah

data

OK

Proses hapus data

kegiatan promosi


data

OK

4 Kelola data

mahasiswa masuk

oleh Admin, yaitu

jumlah mahasiswa

baru, tahun, nama

sekolah asal, kota/kab,

propinsi

Proses tambah data

mahasiswa masuk

Admin dapat tambah

data

OK

Proses hapus data

mahasiswa masuk.


data

OK



mahasiswa yang

masuk oleh Admin




kategori sekolah.

Adanya inputan data

filter berupa listbox.

Ok

Proses menampilkan



kategori sekolah.


teratas jumlah promosi

dan mahasiswa baru hasil

filter.

Ok



baru hasil filter.

Ok



mahasiswa yang

masuk oleh Pemimpin




kategori sekolah.

Adanya inputan data

filter berupa listbox.

Ok

Proses menampilkan



kategori sekolah.




filter.

Ok



baru hasil filter.

Ok

Aplikasi promosi FTI UKSW berbasis web pada prinsipnya merupakan

aplikasi dashboard yang dipergunakan oleh Admin atau Bagian Promosi FTI

UKSW. Aplikasi dirancang dan dibangun guna memberikan bentuk prototipe

dalam upaya Bagian Promosi FTI UKSW mengevaluasi kegiatan, dan menyajikan

informasi kegiatan promosi dan mahasiswa baru kepada pimpinan dan pihak yang

berkepentingan. Untuk dapat mewujudkan tersebut, maka diperlukan teknologi

web dalam impelementasinya, sehingga dapat diakses secara bersama dan bersifat

12

online. Oleh karena hal tersebut, maka sistem diberi layanan login seperti terlihat

pada gambar 6.

Gambar 6 Form Login

Setelah login berhasil maka sistem terbagi kedalam 2 (dua) bagian

halaman utama, yaitu Beranda Utama Admin, dan Beranda Utama Pemimpin.

Untuk lebih jelas, terlihat pada gambar 7 tampilan Beranda Utama Admin, dan

gambar 8 tampilan Beranda Utama Pemimpin.

Gambar 7 Tampilan Beranda Utama Admin

Gambar 8 Tampilan Beranda Utama Pemimpin

13

Pada beranda utama Pemimpin tidak memiliki fasilitas seperti pada

Admin, yaitu Kelola Sekolah dan Kelola Promosi, dan Kelola Mahasiswa Masuk.

Selain hal tersebut, actor Pemimpin hanya disajikan data-data statistik terkait

kegiatan promosi dan jumlah mahasiswa masuk di FTI UKSW, yang dapat

diakses dengan menekan button statistik yang telah disediakan pada aplikasi.

Setelah actor Admin maupun actor Pemimpin dapat login, maka

dimunculkan beranda utama yang terdapat submenu Statistik. Pada halaman

statistik, pengguna terlebih dahulu menentukan data sebagai filter untuk

menampilkan informasi kegiatan promosi dan mahasiswa yang masuk FTI

berdasarkan data yang telah dimasukkan oleh actor Admin. Tampilan awal

tersebut dapat dilihat pada gambar 9.

Gambar 9 Tampilan Input Data Filter

Terlihat pada gambar 9 bahwa pengguna dapat menentukan pilihan

informasi yang diinginkan berdasarkan beberapa data filter. Untuk menampilkan

hasil filter yang telah dimasukkan, pengguna dapat mengklik button Tampilkan,

sehingga aplikasi melakukan proses pengambilan data yang berada di basis data.

Perintah proses pengambilan data berada pada class JS.php sesuai rancangan

dimana dapat dilihat pada kode program 1.

Kode Program 1 Perintah Mengambil data Promosi dengan AJAX

1. function loadPromosi(){

2. $.getJSON("ajax.php?get=promosi",function(json){

3. jsonPromosi = json;

4. })

5. }

6.

7. function loadSekolah(){

8. $.getJSON("ajax.php?get=sekolah",function(json){

9. jsonSekolah = json;

10. })

11. } 12. 13. function loadMasuk(){ 14. $.getJSON("ajax.php?get=masuk",function(json){

15. jsonMasuk = json;

16. })

17. }

14

Fungsi fungsi yang digunakan untuk mengambil data dari server. Data yang

dimaksud adalah data Promosi, Sekolah, dan Data Mahasiswa Masuk. Proses

pengambilan dilakukan dengan menggunakan JQuery, yaitu melalui fungsi

$.getJSON. Hasil pengambilan ditampung di variabel json dan berada dalam

format JSON (JavaScript Object Notation).

Langkah proses selanjutnya adalah aplikasi menyajikan data hasil proses

kode program 1 kedalam bentuk grafik. Pada penelitian ini, bentuk grafik yang

dipergunakan adalah bentuk Donut dan line. Proses menampilkan data dalam

bentuk grafik dapat dilihat pada kode program 2 dan kode program 3. Sedangkan

proses menampilkan data dalam bentuk tabe dapat dilihat pada kode program 4.

Kode program menampilkan grafik tersimpan didalam class JS.php.

Kode Program 2 Perintah Menampilkan Chart Donut

1. function pie(data, elementid, label){

2. $("#" + elementid).empty();

3.

4. Morris.Donut({

5. element: elementid,

6. data: data,

7. colors: ['#A94442', '#F35958', '#6E778C', '#428BCA',

'#3C763D'],

8. formatter: function (y) { return y + " " + label }

9. });

10. }

Chart ditampilkan dengan library Morris yang dapat diperoleh dari sumber

http://morrisjs.github.io/morris.js/. Parameter yang diperlukan adalah id dari

elemen tempat chart akan ditampilkan, data yang akan diolah, warna chart, dan

label yang akan dimunculkan. Hasil kode program 2 dapat dilihat pada gambar 10.

Gambar 10 Tampilan Chart Donut Kegiatan Promosi

Kode Program 3 Perintah Menampilkan Chart Line

1. function linePromosi(json){

2. $("#hero-graph").empty();

3. Morris.Line({

4. element: 'hero-graph',

5. data: json,

6. xkey: 'tahun',

7. ykeys: ['promosi', 'masuk'],

15

8. labels: ['Promosi', 'Masuk'],

9. lineColors:['#8d5cbe','#f06060']

10. });

11. }

Chart ditampilkan dengan library Morris yang dapat diperoleh dari sumber

http://morrisjs.github.io/morris.js/. Parameter yang diperlukan adalah id dari

elemen tempat chart akan ditampilkan (dalam contoh tersebut, id elemennya

adalah „hero-graph‟), data yang akan diolah, warna chart, dan label yang akan

dimunculkan. Perlu diatur nama atribut data yang digunakan sebagai sumbu x

(xkey), dan array data yang digunakan sebagai titik di chart (ykey). Hasil kode

program 3 dapat dilihat pada gambar 11.

Gambar 11 Tampilan Chart Line Kegiatan Promosi

Kode Program 4 Perintah Menampilkan Data Dalam Bentuk Tabel

1. function tbodysekolah(data){

2. var totalPromosi = 0;

3. var totalMasuk = 0;

4. var x = _.sortBy(data, function(x){return x.masuk;});

5. x = x.reverse();

6.

7. var html = "";

8. var foot= "";

9.

10. var nomor = 1;

11. $.each(x,function(){

12. if(this.label!=""){

13. if(this.promosi==0 && this.masuk > 0){

14. html+="<tr class='alert-success'>";

15. }else if(this.promosi > 0 && this.masuk == 0){

16. html+="<tr class='alert-danger'>";

17. }else{

18. html+="<tr>";

19. }

20. html+="<td>" +(nomor++) +"</td>";

21. html+="<td>" + "" +"</td>";

22. html+="<td>" + this.kota +"</td>";

23. html+="<td title='"+this.sekolah.kode_sekolah+"'>"

24. + this.sekolah.nama +"</td>";

25. html+="<td>" + this.promosi +"</td>";

26. html+="<td>" + this.masuk +"</td>";

27. html+="</tr>";

28. 29. totalPromosi+=this.promosi;

16

30. totalMasuk+=this.masuk;

31. }

32. });

33. $("#tbodysekolah").html(html);

34. $("#tfootsekolah").html("<tr><td></td><td></td><td></td><td>TOTAL</

td><td>"

35. +totalPromosi+"</td><td>"+totalMasuk+"</td></tr>");

36. $("#totalpromosi").html(totalPromosi);

37. $("#totalmasuk").html(totalMasuk);

38. }

Kode program 4 tersebut dipergunakan untuk menampilkan data dalam bentuk

tabel. Di bagian atas dideklarasikan variable untuk menampung total jumlah

promosi, dan total jumlah mahasiswa masuk. Keduanya diberi nilai awal “0”.

Kemudian dengan menggunakan library JQUERY, data dilakukan sort terlebih

dahulu berdasarkan jumlah mahasiswa masuk (lihat baris 4). Agar urutannya

descending (besar ke kecil), maka dipanggil fungsi reverse (lihat bari 5). Baris 11

s/d 37 digunakan untuk mencetak baris per baris pada tabel. Isi dari row itu adalah

nomor urut (lihat baris 20), nama kota (baris 22), nama sekolah (baris 24), jumlah

promosi (baris 25), dan jumlah mahasiswa masuk (baris 26). Pada bagian akhir

tabel ditampilkan total jumlah promosi dan total jumlah mahasiswa masuk (baris

36 dan baris 37). Bentuk tampilan hasil proses kode program 4 dapat dilihat pada

gambar 12.

Gambar 12 Tampilan Tabel Kegiatan Promosi

Pengujian aplikasi dashboard promosi FTI UKSW pada penelitian ini

dilakukan dengan metode blackbox seperti tabel 3. Pengujian ini dilakukan untuk

mengetahui performa dari aplikasi.

Tabel 3 Pengujian dengan metode Blackbox

No Aktivitas dan Event Input Output Status

Pengujian

1 Login Username dan

password

Pesan error jika inputan

salah.

Valid

2 Kelola data sekolah oleh

Admin, yaitu nama,

kota/kab, dan kategori

data nama sekolah,

kota/kab, dan kategori,

lalu klik button Simpan

Berhasil disimpan Valid

Klik button Edit pada Muncul halaman edit Valid

17

baris daftar sekolah sekolah.

Klik Simpan pada

halaman edit


Klik button Hapus pada

baris daftar sekolah

Berhasil dihapus Valid


promosi oleh Admin,



kota/kab, propinsi

Data jumlah promosi,


kota/kab, propinsi, lalu

klik button Simpan



baris daftar promosi


4 Kelola data mahasiswa

masuk oleh Admin,

yaitu jumlah mahasiswa

baru, tahun, nama

sekolah asal, kota/kab,

propinsi

Data jumlah

mahasiswa baru, tahun,

nama sekolah asal,

kota/kab, propinsi, lalu

klik button Simpan



baris daftar mahasiswa

masuk.





oleh Admin

Proses memasukkan

data filter berupa

tahun, provinsi,


sekolah.

Tampilan listbox. Valid

Klik button Tampilkan Tampilan grafik 5 (lima)



filter.

Valid



baru hasil filter.

Valid




oleh Pemimpin

Proses memasukkan

data filter berupa

tahun, provinsi,


sekolah.

Tampilan listbox. Valid

Klik button Tampilkan Tampilan grafik 5 (lima)



filter.

Valid



baru hasil filter.

Valid

Pengujian menggunakan metode uji responden dilakukan oleh 3 (tiga)

responden, yaitu admin Bagian Promosi FTI UKSW sebagai actor Admin dan 2

(dua) actor Pemimpin, yaitu Koordinator Bagian Promosi FTI UKSW Agustinus

Fritz Wijaya dan Kaprogdi Teknik Informatika Bapak Suprihadi . Berdasarkan uji

responden tersebut, sistem promosi FTI UKSW menggunakan aplikasi dashboard

berbasis web dinyatakan telah sesuai dan memenuhi kebutuhan.

18

5. Simpulan

Berdasarkan hasil dari perancangan aplikasi dashboard promosi FTI

UKSW berbasis web dapat disimpulkan yaitu aplikasi dirancang supaya dapat

diakses secara bersama oleh 2 (dua) jenis actor, yaitu Admin dan Pemimpin

menggunakan konsep dashboard system, sehingga dapat menampilkan obyek data

kegiatan promosi dan mahasiswa baru dalam satu halaman tampilan berbasis web.

Aplikasi yang dibangun dapat dipergunakan sebagai aplikasi prototipe untuk

memantau informasi kegiatan promosi FTI UKSW secara cepat dan diakses

secara online.

6. Saran

1. Untuk penelitian selanjutnya disarankan untuk menambah variable dari

sekolah menegah atas dan sekolah menegah kejuruan yang berprestasi.

2. Menambah variable kemampuan ekonomi dari setiap sekolah menegah atas

dan sekolah menegah kejuruan.

3. Perlunya data promosi di update setiap bulan sehingga grafik promosi dapat

di tampilkan secara detail setiap bulan, sehingga pimpinan serta ketua

bidang promosi dapat melihat kinerja Bidang Promosi Setiap bulanya.

7. Pustaka

[1] Dewi, C. 2011. Rancang Bangun Sistem Informasi Promosi Fakultas

Teknologi Informasi Universitas Kristen Satya Wacana Berbasis AHP

(Analytical Hierarchy Process). Fakultas Teknologi Informasi Universitas

Kristen Satya Wacana. [2] Saputro CF, Anggraeni W, Mukhlason A, (2012), “Pembuatan Dashboard

Berbasis Web Sebagai Sarana Evaluasi Diri Berkala untuk Persiapan Penilaian

Akreditasi Berdasarkan Standar Badan Akreditasi Nasional Perguruan Tinggi”

Jurnal Teknik ITS, Vol. 1, ISSN: 2301-9271

[3] Wankhade, RS, Ingle, DR, Meshram, BB, (2012), “Web Analytics Dashboard

and Analysis System”, Advances in Computational Research, ISSN: 0975-9085,

Vol. 4, Issue 1, pp. 83-86.

[4] Kaur, K, Naven, NC, dan Sunil, K, (2013), “Development of Intelligent

Dashboards for Global Metrics Evaluation”, International Journal of Computer

Trends and Technology (IJCTT), Vol. 4 Issue 6, ISSN: 2231-2803.

[5] Pressman, 2001, Software Enginering: A Practicioner’s Approach 5th Edition,

America: Mc. Graw Hill.

Perancangan Aplikasi Dashboard Promosi FTI UKSW Berbasis Web

Documents

Transcript of Perancangan Aplikasi Dashboard Promosi FTI UKSW Berbasis Web