34
3.7.8 Perancangan Antarmuka
3.7.8.1 Menu Login
Ukuran, background, warna disesuaikan T01
Logo Perusahaan Klik Login, menuju T02
Jika gagal menuju M01
Username Password
Clear Login
Gambar 3.13 Menu Login
35
3.7.8.2 Home
Ukuran, background, warna disesuaikan T02
Klik Data Peserta PKL, maka akan menuju T03
Klik Data Sekolah, maka akan menuju T04
Klik Data Admin, maka akan menuju T05
Klik Absensi, maka akan menuju T06
Klik Daftar Peserta PKL, maka akan menuju T07
Klik Absensi, maka akan menuju T08
Klik Logout, maka akan menuju M02
Data Absensi
Laporan Akun
Data Peserta PKL Data Sekolah
Data Admin Daftar Peserta PKL
Absensi Logout
Gambar 3.14 Home
3.7.8.3 Menu Data Peserta PKL
Ukuran, background, warna disesuaikan T03
Data
Absensi Laporan
Akun
Data Peserta PKL Data Sekolah
Data Admin
Data Peserta PKL Nomor Induk
Nama Jurusan
Sekolah Universitas Judul
Tanggal Lahir Tanggal Selesai
Pembimbing
Individu Kelompok
Cari Tambah
Ubah Hapus
Nomor Induk Nama
Jurusan SekolahUniversitas
Data PKL
Klik Data Peserta PKL, maka
akan menuju T03
Klik Data Sekolah, maka akan menuju T04
Klik Data Admin, maka akan
menuju T05
Klik Absensi, maka akan menuju T06
Klik Daftar Peserta PKL, maka
akan menuju T07
Klik Absensi, maka akan menuju T08
Klik Logout, maka akan menuju
M02
Untuk menambah data peserta PKL, masukan nomor induk,
Nama, Jurusan, Sekolah Universitas, Judul, Tgl Mulai, Tgl
Selesai, Pembimbing, kemudian klik tombol Tambah
Untuk Mengubah data peserta
PKL, masukan nomor induk, Nama, Jurusan, Sekolah
Universitas, Judul, Tgl Mulai, Tgl Selesai, Pembimbing, kemudian
klik tombol Tambah
Untuk menghapus data peserta PKL, masukan Nomor induk
Kemudian klik tombol Hapus
Untuk Mencari data peserta PKL, masukan data yang akan
dicari di textbox cari, kemudian klik tombol cari
Daftar Peserta PKL Absensi
Logout
Gambar 3.15 Menu Data Peserta PKL
36
3.7.8.4 Menu Data Sekolah
Ukuran, background, warna disesuaikan T04
Data
Absensi Laporan
Akun
Data Peserta PKL Data Sekolah
Data Admin
Nama SekolahUniversitas Alamat
Cari Tambah
Ubah Hapus
Nama SekolahUniversitas Alamat
Daftar Peserta PKL Absensi
Logout
Klik Data Peserta PKL, maka akan menuju T03
Klik Data Sekolah, maka akan menuju T04
Klik Data Admin, maka akan menuju T05
Klik Absensi, maka akan menuju T06
Klik Daftar Peserta PKL, maka akan menuju T07
Klik Absensi, maka akan menuju T08
Klik Logout, maka akan menuju M02
Untuk menambah data sekolah, masukan data nama
sekolah dan Alamat, kemudian klik tombol
Tambah Untuk mengubah data
sekolah, masukan data nama sekolah dan Alamat,
kemudian klik tombol Ubah Untuk menghapus data
sekolah, masukan nama sekolah yang akan dihapus,
kemudian klik tombol hapus Untuk mencari data sekolah,
masukan nama sekolah pada textbox cari, kemudian klik
tombol cari
Gambar 3.16 Menu Data Sekolah
3.7.8.5 Menu Data Admin