Halaman Login Perancangan Antarmuka Ketua P2TKP

84

3.3.2 Perancangan Interface

3.3.2.1 Halaman Login

3.3.2.1.1 Halaman Login Ketua dan Staff P2TKP

LOGIN STAFF SIPP : Password : LOGIN Gambar 3.20 Interface Halaman Login Ketua dan Staff P2TKP

3.3.2.1.2 Halaman Login Peserta

LOGIN PESERTA ID Peserta: Password : LOGIN Gambar 3.21 Interface Halaman Login Peserta PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 85

3.3.2.2 Perancangan Antarmuka Ketua P2TKP

3.3.2.2.1 Halaman Home Ketua P2TKP

Selamat Datang di Halaman Ketua Tes Potensi Akademik Untuk Pengarahan Program Studi tanggal hari ini Nama Ketua P2TKP Staff yang login saat ini: 1. xxxxx xxxxxxx 2. xxxxx xxxxxxx Demi Menjaga Keamanan dan Kenyamanan Anda dalam Mengakses Data, Jangan Lupa Klik Menu Logout Jika Sudah Selesai. Gambar 3.22 Interface Halaman Home Ketua P2TKP

3.3.2.2.2 Halaman Tambah Data Staff

Form Staff ID Staff Nama Staff Nomor Hp Hak Akses Jenis Kelamin Jabatan Password Tanggal Lahir Alamat : : : : : : : : : Jabatan Ya Tidak Laki-Laki SIPP : Apabila Staff atau Ketua bukan Psikolog, SIPP diisi dengan – saja Gambar 3.23 Interface Halaman Tambah Data Staff PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 86

3.3.2.2.3 Halaman Lihat Seluruh Staff

Daftar Seluruh Staff SIPP Nama Staff Jabatan User Aktif Hak Akses Aksi xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx SIPP No xxxxx xxxxx Login Terakhir xxxx-xx-xx xxxx-xx-xx Ubah Lihat Hapus Ubah Lihat Hapus Gambar 3.24 Interface Halaman Lihat Seluruh Staff PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 87

3.3.2.2.4 Halaman LihatUbah Data Staff

Form Staff ID Staff Nama Staff Nomor Hp Hak Akses Jenis Kelamin Jabatan Password Tanggal Lahir Alamat : : : : : : : : : Jabatan xxxxx xxxxx xxxxx xxxxx xxxxx Ya Tidak Laki-Laki SIPP : xxxxx Apabila Staff atau Ketua bukan Psikolog, SIPP diisi dengan – saja Apabila Password Tidak Diubah Abaikan Saja Gambar 3.25 Interface Halaman LihatUbah Data Staff

3.3.2.2.5 Halaman Tambah Data Soal

Tambah Data Soal Periode Jurusan Jenis Tes : : : -- Jurusan -- -- Jenis Tes Gambar 3.26 Interface Halaman Tambah Data Soal PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 88

3.3.2.2.6 Halaman Form Tambah Soal

Form Soal Periode Soal Jenis Tes ID Soal Soal Pilihan A Pilihan B Pilihan C Pilihan D Kunci Jawaban 1 Kunci Jawaban 2 : : : : : : : : : : Pilihan 1 : Pilihan 2 : : : Pilihan 3 Pilihan 4 Gambar 3.27 Interface Halaman Form Tambah Soal

3.3.2.2.7 Halaman Lihat Seluruh Soal

Daftar Seluruh Soal Nomor Soal Soal Jenis Tes Aksi xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx Nomor Soal No xxxxx xxxxx Periode Soal xxxxx xxxxx UbahLihat Hapus UbahLihat Hapus Gambar 3.28 Interface Halaman Lihat Seluruh Soal PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 89

3.3.2.2.8 Halaman LihatUbah Data Soal

Form Soal Periode Soal Jenis Tes ID Soal Soal Pilihan A Pilihan B Pilihan C Pilihan D Kunci Jawaban 1 Kunci Jawaban 2 : : : : : : : : : : Pilihan 1 : Pilihan 2 : : : Pilihan 3 Pilihan 4 xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx Gambar 3.29 Interface Halaman LihatUbah Data Soal

3.3.2.2.9 Halaman Tambah Bobot

Tambah Bobot Tanggal Input Bobot : : Jurusan -- Jurusan -- Tahun Periode Bobot : Jenis Bobot : -- Jenis Bobot -- Gambar 3.30 Interface Halaman Tambah Bobot PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 90

3.3.2.2.10 Halaman Form Tambah Bobot

Form Bobot Tanggal Input Bobot Jurusan Tahun Periode Bobot Jenis Bobot BMB BVA BVB VOK : : : : : : : : xxxx-xx-xx xxxxx xxxxx xxxxx TR : BMA : Gambar 3.31 Interface Halaman Form Tambah Bobot

3.3.2.2.11 Halaman Lihat Seluruh Bobot

