BAB V IMPLEMENTASI. 5.1 Lingkungan Implementasi. Agar dapat mengimplementasikan perancangan yang telah dibuat,

BAB V IMPLEMENTASI

5.1

Lingkungan Implementasi Agar dapat mengimplementasikan perancangan yang telah dibuat,

dibutuhkan perangkat keras dan perangkat lunak yang mendukung untuk pembangunan aplikasi. 5.1.1 Perangkat Keras Perangkat keras yang digunakan pada saat pembangunan aplikasi ialah memiliki spesifikasi minimum sebagai berikut. a.

Processor 1.33 GHz

b.

Memory 1024 MB

c.

Layar

d.

Mouse

e.

Keyboard

5.1.2

Perangak Lunak Perangkat lunak yang digunakan pada saat pembangunan aplikasi ialah

sebagai berikut. a.

Sublime Text

b.

Web Browser Google Chrome, Mozilla Firefox

c.

HeidiSQL

d.

XAMPP

e.

Pentaho Data Integration (PDI)

85

86

5.2

Implementasi Query Implementasi query merupakan perintah-perintah yang digunakan untuk

menampilkan data sesuai dengan kebutuhan data dan informasi yang dibutuhkan. Data yang digunakan untuk kebutuhan data dan informasi ialah bersumber dari data warehouse Universitas Widyatama. Berikut ini merupakan implementasi query sesuai dengan kebutuhan data. Tabel 5. 1 Implementasi Query No 1.

Informasi

Jumlah Calon Mahasiswa SELECT pe.THN AS THN, p.NM_PRODI AS Yang Ikut Seleksi

2.

Jumlah Calon Mahasiswa Yang Lulus Seleksi

3.

Jumlah Mahasiswa Baru Reguler bukan Transfer

4.

Query

Jumlah Mahasiswa Baru

NM_PRODI, p.NM_FAKULTAS AS NM_FAKULTAS, sum(f.JML_CMHS_DAFTAR) AS JML_CMHS_LULUS FROM fact_cmahasiswa f JOIN dim_prodi p ON f.KD_PRODI = p.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY pe.KD_PERIODE, f.KD_PRODI SELECT pe.THN AS THN, p.NM_PRODI AS NM_PRODI, p.NM_FAKULTAS AS NM_FAKULTAS, sum(f.JML_CMHS_LULUS) AS JML_CMHS_LULUS FROM fact_cmahasiswa f JOIN dim_prodi p ON f.KD_PRODI = p.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY pe.KD_PERIODE, f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, SUM(f.JML_MABA_REGULER) AS JML_MABA_REGULER FROM fact_mahasiswa f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS,

87

Transfer

5.

Jumlah Total Mahasiswa Reguler bukan Transfer

6.

Jumlah Total Mahasiswa Transfer

7.

Rata-rata

Masa

Studi

Lulusan

8.

Rata-rata IPK Lulusan

9.

Jumlah Lulusan

SUM(f.JML_MABA_TRANSFER) AS JML_MABA_TRANSFER FROM fact_mahasiswa f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, SUM(f.JML_TOTAL_MHS_REGULER) AS JML_TOTAL_MHS_REGULER FROM fact_mahasiswa f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, SUM(f.JML_TOTAL_MHS_TRANSFER) AS JML_TOTAL_MHS_TRANSFER FROM fact_mahasiswa f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, AVG(f.IPK) AS AVG_LULUSAN, FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, AVG(f.IPK) AS AVG_LULUSAN, FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, COUNT(f.KD_PERIODE) AS JML_LULUSAN FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI =

88

10.

Jumlah Lulusan Reguler bukan Transfer

11.

Jumlah Lulusan Transfer

12.

Persentase IPK Lulusan Reguler

dengan

IPK<2,75

13.

Persentase IPK Lulusan Reguler

dengan

IPK

2,75-3,50

14.

Persentase IPK Lulusan Reguler IPK>3,50

dengan

d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, SUM(f.MHS_REGULER) AS LULUSAN_REGULER, FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, SUM(f.MHS_TRANSFER) AS LULUSAN_TRANSFER, FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, SUM(f.P_IPK_BAWAH) AS P_IPK_BAWAH FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, SUM(f.P_IPK_TENGAH) AS P_IPK_TENGAH FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, SUM(f.P_IPK_TENGAH) AS P_IPK_TENGAH SUM(f.P_IPK_ATAS) AS P_IPK_ATAS FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE

89

GROUP BY f.KD_PERIODE,f.KD_PRODI

15.

IPK Minimum Lulusan SELECT pe.THN AS THN,d.NM_PRODI AS Reguler

