T1 672009056 Full text

(1)

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

(2)

(3)

(4)

(5)

(6)

(7)

1

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

E-mail : 1)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 2

Staf Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana 3

(8)

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

(9)

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

(10)

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.

(11)

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.

(12)

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 Promosi

Tabel Jml Kegiatan Promosi Pimpinan

Admin

Statistik

Tabel Jml Promosi dan Jml MHS Baru

<<include>>

<<include>> <<include>> <<include>> <<include>>

Gambar 2 Use Case Diagram Aplikasi

(13)

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

Pimpinan

Gambar 3 Activity DiagramDashboard 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.

(14)

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

(15)

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

(16)

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

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,

Admin dapat tambah data OK

Proses hapus data kegiatan promosi

Admin dapat menghapus data

OK

4 Kelola data mahasiswa

masuk oleh Admin,

Admin dapat tambah data OK

Proses hapus data mahasiswa masuk.

Admin dapat menghapus data

OK

5 Tampilan data statistik

kegiatan promosi dan

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.

Ok

Tampilan tabel jumlah promosi dan mahasiswa baru hasil filter.

Ok

Adanya inputan data filter berupa listbox.

Belum Ada

Proses menampilkan data hasil filter tahun, provinsi, kota/kab, dan kategori sekolah.

(17)

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

Delete dalam daftar sekolah

Admin dapat mengedit dan menghapus data sekolahterdaftar.

OK

promosi oleh Admin,

kegiatan promosi dan data hasil filter tahun, provinsi, kota/kab, dan kategori sekolah.

(18)

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

(19)

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. })

(20)

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

(21)

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.

(22)

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

Admin, yaitu nama, kota/kab, dan kategori

data nama sekolah, kota/kab, dan kategori, lalu klik button Simpan

Berhasil disimpan Valid

(23)

17

baris daftar sekolah sekolah.

Klik Simpan pada halaman edit

Klik button Hapus pada baris daftar sekolah

Berhasil dihapus Valid

promosi oleh Admin,

Klik button Hapus pada baris daftar promosi

4 Kelola data mahasiswa

masuk oleh Admin,

Klik button Hapus pada baris daftar mahasiswa masuk.

Tampilan listbox. Valid

Klik button Tampilkan Tampilan grafik 5 (lima)

teratas jumlah promosi dan mahasiswa baru hasil filter.

Tampilan listbox. Valid

Klik button Tampilkan Tampilan grafik 5 (lima)

teratas jumlah promosi dan mahasiswa baru hasil filter.

(24)

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 TeknikITS, 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.