Daftar Seluruh Bobot Tanggal Input Bobot Jenis Bobot Jurusan Aksi xxxx-xx-xx xxxxx xxxxx xxxx-xx-xx xxxxx xxxxx Tahun Periode No xxxxx xxxxx Tahun Periode Bobot xxxxx xxxxx Lihat Lihat Gambar 3.32 Interface Halaman Lihat Seluruh Bobot PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 91

3.3.2.2.12 Halaman Lihat Data Bobot

Data Bobot Jurusan Tahun Periode Bobot Jenis Bobot : : : xxxxx xxxxx xxxxx No 1 2 3 4 Pecahan xxxxx xxxxx xxxxx xxxxx Bobot xxxxx xxxxx xxxxx xxxxx Tanggal Input Bobot xxxx-xx-xx xxxx-xx-xx xxxx-xx-xx xxxx-xx-xx Jenis Tes xxxxx xxxxx xxxxx xxxxx 5 xxxxx xxxxx xxxx-xx-xx xxxxx 6 xxxxx xxxxx xxxx-xx-xx xxxxx Gambar 3.33 Interface Halaman Lihat Data Bobot

3.3.2.2.13 Halaman Tambah Norma

Tambah Norma Tanggal Input Norma : : Jenis Tes Jenis Tes Tahun Norma : Jumlah Kategori Norma : Gambar 3.34 Interface Halaman Tambah Norma PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 92

3.3.2.2.14 Halaman Form Tambah Norma

Form Norma Tanggal Input Norma Jenis Tes Tahun Norma Kategori ke-1 Kategori ke-2 Kategori ke-3 Kategori ke-4 Kategori ke-5 : : : : : : : : Kategori ke-6 : Dan Seterusnya ... sd sd sd sd sd sd Norma Norma Norma Norma Norma Norma : : : : : : Gambar 3.35 Interface Halaman Form Tambah Norma

3.3.2.2.15 Halaman Lihat Seluruh Norma

Daftar Seluruh Norma Tanggal Input Norma Jenis Tes Tahun Periode Norma Aksi xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx Tahun Periode No xxxxx xxxxx UbahLihat UbahLihat Gambar 3.36 Interface Halaman Lihat Seluruh Norma PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 93

3.3.2.2.16 Halaman Lihat Data Norma

Data Norma Jenis Tes Tahun Periode Norma : : xxxxx xxxxx No 2 3 4 5 Max xxxxx xxxxx xxxxx xxxxx Norma xxxxx xxxxx xxxxx xxxxx Tanggal Input Norma xxxx-xx-xx xxxx-xx-xx xxxx-xx-xx xxxx-xx-xx Min xxxxx xxxxx xxxxx xxxxx 6 xxxxx xxxxx xxxx-xx-xx xxxxx Dan Seterusnya ... xxxxx xxxxx xxxx-xx-xx xxxxx 1 Gambar 3.37 Interface Halaman Lihat Data Norma

3.3.2.2.17 Halaman Tambah Kode Soal

Form Kode Soal ID Kode soal Keterangan Kode Soal Jenis Tes : : : -- Jenis Tes -- Gambar 3.38 Interface Halaman Tambah Kode Soal PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 94

3.3.2.2.18 Halaman Tambah Isi Kode Soal

Tambah Isi Kode Soal Jurusan : -- Jurusan -- : Jenis Tes -- Jenis Tes -- Kode Soal : -- Kode Soal -- Gambar 3.39 Interface Halaman Tambah Isi Kode Soal

3.3.2.2.19 Halaman Form Tambah Isi Kode Soal

Form Isi Kode Soal ID Kode Soal Keterangan Kode Soal Jenis Tes Isi Kode Soal Nomor 1 Nomor 2 Nomor 3 Nomor 4 : : : : : : : : -- Pilih Soal -- -- Pilih Soal -- -- Pilih Soal -- -- Pilih Soal -- Dan Seterusnya . . . Gambar 3.40 Interface Form Tambah Isi Kode Soal PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 95

3.3.2.2.20 Halaman Lihat Seluruh Kode Soal

Daftar Seluruh Kode Soal ID Kode Soal Keterangan Kode Soal Aksi xxxxx xxxxx xxxxx xxxxx ID Kode Soal No xxxxx xxxxx UbahLihat UbahLihat Gambar 3.41 Interface Halaman Lihat Seluruh Kode Soal

3.3.2.2.21 Halaman Lihat Data Kode Soal dan Isi Kode Soal

Form Isi Kode Soal ID Kode Soal Keterangan Kode Soal Jenis Tes : : : xxxxx xxxxx xxxxx Nomor urut soal 1 2 3 4 Id bank soal xxxxx xxxxx xxxxx xxxxx Isi Kode : Id kode soal xxxxx xxxxx xxxxx xxxxx Dan Seterusnya . . . Gambar 3.42 Interface Halaman Lihat Data Kode Soal dan Isi Kode Soal PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 96

3.3.2.2.22 Halaman Tambah Paket Soal

