BAB IV IMPLEMENTASI SISTEM
4.1 Administrasi
4.1.2 Operator
Setelah data username dan password dicek untuk masuk ke operator data langsung masuk ke halaman operator.Ketika masuk ke dalam operator maka operator akan menemukan tampilan awal seperti gambar 4.2 yang dilampirkan dibawah ini.
Gambar 4.2 Tampilan awal sistem
Pada halaman operator ditampilkan menu navigasi yaitu menu akademik yang dibagi menjadi dua yaitu menampilkan data siswa dan data guru. Pada tampilan staff ditampilkan
input data kepala sekolah dan data staff sebagai pembantu fungsi operator. Pada halaman ini menampilkan sebuah halaman awal yang berisikan logo depag di depannya. Halaman ini ditampilkan juga untuk fungsi halaman staff dan halaman kepala sekolah. Kemudian jika operator ingin menampilkan sebuah data dari siswa yang ingin ditampilkan hak akses nya maka operator harus mengklik navigasi menu tampil siswa yang ada di navigasi akademik. Ketika mengklik menu tersebut akan menampilkan sebuah halaman tabel yang dicantumkan seperti keterangan gambar 4.3 dimana data tabel siswa yang dipanggil dari database
ditampilkan secara langsung dengan beberapa fungsi yang ada di dalam tabel tersebut seperti fungsi edit untuk mencari idsiswa yang ada di dalam tabel dan fungsi hapus yang berfungsi untuk menghapus data yang ada di salah satu row pada tabel tersebut. Dimana ketikan data berhasil dihapus maka jumlah data di dalam database akan berkurang dan fungsi delete akan mengalihkan data ke row data pada halaman lihat data siswa.
40
Gambar 4.3 Tabel Data Siswa
Kemudian jika kita ingin memasukkan sebuah data ke dalam database maka kita tinggal mengklik tombol tambah siswa yang ada di halaman ini makan akan langsung menampilkan form tambah siswa seperti yang di tampilkan di gambar 4.4 yang ada di bawah iini.
Gambar 4.4 Tabel Input Siswa
Pada form ini ditampikan mengenai pengisian data yang dilakukan oleh operator. Operator juga berfungsi menginputkan data siswa yang selanjutnya akan diproses ke proses selanjutnya. Data yang sudah ditambahkan akan ditampilkan kedalam tampilan tabel tersebut. Ketika kita ingin mengedit data siswa yang akan user perbaiki maka user operator
41
akan mengklik tombol edit yang ada di tabel siswa dimana data siswa yang akan diedit akan ditampilkan digambar 4.5 dibawah ini.
Gambar 4.5 Tabel edit Siswa
Ketika operator sudah selesai mengedit data yang ingin diubah maka operator mengklik tombol simpan data yang ada di halaman edit. Halaman edit dibuat terpisah dengan halaman sebelumnya dikarenakan halaman edit tidak bisa memproses data jika menggunakan javascript. Setelah data diproses data selanjutnya akan menuju ke halaman lihat data pada gambar 4.3 ketika akan menghapus data yang ada di gambar 4.3 operator tinggal mengklik tombol delete yang ada pada gambar. Ketika operator ingin melihat data guru operator bisa mengklik menu akademik dengan sub menu data guru. Setelah itu data akan ditampikan sesuai gambar 4.6 yang ada di bawah ini.
42
Pada tampilan ini dijelaskan mengenai fungsi tampilan data guru yang ada di MAN Pesanggaran. Dimana fungsi yang ditampilkan pada halaman ini sama dalam segi desain pada halaman yang ada di halaman data siswa. Pada halaman ini ditampilkan mengenai tombol tambah guru yang fungsi penginputnya nya berdasarkan satu halaman formjavascipt
yang ada didalam di dalam halaman data guru seperti yang di tampilkan di gambar 4.7 yang ada di bawah ini.
Gambar 4.7 Tampilan Input Guru
Pada fungsi ini data ditampilkan dalam tampilan satu halaman.ketika operator berhasil menginputkan data dari form input guru maka data selanjutnya akan diproses menuju tabel lihat data guru.
43
Ketika ingin mengedit data yang ada di halaman data guru bisa mengklik tombol edit sesuai dengan gambar dari 4.6 yang ada diatas.pada halaman lihat data setelah itu maka akan ditampilkan form edit data yang ada di gambar 4.8 setelah itu data diproses ke tombol proses data yang selanjutnya jika data berhasil dirubah tampilan akan kembali ke halaman lihat data guru. Selanjutnya data guru yang sudah di inputkan oleh operator ditambahkan satu buah data lagi yaitu data input data wali kelas seperti yang ditampilkan pada gambar 4.9 bawah ini
Gambar 4.9 Input Wali Kelas
Data guru diambil ke form wali kemudian guru akan memilih kelas mana yang akan dijadikan sebagai wali kelasnya. Setelah itu data disimpan ke dalam sistem. Menu ketiga yaitu menampilkan data kepala sekolah yang ada di MAN Pesanggaran. Data yang ditampilkan didalam data tabel tersebut seperti yang ditampilkan di gambar 4.10 dibawah ini.
Gambar 4.10 Tampilan Data Kepala Sekolah
Pada tampilan ini dijelaskan mengenai data kepala sekolah. Perbedaan dari data sebelumnya yaitu data kepala sekolah hanya menampilkan fungsi menganti kepala sekolah
44
jika seandainya kepala sekolah mengalami pergantian jabatan di sekolah. Data tidak di
inputkan di dalam database kepala sekolah karena kepala sekolah yang ada di sini tidak bisa ditambahkan lebih dari dua dengan pengecualian halaman yang ditampilkan diatas sebagai contoh kepala sekolah yang ada di dalam sistem. ketika ingin menganti data kepala sekolah maka operator tinggal mengklik data ganti kepala sekolah setelah itu data akan diproses sesuai dengan tampilan yang ada di gambar 4.11 di bawah ini
Gambar 4.11 Tampilan Ganti Kepala Sekolah
Setelah data berhasil diganti selanjutnya data akan diproses dan kemudian ditampilkan di halaman tampil kepala sekolah yang ada di gambar 4.10. jika ingin melihat data dari staff maka bisa mengklik menu staff yang ada di menu kemudian pilih sub menu staff. Pada halaman ini ditampilkan mengenai data staff seperti yang ditampilkan di gambar 4.12 dibawah ini.
45
Pada tampilan ini dijelaskan mengenai tampilan data staff yang ditampilkan langsung dengan fitur fungsi tambah staff serta menu edit dan delete staff jika ada staff yg ditambahkan atau dikurangi. Fungsi input staff sama seperti yang ditampilkan di halaman sebelumnya. Gambar input staff ditampilkan di gambar 4.13 di bawah ini
Gambar 4.13 Tampilan Input Data Staff
Untuk mengedit data yang ingin diubah operator bisa mengklik tombol edit yang berwarna biru untuk mengedit data seperti yang ditampilkan pada gambar 4.14 dan warna merah untuk menghapus data yang ada di dalam database.