Perancangan Tampilan Perancangan Aplikasi Pengajaran Berbantuan Komputer Berbasis Multimedia Tentang Momentum Linear Pada Pelajaran Fisika SMA

No Kategori Fungi Visual Audio Gambar: - Logo animasi yang letakknya disebelah teks Latihan. - Gambar tentang latihan yang menunjukkan halaman tentang pengerjaan latihan. - Desain kotak-kotak untuk tempat hasil benar atau salah latihan. Tombol Navigasi: - Profil warna hijau dan jenis font arial - Menu utamaHome warna hijau dan jenis font arial - Keluar warna merah bentuknya segi empat - Kembali warna biru bentuknya persegi panjang. Link: a. Tombol Kembali, jika ditekan akan tetap di scene 7 tampilan latihan, tapi halaman hasil latihan akan berpindah kehalaman halaman pertama petunjuk mengerjakan latihan. b. Tombol home, jika ditekan tombol home akan berpindah ke scene 2 tampilan awal. c. Tombol profil, jika ditekan tombol profil akan berpindah ke tampilan profil.

3.4 Perancangan Tampilan

Tampilan aplikasi pengajaran berbantuan komputer ini dirancang sedemikian rupa untuk memberi kemudahan bagi user dalam berinteraksi dengan aplikasi. Tampilan setiap menu dirancang dengan fitu-fitur yang menarik sehingga user tidak Universitas Sumatera Utara merasa jenuh dalam menggunakan aplikasi ini. Rancangan untuk tampilan pembuka Intro aplikasi dapat dilihat pada Gambar 3.9. Logo USU Animasi Logo Tutwurihandayani Animasi Pengajaran Berbantuan Komputer Momentum Linear Pada Pelajaran Fisika SMA Animasi Gambar 3.9 Scene 1 Rancangan Tampilan Halaman Pembuka

3.4.1 Rancangan Tampilan Menu Utama Home

Tampilan menu utama dirancang sedemikian rupa untuk mempermudah user dalam berinteraksi dengan aplikasi. Tampilan utama dirancang dengan fitur-fitur yang menarik dan memudahkan penguna dalam pengoperasiannya. Tampilan utama dibagi dalam tiga bagian utama yakni bagian atas yang merupakan judul aplikasi, bagian sebelah kiri yang berisikan tombol-tombol navigasi seperti profil, latihan,dan tujuan. Dan dibagian kanan tombol-tombol mene materi seperti momentum, impuls, hukum kekekalan momentum, dan tumbukan. Rancangan untuk tampilan menu utama aplikasi dapat dilihat pada Gambar 3.10. Universitas Sumatera Utara Tombol Home Tombol Profil keluar Momentum Impuls Hukum Kekekalan Momentum Tumbukan Tujuan Latihan Gambar Orang MOMENTUM LINEAR Animasi Logo Klik menu tombol disamping Untuk memilih dan memulai pembelajaran Selmat Datang di Multimedia Pembelajaran Fisika SMA Gambar 3.10 Scene 2 Rancangan Tampilan Menu Utama Home

3.4.2 Rancangan Tampilan Materi

Tampilan menu materi juga dirancang tidak jauh berbeda dengan tampilan utama. Pada menu materi bagian isi diletakkan tombol-tombol sebagai navigasi ke menu yang lain, seperti profil, kembali ke menu utama, lihat video serta keluar program. Rancangan untuk tampilan menu materi ada 4 bagian. Pertama ada materi tentang momentum lihat gambar 3.11, materi tentang impuls lihat gambar 3.12, materi tentang hukum kekekalan momentum lihat gambar 3.13, dan materi tentang tumbukan lihat gambar 3.14. dan untuk lebih jelasnya lihat gambanya dibawah ini. Universitas Sumatera Utara Tombol Home Tombol Profil keluar Animasi Logo Gambar Tentang Momentum Penjelasan Tentang Materi Momentum Momentum MOMENTUM LINEAR Selanjutnya Sebelumnya Gambar 3.11 Scene 3 Rancangan Tampilan Materi Momentum Tombol Home Tombol Profil keluar Animasi Logo Gambar Tentang Impuls Penjelasan Tentang Materi Impuls Impuls MOMENTUM LINEAR Selanjutnya Sebelumnya Video Video 1 2 Gambar 3.12 Scene 4 Rancangan Tampilan Materi Impuls Universitas Sumatera Utara Tombol Home Tombol Profil keluar Animasi Logo Gambar Tentang Hukum Kekekalan Momentum Penjelasan Tentang Materi Hukum Kekekalan Momentum Hukum Kekekaln Momentum MOMENTUM LINEAR Selanjutnya Sebelumnya Video Video 1 2 Gambar 3.13 Scene 5 Rancangan Tampilan Materi Hukum Kekekalan Momentum Tombol Home Tombol Profil keluar Animasi Logo Gambar Tentang Tumbukan Penjelasan Tentang Materi Tumbukan Tumbukan MOMENTUM LINEAR Selanjutnya Sebelumnya Gambar 3.14 Scene 6 Rancangan Tampilan Materi Tumbukan Universitas Sumatera Utara

3.4.3 Rancangan Tampilan Latihan

Tampilan menu latihan dirancang tidak jauh berbeda dengan tampilan-tampilan yang lain. Tampilan menu latihan dibedakan menjadi tiga bagian yakni bagian pertama yang berisikan petunjunk mengerjakan latihan pertanyaan kepada pengguna, bagian kedua proses penerjaan latihan, yang berisikan soal-soal latihan, dan yang ketiga tampilan hasil latihan. Rancangan tampilan untuk ke tiga bagian menu latihan dapat dilihat pada Gambar 3.15 dan gambar 3.16. Tombol Home Tombol Profil keluar LATIHAN Animasi Logo Gambar Logo Latihan Mulai Petunjuk Mengerjakan Latihan ……………………………………………………… ……………………………………………………… ……………………………………………………… ……………………………………………………… Gambar 3.15 Scene 7 Rancangan Tampilan Latihan Universitas Sumatera Utara Tombol Home Tombol Profil keluar LATIHAN Animasi Logo Gambar Logo Latihan Ulangi Hasil Latihan Anda Pesan dari hasil Latihan Benar Salah Nilai Hasil Jawaban Benar Atau Salah Gambar 3.16 Scene 7 Rancangan Hasil Latihan Universitas Sumatera Utara BAB 4 IMPLEMENTASI

4.1 Implementasi