Form Paket Soal ID Paket Soal Nama Paket Soal : : -- Pilih Jurusan -- Jurusan : Gambar 3.43 Interface Halaman Tambah Paket Soal

3.3.2.2.23 Halaman Tambah Isi Paket Soal

Tambah Isi Paket Soal Jurusan : -- Jurusan -- Paket Soal : -- Paket Soal -- Gambar 3.44 Interface Halaman Tambah Isi Paket Soal PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 97

3.3.2.2.24 Halaman Form Tambah Isi Paket Soal

Form Isi Paket Soal ID paket soal : Nama Paket Soal : Jurusan : Pilih Kode Soal untuk BMB : Pilih Kode Soal untuk BVA : Pilih Kode Soal untuk BVB : Pilih Kode Soal untuk VOK : -- Pilih BMB -- -- Pilih BVA -- -- Pilih BVB -- -- Pilih VOK -- xxxxx xxxxx Pilih Kode Soal untuk TR : -- Pilih TR -- xxxxx Pilih Kode Soal untuk BMA : -- Pilih BMA -- Gambar 3.45 Interface Halaman Form Tambah Isi Paket Soal PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 98

3.3.2.2.25 Halaman Lihat Seluruh Paket Soal

Daftar Seluruh Paket Soal ID Paket Soal Nama Paket Soal Aksi xxxxx xxxxx xxxxx xxxxx ID Paket No xxxxx xxxxx UbahLihat UbahLihat Gambar 3.46 Interface Halaman Lihat Seluruh Paket Soal

3.3.2.2.26 Halaman Lihat Data Paket Soal dan Isi Paket Soal

Form Isi Paket Soal ID paket soal : Nama Paket Soal : Jurusan : Pilih Kode Soal untuk BMB : Pilih Kode Soal untuk BVA : Pilih Kode Soal untuk BVB : Pilih Kode Soal untuk VOK : xxxxx xxxxx Pilih Kode Soal untuk TR : xxxxx Pilih Kode Soal untuk BMA : xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx Gambar 3.47 Interface Halaman Lihat Data Paket Soal dan Isi Paket Soal PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 99

3.3.2.2.27 Halaman Lihat Seluruh Hasil Tes Peserta

Daftar Seluruh Hasil Tes ID Peserta Instansi Tanggal Tes Aksi xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx ID Peserta No xxxxx xxxxx Grafik Grafik Tempat Tes xxxxx xxxxx Gambar 3.48 Interface Halaman Lihat Seluruh Hasil Tes Peserta PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 100

3.3.2.2.28 Halaman Lihat Hasil Tes Peserta

Header RAHASIA Nama Peserta Sekolah KelasJurusan : xxxxxx Tanggal Tes Tujuan Pemeriksaan Hasil Pemeriksaan: : xxxxxx : xxxxxx : xxxxxx : xxxxxx x Kesesuaian Program Studi x x x x x x x x x x x x x x XXX KUALIFIKASI XXXXXXX x Keterangan Kualifikasi x x x x x x x x x x x x x x N ila i Jenis Tes Keterangan Jenis Tes Yogyakarta, xx-xxxxxx-xxxx Kepala asdwasdwasdwasda xxxxxx xxxx xx asdas SIPP: xxxxx xxx xxxx asdas Gambar 3.49 Interface Halaman Lihat Hasil Tes Peserta PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 101

3.3.2.2.29 Halaman Lihat Seluruh Peserta

Daftar Seluruh Peserta ID Peserta Nama Peserta Instansi Aksi xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx ID Peserta No xxxxx xxxxx Lihat Lihat Tempat Tes xxxxx xxxxx Jurusan xxxxx xxxxx Gambar 3.50 Interface Halaman Lihat Seluruh Peserta

3.3.2.2.30 Halaman Lihat Data Peserta

Form Peserta ID Peserta Nama Peserta Jenis Kelamin Umur Tanggal Lahir Jurusan Instansi Tanggal Daftar Tempat Tes : : : : : : : : : xxxxx xxxxx xxxxxxxx xxxxx Tanggal Tes : Pria Wanita xxxxx xxxxx xxxxxxxx Password : xxxxx xxxxxxxx -- Jurusan -- Gambar 3.51 Interface Halaman Lihat Data Peserta PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 102

3.3.2.2.31 Halaman Lihat Seluruh Instansi

Daftar Seluruh Instansi ID Instansi Nama Instansi Alamat Instansi Aksi xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx Nama Instansi No xxxxx xxxxx Lihat Lihat No. Telepon Instansi xxxxx xxxxx Gambar 3.52 Interface Halaman Lihat Seluruh Instansi

3.3.2.2.32 Halaman Lihat Data Instansi

Form Instansi ID Instansi Nama Instansi Alamat Instansi No Telp Instansi : : : : xxxxxxx xxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx Gambar 3.53 Interface Halaman Lihat Data Instansi PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 103

3.3.2.3 Perancangan Antarmuka Staff P2TKP