P.3 Tekan Tombol
Materi P.3.2
Tekan Tombol Sifat-sifat Log.
P.3.1 Tekan Tombol
Pengertian Log.
P.3.3 Tekan Tombol
Persamaan Log User
Pil_Menu2 Hasil Pilihan
Hasil Pilihan
Hasil Pilihan Pil_Menu4
Pil_Menu5
Pil_Menu6 +
+
+
Gambar 3.4 Diagram Level 2 untuk Proses Tekan Tombol Materi
3.3 Flowchart
Flowchart adalah gambaran dalam bentuk diagram alir dari algoritma dalam suatu program yang menyatakan arah alur program dalam menyelesaikan suatu masalah.
Berikut gambar flowchart dari program aplikasi pengajaran berbantuan komputer dengan model problem solving pelajaran matematika sekolah menengah
atas studi kasus logaritma pada Gambar 3.5.
Universitas Sumatera Utara
Mulai Menu
Pil= Home Home
Profil
Contoh Soal
Latihan Extra
Materi Pil = Materi
Pil = Extra Pil = Latihan
Pil = Contoh Soal
Pil = Profil Yes
No Yes
No Yes
No Yes
No Yes
No
Yes No
Pil= Link Link
Stop Yes
No Pengertian Log
Sifat-sifat Log Persamaan Log
Music Game
Gambar 3.5 Flowchart Algoritma Perancangan Aplikasi Pengajaran Berbantuan Komputer dengan Model Problem Solving Pelajaran Matematika SMA
3.4 Perancangan Tampilan
3.4.1 Menu Utama
Tampilan menu utama dirancang dengan fitur-fitur yang menarik dengan efek-efek warna dan pencahayaan dengan animasi-animasi yang memudahkan pengguna dalam
Universitas Sumatera Utara
pengoperasiannya user friendly. Menu utama ini merupakan halaman yang digunakan untuk membantu user untuk menuju ke halaman-halaman menu
selanjutnya.
Pada halaman menu utama perancangan aplikasi pengajaran ini terdapat tombol-tombol menu pilihan yang disediakan. Tombol-tombol tersebut terdiri dari
menu profil, menu materi, menu contoh soal, menu latihan, menu ekstra, menu link dan exit. Rancangan untuk tampilan utama aplikasi dapat dilihat pada Gambar 3.6.
Logo USU Profil
Materi Contoh Soal
Latihan Ekstra
Link
Keluar
Gambar 3.6 Rancangan Tampilan Menu Utama
3.4.2 Menu Profil
Perancangan tampilan menu profil pada aplikasi pengajaran ini terdiri dari gambaran tentang penulis. Pada kotak isi tersebut akan dimuat profil dari penulis. Rancangan
untuk menu profil dapat dilihat dari Gambar 3.7.
Universitas Sumatera Utara
Profil
Isi Gambar
Home
Gambar 3.7 Rancangan Tampilan Menu Profil
3.4.3 Menu Materi
Halaman menu materi berfungsi menampilkan materi pelajaran tentang logaritma. Pada bagian kiri terdapat sub menu materi. Apabila kursor digerakkan ke salah satu
tombol, maka akan ditampilkan secara sekilas. Disini terdapat tiga pokok permasalahan yang akan dibahas yaitu pengertian logaritma, sifat-sifat logaritma dan
persamaan logaritma. Rancangan untuk menu materi dapat dilihat pada Gambar 3.8.
Home Logaritma
Sifat Logaritma Persamaan Log
Tampilan Materi
Materi
Gambar 3.8 Rancangan Tampilan Menu Materi
Universitas Sumatera Utara
Setelah dipilih pada tombol navigasi submenu materi, tampilan yang dirancang lebih sederhana untuk membuat pengguna lebih nyaman dan dapat lebih
berkonsentrasi untuk mempelajari materi yang ditampilakan. Pada bagian kanan bawah terdapat tombol navigasi untuk melanjutkan isi materi atau mengulang isi
materi sebelumnya. Rancangan untuk tampilan penyampaian materi dapat dilihat pada Gambar 3.9.
Judul Materi
Isi
Gambar 3.9 Rancangan Tampilan Penyampaian Menu Materi
3.4.4 Menu Contoh Soal
Tampilan menu contoh soal dirancang tidak jauh berbeda dengan tampilan menu materi. Tampilan menu contoh soal ini terdiri dari beberapa tombol untuk memilih
contoh soal yang diinginkan. Rancangan tampilan menu contoh soal dapat dilihat pada Gambar 3.10.
Universitas Sumatera Utara
Home Tampilan contoh soal
1 2
4 5
3 Contoh Soal
Gambar 3.10 Rancangan Tampilan Menu Contoh Soal
3.4.5 Menu Latihan
Tampilan menu latihan dibedakan menjadi tiga bagian, yakni bagian pertama meminta pengguna untuk mengisikan nama sebelum memulai latihan, bagian kedua
menampilkan soal-soal latihan dan bagian terakhir yang menampilkan nilai hasil dari latihan. Rancangan tampilan untuk ke empat bagian menu latihan dapat dilihat pada
Gambar 3.11 – 3.13.
Masukkan Nama Anda
Gambar 3.11 Rancangan Tampilan Input Nama Untuk Memulai Latihan
Universitas Sumatera Utara
Latihan
Soal
Pilihan Jawaban
Gambar 3.12 Rancangan Tampilan Soal Latihan
Hasil yang di Peroleh
Gambar 3.13 Rancangan Tampilan Hasil Latihan
Universitas Sumatera Utara
3.4.6 Menu Ekstra
Dalam program ini terdapat menu ekstra yang mana terdiri dari beberapa pilihan seperti musik dan game. Menu ekstra ini merupakan menu untuk hiburan. Jika diklik
tombol musik, maka program akan memanggil musik yang terdapat dalam program tersebut. Begitu juga halnya dengan tombol game. Rancangan untuk menu ekstra
dapat dilihat pada Gambar 3.14.
Home Musik
Game
Gambar 3.14 Rancangan Tampilan Menu Ekstra
3.4.7 Menu Link
Menu link ini merupakan menu tambahan juga pada aplikasi ini. Pada menu link ini terdapat beberapa situs yang berhubungan dengan pembelajaran menggunakan flash.
Apabila salah satu tombol situs diklik, maka program akan menyambungkannya ke situs yang dituju. Namun menu link ini hanya dapat digunakan apabila program
tersambung dengan internet. Rancangan tampilan unutk menu link ini dapat dilihat pada Gambar 3.15.
Universitas Sumatera Utara
Home Situs Web
Situs Web Situs Web
Situs Web Situs Web
Gambar 3.15 Rancangan Tampilan Menu Link
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI
4.1 Implementasi