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

Transkripsi

1 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 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 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

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 Informasi Query 1. Jumlah Calon Mahasiswa Yang Ikut Seleksi 2. Jumlah Calon Mahasiswa Yang Lulus Seleksi 3. Jumlah Mahasiswa Baru Reguler bukan Transfer SELECT pe.thn AS THN, p.nm_prodi AS 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 4. Jumlah Mahasiswa Baru SELECT pe.thn AS THN,d.NM_PRODI AS NM_PRODI,d.NM_FAKULTAS AS NM_FAKULTAS,

3 87 Transfer 5. Jumlah Total Mahasiswa Reguler bukan Transfer 6. Jumlah Total Mahasiswa Transfer 7. Rata-rata Masa Studi 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 8. Rata-rata IPK Lulusan 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 9. Jumlah Lulusan 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 =

4 Jumlah Lulusan Reguler bukan Transfer 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 11. Jumlah Lulusan Transfer 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 12. Persentase IPK Lulusan Reguler IPK<2,75 dengan 13. Persentase IPK Lulusan Reguler dengan IPK 2,75-3, Persentase IPK Lulusan Reguler IPK>3,50 dengan 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

5 89 GROUP BY f.kd_periode,f.kd_prodi 15. IPK Minimum Lulusan Reguler 16. IPK Rata-rata Lulusan Reguler 17. IPK Maksimum Lulusan Reguler SELECT pe.thn AS THN,d.NM_PRODI AS 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 5.3 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.

6 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

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

8 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

9 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 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

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

11 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 Antarmuka Sub Menu Mahasiswa Baru Aplikasi Dashboard

12 96 Gambar 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 Antarmuka Sub Menu Mahasiswa Aplikasi Dashboard Gambar Antarmuka Data Tabular Sub Menu Mahasiswa

13 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 Antarmuka Sub Menu Lulusan Aplikasi Dashboard Gambar 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.

14 98 Gambar 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.

15 99 Gambar 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

16 100 harus memanggil file config.php, pada file config.php tersebut berisi kode program untuk mengoneksikan aplikasi dengan database. Gambar 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

17 101 database. Sedangkan untuk memanggil sebuah file javascript, css, jquery atau plugin lainnya, setiap file dapat mengakses folder js dan css. Gambar 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 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.

18 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 Tampilan Halaman Awal Aplikasi Dashboard b. Pilih tombol Yes. c. Masukkan username dan password, lalu klik tombol Sign. Gambar Tampilan Halaman Login d. Pilih Menu Dashoard yang terletak di sebelah kiri.

19 103 Gambar Tampilan Halaman Awal Aplikasi Administrator Maka akan tampil seperti pada gambar berikut. Gambar 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.

20 104 Gambar Tampilan Halaman Memilih Sub Menu Koneksi d. Masukkan data koneksi yang akan diubah. Jika semua data telah diisi, klik tombol Update. Gambar Tampilan Menu Koneksi e. Jika koneksi database yang dimasukkan gagal, maka akan muncul tampilan seperti gambar berikut. Gambar Tampilan Koneksi Tidak Terhubung

21 105 f. Jika koneksi database yang dimasukkan berhasil, maka akan muncul tampilan seperti gambar berikut. Gambar 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 Tampilan Halaman Memilih Sub Menu Periode

22 106 d. Pilih tahun awal dan tahun akhir periode/tahun akademik yang ingin ditampilkan pada dashboard. Lalu klik tombol Update. Gambar Tampilan Menu Periode e. Jika proses perubahan periode berhasil, maka akan muncul seperti tampilan berikut. Gambar Tampilan Update Periode Berhasil f. Jika pemilihan Tahun Awal lebih besar dari Tahun Akhir (misalnya Tahun Awal: , Tahun Akhir: ), maka akan muncul seperti tampilan berikut.

23 107 Gambar Tampilan Pemilihan Periode Tidak Sesuai 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 dashboard. Berikut ini merupakan langkah-langkah untuk melihat grafik pada aplikasi a. Buka aplikasi dashboard. b. Klik menu Dashboard, lalu akan muncul beberapa sub menu. Pilih salah satu sub menu.

24 108 Gambar 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 d b c Gambar 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.

25 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 Tampilan Grafik Tingkat Universitas Gambar Tampilan Grafik Tingkat Fakultas

26 110 Gambar 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 Tampilan Mengunduh Grafik

