3.5 Perancangan Antarmuka
Antar muka pemakai merupakan media komunikasi antara pemakai dengan sistem komputer. Hasil perancangan antarmuka pemakai akan
memudahkan proses implementasi. Adapun antarmuka pemakai perangkat lunak yang akan dirancang ditampilkan sebagai berikut :
3.5.1 Perancangan Masukan Input Design
Perancangan masukan merupakan awal dimulainya suatu proses Sistem Informasi Checklist Drive Test 3G dan merupakan suatu bentuk tampilan dari
program yang akan dibuat untuk kebutuhan interface dengan user. Berikut ini merupakan gambar dari perancangan input :
3.5.1.1 Form Login
Ukuran 1024 x 768 warna sesuai dengan setting windows
Warna tema biru - putih font 12 Tahoma warna hitam
Masuk Username
Password
F01
INDOSAT Mega Media M2
LOGIN
· Klik Tombol
Masuk, Jika akun berhasil
login maka
akan masuk ke F02
· Jika tidak berhasil maka
akan muncul
Pesan M01
Gambar 3.20 Form Login
3.5.1.2 Form Menu Utama
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
F02
INDOSAT Mega Media M2
Home Drive Test
Utilisasi Statistik
Home
Selamat Datang di aplikasi Pengolahan Data Checklist Drive Test Silahkan pilih menu di Kanan atas untuk mulai mengolah data.
Kalender
History Data LogOut
· Klik Home untuk masuk ke F02
· Klik History Data untuk masuk ke
F03 · Klik LogOut
untuk masuk ke F01
· Klik Drive Test untuk masuk ke
F05 · Klik Utilisasi
untuk masuk ke F06
· Klik Statistik untuk masik ke
F07
Backup Data
Gambar 3.21 Form Menu Utama
3.5.1.3 Form Menu Week History Drive Test
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
F03
INDOSAT Mega Media M2
Home Drive Test
Utilisasi Statistik
History Drive Test Kalender
DriveTest
LogOut Utilisasi
· Klik Home untuk masuk ke F02
· Klik Drive Test untuk masuk ke
F03 · Klik Utilisasi untuk
masuk ke F04 · Klik LogOut untuk
masuk ke F01 · Klik Drive Test
untuk masuk ke F05
· Klik Utilisasi untuk masuk ke F06
· Klik Statistik untuk masuk ke F07
Week Utilisasi 47
48 49
50
History Drive Test
Tahun 47
48 49
50
Gambar 3.22 Form Menu History Drive Test
3.5.1.4 Form Menu Week History Utilisasi
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
F04
INDOSAT Mega Media M2
Home Drive Test
Utilisasi Statistik
History Utilisasi Kalender
DriveTest
LogOut
· Klik Home untuk masuk ke F02
· Klik History Drive Test untuk masuk
ke F03 · Klik Klik History
Utilisasi untuk masuk ke F04
· Klik LogOut untuk masuk ke F01
· Klik Drive Test untuk masuk ke
F05 · Klik Utilisasi untuk
masuk ke F06 · Klik Statistik untuk
masuk ke F07
Utilisasi
Week Utilisasi 47
48 49
50
History Utilisasi
Tahun 47
48 49
50
Gambar 3.23 Form Menu History Utilisasi
3.5.1.5 Form Menu Drive Test