No. Field
Tipe Data Constraint
Keterangan
7 Agama
Varchar 100
Not null Agama
8 Alamat_sekaran
g Varchar
100 Not null
Alamat sekarang 9
Kota Varchar
100 Not null
Kota 10
Kebangsaan Varchar
100 Not null
Kebangsaan 11
Status_menikah Varchar
100 Not null
Status menikah 12
Jumlah_anak Varchar
100 Not null
Jumlah anak 13
Terikat_janji_ke rja
Varchar 100
Not null Terikat janji kerja
14 Batas_tanggal_ja
nji_kerja Varchar
100 Not null
Batas tanggal janji kerja
15 No_kk
Varchar 100
Not null No kartu kerluarga
16 Alamat_kk
Varchar 100
Not null Alamat kartu
kerluarga
1.2.6 Perancangan Antar Muka
Perancangan Antar Muka adalah rancangan halaman-halaman yang akan diimplementasikan ke dalam sistem dan berfungsi sebagai antar muka pengguna
dengan sistem. Rancangan ini akan menerima masukkan data dari pengguna dan memberikan hasilnya berupa output laporan. Adapun desain input output tersebut
adalah sebagai berikut: 1. Perancangan Halaman Login
Halaman Login ini digunakan untuk keamanan sistem. Tujuannya adalah supaya sistem digunakan oleh orang yang berhak memakai dan berjalan sesuai
hak aksesnya masing-masing.
NIP Pass word
Login
LOGO
Gambar 1.23 Perancangan Halaman Login 2. Perancangan Halaman Aspek Penilaian
Halaman master bahan ini digunakan untuk memasukan data spek penilaian sebagai ketagori dalam kelompok pertanyaan. Halaman master Aspek
Penilaian dapat dilihat pada Gambar 3.24.
Beranda Pertanyaan
Bobot Penilai
Periode Penilaian Aspek Peni alain
Lai n-Lai n Laporan
Surat Perintah
Admin
Aspek Penilaian
Aspek Penilaian
Tambah
LOGO
No Nam a Aspek
Penilaian Persent ase
Aktifkan Tidak Diaktifkan
St atus
Persentase
Masukkan
Nama Aspek Penilaian
Aktifkan Tidak Di akti fkan
Aktifkan Tidak Di akti fkan
Aktifkan Tidak Di akti fkan
Aktifkan Tidak Di akti fkan
Gambar 1.24 Perancangan Halaman Master Aspek Penilaian
Untuk menambahkan data aspek penilaian yang akan ditambahakan ke database,
Kasubag Umum dan Kepegawaian cukup menekan tombol
masukkan
pada data yang akan ditambahkankan ke database. Seperti yang terlihat pada Gambar 3.24.
3. Perancangan Halaman Pertanyaan Halaman tambah pertanyaan ini digunakan untuk menambahkan pertanyaan
dan jawaban yang diberguna untuk untuk penilaian kinerja. Untuk perancangan tampilan halaman Tambah Pertranyaan ini dapat dilihat pada Gambar 3.25.
Untuk menambahkan data pertanyaan, Kasubag Umum dan Kepegawaian cukup menekan tombol masukkan dan data pertanyaan akan ditambahkan
langsung pada penilaian kerja Gambar 3.25.
Beranda Pertanyaan
Bobot Penilai
Periode Peni lai an Aspek Peni alain
Lai n-Lai n Laporan
Surat Perintah
Admin
Aspek Penilaian
Data Pertanyaan
Tambah
LOGO
No Nam a Aspek
Penilaian Nam a Pertanyaan
Jawbaan Staus
Soal
Persentase
Masukkan
Nama Aspek Penilaian Pilih Aspek Penilaian
Aktifkan Tidak Diaktifkan
Terisi Terisi
Terisi Terisi
Aktifkan Aktifkan
Aktifkan Aktifkan
Tidak Diaktifkan
Tidak Diaktifkan
Tidak Diaktifkan
Tidak Diaktifkan
Gambar 1.25 Perancangan Halaman Pertanyaan 4. Perancangan Halaman penilai
Halaman ini digunakan untuk menambahkan data Penilai. Kasubag Umum dan Kepegawiaan bisa melakukan penambahan data penilai dengan memilih
tambah pada halaman penilai kemudian mengisi Id Penilai, Pilih tempat tugas, No. Pegawai, dst. Perancangan halaman Tambah Penilai dapat dilihat pada
Gambar 3.26.
Beranda Pegawai Dinas
+ Tambah penilai
Aspek penilaian
Tambah
Pertanyaan Penilai
Lain - Lain Laporan
Periode Penilaian
LOGO
Masukan
Nama Penilai Id Penilai
admin Tema
Password Pilih Tempat Tugas
No pegawai Pilih Jabatan
No Telepon Email
Pemberitahuan
Batal
Gambar 1.26 Perancangan Halaman Penilai
5. Daftar penilai Daftar penilai ini digunakan untuk melihat penilai yang ditunjuk Dispendik
Kota Surabaya untuk melakukan penilaian. Daftar penilai ini terdapat pada halaman akses admin atau Kasubag Umum dan Kepegawaian. Perancangan
halaman tampilan daftar penilai dapat dilihat pada gambar 3.27.
Beranda Pertanyaan
Bobot Penilai
Periode Peni lai an Aspek Peni alain
Lai n-Lai n Laporan
Surat Perintah
Admin
Daftar Penilai
Daftar
LOGO
No Id penil ai
Jabatan Penilai Nama Penilai
Sekolah
Gambar 1.27 Perancangan Daftar Penilai
6. Perancangan halaman periode penilaian Halaman periode penilaian ini digunakan untuk memberikan batas waktu
penilaian. Halaman ini disi oleh Kasubag Umum dan Kepegawaian. Perancangan tampilan halaman periode penilaian dilihat pada Gambar 3.28.
Beranda Pegawai Dinas
+ Periode Penilaian
Aspek penilaian Pertanyaan
Penilai
Lain - Lain Laporan
Periode Penilaian
Tambah
LOGO
Simpan
Waktu Penilaian
admin Tema
Akhir Penilaian
Batal
Gambar 1.28 Perancangan Halaman Periode Penilaian
7. Perancangan Daftar Periode Penilaian Daftar periode penilaian ini digunakan untuk melihat periode penilaian yang
dibuat oleh Dispendik Kota Surabaya untuk membuka waktu penilaian. Daftar periode penilaian ini terdapat pada halaman akses admin atau Kasubag Umum
dan Kepegawaian. Perancangan tampilan daftar periode penilaian dapat dilihat pada gambar 3.29.
Beranda Pertanyaan
Bobot Penilai
Periode Peni lai an Aspek Peni alain
Lai n-Lai n Laporan
Surat Perintah
Admin
Daftar Periode Penilaian
Daftar
LOGO
No Waktu Penilaian
Waktu Akhir Penialai
Aksi Perpanjang
Perpanjang Perpanjang
Perpanjang Perpanjang
Perpanjang Perpanjang
Perpanjang
Gambar 1.29 Perancangan Daftar Periode Penilaian
8. Perancangan Halaman Tempat Tugas Fungsi dari halaman tempat tugas ini untuk menambahkan data sekolah di
mana tenaga kontrak ditempatkan. Perancangan tampilan halaman tempat tugas dapat dilihat pada Gambar 3.30.
Gambar 1.30 Perancangan Halaman Tempat Tugas
Beranda Pegawai Dinas
+ Tambah Daftar Sekolah Aspek penilaian
Pertanyaan Penilai
Lain - Lain Laporan
Periode Penilaian
Sekolah Tenaga kontrak
Pegawai Bobot Don Jabatan
Surat Perintah
LOGO
Simpan Nomor Tempat Tugas
admin Tema
Nama Tempat Tugas Alamat Tempat Tugas
Email
9. Perancangan Halaman Tenaga Kontrak Halaman tenaga kontrak ini digunakan untuk memasukkan data penting yang
terkait dengan tenaga kontrak. Data yang dimasukan harus sesuai dengan no ktp tenaga kontrak dan posisi tenaga kontrak. Halaman tersebut juga
mengelompokan tenaga kontrak berdasarkan posisi dari tenaga kontrak tersebut. Perancangan tampilan halaman master tenaga kontrak dapat dilihat
pada Gambar 3.31.
Gambar 1.31 Perancangan Halaman Tenaga Kontrak
Beranda Pegawai Dinas
+ Tambah Tenaga Kontrak
Aspek penilaian Pertanyaan
Penilai Lain - Lain
Laporan Periode Penilaian
Tenaga Kontrak Sekolah
Pegawai Bobot Don Jabatan
Surat Perintah
LOGO
Simpan
Nomor KTP
admin Tema
Posisi Nama Lengkap
Jenis kelamin Tempat Lahir
Tanggal Lahir Agama
Alamat sekarang Kota
Kebangsaan Setatus Nikah
Jumlah Anak Terikat Janji Kerja
Batas Waktu Janji kerja No. Kartu Kluarga
Alamat Kartu Kluarga
Batal
10. Perancangan Halaman Pegawai Halaman Pegawai ini sama halnya dengan from tenaga kontrak digunakan
untuk memasukan data penting yang terkait dengan pegawai yang akan ditempatkan ke sekolah-sekolah. Perancangan tampilan halaman master
kategori pegawai dapat dilihat pada Gambar 3.32.
Beranda Pegawai Dinas
+ Tambah Pegawai
Aspek penilaian Pertanyaan
Penilai Lain - Lain
Laporan Periode Penilaian
Pegawai Sekolah
Tenaga Kontrak Bobot Don Jabatan
Surat Perintah
LOGO
Simpan
Nomor Pegawai
admin Tema
Pilih tempat Tugas Nama Pegawai
Pilihan Jawaban Jenis Kelaimn
Waktu Pengangkatan Alamat
Batal
Gambar 1.32 Perancangan Halaman Pegawai
11. Perancangan Halaman Bobot dan Jabatan Halaman bobot dan jabatan ini digunakan untuk memberikan bobot penilaian
pada setiap jabatan untuk menilai tenaga kontrak. Bobot dan jabatan yang sudah dimasukan memiliki nilai untuk jabatan penilai dalam menilai tenaga
kontrak. Seperti yang terlihat pada Gambar 3.33.
Beranda Pertanyaan
Bobot Penilai
Periode Peni lai an Aspek Peni alain
Lai n-Lai n Laporan
Surat Perintah
Admin
Tambah Bobot
Data Bobot dan Jabatan
Tambah
LOGO
No Nama
Bobot Masukkan
Bobot Pilih Jabatan
Gambar 1.33 Perancangan Halaman Bobot dan Jabatan 12. Perancangan Halaman Surat Perintah
Halaman surat perintah ini digunakan untuk surat perpanjangan tenaga kontrak yang telah melalui tes penilaian kinerja dan dinyatakan lulus. Halaman ini
digunakan sebagai inputan dalam memberikan surat perintah yang diberikan kepada tenaga kontrak. surat perintah tersebut digunakan sebagai acuan untuk
diserahkan kepada Kepala Sekolah yang akan di tempati oleh tenaga kontrak tersebut. Untuk perancangan halaman surat perintah dapat dilihat pada Gambar
3.34.
Beranda Pegawai Dinas
+ Surat Pemerintah
Aspek penilaian Pertanyaan
Penilai Lain - Lain
Laporan Periode Penilaian
Pegawai Sekolah
Tenaga Kontrak Bobot Don Jabatan
Surat Perintah
LOGO
Simpan admin
Tema
No. KTP No. Surat Perintah
Tanggal Surat pemerintah Pilih Tempat Tugas
Gambar 1.34 Perancangan Halaman Surat Perintah
13. Daftar surat perintah Daftar surat perintah ini digunakan untuk melihat surat perintah yang dibuat
oleh Dispendik Kota Surabaya untuk memberikan surat perpanjangan kepada tenaga kontrak. Surat perintah ini terdapat pada halaman akses admin atau
Kasubag Umum dan Kepegawaian. selain itu pada halaman ini terdapat riwayat dari tenaga kontrak tersebut pernah di tempatkan dimana saja dan sudah berapa
kali di perpanjang kontraknya. Perancangan tampilan daftar surat perintah dapat dilihat pada gambar 3.35.
Beranda Pertanyaan
Bobot Penilai
Periode Penilaian Aspek Peni alain
Lai n-Lai n Laporan
Surat Perintah
Admin
Daftar Surat Perintah
Daftar
LOGO
No No Surat Peri ntah
Pos isi Aksi
Cetak Cetak
Cetak Cetak
Cetak Cetak
Cetak Cetak
Nam a Tem pat Tugas
Gambar 1.35 Perancangan Daftar Surat Perintah
14. Perancangan Halaman Level Halaman level digunakan untuk memasukan level yang digunakan untuk
jabatan. Halaman ini membantu dalam mengkategorikan jabatan dari penilai. Level ini juga bisa digunakan untuk banyak jabatan apabila diperlukan jabatan
lain dengan bobot sama. Untuk perancangan halaman Level dapat dilihat pada Gambar 3.36.
Gambar 1.36 Perancangan Halaman Level
15. Perancangan Halaman Penilaian Halaman ini digunakan untuk melakukan penilaian kepada tenaga kontrak
Dispendik Kota Surabaya. Terdiri dari beberapa penilai dengan jabatan yang berbeda. Setiap jawaban yang dipilih oleh penilai mempunyai nilai bobot soal
atau pertanyaan. Untuk perancangan halaman penilaian kinerja tenaga kontrak dapat dilihat pada gambar 3.37.
Beranda
Hasi l Penilaian
Selamat Datang Peni lai Dari Sekola-Sekol ah Dinas Pendidikan Kota Surabaya
Aspek Peni lai an Pertanyaan
Nam a Pertanyaan Soal
Pi lihan Jawaban Pi lihan Jawaban
Pi lihan Jawaban Pi lihan Jawaban
Pi lihan Jawaban Pi lihan Jawaban
Pi lihan Jawaban
Penilai
LOGO
Selesai
Gambar 1.37 Perancangan Halaman Penilaian Kinerja 16. Perancangan Halaman Laporan
Halaman ini digunakan untuk melihat laporan-laporan yang berhubungan dengan penilaian kinerja tenaga kontrak Dispendik Kota Surabaya. Laporan
tersebut berisi laporan seluruh tenaga kontrak, laporan tenaga kontrak yang lulus, dan laporan tenaga kontrak yang tidak lulus. Untuk perancangan halaman
laporan bisa dilihat pada gambar 3.38.
Beranda Pegawai Dinas
Laporan Tenaga Kontrak
Aspek penilaian Pertanyaan
Penilai Lai n - Lai n
Laporan Periode Penil aian
LOGO
admin Tema
Cetak Laporan Id Peri ode
Tanggal Penil aian Tanggal Akhir Penilaia
Gambar 1.38 Perancangan Halaman Laporan
17. Perancangan tampilan laporan penilaian kinerja tenaga kontrak yang lulus Halaman ini digunakan untuk melihat laporan tenaga Dispendik Kota
Surabaya. Laporan tersebut berisi nilai tenaga kontrak yang lulus dari penilai yang sudah melakukan penilaian. dengan adanyan laporan tersebut maka
output dari aplikasi sudah bisa diberikan kepada Kasubag Umum dan
Kepegawaian Dispendik Kota Surabaya. Berikut adalah laporan tenaga kontrak yang lulus bisa dilihat pada gambar 3.39.
Gambar 1.39 Perancangan Tampilan Laporan Tenaga Kontrak Yang Lulus
18. Perancangan tampilan laporan penilaian kinerja tenaga kontrak tidak lulus Halaman ini digunakan untuk melihat laporan tenaga Dispendik Kota
Surabaya. Laporan tersebut berisi nilai tenaga kontrak yang tidak lulus dari penilai yang sudah melakukan penilaian. Berikut adalah laporan tenaga kontrak
yang lulus bisa dilihat pada gambar 3.40.
Gambar 1.40 Perancangan Tampilan Laporan Tenaga Kontrak Tidak Lulus
19. Perancangan Notifikasi Penilai Notifikasi ini ditujukan kepada penilai yang ditunjuk oleh Dispendik Kota
Surabaya untuk melakukan penilaian tenaga kontrak yang di tempatkan di Sekolah penilai. Notifikasi ini berisi id penilai dan password penilai yang
digunakan untuk login pada periode penialain. Desain notifikasi SMS dan email penilai digambarkan pada Gambar 3.41 dan Gambar 3.42.
Anda ditunjuk sebagai penilai dalam penilaian
kinerja tenaga kontrak yang ditempatkan di sekolah anda
dengan id penilai .id_penilai[0]. dan
password id ._POST[password]. yang
diadakan pada tanggal ._POST[waktu_penilaian].
sampai ._POST[waktu_akhir_penil
aian]. . Terima kasih
Gambar 1.41 Perancangan Notifikasi SMS Penilai
Info Penilai Tenaga Kontrak Dinas Pendidikan Kota Surabaya
LOGO
Anda ditunjuk sebagai penilai dalam penilaian kinerja tenaga kontrak yang ditempatkan di sekolah anda
dengan id penilai .id_penilai[0]. dan password id ._POST[password]. yang diadakan
pada tanggal ._POST[waktu_penilaian]. sampai ._POST[waktu_akhir_penilaian]. .
Terima kasih
Gambar 1.42 Perancangan Notifikasi Email Penilai
20. Perancangan Notifikasi Penilai Belum Menilai Notifikasi ini berisi pemberitahuan untuk penilai segera melakukan penilaian.
Desain notifikasi SMS dan email penilai belum menilai digambarkan pada Gambar 3.43 dan Gambar 3.44.
Anda penilai yang sudah ditunjuk tapi belum
melakukan penilaian. Seilahkan lakukan penilaian
sebelum waktu penilaian habis. Terimakasih.
Gambar 1.43 Perancangan Notifikasi SMS Penilai Belum Menilai
Info Penilai Belum Menilai
LOGO
Anda penilai yang sudah ditunjuk tapi belum melakukan penilaian. Seilahkan lakukan penilaian sebelum waktu penilaian habis. Terimakasih.
Gambar 1.44 Perancangan Email Penilai Belum Menilai
1.2.7 Perancangan Uji Coba Sistem
