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