B. Perancangan Input dan Output Akses Pengguna
1. Perancangan Halaman Home Publik Halaman home publik merupakan halaman sebagai media informasi
kepada publik mengenai pembangunan rumah. Informasi yang diberikan pada halaman ini berupa pengetahuan dan berita mengenai penkembangan
pembangunan rumah, tips-tips atau informasi cara pembangunan rumah, informasi tentang aplikasi dan diskusi publik tentang konstruksi pembangunan.
Pada halaman home publik terdapat form login untuk user, admin dan pengguna untuk masuk ke dalam aplikasi. Perancangan halaman home publik dapat dilihat
pada Gambar 3.50.
Content
Header
Footer
Home Artikel
Material Info
Registasi
Username Password
Login
Gambar 3.50 Perancangan Halaman HomeUser
Tabel 3.26 Fungsi Obyek Form Home
Nama Obyek Tipe Obyek
Tipe Data Size Keterangan
Username TextBox
- Memilih jasa pekerja
yang digunaka disuatu kegiatan.
Password TextBox
- Mengisi ukuran berapa
kegunaan dari material tersebut per meter pekerjaan
yang akan dikerjakan.
Login Button
- Simpan dan tambah Data.
STIKOM SURABAYA
Tabel 3.26 Lanjutan Fungsi Obyek Form Home
Nama Obyek Tipe Obyek
Tipe Data Size Keterangan
Home Button
- Menampilkan halaman
utama pada aplikasi website
.
Registasi Button
- Menampilkan halaman
untuk mendaftar sebagai pengguna baru untuk
aplikasi RAB ini.
Artikel Button
- Menampilkan halaman
kumpulan dari artikel.
Material Button
- Menampilkan halaman
informasi material pembangunan.
Info Button
- Menampilkan halaman
informasi tentang aplikasi RAB dan memberikan
informasi cara penggunaannya.
2. Perancangan Form Registrasi User
Halaman form registrasi user merupakan halaman pendaftaran user sebelum menggunakan aplikasi. Pada halaman registrasi user, user diharuskan
mengisi data diri sesuai dengan form yang ada di halaman registrasi user. Setelah melakukan registrasi user akan mendapatkan username dan password
yang digunakan untuk masuk kedalam menu user pada aplikasi. Perancangan halaman Form registrasi user dapat dilihat pada Gambar 3.51.
Registrasi User
Simpan Nama
Alamat Email Address
User Name Password
Batal Pekerjaan
Warning: For Login use Username and Password I Accept terms of use
No. Telp Secret Code
Secret code berfungsi untuk mereset password ketika anda lupa password
Gambar 3.51 Perancangan Halaman Registasi User
STIKOM SURABAYA
Tabel 3.27 Fungsi Obyek Form Registrasi User
Nama Obyek Tipe Obyek
Tipe Data Size Keterangan
Username TextBox
Varchar 50 Mengisi username yang
akan digunakan sebagai login
. Password
TextBox Varchar 50
Mengisi password yang akan digunkan sebagai
login .
Nama TextBox
Varchar 50 Mengisi nama sebagai
biodata pengguna.
Alamat TextBox
Varchar 50 Mengisi alamat sebagai
biodata pengguna.
Pekerjaan TextBox
Varchar 50 Mengisi pekerjaan sebagai
biodata pengguna.
No. Telp TextBox
Varchar 50 Mengisi no. telp sebagai
biodata pengguna.
Email TextBox
Varchar 50 Mengisi email sebagai
biodata pengguna.
Secret Code TextBox
Varchar 50 Mengisi secret code sebagai
pereset password saat pengguna lupa password.
Simpan Button
- Menyimpan dan
menambahkan Data.
Batal Button
- Menghapus data, dan tidak
jadi menyinpan data.
3. Data Perhitungan Desain input perhitungan merupakan form yang digunakan untuk
input an dasar hitungan sebagai pembangunan rumah, pengguna perlu untuk
menginputkan data lahan, dan data luas bangunan yang akan dibangun. Gambar 3.52 merupakan desain input perhitungan.
STIKOM SURABAYA
Perhitungan
Simpan Batal
Nama Perhitungan Panjang Tanah
Lebar Tanah Panjang Bangunan
Lebar Bangunan Tinggi Bangunan
Panjang Bangunan Lama
biarkan kosong apabila tidak ada bangunan lama m
m m
m m
Lebar Bangunan Lama
biarkan kosong apabila tidak ada bangunan lama m
Tinggi Bangunan Lama
biarkan kosong apabila tidak ada bangunan lama m
Lokasi
Gambar 3.52 Perancangan Halaman Perhitungan
Tabel 3.28 Fungsi Obyek Form Perhitungan
Nama Obyek Tipe Obyek
Tipe Data Size Keterangan
Nama Perhitungan
TextBox Varchar 50
Mengisi nama perhitungan sebagai inisial perhitungan
yang akan dikerjakan.
Lokasi TextBox
Varchar 50 Mengisi data lokasi
pembangunan.
Panjang Tanah double
- Mengisi panjang dari lahan
tanah pengguna.
Lebar Tanah double
- Mengisi lebar dari lahan
tanah pengguna.
STIKOM SURABAYA
Tabel 3.28 Lanjutan Fungsi Obyek Form Perhitungan
Nama Obyek Tipe Obyek
Tipe Data Size Keterangan
Panjang Bangunan
double -
Mengisi panjang bangunan dari lahan tanah yang akan
dibangun rumah.
Lebar Bangunan
double -
Mengisi lebar bangunan dari lahan tanah yang akan
dibangun rumah.
Tinggi Bangunan
double -
Mengisi tinggi bangunan dari luas bangunan yang
akan dibangun rumah.
Panjang Bangunan
Lama double
- Jika ada bangunan lama,
maka mengisi panjang ukuran bangunan lama.
Lebar Bangunan
Lama double
- Jika ada bangunan lama,
maka mengisi lebar ukuran bangunan lama.
Tinggi Bangunan
Lama double
- Jika ada bangunan lama,
maka mengisi tinggi ukuran bangunan lama.
Simpan Button
- Menyimpan dan
menambahkan Data.
Batal Button
- Menghapus data, dan tidak
jadi menyinpan data.
4. Data Detail Pekerjaan Desain input detail kebutuhan pekerjaan merupakan form yang
digunakan untuk menghitung kebutuhan pekerjaan yang akan dikerjakan. Detail perhitungan pekerjaan ini digunakan untuk memilih kegiatan apa saja yang akan
dikerjakan, dan akan dihitung oleh sistem sebagai rencana anggaran biaya. Gambar 3.53 merupakan desain input detail kebutuhan pekerjaan.
STIKOM SURABAYA
Tambah Detail Kebutuhan Pekerjaan
Simpan
Sub Kegiatan
Batal
Pilih Kegiatan
Kegiatan
Pilih Sub Kegiatan Pilih Pekerjaan
biarkan kosong apabila tidak ada ukuran spesifik biarkan kosong apabila tidak ada ukuran spesifik
biarkan kosong apabila tidak ada ukuran spesifik
Detail Kegiatan Panjang Spesifik
Lebar Spesifik Tinggi Spesifik
Gambar 3.53 Perancangan Halaman Detail Pekerjaan
Tabel 3.29 Fungsi Obyek Form Master Detail Pekerja
Nama Obyek Tipe Obyek
Tipe Data Size Keterangan
Kegiatan ComboBox
- Memilih kegiatan yang
akan dikerjakan. Sub Kegiatan
ComboBox -
Memilih sub kegiatan untuk pengerjaan kegiatan.
Detail Kegiatan
ComboBox -
Memilih detail kegiatan untuk memilih komponen
material yang akan digunakan sebagai
pengerjaannya.
Panjang Spesifik
TextBox Double
Mengisi panjang spesifik sebagai ukuran spesifik
tambahan yang akan diinputkan.
Lebar Spesifik TextBox
Double Mengisi panjang spesifik
sebagai ukuran spesifik tambahan yang akan
diinputkan.
Tinggi Spesifik
TextBox Double
Mengisi tinggi spesifik sebagai ukuran spesifik
tambahan yang akan diinputkan.
STIKOM SURABAYA
Tabel 3.29 Lanjutan Fungsi Obyek Form Master Detail Pekerja
Nama Obyek Tipe Obyek
Tipe Data Size Keterangan
Simpan Button
- Menyimpan dan
menambahkan Data.
Batal Button
- Menghapus data, dan tidak
jadi menyinpan data.
3.2.11 Desain Uji Coba