16.

IPK Rata-rata Lulusan Reguler

17.

IPK Maksimum Lulusan Reguler

5.3

NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, min(f.IPK) AS IPK_REG_MIN FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, avg(f.IPK) AS IPK_REG_AVG, FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI SELECT pe.THN AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS, max(f.IPK) AS IPK_REG_MAX, FROM fact_lulusan f JOIN dim_prodi d on f.KD_PRODI = d.KD_PRODI JOIN dim_periode pe on f.KD_PERIODE = pe.KD_PERIODE GROUP BY f.KD_PERIODE,f.KD_PRODI

Implementasi Antarmuka Implementasi merupakan tahapan pembuatan aplikasi, melakukan proses

pengkodean yang disesuaikan berdasarkan hasil rancangan sistem yang telah dibuat pada tahap sebelumnya. Tampilan antarmuka dikelompokkan berdasarkan aplikasi yang dibangun, yaitu Antarmuka Administrator Dashboard dan Antarmuka Dashboard.

90

5.3.1 Antarmuka Administrator Dashboard Antarmuka Administrator Dashboard merupakan halaman aplikasi yang hanya digunakan oleh seorang administrator untuk mengatur koneksi data warehouse dan mengatur tahun akademik yang ingin ditampilkan pada aplikasi dashboard. Untuk dapat menggunakan aplikasi administrator ini, pengguna harus melakukan proses autentifikasi dahulu. Berikut ini adalah antarmuka yang terdapat pada aplikasi administrator dashboard. 1.

Antarmuka Halaman Login Halaman login merupakan halaman yang pertama kali tampil saat aplikasi

administrator dashboard dibuka. Pada halaman ini, pengguna harus memasukkan username dan password pada kolom yang telah disediakan seperti terlihat pada gambar 5.1. Jika pengguna salah memasukkan username atau password, maka aplikasi akan memberikan pemberitahuan seperti pada gambar 5.2.

Gambar 5. 1 Tampilan Halaman Login

Gambar 5. 2 Tampilan Halaman Gagal Login

91

2.

Antarmuka Menu Home Jika pengguna telah berhasil memasukkan username dan password yang

sesuai, maka aplikasi akan secara otomatis menampilkan halaman home seperti pada gambar 5.3. Pada menu ini menampilkan penjelasan dari masing-masing fitur yang ada pada aplikasi administrator borang akreditasi.

Gambar 5. 3 Tampilan Antarmuka Menu Home Administrator

3.

Antarmuka Menu Dashboard Menu dashboard merupakan halaman yang menampilkan aplikasi dashboard

borang akreditasi standar 3. Jika pengguna memilih menu dashboard, maka aplikasi akan menampilkan tampilan seperti pada gambar 5.4. Pada menu ini, pengguna dapat melihat informasi-informasi mengenai borang akreditasi standar 3 dalam bentuk grafik ataupun tabular. Selain itu, pengguna juga dapat melakukan analisis dengan cara membuat grafik sesuai dengan kebutuhan penggunanya.

92

Gambar 5. 4 Tampilan Antarmuka Menu Dashboard Administrator

4.

Antarmuka Menu Koneksi Menu koneksi merupakan halaman untuk melakukan pengaturan koneksi

aplikasi dashboard borang akreditasi standar 3 dengan data warehouse. Jika pengguna memilih menu koneksi yang terletak disebelah kiri, aplikasi akan menampilkan tampilan seperti pada gambar 5.5. Pada halaman ini, pengguna dapat melihat koneksi data warehouse yang sedang digunakan pada kolom sebelah kiri. Sedangkan kolom yang terletak di sebelah kanan digunakan untuk mengubah koneksi data warehouse.

Gambar 5. 5 Tampilan Antarmuka Menu Koneksi Administrator

93

5.

Antarmuka Halaman Periode Halaman periode merupakan halaman untuk mengatur tahun akademik yang

ingin ditampilkan pada aplikasi dashboard borang akreditasi standar 3. Pada halaman periode ini, pengguna dapat mengatur tahun akademik dengan cara memilih tahun awal akademik dan tahun akhir akademik yang akan ditampilkan pada aplikasi dashboard dan pengguna dapat melihat tahun akademik yang telah diatur sebelumnya.

Gambar 5. 6 Tampilan Antarmuka Menu Periode Administrator

