diperlukan perancangan yang baik. Yang diperlukan dalam perancangan
antarmuka adalah
kenyamanan
user
dalam menggunakan perangkat lunak tersebut.
3.6.1 Perancangan Antarmuka Opening
Gambar 3.4 Perancangan Antarmuka
Opening
Gambar 3.4 adalah perancangan menu utama. Dari halaman
opening
nantinya
user
akan berada di menu utama, dimana akan ada beberapa menu yang bisa dipilih. Penjelasan dari perancangan
adalah sebagai berikut: 1.
Label
1 : Tampilan animasi judul pembelajaran 2.
Button
2 : Tombol navigasi ke menu utama
3.6.2 Perancangan Antarmuka Menu Utama
Halaman menu utama terdiri dari beberapa menu yang bisa dipilih oleh
user
. Dalam menu tersebut terdapat materi yang bisa dipilih juga, untuk lebih jelasnya bisa dilihat pada gambar 3.5.
1
2
Gambar 3.5 Perancangan Antarmuka Menu Utama
Halaman ini memuat beberapa menu yaitu: 1.
Button
1 : Tombol navigasi ke halaman sejarah 2.
Button
2 : Tombol navigasi ke halaman KLJI 3.
Button
3 : Tombol navigasi ke halaman Tutorial 4.
Label
4 : Animasi kamera
5.
Button
5 : Tombol navigasi
exit
program
3.6.3 Perancangan Antarmuka Menu Sejarah
Gambar 3.6 Perancangan Antarmuka Menu Sejarah
4 1
2 3
5
4 1
2 3
6 5
Gambar 3.6 adalah desain dari menu sejarah, di halaman ini
user
akan diberikan informasi awal mula adanya kamera. Berikut penjelasan dari setiap
form
yang ada: 1.
Button
1 : Tombol navigasi ke halaman Sejarah 2.
Button
2 : Tombol navigasi ke halaman KLJI 3.
Button
3 : Tombol navigasi ke halaman Tutorial 4.
Label
4 :
Content
menu Sejarah 5.
Button
5 : Tombol navigasi ke Menu Utama 6.
Button
6 : Tombol navigasi
exit
program
3.6.4 Perancangan Antarmuka Menu KLJI
Gambar 3.7 Perancangan Antarmuka Menu KLJI
Dalam menu KLJI,
user
diberi informasi mengenai awal mula
pinhole ca mera
diperkenalkan oleh seseorang yang juga menjadi pelopor berdirinya komunitas lubang jarum Indonesia.
Berikut penjelasan dari setiap
form
yang ada: 1.
Button
1 : Tombol navigasi ke halaman Sejarah 2.
Button
2 : Tombol navigasi ke halaman KLJI 3.
Button
3 : Tombol navigasi ke halaman Tutorial 4
1 2
3 5
6
4.
Label
4 :
Content
menu KLJI 5.
Button
5 : Tombol navigasi ke Menu Utama 6.
Button
6 : Tombol navigasi
exit
program
3.6.5 Perancangan Antarmuka Menu Tutorial