Bab IV. IMPLEMENTASI SISTEM
IV.2. Implementasi Menu
IV.2.2 Interface Admin
IV.2.2.1 Interface Utama Admin
63
Gambar diatas adalah halaman utama dari menu admin. Halaman tersbut
muncul ketika user masuk menggunakan login sebagai admin. Didalam halaman
utama terdapat menu manajemen kuesioner, manajemen bagian, dan manajemen user baik admin, mahasiswa dan pengelola.
IV.2.2.2 Interface Manajemen Kuesioner
Gambar 4.12 Halaman Manajemen Kuesioner.
Gambar diatas adalah halaman interface manajemen kuesioner. Admin dapat melihat pertanyaan kuesioner yang ada, admin juga dapat mengedit pertanyaan tertentu bila ada kesalahan penulisan dalam pertanyaan tertentu dalam kuesioner tersebut.
64 IV.2.2.3 Interface Edit Kuesioner
Gambar 4.13 Halaman Edit Kuesioner.
Gambar diatas adalah halaman khusus admin untuk mengedit pertanyaan kuesioner yang dipilih oleh admin. Disitu admin dapat mengedit pertanyaan
kuesioner yang akan diedit oleh admin. Pertanyaan dalam database dapat diedit
65
IV.2.2.4 Interface Manajemen Bagian Kuesioner
Gambar 4.14 Halaman Manajemen Bagian Kuesioner.
Gambar diatas adalah halaman interface manajemen bagian kuesioner. Di
dalam halaman tersebut admin dapat melakukan edit terhadap bagian kuesioner yang dipilih. Di sana terdapat dua bagian kuesioner yang dapat diedit sesuai keinginan admin.
IV.2.2.5 Interface Edit Bagian Kuesioner
66
Gambar diatas adalah interface halaman edit bagian kuesioner. Di dalam
halaman tersebut admin mengedit bagian tertentu dari kuesioner yang telah dipilih oleh admin. Data bagian kuesioner yang diubah dapat langsung teupdate melalui halaman ini.
IV.2.2.6 Interface Manajemen User Admin
Gambar 4.16 Manajemen User Admin.
Gambar diatas adalah interface halaman manajemen user admin. Di
halaman memberikan informasi tentang daftar admin yang ada dalam database. Dalam halaman tersebut admin juga dapat melakukan tambah, edit dan hapus terhadap database admin.
67 IV.2.2.7 Interface Tambah User Admin
Gambar 4.17 Tambah User Admin.
Gambar diatas adalah interface dari tambah user admin. Dalam halaman
tersebut admin dapat menambah data admin ke dalam database admin. Jika
menekan tombol tambah maka data akan masuk ke dalam database. IV.2.2.8 Interface Edit User Admin
68
Gambar diatas adalah interface dari edit user admin. Dalam halaman
tersebut admin dapat mengubah data admin tertentu yang telah dipilih. Dengan
menekan tombol update maka data akan terupdate dalam database.
IV.2.2.9 Interface Manajemen User Mahasiswa
Gambar 4.19 Halaman Manajemen User Mahasiswa.
Gambar diatas adalah interface dari halaman manajemen user
mahasiswa. Dalam halaman tersebut menampilkan informasi data mahasiswa yang ada dalam database. Admin dapat menambah , edit dan hapus dengan menekan tombol yang telah tersedia. Juga terdapat fasilitas cetak ke
spreadsheet untuk data diberikan kepada mahasiswa. Berikut listing dari cetak ke spreadsheet.
<?php
69
$namaFile = "report.xls";
// Function penanda awal file (Begin Of File) Excel function xlsBOF() {
echo pack("ssssss", 0x809, 0x8, 0x0, 0x10, 0x0, 0x0); return;
}
// Function penanda akhir file (End Of File) Excel function xlsEOF() {
echo pack("ss", 0x0A, 0x00); return;
}
// Function untuk menulis data (angka) ke cell excel function xlsWriteNumber($Row, $Col, $Value) {
echo pack("sssss", 0x203, 14, $Row, $Col, 0x0); echo pack("d", $Value);
return; }
// Function untuk menulis data (text) ke cell excel function xlsWriteLabel($Row, $Col, $Value ) {
$L = strlen($Value);
echo pack("ssssss", 0x204, 8 + $L, $Row, $Col, 0x0, $L); echo $Value;
return; }
// header file excel header("Pragma: public"); header("Expires: 0");
header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
header("Content-Type: application/force-download"); header("Content-Type: application/octet-stream"); header("Content-Type: application/download"); // header untuk nama file
header("Content-Disposition: attachment; filename=".$namaFile."");
header("Content-Transfer-Encoding: binary "); // memanggil function penanda awal file excel
70
xlsBOF();
IV.2.2.10 Interface Tambah User Mahasiswa
Gambar 4.20 Halaman Tambah User Mahasiswa.
Gambar diatas adalah interface dari halaman tambah user mahasiswa.
Dalam halaman tersbut admin dapat memasukan data-data mahasiswa ke
dalam database. Admin juga dapat melakukan tambah mahasiswa melalui
import dari file spreadsheet 2003 dengan menekan tombol import dari
71
Gambar 4.21 HalamanImport User Mahasiswa.
Dalam halaman ini admin dapat import data mahasiswa dari file spreadsheet
dan aplikasi akan secara otomatis melakukan generate password dari data
mahasiswa. Berikut listing dari import dari spreadsheet dan generate password.
// menggunakan class phpExcelReader include 'excel_reader2.php';
// koneksi ke mysql
mysql_connect('localhost', 'root', ''); mysql_select_db('skripsi');
// membaca file excel yang diupload
$data = new
Spreadsheet_Excel_Reader($_FILES['userfile']['tmp_name']);
// membaca jumlah baris dari data excel $baris = $data->rowcount($sheet_index=0);
72
// nilai awal counter untuk jumlah data yang sukses dan yang gagal diimport
$sukses = 0; $gagal = 0;
// import data excel mulai baris ke-2 (karena baris pertama adalah nama kolom)
for ($i=2; $i<=$baris; $i++) {
// membaca data nim (kolom ke-1) $nim = $data->val($i, 1);
// membaca data nama (kolom ke-2) $nama = $data->val($i, 2);
// membaca data alamat (kolom ke-3) $jk = $data->val($i, 3);
// membaca data alamat (kolom ke-4) $email = $data->val($i, 4);
$userid=$nim.$nama;
$password=str_shuffle($nim);
// setelah data dibaca, sisipkan ke dalam tabel mhs
$query = "INSERT INTO mahasiswa VALUES ('
','$nama','$jk','$nim',' ','$userid','$password','$email ','
',' ',' ',' ',' ','mahasiswa')"; $hasil = mysql_query($query);
// jika proses insert data sukses, maka counter $sukses bertambah
73
if ($hasil) $sukses++; else $gagal++;
}
IV.2.2.11 Interface Edit User Mahasiswa
Gambar 4.22 Halaman Edit User Mahasiswa.
Gambar diatas adalah interface dari halaman edit mahasiswa. Dalam
halaman tersebut admin dapat mengubah data mahasiswa yang telah dipilih terlebih dahulu. Halaman tersebut menampilkan informasi data mahasiswa yang akan diubah. Dengan menekan tombol update maka data mahasiswa akan
74
IV.2.2.12 Interface Manajemen User Pengelola
Gambar 4.23 Halaman Manajemen User Pengelola.
Gambar diatas adalah interface dari halaman manajemen user pengelola.
Halaman tersebut menampilkan data pengelola yang ada dalam database. Admin dapat menambah , mengedit, dan menghapus data pengelola dengan menekan tombol yang telah tersedia.
75 IV.2.2.13 Interface Tambah User Pengelola
Gambar 4.24 Halaman Tambah User Pengelola.
Gambar diatas adalah interface dari halaman tambah pengelola. Dalam
halaman tersebut admin dapat menambah data-data pengelola ke dalam
database. Dengan menekan tombol tambah maka data pengelola akan masuk
76 IV.2.2.14 Interface Edit User Pengelola
Gambar 4.25 Halaman Edit User Pengelola.