3.7 Perancangan Menu
3.7.1 Perancangan Antar Muka
Merupakan bagian yang menggambarkan bentuk rancangan dari website yang akan dibuat. Fungsi dari perancangan antarmuka ini adalah untuk mempermudah dalam proses pembuatan website yang akan dibuat lebih efektif sesuai dengan harapan. Bentuk dari rancangan antarmuka website tersebut adalah sebagai berikut:
3.7.1.1Halaman Utama Website / Home (P0-1)
BbLm
Balai Besar Logam dan Mesin
1 2 3 4 5 Profile 7 8 9 10 11 6 18 Profile 12 13 14 15 16 17
Alamat: Jl.Sangkuriang No 12 Bandung 40135 Tlp. (022) 2504107 , 2503171 ; Fax (022)2503978 19 Log in Info News 20 Use rname Passw ord 21 22 Login Profile 24 25 26 23 RSS Berita Berisi Berita-berita Link dari internet :
Gambar III-8 Halaman Utama Website/Home (P0-1) 3.7.1.2Halaman Form Isi Buku Tamu (A0-1)
1 2 3 4
Buku Tamu
Isi Komentar A nda di sini
Nama : Alamat : Email : Komentar : 6 7 8 9 Simpan Reset BbLm
Balai Besar Logam dan Mesin
10 11
5
3.7.1.3Halaman Data Buku Tamu Tersimpan (A1-1)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
5
Data Tamu telah disimpan Terima Kasih
Gambar III-10 Halaman Data Buku Tamu Tersimpan (A1-1) 3.7.1.4Halaman Berita (A0-2)
1 3 4 5
Berita
BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
3.7.1.5Halaman View Buku Tamu (A0-3)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
Data user ditemukan sebanyak : Record VIEW KOMENTAR Nama : : Email Alamat Komentar : : 5 : :
Gambar III-12 Halaman View Buku Tamu (A0-3) 3.7.1.6Halaman Profile (A0-4)
1 3 4 5
Profile BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
3.7.1.7Halaman Sejarah (B0-1)
1 3 4 5
Sejarah BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
Gambar III-14 Halaman Sejarah (B0-1) 3.7.1.8Halaman Visi dan Misi (B0-2)
1 3 4 5
Visi dan Misi BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
3.7.1.9Halaman Tugas dan Fungsi (B0-3)
1 3 4 5
Tugas dan Fungsi BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
Gambar III-16 Halaman Tugas dan Fungsi (B0-3) 3.7.1.10 Halaman Keterangan Organisasi (B0-4)
1 3 4 5
Organisasi BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
3.7.1.11 Halaman Aktifitas (B0-5)
1 3 4 5
Aktifitas BbLm
Balai Besar Logam dan Mesin
Gambar
Infromasi 2
Gambar III-18 Halaman Aktifitas (B0-5) 3.7.1.12 Halaman Informasi Pengecoran (C0-1)
1 3 4 5
Pengecoran BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
3.7.1.13 Halaman Informasi Pengujian (C0-2)
1 3 4 5
Pengujian BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
Gambar III-20 Halaman Informasi Pengujian (C0-2) 3.7.1.14 Halaman Informasi Pengelasan (C0-3)
1 3 4 5
Pengelasan BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
3.7.1.15 Halaman Informasi Kalibrasi (C0-4)
1 3 4 5
Kalibrasi BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
Gambar III-22 Halaman Informasi Kalibrasi (C0-4) 3.7.1.16 Halaman Informasi Sertifikasi (C0-5)
1 3 4 5
Sertifikasi BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
3.7.1.17 Halaman Informasi Diktat (C0-6)
1 3 4 5
Diktat
BbLm
Balai Besar Logam dan Mesin
Gambar
Informasi 2
Gambar III-24 Halaman Informasi Diktat (C0-6) 3.7.1.18 Halaman Admin (D0-1)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
6 7 DATA BUKU TAMU DATA ADMIN 5 8 9 10 11 12
Selamat datang admin
3.7.1.19 Halaman Daftar Buku Tamu (D1-1)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
Data user ditemukan sebanyak : Record 6
7 DATA BUKU TAMU
DAFTAR BUKU TAMU Idtamu Nama : Idtamu : Nama Email Alamat Komentar : : : Email Alamat Komentar 5 DATA ADMIN 8 9 10 11 12
Gambar III-26 Halaman Daftar Buku Tamu (D1-1) 3.7.1.20 Halaman Form Hapus Buku Tamu (D1-2)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
6 7 DATA BUKU TAMU : 5 DATA ADMIN 8 9 10 11 12
Form hapus Buku Tamu
IdTamu yang akan dihapus hapus 14 13
3.7.1.21 Halaman Penghapusan Buku Tamu (D2-1)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
6 7 DATA BUKU TAMU : 5 DATA ADMIN 8 9 10 11 12 Buku Tamu Hapus
Penghapusan Buku Tamu Idtamu nama email alamat komentar hapus batal 13 14
Gambar III-28 Halaman Penghapusan Buku Tamu (D2-1) 3.7.1.22 Halaman Proses Id Buku Tamu terhapus (D2-2)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
6 7 DATA BUKU TAMU : 5 DATA ADMIN 8 9 10 11 12 Buku tamu form Hapus
Proses hapus
Databuku tamu dengan id...telah dihapus
3.7.1.23 Halaman View Admin (D1-3)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
View User 6
7 DATA
BUKU TAMU DAFTAR ADMIN
Username Userpass : : Nama Email Alamat : : : 5 DATA ADMIN 8 9 10 11 12
Data User ditemukan sebanyak : Record
Jenis Kelamin
Level : :
Gambar III-30 Halaman View Admin (D1-3) 3.7.1.24 Halaman Tambah Admin (D1-4)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
6 7 DATA
BUKU TAMU Silahkan Isi Formulir
Nama Email Alamat : : : 5 DATA ADMIN 8 9 10 11 12
Form tambah User
Jenis Kelamin Level : : User name User pass : : simpan batal 14 13 15 16
3.7.1.25 Halaman Data User Simpan (D1-4A)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
6 7 DATA BUKU TAMU 5 DATA ADMIN 8 9 10 11 12
Data User telah disimpan Silahkan Log in
Gambar III-32 Halaman Data User Simpan (D1-4A) 3.7.1.26 Halaman Form Hapus Data Admin (D1-5)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
6 7 DATA BUKU TAMU 5 DATA ADMIN 8 9 10 11 12
Nama User Yang akan dihapus hapus
13 14
3.7.1.27 Halaman Proses Hapus Data Admin (D1-5A)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
6 7 DATA BUKU TAMU 5 DATA ADMIN 8 9 10 11 12 Username Userpass Nama Level hapus batal 13 14
Gambar III-34 Halaman Proses Hapus Data Admin (D1-5A) 3.7.1.28 Halaman Proses Admin Terhapus (D1-5B)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
6 7 DATA BUKU TAMU 5 DATA ADMIN 8 9 10 11 12
Proses hapus User Data User dengan nama...telah dihapus
3.7.1.29 Halaman Form Edit Profile (D1-6)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
6 7 DATA BUKU TAMU Nama Email Alamat : : : 5 DATA ADMIN 8 9 10 11 12 EDIT PROFILE Jenis Kelamin Level : : User name Password : : simpan batal 14 13 15 17 *Password harus diisi kembali*
18 19 20
21 16
Gambar III-36 Halaman Form Edit Profile (D1-6) 3.7.1.30 Halaman Sukses Mengedit Profile (D1-6A)
1 2 3 4
BbLm
Balai Besar Logam dan Mesin
5
Data Edit Profile telah disimpan Terima Kasih
3.7.1.31 Halaman Gagal Login Admin (D0-1A)
1 3 4 5
BbLm
Balai Besar Logam dan Mesin
“Maaf username dan password anda Salah. Silahkan coba lagi” 2