5.3.2 Antarmuka Dashboard Antarmuka dashboard merupakan halaman aplikasi yang menampilkan informasi mengenai borang akreditasi standar 3, baik dalam bentuk grafik maupun tabular. Selain itu, pada aplikasi dashboard dapat melakukan analisis dengan cara membuat grafik sesuai dengan keinginan atau kebutuhan penggunanya. Berikut ini adalah antarmuka yang terdapat pada aplikasi dashboard. 1.

Antarmuka Menu Home Menu Home adalah halaman yang pertama kali muncul pada saat aplikasi

dashboard dijalankan. Pada halaman ini menampilkan informasi tentang jumlah

94

calon mahasiswa, mahasiswa baru, mahasiswa aktif, dan lulusan dari tahun ke tahun yang disajikan dalam bentuk grafik garis, sehingga akan terlihat perkembangannya setiap tahun.

Gambar 5. 7 Antarmuka Menu Home Aplikasi Dashboard

2.

Antarmuka Menu Dashboard Menu Dashboard adalah halaman yang menyajikan informasi mengenai

borang akreditasi standar 3. Selain itu, di dalam menu ini menyediakan fitur drilldown untuk setiap grafiknya. Drill-down grafik dapat dilakukan sampai 2 tingkat, yaitu dari tingkat universitas ke tingkat fakultas, dan dari tingkat fakultas ke tingkat program studi. Pada menu Dashboard memiliki 5 sub menu yaitu sub menu Calon Mahasiswa, sub menu Mahasiswa Baru, sub menu Mahasiswa, sub menun Lulusan, dan sub menu Tabel. Pada sub menu Calon Mahasiswa, aplikasi akan menampilkan informasi dalam bentuk grafik dan tabular mengenai jumlah calon mahasiswa ikut seleksi dan jumlah calon mahasiswa lulus seleksi.

95

Gambar 5. 8 Antarmuka Sub Menu Calon Mahasiswa Aplikasi Dashboard

Gambar 5. 9 Antarmuka Data Tabular Sub Menu Calon Mahasiswa Pada sub menu Mahasiswa baru, aplikasi akan menampilkan informasi dalam bentuk grafik dan tabular mengenai jumlah mahasiswa baru reguler bukan transfer dan jumlah mahasiswa baru transfer.

Gambar 5. 10 Antarmuka Sub Menu Mahasiswa Baru Aplikasi Dashboard

96

Gambar 5. 11 Antarmuka Data Tabular Sub Menu Mahasiswa Baru Pada sub menu Mahasiswa, aplikasi akan menampilkan informasi dalam bentuk grafik mengenai jumlah total mahasiswa reguler bukan trasnfer dan jumlah total mahasiswa transfer.

Gambar 5. 12 Antarmuka Sub Menu Mahasiswa Aplikasi Dashboard

Gambar 5. 13 Antarmuka Data Tabular Sub Menu Mahasiswa

97

Pada sub menu Lulusan, aplikasi akan menampilkan informasi dalam bentuk grafik dan tabular mengenai jumlah lulusan reguler, jumlah lulusan transfer, IPK (minimum, rata-rata, maksimum) lulusan reguler, persentase IPK lulusan reguler, rata-rata masa studi lulusan, dan jumlah semua lulusan.

Gambar 5. 14 Antarmuka Sub Menu Lulusan Aplikasi Dashboard

Gambar 5. 15 Antarmuka Data Tabular Sub Menu Lulusan Pada sub menu Tabel, aplikasi akan menampilkan informasi mengenai borang akreditasi standar 3 dalam bentuk tabel. Tabel yang ditampilkan dibagi menjadi 3 bagian, yaitu tabel untuk tingkat universitas, tabel untuk tingkat fakultas, dan tabel untuk tingkat program studi. Masing-masing tabel tersebut dapat dicetak dan dapat diunduh menjadi file berformat excel.

98

Gambar 5. 16 Antarmuka Sub Menu Tabel Aplikasi Dashboard

3.

Antarmuka Menu Custom Chart Menu Custom Chart merupakan halaman yang digunakan untuk membuat

grafik sesuai keinginan dari penggunanya. Untuk menggunakan fitur ini, pengguna harus mengisi form yang telah disediakan seperti memilih organisasi, memilih indikator atau informasi yang ingin diketahui, dan memilih rentang tahun akademik yang ingin ditampilkan. Pemilihan organisasi meliputi tingkat universitas, tiap fakultas, dan tiap program studi yang ada di Universitas Widyatama. Sedangkan pemilihan indikator meliputi informasi-informasi yang berkaitan dengan borang akreditasi standar 3. Hasil dari custom chart ini ialah menampilkan beberapa grafik seperti column chart, bar chart, dan line chart. Selain itu dapat menampilkan informasi dalam bentuk data tabular.

