• Tidak ada hasil yang ditemukan

Implementasi Aplikasi Desain Antarmuka

Gambar 4.7 Tabel Mengajar 4.2.8 Tabel Siswa

Tabel siswa berfungsi untuk menyimpan data diri siswa. Adapun contoh dari database tabel siswa dapat dilihat pada gambar 4.8.

Gambar 4.8 Tabel Siswa 4.2.9 Tabel User

Tabel user berfungsi untuk menyimpan data user. Adapun contoh dari database tabel user dapat dilihat pada gambar 4.9.

Gambar 4.9 Tabel User

4.3 Implementasi Aplikasi Desain Antarmuka

Pada sub bab implementasi aplikasi desain antarmuka menjelaskan form apa saja yang terlibat dalam aplikasi tersebut yang menampilkan beberapa aplikasi form.

Pada form tampilan utama didesain sedemikian rupa sehingga menjadi tampilan utama yang menarik pengguna. Pada halaman utama terdapat menu login, dan menu login ini hanya diperuntukan untuk guru.

Gambar 4.10 Halaman Utama 4.3.2 Form Login Halaman Admin

48

Gambar 4.11 Halaman Login Administrator

Gambar 4.11 merupakan halaman login admin, jika admin benar menginputkan username dan password maka halaman akan langsung menuju ke halaman admin seperti yang terlihat pada gambar 4.12.

4.3.3 Halaman Admin

Pada Gambar 4.12 merupakan halaman bagi seorang admin. Terdapat banyak menu pilihan sebagaimana hak akses seorang admin yaitu dapat me-maintenance data. Terdapat beberapa menu, diantaranya : data siswa, siswa, guru, kelas, mata pelajaran, jadwal, petugas, jam, ubah password , dan logout.

4.3.4 Menu Siswa

Menu siswa ini digunakan untuk melakukan operasi manipulasi data, didalam menu siswa ini terdapat tiga sub menu antara lain tambah siswa, laporan absensi siswa, dan grafik absensi. Untuk penambahan data siswa berikut ini adalah antarmuka tambah data siswa yang tampak pada Gambar 4.13 dibawah ini :

50

Untuk melihat laporan absensi siswa berikut ini adalah antarmuka laporan absensi siswa yang tampak pada Gambar 4.14 dibawah ini :

Gambar 4.14 Menu Laporan Absensi Siswa

Untuk melihat grafik absensi siswa berikut ini adalah antarmuka grafik absensi siswa yang tampak pada Gambar 4.15 dibawah ini :

Gambar 4.15 Grafik Absensi Siswa 4.3.5 Menu Data Siswa

Menu data siwa ini digunakan untuk melakukan operasi manipulasi data seperti merubah dan menghapus data siswa. Menu data siswa ini mempunyai sub menu lagi yang terbagi berdasarkan kelas siswa. Berikut ini antarmuka menu data siswa yang tampak pada Gambar 4.16 dibawah ini.

Gambar 4.16 Data Siswa

Untuk mengedit data siswa berikut ini adalah antarmuka edit data siswa yang tampak pada Gambar 4.17 dibawah ini :

Gambar 4.17 Edit Data Siswa 4.3.6 Menu Guru

52

Menu guru ini digunakan untuk melakukan operasi manipulasi data seperti menambah, merubah dan menghapus guru. Menu guru ini mempunyai sub menu lagi yaitu data guru dan tambah guru. Berikut ini antarmuka menu data siswa yang tampak pada Gambar 4.18 dibawah ini.

Gambar 4.18 Data Guru

Untuk penambahan jadwal mengajar guru berikut ini adalah antarmuka tambah jadwal mengajar guru yang tampak pada Gambar 4.19 dibawah ini :

Gambar 4.19 Tambah Jadwal Mengajar 4.3.7 Menu Kelas

Menu kelas ini digunakan untuk melakukan operasi manipulasi data seperti menambah, dan menghapus data kelas. Menu kelas ini mempunyai sub menu lagi

