Antarmuka User Perancangan Tampilan Website

45

3.6.1 Antarmuka User

1. Antarmuka menu utama user Gambar ini adalah perancangan antarmuka halaman menu utama user. Gambar 3.9 menu utama user No: M01 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik beranda menuju M01 -Klik profil menuju M02 -klik lingkup jasa menuju M03 -klik jasalayanan menuju M04 -klik produk menuju M05 -klik kerjasama menuju M06 -klik galeri menju M07 -klik download menuju L01 -klik kontak menuju M09 F01 logo perusahaan Konsultan Geologi dan tambang Background Background Footer 46 2. Antarmuka menu profil Gambar ini menggambarkan perancangan antarmuka user untuk menu profil. Gambar 3.10 menu profil No: M02 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik data perusahaan menuju M02 -klik stuktur organisasi menuju M11 -Klik profil menuju M02 Data perusahaan Umum Struktur organisasi Nama perusahaan :PT.Raksa Bumi Investama Background Footer 47 3. Antarmuka menu lingkup jasa Gambar ini menggambarkan perancangan antarmuka user untuk menu lingkup jasa. Gambar 3.11 menu lingkup jasa No: M03 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik lingkup jasa menuju M03 -klik pra evaluasi tambang menuju M12 -klik perancangan eksplorasi menuju M13 -klik pengawasan kegiatan menuju M14 -klik siatem database eksplorasi menuju menu M15 -klik Penyediaan tenaga kerja menuju M16 Lingkup jasa bentuk layanan jasa PT.RBI Pra evaluasi tambang Perancangan Eksplorasi Pengawasan Kegiatan Sistem Database Eksplorasi Penyediaan Tenaga Kerja Background Footer 48 4. Antarmuka menu jasa dan layanan Gambar ini adalah perancangan antarmuka menu jasa dan layanan. Gambar 3.12 menu jasa dan layanan No: M04 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik jasalayanan menuju M04 -klik analisa data menuju M17 -Klik analisa laboratorium menuju M18 -klik pemboran menuju M19 -klik logging menuju M20 -Klik survey menuju M21 -klik jasa menuju M22 -Klik geograpic menuju M23 -klik geoteknik menuju M24 Evaluator Prospeksi KP Evaluator prospeksi KP Analisa Data Analisa Laboratorium Pemboran Drilling Logging Survey Geolistik Jasa Geodesi Geographic information Geoteknik dan Geohidro Background Footer 49 5. Antarmuka menu produk Gambar ini menggambarkan perancangan antarmuka user untuk menu produk. Gambar 3.13 menu produk No: M05 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik produk menuju M05 -klik gabion menuju M25 -klik geotekstil menuju M26 -klik AIMS menuju M27 Geomembran Geomembran Gabion fungsi geomembran Geotekstil AIMS Background Footer 50 6. Antarmuka menu kerjasama Gambar ini menggambarkan perancangan antarmuka user untuk menu kerjasama. Gambar 3.14 menu kerjasama No: M06 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik kerjasama menuju M06 -klik beranda menuju M01 -Klik profil menuju M02 -klik lingkup jasa menuju M03 -klik jasalayanan menuju M04 -klik produk menuju M05 -klik galeri menju M07 -klik download menuju L01 -klik kontak menuju M09 Kerjasama Proyek beberapa pengalaman kerja perusahaan Background Footer 51 7. Antarmuka menu galeri Gambar ini menggambarkan perancangan antarmuka user untuk menu galeri. Gambar 3.15 menu galeri No: M07 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik galeri menju M07 -klik 1 menuju album pertama -Klik 2 menuju Album kedua -klik play slide show foto bertukar gambar dengan sendirinya -klik previous foto untuk melihat gambar sebelumnya -klik next untukmelihat gambar selanjutnya 1 2 next Play slideshow previous foto next Background Footer 52 8. Antarmuka menu login download Gambar ini menggambarkan perancangan antarmuka user untuk menu login download. Gambar 3.16 menu login download No: L01 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik download menuju L01 -klik login menuju M10 -klik lupa password masuk ke L03 -klik registrasi menuju L02 Login Registrasi Username Password Lupa password Background Footer login 53 9. Antarmuka menu login download Gambar ini menggambarkan perancangan antarmuka user untuk menu registrasi untuk user yang belum memiliki akun. Gambar 3.17 menu registrasi No: L02 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik registrasi menuju L02 -klik registrasi setelah pengisian menuju L01 Login Registrasi Username Password Email Background Footer Registrasi 54 10. Antarmuka menu download Gambar ini menggambarkan perancangan antarmuka user untuk menu download jika telah melakukan login. Gambar 3.18 menu download No: M10 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik Download setelah melakukan login menuju F01 -klik English jika ingin mendownload dalam bahasa inggris -klik bahasa Indonesia jika ingin mendownload dalam bahasa Indonesia -klik logout keluar menuju L01 Logout 1. In English 2. In Bahasa Indonesia Background Footer DOWNLOAD 55 11. Antarmuka menu kontak Gambar ini menggambarkan perancangan antarmuka user untuk menu kontak. Gambar 3.19 menu kontak No: M09 language Background Header Beranda profil lingkup jasa Jasalayanan Produk Kerjasama GaleriDownload Kontak -klik kontak menuju M09 -klik YM jika ingin berkomunikas i langsung Contact Us Background Footer YM 56

3.6.2 Antarmuka Admin