71
5. File Cuti
Nama file : Cuti
Kunci file : id_cuti
Keterangan : Digunakan untuk menyimpan data pengajuan dan
mengetahui persetujuan cuti
Tabel 4.5 Struktur file cuti No
Nama_Field Type
Length Keterangan
1 no
Int 5
Auto increment 2
nipp Int
15 No induk pegawai
3 jeniscuti
Varchar 50 Nama jenis cuti
4 hari
Int 11
Lama cuti perHari 5
bulan Int
11 Lama cuti perBulan
6 tahun
Int 11
Lama cuti perTahun 7
tgl_mulai Date
Tgl mulai cuti 8
tgl_akhir Date
Tgl akhir cuti 9
alamatcuti Varchar 250
Alamat cuti 10
tglacc Date
Tgl acc cuti 11
status Varchar 10
Status acc atau tolak 12
Alasan Varchar 250
Alasan penolakan cuti
4.2.5. Perancangan Antar Muka
Perancangan antar muka ini bertujuan untuk memberikan tentang desain
program yang akan dibuat.
72
Header Username
Password LOGIN
Gambar 4.15 Perancangan Antar muka
4.2.5.1. Struktur Menu
Perancangan menu merupakan bentuk umum dari suatu rancangan program untuk memudahkan pengguna dan sebagai pedoman atau petunjuk bagi
pengguna Sistem Aplikasi Pengambilan Cuti Kepegawaian pada Kantor Pusat PT. Kereta Api Indonesia PERSERO.
1. Menu Pegawai
Login
Halaman depan
Pengajuan Cuti
Riwayat Cuti
Logout Keluar sistem
Lihat, cetak Mengisi form
Gambar 4.16 Struktur menu pegawai 2. Menu Atasan
73
Login
Halaman depan
Pengajuan Cuti
Riwayat Cuti
Logout Keluar sistem
Lihat, cetak Mengisi form
Persetujuan Cuti Melihat, persetujuan
Gambar 4.17 Struktur menu atasan 3. Menu Admin
Login Halaman depan
Data Pegawai
Jenjang Pangkat Jenis Cuti
Show Show
Mengisi form, Edit, Hapus
Data User Mengisi form, Edit,
Hapus
Logout Keluar sistem
Gambar 4.18 Struktur menu admin
4.2.5.2. Perancangan Input
74
Perancangan input merupakan gambaran desain dan program yang akan dibuat, dimana data yang akan kita butuhkan akan diolah menjadi sebuah output
yang diinginkan. Di bawah ini terdapat beberapa perancangan input Sistem Aplikasi
Pengambilan Cuti Kepegawaian pada Kantor Pusat PT. Kereta Api Indonesia PERSERO Berbasis Web.
1. Perancangan Input Pegawai 1.1. Form Login
Dibuat untuk digunakan sebagai syarat untuk dapat mengakses program secara keseluruhan, rancangannya sebagai berikut :
Header Username
Password
LOGIN
Gambar 4.19 Login Pegawai 1.2. Perancangan Menu
Menu digunakan setelah user melakukan login,
rancangannya sebagai berikut :
LOGO
FOOTER HOME
PENGAJUAN CUTI RIWAYAT CUTI
LOGOUT Halaman depan
Gambar 4.20 Struktur Menu Pegawai 1.3. Perancangan Input Pengajuan Cuti
75
Form digunakan untuk mengisi pengajuan cuti,
rancangannya sebagai berikut :
HOME PENGAJUAN CUTI
RIWAYAT CUTI LOGOUT
Nama Pangkat Gol. Ruang
Jabatan NIPP
Lama Cuti Jenis Cuti
Sisa Cuti
Tanggal Mulai Tanggal Akhir
Alamat Selama Cuti Ajukan
Reset LOGO
FOOTER Jenis kelamin
hari bulan
tahun
Gambar 4.21 Form Pengajuan Cuti Pegawai 1.4. Perancangan Riwayat cuti
Menu dimana user mengetahui pengajuan cuti yang sudah diajukan dan telah di acc,
rancangannya sebagai berikut :
RIWAYAT CUTI
No Alamat selama
cuti Tanggal
akhir Tanggal mulai
Lama cuti Sisa cuti
Jenis cuti NIPP
Tgl ACC Status
Searching.. NIPP
Cari
Gambar 4.22 Data Riwayat Cuti Pegawai 2. Perancangan Input Atasan
76
2.1. Perancangan Menu Menu digunakan setelah user melakukan login, berikut tampilannya :
LOGO
FOOTER Halaman depan
HOME PENGAJUAN CUTI
RIWAYAT CUTI LOGOUT
PERSETUJUAN CUTI
Gambar 4.23 Struktur Menu Atasan 2.2. Perancangan Persetujuan Cuti
Digunakan untuk melakukan persetujuan terhadap pegawai yang telah melakukan pengisian form pengajuan cuti,
rancangannya sebagai berikut :
Nama Pangkat Gol. Ruang
Jabatan NIPP
Lama Cuti Jenis Cuti
Sisa Cuti Tanggal Mulai
Tanggal Akhir Alamat Selama Cuti
Kirim Reset
LOGO
FOOTER HOME
PENGAJUAN CUTI RIWAYAT CUTI
LOGOUT PERSETUJUAN CUTI
Persetujuan Alasan penolakan
Tanggal ACC
77
Gambar 4.24 Form Persetujuan Cuti
3. Perancangan Input Admin 3.1. Perancangan Menu
Menu digunakan setelah user melakukan login
LOGO
FOOTER Halaman depan
HOME
LOGOUT JENJANG PANGKAT
JENIS CUTI DATA USER
JENIS CUTI
Gambar 4.25 Struktur Menu Admin 3.2.Perancangan Input Data Pegawai
Form digunakan untuk mengisi data pegawai, rancangannya sebagai berikut:
78
NIPP
Jabatan Status
Tempat, tanggal lahir Pangkat Gol. Gol
Jenis Kelamin Nama
Jenis Pegawai Tanggal Masuk
Kirim Cancel
LOGO HOME
LOGOUT JENJANG PANGKAT
JENIS CUTI DATA USER
DATA PEGAWAI
FOOTER
Data Pegawai
Alamat
Gambar 4.26 Form Data Pegawai 3.3.Perancangan Input Data User
Form digunakan untuk mengisi pengajuan cuti, rancangannya sebagai berikut:
NIPP Level
Password LOGO
HOME
LOGOUT JENJANG PANGKAT
JENIS CUTI DATA USER
JENIS CUTI Data User
Kirim Cancel
Gambar 4.27 Form Data User 3.4.Perancangan Jenjang Pangkat
Form digunakan untuk mengisi pengajuan cuti, rancangannya sebagai berikut:
79
LOGO HOME
LOGOUT JENJANG PANGKAT
JENIS CUTI DATA USER
JENIS CUTI Jenjang Pangkat
No Golongan
Pangkat Keterangan
FOOTER
Gambar 4.28 Data Jenjang Pangkat 3.5.Perancangan Jenis Cuti
Form digunakan untuk mengetahui jenis cuti, rancangannya sebagai berikut:
LOGO HOME
LOGOUT JENJANG PANGKAT
JENIS CUTI DATA USER
JENIS CUTI Jenis Cuti
No Jenis cuti
Lama cuti Keterangan
FOOTER
Gambar 4.29 Data Jenis cuti
4.2.5.3. Perancangan Output
1. Pengajuan cuti
80
Menu dimana user mengetahui pengajuan cuti yang sudah telah di
acc maupun tolak, rancangannya adalah:
Nama Pangkat Gol. Ruang
Jabatan NIPP
Lama Cuti Jenis Cuti
Sisa Cuti Tanggal Mulai
Tanggal Akhir Alamat Selama Cuti
Tanggal ACC Persetujuan
Pengajuan Cuti
Jenis Kelamin
Pemohon Pjbt yg menandatangani izin
cuti Pjbt yg memberikan
cuti Tgl
Tgl Tgl
Jab. Jab.
NIPP NIPP
Gambar 4.30 Persetujuan cuti 2. Kartu cuti
Menu dimana user mengetahui penggunaan cuti, rancangannya adalah:
Kartu Cuti Pegawai
Nama Tahun
NIPP
Tanggal Mulai Tanggal Akhir
No Sisa Cuti
Keterangan Jenis Cuti
Gambar 4.31 Kartu cuti 4.2.6.
Perancangan Arsitektur Jaringan
81
Perancangan arsitektur jaringan merupakan kebutuhan yang akan digunakan jaringan komputer yang ditetapkan pada sistem yang dirancang. Dalam
perancangan sistem ini menggunakan arsitektur jaringan LAN Local Area Network dengan Topologi Star bintang. Karena mempermudah proses
penganggulangan masalah jaringan serta mempunyai jalur yang jelas dari komputer clien. Selain itu mempunyai tingkat keamanan yang cukup tinggi serta
difungsikan untuk penanganan data dengan clien atau server.
internet
Kepegawaian System Information
Server
Gambar 4.32 Arsitektur jaringan
82
BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM
5.1. Implementasi
