T1 672009056 Full text
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
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
Desember 2015
Perancangan Aplikasi Dashboard Promosi FTI UKSW
Berbasis Web
1)
Okta Hariyanto, 2)Suprihadi 3)Agustinus Fritz Wijaya
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Jl. Diponegoro 52-60, Salatiga 50711, Indonesia
1)
E-mail : 672009056@student.uksw.edu, 2)suprihadi@staff.uksw.edu
3)
agustinus.wijaya@staff.uksw.edu,
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
Staf Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
3
Staf Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
2
1
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
2
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.
3
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.
4
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.
5
Edit Sekolah
Hapus Sekolah
Hapus Promosi
Tambah Promosi
Daftar Data Promosi
Tambah MHS Masuk
Kelola Sekolah
Kelola Promosi
Kelola MHS Masuk
Tambah Sekolah
Hapus MHS Masuk
Daftar Data Sekolah
Daftar MHS Masuk
Admin
Grafik Jml Mahasiswa Baru
Pimpinan
Statistik
Grafik Jml Kegiatan Promosi
Tabel Jml Kegiatan Promosi
Tabel Jml MHS Baru
Tabel Jml Promosi dan Jml MHS
Baru
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.
6
Pimpinan
Sistem
Basis Data
Login
Mulai
Tidak
Benar?
Masukkan Username
dan Password
Ya
Masukkan Awal
Tahun
Input Data Filter
Masukkan Akhir
Tahun
Logout
Masukkan
Propinsi
Masukkan
Kab/Kota
Masukkan Kategori
Sekolah
Tekan Button
Tampilkan
Ambil Data
Promosi
Ambil Data
Mahasiswa Baru
View Grafik
View Tabel
Selesai
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 (objekobjek yang terkait).
7
: View_Login
: Pimpinan
: 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.
8
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
9
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.
No
1
2
3
4
5
6
Spesifikasi
Login
Kelola data sekolah
oleh Admin, yaitu
nama, kota/kab, dan
kategori
Kelola data kegiatan
promosi oleh Admin,
yaitu jumlah promosi,
tahun, nama sekolah,
kota/kab, propinsi
Kelola data mahasiswa
masuk oleh Admin,
yaitu jumlah
mahasiswa baru, tahun,
nama sekolah asal,
kota/kab, propinsi
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang masuk
oleh Admin
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang masuk
oleh Pemimpin
Tabel 1 Dokumentasi Prototipe I
Deskripsi
Testing dan Validasi
Proses Login untuk user Dapat Dilakukan
Proses tambah data
Admin dapat tambah data
sekolah sebagai sasaran
sekolah.
promosi
Proses Update dan
Admin dapat mengedit dan
Delete dalam daftar
menghapus data sekolah
sekolah
terdaftar.
Proses tambah data
Admin dapat tambah data
kegiatan promosi
Proses hapus data
Admin dapat menghapus
kegiatan promosi
data
Ket.
OK
OK
OK
OK
OK
Proses tambah data
mahasiswa masuk
Proses hapus data
mahasiswa masuk.
Admin dapat tambah data
OK
Admin dapat menghapus
data
OK
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,
provinsi, kota/kab, dan
kategori sekolah.
Tampilan grafik 5 (lima)
teratas jumlah promosi dan
mahasiswa baru hasil filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Adanya inputan data filter
berupa listbox.
Ok
Proses memasukkan data
filter berupa tahun,
provinsi, kota/kab, dan
kategori sekolah.
Proses menampilkan
data hasil filter tahun,
provinsi, kota/kab, dan
kategori sekolah.
10
Tampilan grafik 5 (lima)
teratas jumlah promosi dan
mahasiswa baru hasil filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Ok
Belum
Ada
Belum
Ada
Belum
Ada
No
1
2
3
4
5
6
Spesifikasi
Login
Kelola data sekolah
oleh Admin, yaitu
nama, kota/kab, dan
kategori
Kelola data kegiatan
promosi oleh Admin,
yaitu jumlah promosi,
tahun, nama sekolah,
kota/kab, propinsi
Kelola data
mahasiswa masuk
oleh Admin, yaitu
jumlah mahasiswa
baru, tahun, nama
sekolah asal, kota/kab,
propinsi
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang
masuk oleh Admin
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang
masuk oleh Pemimpin
Tabel 2 Dokumentasi Prototipe II
Deskripsi
Testing dan Validasi
Proses Login untuk user Dapat Dilakukan
Proses tambah data
Admin dapat tambah
sekolah sebagai sasaran
data sekolah.
promosi
Proses Update dan
Admin dapat mengedit
Delete dalam daftar
dan menghapus data
sekolah
sekolah terdaftar.
Proses tambah data
Admin dapat tambah
kegiatan promosi
data
Proses hapus data
Admin dapat menghapus
kegiatan promosi
data
Ket.
OK
OK
OK
OK
OK
Proses tambah data
mahasiswa masuk
Proses hapus data
mahasiswa masuk.
Admin dapat tambah
data
Admin dapat menghapus
data
OK
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,
provinsi, kota/kab, dan
kategori sekolah.
Tampilan grafik 5 (lima)
teratas jumlah promosi
dan mahasiswa baru hasil
filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Adanya inputan data
filter berupa listbox.
Ok
Tampilan grafik 5 (lima)
teratas jumlah promosi
dan mahasiswa baru hasil
filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Ok
Proses memasukkan data
filter berupa tahun,
provinsi, kota/kab, dan
kategori sekolah.
Proses menampilkan
data hasil filter tahun,
provinsi, kota/kab, dan
kategori sekolah.
OK
Ok
Ok
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
11
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
12
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.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
function loadPromosi(){
$.getJSON("ajax.php?get=promosi",function(json){
jsonPromosi = json;
})
}
function loadSekolah(){
$.getJSON("ajax.php?get=sekolah",function(json){
jsonSekolah = json;
})
}
function loadMasuk(){
$.getJSON("ajax.php?get=masuk",function(json){
jsonMasuk = json;
})
}
13
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.
2.
3.
4.
5.
6.
7.
function pie(data, elementid, label){
$("#" + elementid).empty();
Morris.Donut({
element: elementid,
data: data,
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.
2.
3.
4.
5.
6.
7.
function linePromosi(json){
$("#hero-graph").empty();
Morris.Line({
element: 'hero-graph',
data: json,
xkey: 'tahun',
ykeys: ['promosi', 'masuk'],
14
8.
9.
10.
11. }
labels: ['Promosi', 'Masuk'],
lineColors:['#8d5cbe','#f06060']
});
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+="";
15.
}else if(this.promosi > 0 && this.masuk == 0){
16.
html+="";
17.
}else{
18.
html+="";
19.
}
20.
html+="" +(nomor++) +"";
21.
html+="" + "" +"";
22.
html+="" + this.kota +"";
23.
html+=""
24.
+ this.sekolah.nama +"";
25.
html+="" + this.promosi +"";
26.
html+="" + this.masuk +"";
27.
html+="";
28.
29.
totalPromosi+=this.promosi;
15
30.
31.
32.
33.
34.
35.
36.
37.
38.
totalMasuk+=this.masuk;
}
});
$("#tbodysekolah").html(html);
$("#tfootsekolah").html("TOTAL"
+totalPromosi+""+totalMasuk+"");
$("#totalpromosi").html(totalPromosi);
$("#totalmasuk").html(totalMasuk);
}
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.
No
Tabel 3 Pengujian dengan metode Blackbox
Aktivitas dan Event
Input
Output
1
Login
2
Kelola data sekolah oleh
Admin, yaitu nama,
kota/kab, dan kategori
Username dan
password
data nama sekolah,
kota/kab, dan kategori,
lalu klik button Simpan
Klik button Edit pada
16
Pesan error jika inputan
salah.
Berhasil disimpan
Muncul halaman edit
Status
Pengujian
Valid
Valid
Valid
3
4
5
6
Kelola data kegiatan
promosi oleh Admin,
yaitu jumlah promosi,
tahun, nama sekolah,
kota/kab, propinsi
Kelola data mahasiswa
masuk oleh Admin,
yaitu jumlah mahasiswa
baru, tahun, nama
sekolah asal, kota/kab,
propinsi
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang masuk
oleh Admin
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang masuk
oleh Pemimpin
baris daftar sekolah
Klik Simpan pada
halaman edit
Klik button Hapus pada
baris daftar sekolah
Data jumlah promosi,
tahun, nama sekolah,
kota/kab, propinsi, lalu
klik button Simpan
Klik button Hapus pada
baris daftar promosi
Data jumlah
mahasiswa baru, tahun,
nama sekolah asal,
kota/kab, propinsi, lalu
klik button Simpan
Klik button Hapus pada
baris daftar mahasiswa
masuk.
Proses memasukkan
data filter berupa
tahun, provinsi,
kota/kab, dan kategori
sekolah.
Klik button Tampilkan
Proses memasukkan
data filter berupa
tahun, provinsi,
kota/kab, dan kategori
sekolah.
Klik button Tampilkan
sekolah.
Berhasil disimpan
Valid
Berhasil dihapus
Valid
Berhasil disimpan
Valid
Berhasil dihapus
Valid
Berhasil disimpan
Valid
Berhasil dihapus
Valid
Tampilan listbox.
Valid
Tampilan grafik 5 (lima)
teratas jumlah promosi
dan mahasiswa baru hasil
filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Tampilan listbox.
Valid
Tampilan grafik 5 (lima)
teratas jumlah promosi
dan mahasiswa baru hasil
filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Valid
Valid
Valid
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.
17
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]
[2]
[3]
[4]
[5]
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.
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
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.
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.
Pressman, 2001, Software Enginering: A Practicioner’s Approach 5 th Edition,
America: Mc. Graw Hill.
18
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
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
Desember 2015
Perancangan Aplikasi Dashboard Promosi FTI UKSW
Berbasis Web
1)
Okta Hariyanto, 2)Suprihadi 3)Agustinus Fritz Wijaya
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Jl. Diponegoro 52-60, Salatiga 50711, Indonesia
1)
E-mail : 672009056@student.uksw.edu, 2)suprihadi@staff.uksw.edu
3)
agustinus.wijaya@staff.uksw.edu,
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
Staf Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
3
Staf Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
2
1
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
2
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.
3
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.
4
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.
5
Edit Sekolah
Hapus Sekolah
Hapus Promosi
Tambah Promosi
Daftar Data Promosi
Tambah MHS Masuk
Kelola Sekolah
Kelola Promosi
Kelola MHS Masuk
Tambah Sekolah
Hapus MHS Masuk
Daftar Data Sekolah
Daftar MHS Masuk
Admin
Grafik Jml Mahasiswa Baru
Pimpinan
Statistik
Grafik Jml Kegiatan Promosi
Tabel Jml Kegiatan Promosi
Tabel Jml MHS Baru
Tabel Jml Promosi dan Jml MHS
Baru
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.
6
Pimpinan
Sistem
Basis Data
Login
Mulai
Tidak
Benar?
Masukkan Username
dan Password
Ya
Masukkan Awal
Tahun
Input Data Filter
Masukkan Akhir
Tahun
Logout
Masukkan
Propinsi
Masukkan
Kab/Kota
Masukkan Kategori
Sekolah
Tekan Button
Tampilkan
Ambil Data
Promosi
Ambil Data
Mahasiswa Baru
View Grafik
View Tabel
Selesai
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 (objekobjek yang terkait).
7
: View_Login
: Pimpinan
: 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.
8
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
9
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.
No
1
2
3
4
5
6
Spesifikasi
Login
Kelola data sekolah
oleh Admin, yaitu
nama, kota/kab, dan
kategori
Kelola data kegiatan
promosi oleh Admin,
yaitu jumlah promosi,
tahun, nama sekolah,
kota/kab, propinsi
Kelola data mahasiswa
masuk oleh Admin,
yaitu jumlah
mahasiswa baru, tahun,
nama sekolah asal,
kota/kab, propinsi
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang masuk
oleh Admin
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang masuk
oleh Pemimpin
Tabel 1 Dokumentasi Prototipe I
Deskripsi
Testing dan Validasi
Proses Login untuk user Dapat Dilakukan
Proses tambah data
Admin dapat tambah data
sekolah sebagai sasaran
sekolah.
promosi
Proses Update dan
Admin dapat mengedit dan
Delete dalam daftar
menghapus data sekolah
sekolah
terdaftar.
Proses tambah data
Admin dapat tambah data
kegiatan promosi
Proses hapus data
Admin dapat menghapus
kegiatan promosi
data
Ket.
OK
OK
OK
OK
OK
Proses tambah data
mahasiswa masuk
Proses hapus data
mahasiswa masuk.
Admin dapat tambah data
OK
Admin dapat menghapus
data
OK
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,
provinsi, kota/kab, dan
kategori sekolah.
Tampilan grafik 5 (lima)
teratas jumlah promosi dan
mahasiswa baru hasil filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Adanya inputan data filter
berupa listbox.
Ok
Proses memasukkan data
filter berupa tahun,
provinsi, kota/kab, dan
kategori sekolah.
Proses menampilkan
data hasil filter tahun,
provinsi, kota/kab, dan
kategori sekolah.
10
Tampilan grafik 5 (lima)
teratas jumlah promosi dan
mahasiswa baru hasil filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Ok
Belum
Ada
Belum
Ada
Belum
Ada
No
1
2
3
4
5
6
Spesifikasi
Login
Kelola data sekolah
oleh Admin, yaitu
nama, kota/kab, dan
kategori
Kelola data kegiatan
promosi oleh Admin,
yaitu jumlah promosi,
tahun, nama sekolah,
kota/kab, propinsi
Kelola data
mahasiswa masuk
oleh Admin, yaitu
jumlah mahasiswa
baru, tahun, nama
sekolah asal, kota/kab,
propinsi
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang
masuk oleh Admin
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang
masuk oleh Pemimpin
Tabel 2 Dokumentasi Prototipe II
Deskripsi
Testing dan Validasi
Proses Login untuk user Dapat Dilakukan
Proses tambah data
Admin dapat tambah
sekolah sebagai sasaran
data sekolah.
promosi
Proses Update dan
Admin dapat mengedit
Delete dalam daftar
dan menghapus data
sekolah
sekolah terdaftar.
Proses tambah data
Admin dapat tambah
kegiatan promosi
data
Proses hapus data
Admin dapat menghapus
kegiatan promosi
data
Ket.
OK
OK
OK
OK
OK
Proses tambah data
mahasiswa masuk
Proses hapus data
mahasiswa masuk.
Admin dapat tambah
data
Admin dapat menghapus
data
OK
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,
provinsi, kota/kab, dan
kategori sekolah.
Tampilan grafik 5 (lima)
teratas jumlah promosi
dan mahasiswa baru hasil
filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Adanya inputan data
filter berupa listbox.
Ok
Tampilan grafik 5 (lima)
teratas jumlah promosi
dan mahasiswa baru hasil
filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Ok
Proses memasukkan data
filter berupa tahun,
provinsi, kota/kab, dan
kategori sekolah.
Proses menampilkan
data hasil filter tahun,
provinsi, kota/kab, dan
kategori sekolah.
OK
Ok
Ok
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
11
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
12
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.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
function loadPromosi(){
$.getJSON("ajax.php?get=promosi",function(json){
jsonPromosi = json;
})
}
function loadSekolah(){
$.getJSON("ajax.php?get=sekolah",function(json){
jsonSekolah = json;
})
}
function loadMasuk(){
$.getJSON("ajax.php?get=masuk",function(json){
jsonMasuk = json;
})
}
13
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.
2.
3.
4.
5.
6.
7.
function pie(data, elementid, label){
$("#" + elementid).empty();
Morris.Donut({
element: elementid,
data: data,
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.
2.
3.
4.
5.
6.
7.
function linePromosi(json){
$("#hero-graph").empty();
Morris.Line({
element: 'hero-graph',
data: json,
xkey: 'tahun',
ykeys: ['promosi', 'masuk'],
14
8.
9.
10.
11. }
labels: ['Promosi', 'Masuk'],
lineColors:['#8d5cbe','#f06060']
});
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+="";
15.
}else if(this.promosi > 0 && this.masuk == 0){
16.
html+="";
17.
}else{
18.
html+="";
19.
}
20.
html+="" +(nomor++) +"";
21.
html+="" + "" +"";
22.
html+="" + this.kota +"";
23.
html+=""
24.
+ this.sekolah.nama +"";
25.
html+="" + this.promosi +"";
26.
html+="" + this.masuk +"";
27.
html+="";
28.
29.
totalPromosi+=this.promosi;
15
30.
31.
32.
33.
34.
35.
36.
37.
38.
totalMasuk+=this.masuk;
}
});
$("#tbodysekolah").html(html);
$("#tfootsekolah").html("TOTAL"
+totalPromosi+""+totalMasuk+"");
$("#totalpromosi").html(totalPromosi);
$("#totalmasuk").html(totalMasuk);
}
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.
No
Tabel 3 Pengujian dengan metode Blackbox
Aktivitas dan Event
Input
Output
1
Login
2
Kelola data sekolah oleh
Admin, yaitu nama,
kota/kab, dan kategori
Username dan
password
data nama sekolah,
kota/kab, dan kategori,
lalu klik button Simpan
Klik button Edit pada
16
Pesan error jika inputan
salah.
Berhasil disimpan
Muncul halaman edit
Status
Pengujian
Valid
Valid
Valid
3
4
5
6
Kelola data kegiatan
promosi oleh Admin,
yaitu jumlah promosi,
tahun, nama sekolah,
kota/kab, propinsi
Kelola data mahasiswa
masuk oleh Admin,
yaitu jumlah mahasiswa
baru, tahun, nama
sekolah asal, kota/kab,
propinsi
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang masuk
oleh Admin
Tampilan data statistik
kegiatan promosi dan
mahasiswa yang masuk
oleh Pemimpin
baris daftar sekolah
Klik Simpan pada
halaman edit
Klik button Hapus pada
baris daftar sekolah
Data jumlah promosi,
tahun, nama sekolah,
kota/kab, propinsi, lalu
klik button Simpan
Klik button Hapus pada
baris daftar promosi
Data jumlah
mahasiswa baru, tahun,
nama sekolah asal,
kota/kab, propinsi, lalu
klik button Simpan
Klik button Hapus pada
baris daftar mahasiswa
masuk.
Proses memasukkan
data filter berupa
tahun, provinsi,
kota/kab, dan kategori
sekolah.
Klik button Tampilkan
Proses memasukkan
data filter berupa
tahun, provinsi,
kota/kab, dan kategori
sekolah.
Klik button Tampilkan
sekolah.
Berhasil disimpan
Valid
Berhasil dihapus
Valid
Berhasil disimpan
Valid
Berhasil dihapus
Valid
Berhasil disimpan
Valid
Berhasil dihapus
Valid
Tampilan listbox.
Valid
Tampilan grafik 5 (lima)
teratas jumlah promosi
dan mahasiswa baru hasil
filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Tampilan listbox.
Valid
Tampilan grafik 5 (lima)
teratas jumlah promosi
dan mahasiswa baru hasil
filter.
Tampilan tabel jumlah
promosi dan mahasiswa
baru hasil filter.
Valid
Valid
Valid
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.
17
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]
[2]
[3]
[4]
[5]
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.
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
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.
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.
Pressman, 2001, Software Enginering: A Practicioner’s Approach 5 th Edition,
America: Mc. Graw Hill.
18