99

Gambar 5. 17 Antarmuka Menu Custom Chart Aplikasi Dashboard

5.4

Sitemap Program Sitemap program merupakan peta dari kode-kode aplikasi yang telah

diimplementasikan. Sitemap program ini bertujuan untuk mengetahui alur kodekode program dari aplikasi yang dibuat, sehingga akan memudahkan pencarian kode program apabila dilakukan pembaharuan atau pemeliharaan aplikasi. Sitemap program ini terbagi menjadi dua bagian aplikasi, yaitu aplikasi administrator dashboard dan aplikasi dashboard. Pada aplikasi administrator dashboard, kode program yang menampilkan halaman utama pada saat aplikasi dijalankan ialah file index.php. Pada file tersebut berisi kode program autentifikasi pengguna, jika pengguna telah mengisi username dan password sesuai dengan data yang ada di database, maka akan membuka file home.php. Pada file home.php berisi kode program untuk menampilkan header dan menu-menu. Untuk menampilkan halaman dari menumenu tersebut, file home.php akan langsung memanggil halaman tujuan dari menu yang dipilih melalui file konten.php. Di dalam file konten.php terdapat file-file dari masing-masing menu. Untuk setiap halaman yang ingin mengakses database

100

harus memanggil file config.php, pada file config.php tersebut berisi kode program untuk mengoneksikan aplikasi dengan database.

Gambar 5. 18 Sitemap Program Administrator

Pada aplikasi dashboard, kode program yang menampilkan halaman utama ialah file index.php. Pada file index.php akan memanggil file-file css dan javascript yang dibutuhkan, file tersebut diletakkan pada folder js dan css. Untuk memanggil menu-menu yang ada pada aplikasi, file index.php akan mengakses file content.php yang berisi file-file dari setiap menu seperti home.php, calonmahasiswa.php, mahasiswa.php, mahasiswabaru.php, lulusan.php, tabel.php, dan custom.php. Untuk pemanggilan setiap menu, dari file index.php akan mengirimkan sebuah link yang dapat dimanipulasi, dari link tersebut akan dikirimkan ke file content.php. Jika link yang dikirimkan dari file index.php sama dengan atau ada pada file content.php, maka file content.php akan memanggil menu yang bersangkutan. Untuk mengakses sebuah database, setiap file .php harus melampirkan file config.php yang berisi kode untuk mengoneksikan dengan

101

database. Sedangkan untuk memanggil sebuah file javascript, css, jquery atau plugin lainnya, setiap file dapat mengakses folder js dan css.

Gambar 5. 19 Sitemap Program Aplikasi Dashboard

5.5

Alur Penggunaan Fitur Alur penggunaan fitur merupakan langkah-langkah menggunakan aplikasi

yang telah dibangun, sehingga pengguna dapat mengetahui cara penggunaan fitur dari aplikasi yang dibangun. 5.5.1 Penggunaan Fitur Aplikasi Administrator Fitur-fitur yang tersedia di dalam aplikasi administrator dashboard ialah melihat dashboard borang akreditasi standar 3, melakukan pengaturan untuk koneksi aplikasi dashboard ke data warehouse, dan melakukan pengaturan tahun akademik yang ingin ditampilkan pada aplikasi dashboard. Berikut ini merupakan penjelasan dari masing-masing fitur.

102

1.

Melihat Dashboard Borang Akreditasi Berikut ini merupakan langkah-langkah untuk melihat dashboard borang

akreditasi. a.

Masuk ke aplikasi administrator dashboard dengan mengklik tombol Login di aplikasi dashboard yang terletak di ujung atas sebelah kanan.

Gambar 5. 20 Tampilan Halaman Awal Aplikasi Dashboard b.

Pilih tombol Yes.

c.

Masukkan username dan password, lalu klik tombol Sign.

Gambar 5. 21 Tampilan Halaman Login d.

Pilih Menu Dashoard yang terletak di sebelah kiri.

103

Gambar 5. 22 Tampilan Halaman Awal Aplikasi Administrator Maka akan tampil seperti pada gambar berikut.

Gambar 5. 23 Tampilan Menu Dashboard

2.

Mengubah Pengaturan Koneksi Berikut ini merupakan langkah-langkah untuk mengubah pengaturan koneksi

untuk aplikasi dashboard ke data warehouse. a.

Masuk ke halaman administrator dashboard borang akreditasi.

b.

Masukkan username dan password, lalu klik tombol Sign.

c.

Pilih Menu Koneksi yang terletak di sebelah kiri.

104

