Perancangan Antar Muka Halaman Utama

3.4 Perancangan Antar Muka Interface

Perancangan antarmuka merupakan perancangan halaman aplikasi yang berinteraksi langsung antara sistem dengan pengguna. Perancangan antarmuka sistem merupakan salah satu bagian penting dalam tahap perancangan sistem. Dalam merancang antar muka aplikasi harus memudahkan pengguna dalam mengoperasikan sistem atau aplikasi tersebut. Dalam merancang tampilan sebuah situs, harus menggambarkan layout dari situs yang akan dibuat. Layout berfungsi untuk memudahkan dalam mendesain tampilan pada sebuah halaman web.

3.4.1 Perancangan Antar Muka Halaman Utama

Perancangan halaman utama dari aplikasi penggajian dan pengelolaan data pegawai, akan menampilkan data data pegawai dari UD. Azam Jaya. Pada Gambar 3.7 di bawah ini adalah gambar dari halaman utama : Gambar 3.7 Form Halaman Utama Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Aplikasi Penggajian ini hanya digunakan oleh admin saja. Saat pertama kali membuka aplikasi, halaman sistem aplikasi yang disediakan adalah halaman untuk login. Admin harus mengisi username dan password. Jika login gagal, maka admin mengisi username dan password kembali hingga benar untuk masuk. Menu-menu yang terdapat pada sistem aplikasi penggajian ini adalah sebagai berikut: Menu Home, Menu Depatemen, Menu Karyawan, Menu Master, Menu Laporan, dan Menu Logout. Sebagaimana dijelaskan pada gambar diagram berikut : Gambar 3.8 Diagram Menu Sistem Aplikasi Penggajian Tabel berikut ini menjelaskan menu - menu yang disediakan pada setiap halaman sub sistem yang ada di aplikasi penggajian. Terdapat 6 menu yang mana Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. admin dapat mengelola dari pendataan dan penggajian kepegawaian di UD.Azam Jaya. Kegunaan menu-menu tersebut sebagai berikut: Tabel 3.10 Menu Administrator Pada Aplikasi Penggajian Karyawan Menu Kegunaan Home Menampilkan halaman home tampilan awal setelah login Departemen Menampilkan halaman daftar departemen Karyawan Menampilkan data-data karyawan yang telah dientrikan, karyawan di bagian office, tunjangan keluarga karyawan office , karyawan borongan dan karyawan harian, di dalamnya terdapat menu : § Edit data karyawan § Entri data keluarga karyawan § Tunjangan anggota karyawan office § Input gaji karyawan office § Input gaji karyawan borongan § Input gaji karyawan harian Master Menambahkan nama departemen, status departemen dan menginputkan data-data karyawan: § data karyawan office § data karyawan borongan § data karyawan harian Laporan Menampilkan laporan gaji dari setiap bagian departemen yang sudah dimasukkan di menu input gaji karyawan, di dalamnya terdapat menu : § detail gaji § printout gaji Logout Keluar dari aplikasi penggajian karyawan. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.4.2 Perancangan Antar Muka Halaman Sistem Aplikasi Penggajian