Menu Data Grafik IMPLEMENTASI SISTEM

63 Gambar 4. 40 Menu Data Ketrampilan

c. Menu Data Grafik

Pada menu data grafik Gambar 4.41, user atau atasan dapat melihat list atau data ketrampilan. Gambar 4. 41 Menu Data Grafik Grafik diatas Gambar 4.41 menjelaskan tampilan grafik nilai absensi pegawai dan nilai ketrampilan pegawai. Untuk nilai absen digambarkan pada Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 64 balok berwarna orange, dan untuk nilai ketrampilan pegawai digambarkan pada balok berwarna biru. Gambar 4. 42 Menu Data Grafik Seluruh Pegawai Grafik diatas Gambar 4.42 menampilan grafik absensi pegawai dinilai berdasar perbulan. Terdapat keseluruhan data NIP pegawai dan nilai prosentasi pegawai. Berikut sourcode grafik absensi pegawai dinilai berdasar perbulan. ?php include moduljpgraph.php; include moduljpgraph_line.php; include moduljpgraph_bar.php; koneksi ke db mysql_connectlocalhost,root,; mysql_select_dbwisesa; ifisset_POST[tampil]{ inisialisasi array untuk jumlah pria, wanita dan negara nip = _POST[nip]; bln = _POST[bulanabsen]; Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 65 dataJum = array; dataTh = array; datamg = array; ? ? query SQL untuk mencari jumlah total nilai rata2 absen pegawai untuk setiap bulan hit = select sumjmlabsenjum from tabsen where nip = nip AND bulanabsen = bln; ok = mysql_queryhit; rw = mysql_fetch_arrayok; jum = rw[jum]; query = SELECT FROM ttrampil WHERE nip = nip; hasil = mysql_queryquery; while data = mysql_fetch_arrayhasil { hasil data query ditambahkan ke dalam array jumlah nilai absen array_unshiftdataJum, bln; array_unshiftdataTh, jum; array_unshiftdatamg, data[nilaitrampil]; } membuat image dengan ukuran 400x200 px graph = new Graph600,200,auto; graph-SetScaletextlin; pada diagram batang untuk nilai absen ditampilkan value data bplot1 = new BarPlotdataTh; bplot1-SetFillColororange; bplot1-value-show; menampilkan diagram batang untuk data nilai ketrampilan dengan warna biru pada diagram batang nilai ketrampilan ditampilkan value data bplot2 = new BarPlotdatamg; bplot2-SetFillColorblue; bplot2-value-show; mengelompokkan grafik batang berdasarkan absen dan nilai ketrampilan gbplot = new GroupBarPlotarraybplot1,bplot2; graph-Addgbplot; membuat legend untuk keterangan absen dan nilai ketrampilan bplot1-SetLegendAbsen M-I sd M-IV; bplot2-SetLegendNilai Ketrampilan; graph-legend-Pos0.02,0.6,right,center; mengatur margin image graph-img-SetMargin40,110,20,40; menampilkan title grafik dan nama masing-masing sumbu graph-title-SetGrafik Jumlah Absensi Nilai Ketrampilan diBulan bln Dari NIP : nip; graph-xaxis-title-SetBULAN; graph-yaxis-title-SetJumlah; Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 66 menampilkan nilai ke sumbu x graph-xaxis-SetTickLabelsdataNegara; format font title grafik graph-title-SetFontFF_FONT1,FS_BOLD; menampilkan efek shadow pada image graph-SetShadow; menampilkan image ke browser graph-Stroke; } ? Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 67

BAB V UJI COBA SISTEM

Pada bab ini membahas tentang ujicoba dan evaluasi program yang menerangkan bagaimana jalannya program secara detail yang akan dijelaskan pada sub bab dibawah ini:

5.1. Lingkungan Uji Coba

Pada lingkungan ujicoba dapat dilihat beberapa proses dari aplikasi yang dibuat dengan cara melakukan ujicoba pada masing-masing form khususnya pada proses pencarian, pemasangan produk dan belanja serta hitung pendapatan atau keuntungan untuk pengelola. Ujicoba tersebut dapat dilihat sebagai berikut:

5.1.1 Uji Coba Login

Form login admin digunakan sebelum user masuk dalam hak aksesnya. Tujuannya adalah untuk keamanan sebuah aplikasi agar tidak digunakan oleh pihak lain yang tidak berkepentingan. Untuk uji coba login user maka harus memasukkan username dan password dan di ikuti dengan tombol log-in. Pada Gambar 5.1 Gambar 5. 1 Halaman Login Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.