27 Mencetak Grafik dashboard. Berikut ini merupakan langkah-langkah untuk mencetak grafik pada aplikasi 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 Tampilan Mencetak Grafik d. Ubah pengaturan untuk mencetak, lalu klik tombol Print. Gambar Tampilan Halaman Mencetak Grafik

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

29 113 Gambar 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 Tampilan Mencetak Data Tabular d. Ubah pengaturan untuk mencetak dan klik tombol Print.

30 114 Gambar 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 Tampilan Mencari Data Pada Tabel

31 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 Tampilan Mengisi Form Pada Menu Custom Chart d. Klik tombol Create untuk membuat grafik, maka akan tampil grafik seperti pada gambar berikut. Gambar Tampilan Hasil Custom Chart

32 Pengujian Pengujian merupakan proses untuk dapat menemukan kesalahan-kesalahan yang belum diketahui dan memastikan aplikasi yang telah dibangun dapat berjalan sesuai dengan fungsinya Pengujian Aplikasi Aplikasi harus diuji coba terlebih dahulu untuk menemukan kesalahankesalahan 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 diharapkan Keluaran yang diterima Kesimpulan Memasukkan Data Yang Benar Username: rizal, User dan password User dan password password: rizal diterima, masuk ke diterima dan masuk halaman utama ke halaman utama administrator administrator Memasukkan Data Yang Salah Username: Menampilkan kembali Menampilkan widyatama halaman login dan kembali halaman password: menampilkan pesan login dan cikutra204 bahwa username dan menampilkan pesan password yang bahwa username dimasukkan salah dan password yang

33 117 dimasukkan salah Pengguna Menampilkan kembali Menampilkan langsung halaman login dan kembali halaman memasukkan link menampilkan 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 diharapkan Keluaran yang diterima Kesimpulan Memasukkan data koneksi yang sesuai Database Server: Sistem akan memberi Sistem memberi localhost, pesan bahwa Koneksi pesan bahwa Database User: Terhubung dan Koneksi k _rizal, menyimpan di database Terhubung dan Database menyimpan di Password: database rizal2014, Database Name: k _dwh_ widyatama Memasukkan data koneksi yang tidak sesuai Database Server: Sistem akan memberi Sistem memberi localhost, pesan bahwa Koneksi pesan bahwa Database User: Tidak Terhubung, tidak Koneksi Tidak

34 118 k _reza, menyimpan data, dan Terhubung, Database kembali ke halaman tidak Password: koneksi menyimpan rizal201, data, dan Database Name: kembali ke k _dwh halaman koneksi Database Server: Sistem akan memberikan Sistem localhost, pesan Tabel yang ada di memberikan Database User: dalam database tidak pesan Tabel k _rizal, sesuai yang ada di Database dalam database Password: tidak sesuai rizal2014, Database Name: k _dwh_d ashboard Tidak mengisi salah satu form Database Server:- Sistem akan memberi Sistem memberi, Database User: pesan bahwa kolom harus pesan bahwa k _reza, diisi kolom harus Database diisi Password: rizal201, Database Name: k _dwh

35 Mengubah Periode Tabel 5. 4 Pengujian Mengubah Periode Data Masukan Keluaran yang diharapkan Keluaran yang diterima Kesimpulan Pilih tahun yang sesuai Tahun Awal: Sistem akan memberi Sistem memberi , pesan bahwa Update pesan bahwa Tahun Akhir: Berhasil, dan Update Berhasil, menyimpan ke dan menyimpan ke database database Pilih tahun yang tidak sesuai Tahun Awal: Sistem akan memberi Sistem memberi , pesan bahwa Tahun pesan bahwa Tahun Tahun Akhir: Akhir tidak boleh Akhir tidak boleh lebih besar dari Tahun lebih besar dari Awal. Tahun Awal. Tidak mengisi salah satu form Tahun Awal: Sistem akan memberi Sistem memberi , pesan bahwa kolom pesan bahwa kolom Tahun Akhir: - tahun akhir harus tahun akhir harus harus diisi diisi

36 Drilldown Grafik Tabel 5. 5 Pengujian Drilldown Grafik Data Masukan Keluaran yang diharapkan Keluaran yang diterima Kesimpulan Pengguna Sistem akan Sistem menampilkan memilih salah menampilkan grafik grafik dalam tingkat satu satu batang dalam tingkat yang yang lebih rendah grafik. lebih rendah Pengguna Sistem akan Sistem menampilkan memilih tombol menampilkan grafik grafik dalam tingkat Back dalam tingkat lebih lebih tinggi tinggi 5. Mengunduh Grafik Tabel 5. 6 Pengujian Mengunduh Grafik Data Masukan Keluaran yang diharapkan Keluaran yang diterima Kesimpulan Pengguna 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)

