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.