Perancangan User Interface Workshop Design

Tabel 4.41 Tabel Pengumuman Nama Field Tipe Data Panjang Field Keterangan id_pengumuman Int 5 Id pengumuman pengumuman text - Pengumuman

4.2.3 Perancangan User Interface

Untuk memudahkan dalam pembangunan sistem e-HRM terdapat satu tahap yang harus dilakukan yaitu membuat tampilan rancangan interface bagi setiap pengguna. Sebelum itu dibuat struktur menu dari e-HRM sesuai dengan level aksesnya: 1. Menu Pelamar Kerja Gambar 4.52 Struktur Menu Pelamar Kerja Pada struktur menu diatas menggambarkan menu pelamar kerja. Menu Home merupakan halaman awal sistem e-HRM ini. Pada menu Karir terdapat 3 menu yaitu Daftar Lowongan yang berisi lowongan apa saja yang terdapat pada sistem kemudian pelamar dapat melamar di halaman tersebut. Daftar Pelamar berisi nama pelamar yang telah mengirim data lamaran yang ada dan pada menu Pengumuman berisi tentang pengumuman apa saja mengenai Sumber Daya Insani, baik karyawan ataupun pelamar. Biasanya berisi pengumuman kelulusan dan pemanggilan interview untuk tes selanjutnya. 2. Menu SDI Gambar 4.53 Struktur Menu Sumber Daya Insani Pada struktur menu diatas menggambarkan menu Sumber Daya Insani. Pada menu Karir terdapat 3 menu yaitu Manage Lowongan berisi manajemen lowongan yang ada dan dapat menambah lowongan baru. Kemudian Manage Pelamar berisi manajemen pelamar untuk melihat detail pelamar. Pengumuman berisi manajemen pengumuman pada halaman awal. Menu Manage Karyawan berisi manajemen karyawan yang berisi database karyawan. Pada menu Cuti berisi hanya untuk melihat laporan cuti saja. Menu Pelatihan berisi manajemen pelatihan dan terdapat untuk mengadakan pelatihan baru. Menu Pengunduran Diri berisi laporan pengunduran diri. Menu Mutasi disini terdapat form isian apabila karyawan ada yang harus dimutasi dan mutasi disini hanya sekedar pemberitahuan awal saja tidak sampai SK keluar. Menu Penggajian berisi data gaji dan terdapat form untuk menghitung gaji karyawan bulanan. Menu Penilaian disini berisi hanya untuk melihat laporan penilaian saja. Menu Data User disini berisi user siapa saja yang terdapat dalam sistem dan dapat dimanajemen oleh SDI. Menu Profile disini berisi untuk mengubah data password, alamat, foto dan nomor telepon apabila ada data terbaru. Menu Logout untuk keluar dari sistem. 3. Menu Karyawan Gambar 4.54 Struktur Menu Karyawan Struktur menu diatas menggambarkan menu Karyawan. Menu cuti berisi data cuti karyawan tersebut, terdapat form untuk menambah cuti apabila ingin mengajukan cuti. Menu pelatihan berisi pelatihan apa saja yang ada pada sistem tersebut dan karyawan dapat daftar pelatihan sesuai dengan topik pelatihan tersebut. Menu Pengunduran Diri berisi data karyawan yang telah mengajukan pengunduran diri, dan terdapat form apabila karyawan ingin mengajukan pengunduran diri. Menu Profile disini berisi untuk mengubah data password, alamat, foto dan nomor telepon apabila ada data terbaru. Menu Logout untuk keluar dari sistem. 4. Menu Kepala Divisi Gambar 4.55 Struktur Menu Kepala Divisi Struktur menu diatas menggambarkan menu Kepala Divisi. Menu Mutasi disini berisi data karyawan yang akan dimutasi, kemudian Kepala Divisi dapat melakukan persetujuanvalidasi mutasi tersebut di menu Mutasi. Menu Penilaian disini berisi data penilaian karyawan dan dapat juga melakukan penilaian pada menu ini. Menu Profile disini berisi untuk mengubah data password, alamat, foto dan nomor telepon apabila ada data terbaru. Menu Logout untuk keluar dari sistem. 5. Menu Pimpinan Cabang Gambar 4.56 Struktur Menu Pimpinan Cabang Struktur menu diatas menggambarkan menu Pimpinan Cabang. Menu Cuti disini berisi data karyawan yang mengajukan cuti, kemudian Pimpinan Cabang disini dapat melakukan persetujuanvalidasi cuti di menu ini. Menu Pengunduran Diri juga berisi data karyawan yang mengajukan pengunduran diri kemudian dapat melakukan persetujuan di menu ini. Menu Profile disini berisi untuk mengubah data password, alamat, foto dan nomor telepon apabila ada data terbaru. Menu Logout untuk keluar dari sistem. 6. Menu Bagian Keuangan Gambar 4.57 Struktur Menu Bagian Keuangan Struktur menu diatas menggambarkan menu Bagian Keuangan. Menu Penggajian berisi data gaji karyawan, dan terdapat kolom edit gaji untuk mengisi bonus yang didapat karyawan sesuai dengan penilaian yang dilakukan oleh Kepala Divisi. Menu Penilaian disini hanya untuk melihat data penilaian saja. Menu Profile disini berisi untuk mengubah data password, alamat, foto dan nomor telepon apabila ada data terbaru. Menu Logout untuk keluar dari sistem. 7. Menu Direktur Gambar 4.58 Struktur Menu Direktur Struktur menu diatas menggambarkan menu Direktur. Terdapat menu laporan yang berisi laporan mengenai data karyawan, penggajian, mutasi, cuti, pelatihan, dan pengunduran diri. Berikut tampilan rancangan interface bagi setiap pengguna berdasarkan user dan level aksesnya: 1. Halaman Login Gambar 4.59 Interface Login 2. Halaman SDI a. Manage Lowongan Gambar 4.60 Interface Manage Lowongan b. Manage Karyawan Gambar 4.61 Interface Manage Karyawan c. Manajemen Cuti Gambar 4.62 Interface Manajemen Cuti d. Manajemen Pelatihan Gambar 4.63 Interface Manajemen Pelatihan e. Manajemen Pengunduran Diri Gambar 4.64 Interface Manajemen Pengunduran Diri f. Input Mutasi Gambar 4.65 Interface Input Mutasi g. Penggajian Gambar 4.66 Interface Penggajian h. Input Penggajian Gambar 4.67 Interface Input Penggajian i. Penilaian Gambar 4.68 Interface Penilaian j. Manajemen User Gambar 4.69 Interface Manajemen User k. Update Profile Gambar 4.70 Interface Update Profile 3. Halaman Karyawan a. Input Cuti Gambar 4.71 Interface Input Cuti b. Daftar Pelatihan Gambar 4.72 Interface Daftar Pelatihan c. Input Pengunduran Diri Gambar 4.73 Interface Input Pengunduran Diri d. Input Mutasi Gambar 4.74 Interface Input Mutasi 4. Halaman Pimpinan Cabang a. Validasi Cuti Gambar 4.75 Interface Validasi Cuti b. Validasi Pengunduran Diri Gambar 4.76 Interface Validasi Pengunduran Diri 5. Halaman Bagian Keuangan a. Cetak Penggajian Gambar 4.77 Interface Cetak Penggajian b. Lihat Penilaian Gambar 4.78 Interface Lihat Penilaian 6. Halaman Kepala Divisi a. Validasi Mutasi Gambar 4.79 Interface Validasi Mutasi b. Penilaian Gambar 4.80 Interface Tambah Penilaian 7. Halaman Direktur a. Laporan Gambar 4.81 Interface Laporan 8. Halaman Pelamar a. Data Lowongan Gambar 4.82 Interface Data Lowongan b. Data Pelamar Gambar 4.83 Interface Data Pelamar c. Pengumuman Gambar 4.84 Interface Pengumuman

4.3 Fase Implementasi

4.3.2 Pemrograman

Pada Bagian konstruksi ini, penulis melakukan pemrogramanpengkodean dengan menggunakan bahasa pemrograman PHP dan menggunakan MySQL sebagai basis datanya. Lampiran

4.3.3 Pengujian Software

Pada tahap pengujian dilakukan dengan cara Blackbox Testing. Cara pengujian dilakukan dengan menjalankan sistem e-HRM dan melihat output-nya apakah telah sesuai dengan hasil yang diharapkan. Pengujian dilakukan oleh