BAB IV RANCANGAN SISTEM USULAN 4.
Analisa Perancangan Web
4.1.
Spesifikasi Rancangan Web Spesifikasi Rancangan program yang penulis gunakan dalam perancangan
program pada tugas akhir ini terdiri: 1.
Rancangan Bentuk Tampilan Masukan Bentuk dokumen masukan merupakan dokumen atau data yang dibuat sebagai acuan dalam pengaturan data pada aplikasi perancangan program web ini.
2.
Bentuk Keluaran Bentuk tampilan keluaran adalah segala bentuk dokumen hasil pencatatan laporan dari proses masukan
3. Rancangan Struktur Navigasi Struktur navigasi berfungsi untuk menggambarkan dengan jelas hubungan dan rantai kerja seluruh elemen yang akan digunakan dalam aplikasi. a.
Spesifikasi Halaman Login
Gambar 4.1 Spesifikasi Halaman Login
60 http://digilib.mercubuana.ac.id/
61
Nama Halaman
: Login
Akronim
: Login.php
Fungsi Halaman
: Untuk masuk kedalam halaman
Bahasa Halaman
: PHP
4.1.1 Struktur Navigasi Admin Pusat Login
HOME
PROFILE
INPUT GAJI
REPORT
ABSENSI
GAJI
LOGOUT
CUTI
Gambar 4.2 Struktur Navigasi Admin Pusat
a.
Spesifikasi Halaman Admin Pusat Home
Gambar 4.3 Spesifikasi Halaman Admin Pusat Home
http://digilib.mercubuana.ac.id/
62
b.
Nama Halaman
: Home admin pusat
Akronim
: home_pusat.php
Fungsi Halaman
: Menampilkan Halaman Admin Pusat
Bahasa Halaman
: PHP
Spesifikasi Halaman Admin Pusat Profile
Gambar 4.4 Spesifikasi Halaman Admin Pusat Profile
Nama Halaman
: Profile admin pusat
Akronim
: profile_pusat.php
Fungsi Halaman
: Menampilkan Halaman profile Admin Pusat
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
63
c.
Spesifikasi Halaman Admin Pusat Report Absensi
Gambar 4.5 Spesifikasi Halaman Admin Pusat Report Absensi
Nama Halaman
: Report Absensi
Akronim
: report_absensi.php
Fungsi Halaman
: untuk melihat absensi yang di input oleh admin cadang setiap bulannya.
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
64
d.
Spesifikasi Halaman Admin Pusat Input Gaji
Gambar 4.6 Spesifikasi Halaman Admin Pusat Input Gaji
Nama Halaman
: Input Gaji
Akronim
: input_gaji.php
Fungsi Halaman
: untuk menginput data gaji spg setiap bulannya yang akan di tampilkan di halaman slip gaji spg.
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
65
e.
Spesifikasi Halaman Admin Pusat Report Gaji
Gambar 4.7 Spesifikasi Halaman Admin Pusat Report Gaji
Nama Halaman
: Report Gaji
Akronim
: report_gaji.php
Fungsi Halaman
: untuk melihat hasil absensi yang telah di export
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
66
f.
Spesifikasi Halaman Admin Pusat Report Cuti
Gambar 4.8 Spesifikasi Halaman Admin Pusat Report Cuti
Nama Halaman
: Report Cuti
Akronim
: report_cuti.php
Fungsi Halaman
: untuk melihat pengajuan cuti spg
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
67
4.1.2 Struktur Navigasi Admin Cabang Login
HOME
PROFILE
INPUT
LOGOUT
Gambar 4.9 Struktur Navigasi Admin Cabang
a.
Spesifikasi Halaman Admin Cabang Home
Gambar 4.10 Spesifikasi Halaman Admin Cabang Home
Nama Halaman
: Home admin Cabang
Akronim
: home_cabang.php
Fungsi Halaman
: Menampilkan Halaman Admin Cabang
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
68
b.
Spesifikasi Halaman Admin Cabang Profile
Gambar 4.11 Spesifikasi Halaman Admin Cabang Profile
Nama Halaman
: Profile admin cabang
Akronim
: profile_cabang.php
Fungsi Halaman
: Menampilkan Halaman profile Admin Cabang
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
69
c.
Spesifikasi Halaman Admin Cabang Input Data Absensi
Gambar 4.12 Spesifikasi Halaman Admin Cabang Input Data Absensi
Nama Halaman
: Input Data Absensi
Akronim
: input_absensi.php
Fungsi Halaman
: untuk mengupload data absensi spg
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
70
4.1.3 Struktur Navigasi SPG (Sales Promotion Girl)
Login
HOME
PROFILE
CUTI
GAJI
LOGOUT
Gambar 4.13 Struktur Navigasi SPG
a.
Spesifikasi Halaman SPG Home
Gambar 4.14 Spesifikasi Halaman SPG Home
Nama Halaman
: Home SPG
Akronim
: home_spg.php
Fungsi Halaman
: Menampilkan Halaman SPG
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
71
b.
Spesifikasi Halaman SPG Profile
Gambar 4.15 Spesifikasi Halaman SPG Profile
Nama Halaman
: Profile SPG
Akronim
: profile_spg.php
Fungsi Halaman
: Menampilkan Halaman profile Admin Cabang
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
72
c.
Spesifikasi Halaman Input Form Pengajuan Cuti Spg
Gambar 4.16 Spesifikasi Halaman Input Form Pengajuan Cuti Spg
Nama Halaman
: Input Form Cuti
Akronim
: input_cuti.php
Fungsi Halaman
: untuk mengajukan cuti
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
73
d.
Spesifikasi Halaman Report Cuti Spg
Gambar 4.17 Spesifikasi Halaman Report Cuti Spg
Nama Halaman
: Report Cuti
Akronim
: cuti.php
Fungsi Halaman
: Menampilkan hasil dari cuti yang sudah diajukan.
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
74
e.
Spesifikasi Halaman Slip Gaji SPG
Gambar 4.18 Spesifikasi Halaman Slip Gaji SPG
Nama Halaman
: Slip Gaji
Akronim
: slip_gaji.php
Fungsi Halaman
: Menampilkan perincian dan total gaji setiap bulan.
Bahasa Halaman
: PHP
http://digilib.mercubuana.ac.id/
75
4.1.4 Rancangan Keluaran
a. Rancangan keluaran Slip Gaji
Gambar 4.19 Rancangan Keluaran Slip Gaji
b. Rancangan Keluaran Laporan Gaji
Gambar 4.20 Rancangan Keluaran Laporan Gaji
http://digilib.mercubuana.ac.id/