Gambar 5. 24 Tampilan Halaman Memilih Sub Menu Koneksi d.

Masukkan data koneksi yang akan diubah. Jika semua data telah diisi, klik tombol Update.

Gambar 5. 25 Tampilan Menu Koneksi e.

Jika koneksi database yang dimasukkan gagal, maka akan muncul tampilan seperti gambar berikut.

Gambar 5. 26 Tampilan Koneksi Tidak Terhubung

105

f.

Jika koneksi database yang dimasukkan berhasil, maka akan muncul tampilan seperti gambar berikut.

Gambar 5. 27 Tampilan Koneksi Terhubung

3.

Mengubah Pengaturan Periode/Tahun Akademik Berikut ini merupakan langkah-langkah untuk mengubah pengaturan

periode/tahun akademik yang ingin ditampilkan pada aplikasi dashboard. a.

Masuk ke halaman administrator dashboard borang akreditasi.

b.

Masukkan username dan password, lalu klik tombol Sign.

c.

Pilih Menu Periode yang terletak di sebelah kiri.

Gambar 5. 28 Tampilan Halaman Memilih Sub Menu Periode

106

d.

Pilih tahun awal dan tahun akhir periode/tahun akademik yang ingin ditampilkan pada dashboard. Lalu klik tombol Update.

Gambar 5. 29 Tampilan Menu Periode e.

Jika proses perubahan periode berhasil, maka akan muncul seperti tampilan berikut.

Gambar 5. 30 Tampilan Update Periode Berhasil f.

Jika pemilihan Tahun Awal lebih besar dari Tahun Akhir (misalnya Tahun Awal: 2013-2014, Tahun Akhir: 2009-2010), maka akan muncul seperti tampilan berikut.

107

Gambar 5. 31 Tampilan Pemilihan Periode Tidak Sesuai

5.5.2

Penggunaan Fitur Aplikasi Dashboard Fitur yang terdapat di dalam aplikasi dashboard ialah melihat grafik,

melakukan drill-down pada grafik, mengunduh grafik, mencetak grafik, melihat informasi dalam bentuk tabel, mengunduh data yang ada di dalam tabel, mencetak data yang ada pada tabel, mencari data dalam tabel, dan melakukan analisis dengan cara membuat grafik sesuai dengan kebutuhan para penggunanya. 1.

Melihat Grafik Berikut ini merupakan langkah-langkah untuk melihat grafik pada aplikasi

dashboard. a.

Buka aplikasi dashboard.

b.

Klik menu Dashboard, lalu akan muncul beberapa sub menu. Pilih salah satu sub menu.

108

Gambar 5. 32 Tampilan Memilih Sub Menu Calon Mahasiswa c.

Pengguna dapat langsung melihat grafik sesuai dengan kebutuhan informasi dari borang akreditasi standar 3 seperti pada gambar berikut.

a

b c d

Gambar 5. 33 Tampilan Fungsi Ikon Keterangan: a. Ikon Tabel berfungsi untuk melihat informasi berbentuk tabel. b. Ikon Fullscreen, berfungsi untuk melihat grafik menjadi satu layar penuh. c. Ikon Setting, berfungsi untuk menyembunyikan panel grafik dan menghapus panel grafik. d. Ikon Options, berfungsi untuk mengunduh grafik dan mencetak grafik.

109

2.

Drill-down pada Grafik Berikut ini merupakan langkah-langkah untuk drill-down grafik pada

aplikasi dashboard. a.

Buka Aplikasi Dashboard.

b.

Pilih menu Dashboard dan pilih salah satu sub menu.

c.

Klik pada setiap grafik batang. Untuk level paling atas ialah menampilkan informasi tingkat universitas, sedangkan level kedua ialah tingkat fakultas, dan level terendah ialah tingkat program studi.

Gambar 5. 34 Tampilan Grafik Tingkat Universitas

Gambar 5. 35 Tampilan Grafik Tingkat Fakultas

110

Gambar 5. 36 Tampilan Grafik Tingkat Program Studi d.

Untuk kembali ke level lebih tinggi, klik tombol Back yang teletak di kanan atas.

3.

Mengunduh Grafik Berikut ini merupakan langkah-langkah untuk mengunduh grafik pada

aplikasi dashboard: a.

Buka Aplikasi Dashboard.

b.

Pilih menu Dashboard dan pilih salah satu sub menu.

c.

Klik tombol

, lalu pilih salah satu file ekstensi gambar yang akan diunduh.

Gambar 5. 37 Tampilan Mengunduh Grafik

111

4.

Mencetak Grafik Berikut ini merupakan langkah-langkah untuk mencetak grafik pada aplikasi

