Perancangan Input dan Output Akses Pengguna

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