Menu Login Home Menu Data Peserta PKL Menu Data Sekolah

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