Desain Aplikasi

4.3.2. Desain Algoritma

Perancangan algoritma dalam dokumen desain SI-LCKH Pegawai Negeri Sipil Kementerian Agama Kantor Wilayah Provinsi Jawa Tengah ini menggunakan Flowchart . Flowchart (diagram alur) merupakan alat bantu pemrograman yang dapat membantu programmer dalam mengorganisasikan pemikiran dalam pemrograman, terutama bila dibutuhkan penalaran yang tajam dalam logika prosedur suatu program. Dalam dokumen ini terdapat lima Flowchart yang merupakan gambaran fungsi-fungsi yang ada dalam SI-LCKH Pegawai Negeri Sipil Kementerian Agama Kantor Wilayah Provinsi Jawa Tengah. Kelima flowchart tersebut antara lain, melakukan login , menulis laporan, menindaklanjuti laporan, membuat akun, dan mengganti password . Berikut adalah flowchart tersebut berserta dengan penjelasannya.

a. Melakukan Login Diagram alur untuk melakukan login dilakukan oleh pegawai yang memiliki username dan password . Jika cocok, maka pegawai dapat masuk ke sistem. Flowchart untuk melakukan login dapat dilihat pada Gambar 4.13 berikut ini.

Gambar 4.13. Flowchart Melakukan Login

b. Menulis Laporan Diagram alur untuk menulis laporan dilakukan oleh pegawai saat membuka halaman pembuatan laporan. Pegawai dapat mengganti keterangan kehadirannya saat dia sedang sakit, ijin, atau dinas luar. Jika, pegawai hadir, maka dapat mengisi laporan sesuai kinerja sebanyak yang dilakukannya. Kemudian, data tersebut disimpan dan menunggu untuk ditindaklanjuti oleh atasan. Flowchart untuk menulis laporan dapat dilihat pada Gambar 4.14 berikut ini.

Gambar 4.14. Flowchart Menulis Laporan

c. Menindaklanjuti Laporan Atasan pegawai dalam SI-LCKH Pegawai Negeri Sipil Kementerian Agama Kantor Wilayah Provinsi Jawa Tengah dapat menindaklanjuti laporan bawahannya, apakah disetujui atau tidak. Kemudian bawahan menerima hasil

laporan yang telah ditindaklanjutinya tersebut. Flowchart untuk

menindaklanjuti laporan dapat dilihat pada Gambar 4.15 berikut ini.

Gambar 4.15. Flowchart Menindaklanjuti Laporan

d. Membuat Akun Administrator dapat membuat akun pegawai baru. Akun pegawai baru dapat dibuat dengan syarat bahwa akun tersebut belum pernah dibuat sebelumnya. Administator membuat akun pegawai baru dengan cara mengisikan formulir data pegawai, kemudian sistem menyimpannya dalam basis data. Flowchart untuk membuat akun dapat dilihat pada Gambar 4.16 berikut ini.

Gambar 4.16. Flowchart Membuat Akun

e. Mengganti Password Password dalam akun SI-LCKH Pegawai Negeri Sipil Kementerian Agama Kantor Wilayah Provinsi Jawa Tengah dapat diganti dengan mengisikan formulir berupa password lama, password baru, dan konfirmasi password baru. Jika formulir-formulir ini terisi dengan benar, maka password akan sukses terganti dan langsung tersimpan di dalam basis data. Flowchart untuk mengganti password dapat dilihat pada Gambar 4.17 berikut ini.

Gambar 4.17. Flowchart Mengganti Password

4.3.3. Desain Antarmuka

Desain antarmuka merupakan perancangan bentuk tampilan dari SI-LCKH Pegawai Negeri Sipil Kementerian Agama Kantor Wilayah Provinsi Jawa Tengah ini. Rancangan desain antarmuka yang akan digunakan adalah sebagai berikut.

a. Antarmuka Halaman Login Halaman awal dari SI-LCKH adalah tampilan login untuk pegawai yang terdapat kolom field untuk mengisikan username dan password . Karena itu, yang bisa mengakses SI-LCKH ini hanyalah pegawai resmi dari Kemenag Jateng. Rancangan halaman tersebut dapat terlihat pada Gambar 4.18.

Gambar 4.18 . Desain Antarmuka Halaman Login

b. Antarmuka Halaman Laporan Belum Disetujui Antarmuka untuk pembuatan laporan SI-LCKH terdapat detail data pegawai yang sedang membuat laporan, kemudian terdapat field tangal yang dapat diubah sesuai dengan kapan laporan tersebut dilaksanakan. Tidak ada batasan pembuatan laporan, jadi pegawai dapat terus menambah barisnya. Jika, yang mengakses halaman ini adalah Eselon IV, III, atau II, maka terdapat tombol untuk melihat pegawai bawahannya. Di bagian bawah tabel terdapat field untuk mengubah keterangan kehadiran pada hari yang dipilih, apakah Sakit, Ijin, atau Dinas Luar. Rancangan halaman tersebut dapat terlihat pada Gambar 4.19.

Gambar 4.19. Desain Antarmuka Halaman Laporan Belum Disetujui Gambar 4.19. Desain Antarmuka Halaman Laporan Belum Disetujui

Gambar 4.20 . Desain Antarmuka Halaman Laporan Telah Disetujui

d. Antarmuka Lihat Pegawai Pada menu antarmuka ini, atasan dapat melihat pegawai bawahannya pada sebuah tabel. Terdapat kolom NIP, Nama, Unit Kerja, dan Jabatan. Untuk mempermudah pegawai, terdapat juga field pencarian pegawai. Rancangan tampilan tersebut dapat terlihat pada Gambar 4.21.

Gambar 4.21. Desain Antarmuka Lihat Pegawai Gambar 4.21. Desain Antarmuka Lihat Pegawai

Gambar 4.22. Desain Antarmuka Ganti Password

f. Antarmuka Lihat Laporan Pegawai Atasan dapat melihat laporan pegawai bawahannya dengan memilih namanya pada tampilan Lihat Pegawai. Pada tampilan ini, atasan dapat melihat detail data pegawai tersebut dan laporan yang dibuatnya pada tanggal yang dipilih. Atasan kemudian dapat menyetujui atau menolak laporan yang telah dibuat. Rancangan tampilan tersebut dapat terlihat pada Gambar 4.23.

Gambar 4.23 . Desain Antarmuka Lihat Laporan Pegawai Gambar 4.23 . Desain Antarmuka Lihat Laporan Pegawai

Gambar 4.24. Desain Antarmuka Halaman Administrator

h. Antarmuka Buat Akun Pegawai Adminstrator dapat membuat akun pegawai baru dengan mengisikan data pegawai secara lengkap mulai dari NIP hingga NPWP. Rancangan tampilan tersebut dapat terlihat pada Gambar 4.25

Gambar 4.25. Desain Antarmuka Buat Akun Gambar 4.25. Desain Antarmuka Buat Akun

Gambar 4.26. Desain Antarmuka Lihat Akun Pegawai j. Antarmuka Edit Akun Pegawai

Administrator dapat mengedit informasi akun pegawai, terkecuali NIP dan NPWP. Rancangan tampilan tersebut dapat terlihat pada Gambar 4.27.

Gambar 4.27. Desain Antarmuka Edit Akun Pegawai