1. Perancangan Struktur Menu User
Perancangan struktur menu user yang akan dibuat dimulai dari login, lalu masuk ke home dan dapat masuk ke profile, edit profile, upload laporan, list laporan, download serta logout secara langsung.
Login
Home Profile
Edit Profile Upload Laporan
List Laporan Download
Logout
Gambar 3.12 Perancangan Arsitektur Menu User
2. Perancangan Struktur Menu Admin
Perancangan struktur menu admin yang akan dibuat dimulai dari login, lalu masuk ke home dan dapat masuk ke profile, edit profile, create new account, download laporan, create pengumuman, list laporan, list status, list user, serta logout secara langsung.
Login
Home Profile
Edit Profile Create New
Acoount Download Laporan
List Laporan List Upload
List Status List User
Logout
Gambar 3.13 Perancangan Arsitektur Menu Admin
3.2.2.2 Perancangan Antar Muka
Perancangan antarmuka situs pelaporan online LAPAN Bandung terdiri dari perancangan antarmuka per user. Untuk situs user terdiri dari: form index, form request new password,
form home, form profile, form edit profie, form upload laporan, form list laporan, form download. Sedangkan untuk situs admin terdiri dari: form home, form profile, form edit
profile, form create new account, form download laporan, form list laporan, form upload, form list status, form list user.
1. Perancangan Antar Muka User Front End a. Desain Login
Perancangan antar muka pada login, user harus memasukkan username dan password agar dapat masuk ke home pengguna masing-masing.
T01
1. Memilih hak akses login
2. Menyambungkan ke T03
atau T09
3. Menyambungkan ke T02
1. Ukuran 2. Font
3. Warna 4. Gambar
: 1113x419 : Georgia, Times New Roman, Times, serif, Trebuchet MS, Arial,
Helvetica, sans-serif : 125798, 6E6E6E, 000000, 939292, FFFFFF
: 1.jpg, 220px-Lapan_logo.svg.png, sm_logo.jpg, roket lapan RX- 1110.jpg,
Roket Lapan.jpg,
roket-lapan-RX100.jpg, 2.jpg,
subbg.jpg, logls.jpg, img02.jpg, img06.gif, img07.gif, img09.jpg,
logpole.jpg
Gambar 3.14 Perancangan Desain Login User
