ANALISIS DAN PERANCANGAN SISTEM
1.2 Perancangan Sistem (Modelling)
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 PerancanganHalaman 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 St atus Aktifkan Tidak Diaktifkan
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
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 Soal Jawbaan Staus
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
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
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 Nama Penilai Jabatan Penilai Sekolah
Gambar 1.27 Perancangan Daftar Penilai
6. Perancangan halamanperiode 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
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 halamansurat perintah dapat dilihat pada Gambar
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 halamanLevel dapat dilihat pada
Gambar 3.36.
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 Tema admin
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.
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
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.