37 Mencetak Grafik Tabel 5. 7 Pengujian Mengunduh Grafik Data Masukan Keluaran yang diharapkan Keluaran yang diterima Kesimpulan Pengguna melihat Sistem akan Sistem mencetak salah satu grafik, dan mencetak grafik grafik yang dipilih mencetak grafik yang dipilih 7. Mengunduh Data Yang Ada di Tabel Tabel 5. 8 Pengujian Mengunduh Data Yang Ada di Tabel Data Masukan Keluaran yang diharapkan Keluaran yang diterima Kesimpulan Pengguna melihat Sistem akan Sistem salah satu tabel, dan mengunduh data mengunduh data klik ikon Excel pada tabel yang pada tabel yang dipilih ke dalam dipilih ke dalam format excel bentuk excel 8. Mencetak Data Yang Ada di Tabel Tabel 5. 9 Pengujian Mencetak Data Yang Ada di Tabel Data Masukan Keluaran yang diharapkan Keluaran yang diterima Kesimpulan Pengguna melihat Sistem akan Sistem membuka salah satu tabel, dan membuka halaman halaman print print pada tab yang

38 122 klik ikon Print baru pada tab yang baru 9. Mencari Data di Tabel Tabel Pengujian Mencari Data di Tabel Data Masukan Keluaran yang diharapkan Keluaran yang diterima Kesimpulan Memasukkan kata kunci yang ada Kotak Pencarian: Sistem akan Sistem menampilkan Teknik menampilkan data data yang yang mengandung mengandung kata kata Teknik Teknik Memasukkan kata kunci yang tidak ada Kotak Pencarian: Sistem akan Sistem menampilkan Rizal menampilkan pesan pesan no match no match record record found pada found pada tabel tabel 10. Custom Chart Tabel Pengujian Custom Chart Data Masukan Keluaran yang diharapkan Keluaran yang diterima Kesimpulan Memilih data yang sesuai Organisasi: Sistem akan Halaman custom Universitas, menampilkan column chart menampilkan

39 123 Indikator: Ratarata Masa Studi Lulusan, Tahun Awal: , Tahun Akhir: , lalu tekan tombol Update chart, bar chart, line chart, dan table sesuai dengan informasi yang dipilih oleh pengguna column chart, bar chart, line chart, dan table sesuai dengan informasi yang dipilih oleh pengguna Tidak memilih salah satu form Organisasi: -, Sistem akan memberi Combobox Indikator: Rata- pesan bahwa kolom Organisasi memberi rata Masa Studi yang kosong harus pesan bahwa kolom Lulusan, Tahun diisi harus diisi Awal: , Tahun Akhir: , lalu tekan tombol Update Memilih data yang tidak sesuai Organisasi: Sistem akan Sistem menampilkan Universitas, menampilkan pesan pesan bahwa Tahun Indikator: Rata- bahwa Tahun Akhir Akhir Tidak Boleh rata Masa Studi Tidak Boleh Lebih Lebih Besar Dari Lulusan, Tahun Besar Dari Tahun Tahun Awal Awal: Awal 2014, Tahun Akhir: , lalu tekan tombol Update

40 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 Pengujian Kompatibiltas Perangkat Perangkat Spesifikasi Software yang digunakan Hasil Pengujian Komputer/Laptop RAM 6 GB, Processor 2.4 GHz, Ukuran Layar 14 inci Google Chrome, Mozilla Firefox Aplikasi dapat berjalan dengan baik, fitur berjalan sebagaimana mestinya. Namun pada saat menggunakan Google Chrome, tampilan combobox terlihat seperti textbox. Smartphone RAM 2 GB, Google Chrome Aplikasi dapat berjalan Processor dengan baik, fitur 1.2 GHz, berjalan sebagaimana Ukuran mestinya. Namun posisi Layar 4.7 layar smartphone harus inci diposisikan secara landscape untuk dapat melihat fitur lebih maksimal. Tablet PC RAM 1.5 GB, Processor Google Chrome Aplikasi dapat berjalan dengan baik, fitur berjalan sebagaimana

41 Ghz, Layar 9 inci mestinya. Posisi layar secara horizontal maupun vertikal dapat terlihat dengan baik.