dashboard. a.

Buka aplikasi Dashboard.

b.

Pilih menu Dashboard dan pilih salah satu sub menu.

c. Klik tombol

, lalu pilih salah satu file ekstensi gambar yang akan diunduh.

Gambar 5. 38 Tampilan Mencetak Grafik d.

Ubah pengaturan untuk mencetak, lalu klik tombol Print.

Gambar 5. 39 Tampilan Halaman Mencetak Grafik

112

5.

Melihat Informasi dalam Bentuk Tabel Berikut ini merupakan langkah-langkah untuk melihat informasi dalam

bentuk tabel pada aplikasi dashboard. a.

Buka aplikasi Dashboard.

b.

Pilih menu Dashboard dan pilih Sub Menu Tabel, maka akan tampil seperti pada gambar berikut.

Gambar 5. 40 Tampilan Melihat Informasi Dalam Tabel

6.

Mengunduh Data Dari Tabel Berikut ini merupakan langkah-langkah untuk mengunduh data yang ada

pada tabel aplikasi dashboard: a.

Buka aplikasi Dashboard.

b.

Pilih menu Dashboard dan pilih sub menu Tabel.

c.

Klik ikon Excel untuk megunduh data yang ada pada tabel.

113

Gambar 5. 41 Tampilan Mengunduh Data Dari Tabel

7.

Mencetak Data Yang Ada di Tabel Berikut ini merupakan langkah-langkah untuk mencetak data yang ada pada

tabel aplikasi dashboard. a.

Buka aplikasi Dashboard.

b.

Pilih menu Dashboard dan pilih sub menu Tabel.

c.

Klik ikon Print untuk mencetak data yang ada pada tabel.

Gambar 5. 42 Tampilan Mencetak Data Tabular d.

Ubah pengaturan untuk mencetak dan klik tombol Print.

114

Gambar 5. 43 Tampilan Halaman Mencetak Data Tabular

8.

Mencari Data Pada Tabel Berikut ini merupakan langkah-langkah untuk mencari data yang ada pada

tabel aplikasi dashboard. a.

Buka aplikasi Dashboard.

b.

Pilih menu Dashboard dan pilih sub menu Tabel.

c.

Masukkan kata kunci pada kotak pencarian.

Gambar 5. 44 Tampilan Mencari Data Pada Tabel

115

9.

Membuat Grafik Berikut ini merupakan langkah-langkah untuk membuat grafik sesuai

dengan kebutuhan informasi dari pengguna pada aplikasi dashboard. a.

Buka aplikasi Dashboard.

b.

Pilih menu Custom Chart.

c.

Isi data pada form custom chart.

Gambar 5. 45 Tampilan Mengisi Form Pada Menu Custom Chart

d.

Klik tombol Create untuk membuat grafik, maka akan tampil grafik seperti pada gambar berikut.

Gambar 5. 46 Tampilan Hasil Custom Chart

116

5.6

Pengujian Pengujian merupakan proses untuk dapat menemukan kesalahan-kesalahan

yang belum diketahui dan memastikan aplikasi yang telah dibangun dapat berjalan sesuai dengan fungsinya. 5.6.1

Pengujian Aplikasi Aplikasi harus diuji coba terlebih dahulu untuk menemukan kesalahan-

kesalahan yang mungkin terjadi. Pengujian

aplikasi dilakukan dengan

menggunakan metode black-box yang berfokus kepada fitur-fitur dari aplikasi. 1.

Login Administrator Tabel 5. 2 Pengujian Login Administrator Data Masukan

Keluaran yang

Keluaran yang

diharapkan

diterima

Kesimpulan

Memasukkan Data Yang Benar Username: rizal, User dan password: rizal

diterima,

password User dan password Diterima masuk

halaman

ke diterima dan masuk

utama ke halaman utama

administrator

administrator

Memasukkan Data Yang Salah Username:

Menampilkan kembali Menampilkan

widyatama

halaman

password:

menampilkan

cikutra204

bahwa username dan menampilkan pesan

login

dan kembali pesan login

password dimasukkan salah

yang bahwa

Diterima

halaman dan

username

dan password yang

117

dimasukkan salah Pengguna

Menampilkan kembali Menampilkan

langsung

halaman

login

memasukkan link menampilkan

dan kembali

Diterima

halaman

pesan login

dan

tujuan di address “Silahkan Login”

menampilkan pesan

bar tanpa login

“Silahkan Login”

terlebih dahulu

2.

Mengubah Koneksi Tabel 5. 3 Pengujian Mengubah Koneksi Data Masukan

