No Rancangan
Visual Audio
4 Tombol “Exit” untuk keluar dari
aplikasi. Bentuk : Bujur sangkar berwarna
Merah Posisi : Bagian kanan atas
3.4 Perancangan Tampilan
Perancangan tampilan layar menunjukkan interface antarmuka dari program aplikasi ini. Perancangan tampilan layar untuk program aplikasi ini dapat dijelaskan sebagai
berikut.
3.4.1 Menu Intro
Tampilan menu intro dirancang dengan fitur-fitur yang menarik dengan efek-efek warna dan pencahayaan dengan animasi-animasi yang memudahkan pengguna dalam
pengoperasiannya user friendly. Menu intro ini merupakan halaman yang digunakan untuk membantu user untuk menuju ke halaman-halaman menu selanjutnya. Berikut
ini rancangan tampilan menu intro aplikasi multimedia pembelajaran bahasa Inggris dengan materi Gerund dapat dilihat pada Gambar 3.5
Universitas Sumatera Utara
Gambar 3.5 Rancangan tampilan Menu Intro
3.4.2 Menu Utama
Tampilan menu utama dirancang dengan fitur-fitur yang menarik dengan efek-efek warna dan pencahayaan dengan animasi-animasi yang memudahkan pengguna dalam
pengoperasiannya user friendly. Menu utama ini merupakan halaman yang digunakan untuk membantu user untuk menuju ke halaman-halaman menu
selanjutnya. Pada aplikasi multimedia pembelajaran ini mempunyai tampilan menu utama yang terdiri dari enam sub menu utama yaitu home, profil, link, materi, latihan
dan evaluasi. Berikut ini rancangan tampilan utama aplikasi aplikasi multimedia pembelajaran bahasa Inggris dengan materi Gerund dapat dilihat pada Gambar 3.6.
Judul Aplikasi H
P L
Logo USU
Menu
Universitas Sumatera Utara
Gambar 3.6 Rancangan tampilan Menu Utama
3.4.3 Menu Materi
Pada menu materi menampilkan materi pelajaran materi Gerund dalam bahasa Inggris. Pada bagian kiri terdapat sub menu materi. Apabila kursor digerakkan ke
salah satu tombol bagian kanan atas, maka akan ditampilkan secara sekilas penjelasan tombol tersebut. Terdapat empat sub menu yang akan dibahas, yaitu Pengertian
Gerund, Penggunaan Gerund, Jenis Gerund, dan Perbandingan Gerund. Rancangan untuk menu materi dapat dilihat pada Gambar 3.7
Setelah memilih submenu materi yang diinginkan, maka pengguna akan disajikan uraian materi pada halaman baru. Rancangan tampilan penyajian materi
dirancang dengan sederhana agar pengguna lebih nyaman dalam mempelajari materi yang disampaikan. Berikut ini rancangan tampilan penyajian isi materi dapat dilihat
pada Gambar 3.8. H
P L
menu Materi
Latihan Evaluasi
Universitas Sumatera Utara
Gambar 3.7 Rancangan Tampilan Menu Materi
Gambar 3.8 Rancangan Tampilan Penyampaian Isi Materi
H P
L
Pengertian Penggunaan
Jenis gerund Perbandingan
H P
L Isi Materi
Materi
Prev Next
Universitas Sumatera Utara
3.4.4 Menu Latihan
Pada menu latihan menampilkan latihan-latihan tentang Gerund. Apabila pilihan jawaban pada soal benar, maka akan muncul pesan teks: “Benar” dan jika jawaban
salah, maka akan muncul pesan teks: “Salah”. Pembahasan soal akan muncul jika jawaban benar. Rancangan untuk menu latihan dapat dilihat pada Gambar 3.9.
Gambar 3.9 Rancangan Tampilan Menu Latihan
3.4.5 Menu Evaluasi
Tampilan menu evaluasi ini dibedakan menjadi tiga bagian, yaitu bagian pertama penginputan nama user pada kotak yang tersedia maksimal 20 karakter sebelum
memulai evaluasi, bagian kedua yaitu tampilan soal-soal evalusi dan bagian ketiga yaitu menampilkan nilai hasil evaluasi. Rancangan tampilan menu evaluasi dapat
dilihat pada Gambar 3.10. H
P L
Isi Materi
Materi
Prev Next
Universitas Sumatera Utara
Gambar 3.10 Rancangan Tampilan Menu Evaluasi
3.4.6 Menu Profil
Perancangan tampilan menu profil pada aplikasi ini terdiri dari gambaran tentang penulis. Rancangan untuk menu profil dapat dilihat dari Gambar 3.7.
Gambar 3.11 Rancangan tampilan Menu Profil
H P
L Masukkan nama Anda maximal
20 karakter
Lanjut
H P
L
Universitas Sumatera Utara
3.4.7 Menu Link
Tampilan menu link dirancang dengan sederhana. Rancangan tampilan menu link dapat dilihat pada Gambar 3.12
Gambar 3.12 Rancangan Tampilan Menu Link
H P
L
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