yaitu data kelas dan tambah kelas. Berikut ini antarmuka menu data kelas yang tampak pada Gambar 4.20 dibawah ini.

Gambar 4.20 Data Kelas

Untuk penambahan data kelas, berikut ini adalah antarmuka penambahan data kelas yang tampak pada Gambar 4.21.

Gambar 4.21 Penambahan Data Kelas 4.3.8 Menu Mata Pelajaran

54

Menu mata pelajaran ini digunakan untuk melakukan operasi manipulasi data seperti menambah, dan menghapus data mata pelajaran. Menu mata pelajaran ini mempunyai sub menu lagi yaitu data mata pelajaran dan tambah mata pelajaran. Berikut ini antarmuka menu data mata pelajaran yang tampak pada Gambar 4.22 dibawah ini.

Gambar 4.22 Data Mata Pelajaran

Untuk penambahan data mata pelajaran, berikut ini adalah antarmuka penambahan data mata pelajaran yang tampak pada Gambar 4.23.

4.3.9 Menu Jadwal

Menu jadwal ini digunakan untuk melakukan operasi manipulasi data seperti menambah, dan menghapus data jadwal. Menu jadwal ini mempunyai sub menu lagi yaitu data jadwal pelajaran dan tambah jadwal. Berikut ini antarmuka menu data jadwal yang tampak pada Gambar 4.24 dibawah ini.

Gambar 4.24 Data Jadwal Pelajaran

Untuk penambahan data jadwal berikut ini adalah antarmuka penambahan data jadwal yang tampak pada Gambar 4.25.

56

4.3.10 Menu Petugas

Menu petugas ini digunakan untuk melakukan operasi manipulasi data seperti menambah, dan menghapus data petugas absensi. Menu jadwal ini mempunyai sub menu lagi yaitu data petugas absensi dan tambah data petugas absensi. Berikut ini antarmuka menu data petugas absensi yang tampak pada Gambar 4.26 dibawah ini.

Gambar 4.26 Data Petugas Absensi

Untuk penambahan data petugas berikut ini adalah antarmuka penambahan data petugas yang tampak pada Gambar 4.27.

Gambar 4.27 Penambahan Data Petugas Absensi 4.3.11 Menu Jam

Menu jam ini digunakan untuk melakukan operasi manipulasi data seperti merubah data master jam. Menu jam ini berfungsi untuk membatasi jam absen. Berikut ini antarmuka menu jam yang tampak pada Gambar 4.28 dibawah ini.

Gambar 4.28 Data Jam 4.3.12 Menu Ubah Password

Menu ubah password ini digunakan untuk merubah data username dan password dari admin. Berikut ini antarmuka menu ubah password yang tampak pada Gambar 4.29 dibawah ini.

58

Gambar 4.29 Ubah Username dan Password 4.3.13 Menu Logout

Berikut adalah proses logout ketika admin menekan menu logout dari sistem.

Gambar 4.30 LogOut 4.3.14 Login Petugas

Gambar 4.31 Halaman Login Petugas Absen

Gambar 4.31 merupakan halaman login petugas absen, jika petugas absen benar menginputkan username dan password maka halaman akan langsung menuju ke halaman petugas absen seperti yang terlihat pada gambar 4.32.

4.3.15 Halaman Petugas Absen

Gambar 4.32 Halaman Petugas Absen

Halaman petugas ini mempunyai dua menu utama, yaitu data siswa, dan logout. Untuk penginputan data absensi siswa, petugas diwajibkan memilih data siswa menurut kelas siswa tersebut. Seperti yang terlihat pada gambar di atas Gambar 4.32.

60

Untuk penambahan data absensi siswa berikut ini adalah antarmuka penambahan data absensi siswa yang tampak pada Gambar 4.33

60 BAB V

UJI COBA DAN ANALISA HASIL

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

Dokumen terkait