Keluaran yang

Keluaran yang

diharapkan

diterima

Kesimpulan

Memasukkan data koneksi yang sesuai Database Server: Sistem

memberi Sistem memberi Diterima

pesan bahwa “Koneksi pesan

localhost, Database

akan

User: Terhubung”

k3043450_rizal,

bahwa

dan “Koneksi

menyimpan di database

Terhubung” dan

Database

menyimpan

Password:

database

di

rizal2014, Database Name: k3043450_dwh_ widyatama Memasukkan data koneksi yang tidak sesuai Database Server: Sistem localhost, Database

akan

memberi Sistem memberi Diterima

pesan bahwa “Koneksi pesan

bahwa

User: Tidak Terhubung”, tidak “Koneksi Tidak

118

k3043450_reza,

menyimpan

Database

kembali

Password:

koneksi

data, ke

dan Terhubung”,

halaman tidak menyimpan

rizal201,

data,

dan

Database Name:

kembali

k3043450_dwh

halaman koneksi

ke

Database Server: Sistem akan memberikan Sistem pesan “Tabel yang ada di memberikan

localhost, Database

Diterima

User: dalam

k3043450_rizal,

database

sesuai”

tidak pesan yang

“Tabel ada

di

Database

dalam database

Password:

tidak sesuai”

rizal2014, Database Name: k3043450_dwh_d ashboard Tidak mengisi salah satu form Database Server:- Sistem

akan

memberi Sistem memberi Diterima

, Database User: pesan bahwa kolom harus pesan k3043450_reza, Database Password: rizal201, Database Name: k3043450_dwh

diisi

kolom diisi

bahwa harus

119

3.

Mengubah Periode Tabel 5. 4 Pengujian Mengubah Periode Data Masukan

Keluaran yang

Keluaran yang

diharapkan

diterima

Kesimpulan

Pilih tahun yang sesuai Tahun

Awal: Sistem akan memberi Sistem pesan bahwa “Update pesan

2009-2010, Tahun

memberi Diterima

Akhir: Berhasil”,

2013-2014

menyimpan database

bahwa

dan “Update

Berhasil”,

ke dan menyimpan ke database

Pilih tahun yang tidak sesuai Tahun

Awal: Sistem akan memberi Sistem

pesan bahwa “Tahun pesan bahwa “Tahun

2013-2014, Tahun

memberi Diterima

Akhir: Akhir tidak

2010-2011

boleh Akhir tidak boleh

lebih besar dari Tahun lebih Awal”.

besar

dari

Tahun Awal”.

Tidak mengisi salah satu form Tahun

Awal: Sistem akan memberi Sistem

memberi Diterima

2009-2010,

pesan bahwa kolom pesan bahwa kolom

Tahun Akhir: -

tahun

akhir

harus diisi

harus tahun akhir harus diisi

120

4.

Drilldown Grafik Tabel 5. 5 Pengujian Drilldown Grafik Data Masukan

Keluaran yang

Keluaran yang

diharapkan

diterima

Pengguna

Sistem

memilih

salah menampilkan

satu satu batang dalam

akan Sistem menampilkan Diterima

tingkat

grafik.

lebih rendah

Pengguna

Sistem

grafik grafik dalam tingkat yang yang lebih rendah

akan Sistem menampilkan Diterima

memilih tombol menampilkan Back

Kesimpulan

dalam tingkat

grafik grafik dalam tingkat lebih lebih tinggi

tinggi

5.

Mengunduh Grafik Tabel 5. 6 Pengujian Mengunduh Grafik Data Masukan

Pengguna

Keluaran yang

Keluaran yang

diharapkan

diterima

melihat Sistem

akan Sistem

salah satu grafik, dan mengunduh

grafik mengunduh grafik

memilih salah satu yang dipilih

yang dipilih

format

file

pengunduhan (*.JPEG, *.PNG,*.PDF,*.SVG)

Kesimpulan Diterima

121

6.

Mencetak Grafik Tabel 5. 7 Pengujian Mengunduh Grafik Data Masukan

Pengguna

Keluaran yang

Keluaran yang

diharapkan

diterima

melihat Sistem

akan Sistem

salah satu grafik, dan mencetak mencetak grafik

7.

Kesimpulan

mencetak Diterima

grafik grafik yang dipilih

yang dipilih

Mengunduh Data Yang Ada di Tabel Tabel 5. 8 Pengujian Mengunduh Data Yang Ada di Tabel Data Masukan

Pengguna

Keluaran yang

Keluaran yang

diharapkan

diterima

melihat Sistem

