Perancangan Antarmuka Perancangan Antarmuka Laporan
LOGO INSTANSI
MASUK KEUANGAN DAN AKUNTANSI
Bagian User Name
Password
Masuk Batal
Gambar 4.82 Tampilan Perancangan Antar Muka Masuk Divisi Keuangan dan Akuntansi
LOGO INSTANSI
Kode Pendaftaran NIH NIP
Nama Lengkap
DAFTAR USER
Nama Panggilan Alamat
Tmpt Tgl Lahir
GO Tinjau
Bagian Divis Jabatan
User Name Password
Lupa Password Status Pengguna
Agama
Cari Cari
Simpan Hapus
Ubah Cetak
Keluar
Gambar 4.83 Tampilan Perancangan Antar Muka Daftar User
LOGO INSTANSI
GANTI USER DAN PASSWORD
User Name Lama
Ubah Batal
Ganti User Password
User Name Password
User Name Baru User Name Lama
User Name Baru
Gambar 4.84 Tampilan Perancangan Antar Muka Ganti User dan Password
LOGO INSTANSI
HARGA SEWA
Cari Semua Kriteria Jenis Divisi
Cari
Hari Sewa Pengguna Sewa
Sarana Olahraga Jenis Sewa
Kode Harga Harga sewa
Proses
Simpan Ubah
Hapus Refresh
Keluar
Cetak
Cetak Divisi
Hari
Gambar 4.85 Tampilan Perancangan Antar Muka Harga Sewa
LOGO INSTANSI
ROMBONGAN KOLAM RENANG
No. Kwitansi Tanggal
Seko;ah Jumlah Pengunjung
Status Pengguna Kode Harga
Harga Sewa Harga sewa
Cetak
Keluar Refresh
Cetak
Cari ....
PotonganOrang Sesudah Kena
Potongan Total Harga Sewa
Total Potongan Total Pembayaran
Pengguna Sarana Prasarana Olahraga
Pelajar Civitas Akademik
Mahasiswa UPI Umum
Gambar 4.86 Tampilan Perancangan Antar Muka Rombogan Kolam Renang
LOGO INSTANSI
ROMBONGAN TRACK LARI
No. Kwitansi Tanggal
Seko;ah Jumlah Pengunjung
Status Pengguna Kode Harga
Harga Sewa Harga sewa
Cetak
Keluar Refresh
Cetak
Cari ....
PotonganOrang Sesudah Kena
Potongan Total Harga Sewa
Total Potongan Total Pembayaran
Pengguna Sarana Prasarana Olahraga
Pelajar Civitas Akademik
Mahasiswa UPI Umum
Gambar 4.87 Tampilan Perancangan Antar Muka Rombogan Track Lari
LOGO INSTANSI
TIKET KOLAM RENANG
No. Tiket Tanggal
Sekolah PemakaiPengguna
Kode Harga
Cetak Keluar
Refresh ....
Hari
Rp
Cetak Tanggal Pelaporan
Gambar 4.88 Tampilan Perancangan Antar Muka Tiket Kolam Renang
LOGO INSTANSI
TIKET TRACK LARI
No. Tiket Tanggal
Sekolah PemakaiPengguna
Kode Harga
Cetak Keluar
Refresh ....
Hari
Rp
Tanggal Pelaporan Cetak
Gambar 4.89 Tampilan Perancangan Antar Muka Tiket Kolam Renang
LOGO INSTANSI
PENGAJUAN PEMELIHARAAN MASING-MASING DIVISI
Kode Pengajuan Tanggal
Hari Nama Barang
Jumlah Barang Manager
NIPNIH Cetak
Cetak ....
Nama Pengajuan
Master Pemeliharaan Pemeliharaan_Detail
Pencarian
Pemeliharaan_Detail Master Pemeliharaan
Cari
Satuan Pemeliharaan_Detail
Kode Pengajuan Proses
Simpan Ubah
Refresh Keluar
Gambar 4.90 Tampilan Perancangan Antar Muka Pengajuan Pemeliharaan Masing-Masing Divisi
LOGO INSTANSI
Sewa Nama Divisi
Kode Booking Tanggal Sewa
Tanggal Booking Nama Kunsumen
Cara Pembayaran Lama Sewa
Database Booking Sewa Simpan
Ubah Refresh
Batal Booking
Hari Hari
Booking Uang Muka
Tunai
Jam Lama
Sehari Penuh
Pengguna Kode Harga
Cari
HargaJamHari Jumlah Bayar Rp
Jumlah Uang Rp Jumlah Uang Rp
Sisa Yang Harus Dibayar Rp Kontak Person
Terlkasana Keluar
Cetak
Cetak Kode Booking
Booking Perkuliahan Input Pelunansan Sewa
Jadwal Booking
Cari Umum
Cari
Mahasiswa UPI Civitas Akademik
Pelajar Umum
Sewa
Pilih Status pengguna Sarana Olahraga
Gambar 4.91 Tampilan Perancangan Antar Muka Sewa Masing-Masing Divisi
LOGO INSTANSI
Sewa Nama Divisi
Database Booking Sewa
Sewa Input Pelunansan Sewa
Jadwal Booking
Cari
Cari Kode Perkuliahan
Tanggal Pendaftaran Dari Tanggal
Sampai Tanggal Nama Dosen
Cetak
Simpan Ubah
Hapus Refresh
Hari Hari
Kode Perkuliahan
Cetak
Kelas Lama Pemakaian
Kontak Peson
Keluar
Hari
Semua Perkuliahan Perjam
Sehari Penuh Lama
Booking Perkuliahan
Gambar 4.92 Tampilan Perancangan Antar Muka Booking Perkuliahan Masing-
Masing Divisi
LOGO INSTANSI
Sewa Nama Divisi
Database Booking Sewa
Sewa Jadwal Booking
Cari
Cari Bukti Pelunasan
Kode Booking Tanggal Booking
Jenis Penyewa Cetak
Cari
Kode Pelunasan
Cetak
HargaJamHari Jumlah Bayar
Pelunasan Hari
Booking Perkuliahan Input Pelunansan Sewa
Nama Konsumen
Cari
Jumlah Uang Muka Jumlah Bayar
Sisa Pelunasan Proses
Simpan Refresh
Keluar
Gambar 4.93 Tampilan Perancangan Antar Muka Pelunasan Masing-Masing Divisi
LOGO INSTANSI
Sewa Nama Divisi
Database Booking Sewa
Sewa Booking Perkuliahan Input Pelunansan Sewa
Tanggal Booking
Cetak
Jadwal Booking
Gambar 4.94 Tampilan Perancangan Antar Muka Jadwal Masing-Masing Divisi