akan Sistem

Diterima

salah satu tabel, dan mengunduh

data mengunduh

klik ikon Excel

tabel

yang pada tabel yang

ke

dalam dipilih ke dalam

pada dipilih

format excel

8.

Kesimpulan

data

bentuk excel

Mencetak Data Yang Ada di Tabel Tabel 5. 9 Pengujian Mencetak Data Yang Ada di Tabel Data Masukan

Pengguna

Keluaran yang

Keluaran yang

diharapkan

diterima

melihat Sistem

Kesimpulan

akan Sistem membuka Diterima

salah satu tabel, dan membuka halaman halaman print pada tab yang

print

122

klik ikon Print

9.

baru

pada tab yang baru

Mencari Data di Tabel Tabel 5. 10 Pengujian Mencari Data di Tabel Data Masukan

Keluaran yang

Keluaran yang

diharapkan

diterima

Kesimpulan

Memasukkan kata kunci yang ada Kotak Pencarian: Sistem

akan Sistem menampilkan Diterima

Teknik

data data

yang

mengandung mengandung

kata

menampilkan yang

kata “Teknik”

“Teknik”

Memasukkan kata kunci yang tidak ada Kotak Pencarian: Sistem Rizal

akan Sistem menampilkan Diterima

menampilkan “no

match

pesan pesan

“no

match

record record found” pada

found” pada tabel

tabel

10. Custom Chart Tabel 5. 11 Pengujian Custom Chart Data Masukan

Keluaran yang

Keluaran yang

diharapkan

diterima

Kesimpulan

Memilih data yang sesuai Organisasi:

Sistem

akan Halaman

custom Diterima

Universitas,

menampilkan column chart menampilkan

123

Indikator: Rata- chart, bar chart, line column chart, bar rata Masa Studi chart, dan table sesuai chart, line chart, dan Lulusan,

Tahun dengan informasi yang table sesuai dengan

Awal:

2009- dipilih oleh pengguna

informasi

yang

2010,

Tahun

dipilih

oleh

Akhir:

2013-

pengguna

2014, lalu tekan tombol Update Tidak memilih salah satu form Organisasi:

-, Sistem akan memberi Combobox

Diterima

Indikator: Rata- pesan bahwa kolom Organisasi memberi rata Masa Studi yang Lulusan,

Tahun diisi

Awal:

2009-

2010,

Tahun

Akhir:

2013-

kosong

harus pesan bahwa kolom harus diisi

2014, lalu tekan tombol Update Memilih data yang tidak sesuai Organisasi:

Sistem

akan Sistem menampilkan Diterima

Universitas,

menampilkan

pesan pesan bahwa “Tahun

Indikator: Rata- bahwa “Tahun Akhir Akhir Tidak Boleh rata Masa Studi Tidak

Boleh

Lebih Lebih

Lulusan,

Tahun Besar

Dari

Tahun Tahun Awal”

Awal:

2013- Awal”

2014,

Tahun

Akhir:

2011-

2012, lalu tekan tombol Update

Besar

Dari

124

5.6.2

Pengujian Kompatibilitas Perangkat Untuk memastikan aplikasi yang dibangun dapat berjalan pada beberapa

perangkat, maka dilakukan pula pengujian aplikasi terhadap beberapa perangkat. Berikut ini hasil pengujian yang dilakukan menggunakan beberapa perangkat yang berbeda. Tabel 5. 12 Pengujian Kompatibiltas Perangkat Perangkat

Spesifikasi

Software yang digunakan

Hasil Pengujian

Komputer/Laptop RAM 6 GB, Google Chrome, Aplikasi dapat berjalan Processor 2.4

Mozilla Firefox

GHz,

dengan

baik,

berjalan

fitur

sebagaimana

Ukuran

mestinya. Namun pada

Layar 14 inci

saat

menggunakan

Google tampilan

Chrome, combobox

terlihat seperti textbox. Smartphone

RAM 2 GB, Google Chrome

Aplikasi dapat berjalan

Processor

dengan

1.2

berjalan

GHz,

Ukuran Layar

baik,

fitur

sebagaimana

mestinya. Namun posisi 4.7

inci

layar smartphone harus diposisikan

secara

landscape untuk dapat melihat

fitur

lebih

maksimal. Tablet PC

RAM

1.5 Google Chrome

Aplikasi dapat berjalan

GB,

dengan

Processor

berjalan

baik,

fitur

sebagaimana

125

1.5Ghz,

mestinya. Posisi layar

Layar 9 inci

secara

horizontal

maupun vertikal dapat terlihat dengan baik.