P.1.3 Menu Materi
P.1.3.1 Menu Pengertian
P.1.3.2 Menu Makanan dan
Fungsinya
P.1.3.3 Menu Organ-Organ
Pencernaan
P.1.3.4 Menu Gangguan
Pencernaan Pengguna
Pilihan Menu
Pilihan Menu Pilihan Menu
Pilihan Menu
Pilihan Menu Pengertian Sistem Pencernaan
Makanan dan Fungsinya
Organ-Organ Pencernaan
Gangguan Pencernaan
P.1.3.5 Menu Proses
Pencernaan
P.1.3.6 Menu Game
Pilihan Menu Proses Pencernaan
Pilihan Menu Game
Gambar 3.3 Diagram Level 2 Untuk Menu Materi
3.2. Flowchart
Flowchart Bagan Alir Program adalah suatu bagan yang menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal sampai akhir.
Berikut adalah beberapa simbol yang digunakan dalam menggambar suatu flowchart.
Universitas Sumatera Utara
Tabel 3.1 Simbol-simbol Flowchart SIMBOL
NAMA FUNGSI
TERMINATOR Permulaanakhir program
GARIS ALIR FLOW LINE
Arah aliran program
PREPARATION
Proses inisialisasipemberian harga awal
PROSES
Proses perhitunganproses pengolahan data
INPUTOUTPUT DATA
Proses inputoutput data, parameter, informasi
PREDEFINED PROCESS
SUB PROGRAM
Permulaan sub programproses menjalankan sub program
DECISION
Perbandingan pernyataan, penyeleksian data yang memberikan
pilihan untuk langkah selanjutnya
ON PAGE CONNECTOR
Penghubung bagian-bagian flowchart yang berada pada satu
halaman
OFF PAGE CONNECTOR
Penghubung bagian-bagian flowchart yang berada pada halaman
berbeda
Berikut ini adalah flowchart aplikasi pengajaran berbantuan komputer mata pelajaran biologi tentang sistem pencernaan pada manusia.
Universitas Sumatera Utara
Start
Tampilan Utama
Profil Kompetensi
Materi Latihan
Keluar
Case
Profil Kompetensi
Materi Test
Keluar
Profil Kompetensi
Pengertian Makanan dan Fungsinya
Organ-organ Pencernaan Gangguan pada Sistem Pencernaan
Proses Pencernaan Game
Soal-soal Test
Stop
Case
Pengertian Makanan dan
Fungsinya Organ-organ
Pencarnaan Gangguan
pada Sistem Pencernaan
Proses Pencernaan
Game
Gambar 3.4 Flowchart Aplikasi PBK Mata Pelajaran Biologi Tentang Sistem Pencernaan Pada Manusia Untuk SMA Kelas XI
Universitas Sumatera Utara
3.3. Perancangan Tampilan
3.3.1. Menu Utama
Tampilan menu utama aplikasi pengajaran berbantuan komputer mata pelajaran biologi tentang sistem pencernaan pada manusia ini dirancang dengan sederhana dan
memberikan kemudahan pengguna User dalam menggunakan aplikasi ini. Aplikasi pengajaran berbantuan komputer ini mempunyai tampilan menu utama yang terdiri
dari lima sub menu utama yaitu profil, kompetensi, materi, Test dan keluar. Berikut ini rancangan tampilan utama aplikasi pengajaran berbantuan komputer mata pelajaran
biologi tentang sistem pencernaan pada manusia untuk SMA kelas XI dapat dilihat pada gambar 3.5 :
Gambar 3.5 Rancangan Tampilan Menu Utama
Judul Aplikasi
Keluar Kompetensi
Materi Test
Logo USU
Profil
Universitas Sumatera Utara
3.3.2. Menu Profil
Perancangan tampilan menu profil pada aplikasi pengajaran berbantuan komputer ini memberikan gambaran tentang penulis. Rancangan untuk menu profil dapat dilihat
dari Gambar 3.6.
Gambar 3.6 Rancangan Tampilan Menu Profil
3.3.3. Menu Kompetensi
Rancangan tampilan menu kompetensi ini menampilkan tujuan yang akan dicapai dalam aplikasi pengajaran berbantuan komputer mata pelajaran biologi tentang sistem
pencernaan pada manusia untuk SMA kelas XI. Berikut ini rancangan tampilan menu kompetensi dapat dilihat pada gambar 3.7.
Keluar Kompetensi
Materi Test
Profil Profil
Gambar Info Profil
Universitas Sumatera Utara
Gambar 3.7 Rancangan Tampilan Menu Kompetensi
3.3.4. Menu Materi
Pada menu materi menampilkan materi pelajaran tentang sistem pencernaan pada manusia. Pada bagian kiri terdapat sub menu materi. Apabila kursor digerakkan ke
salah satu tombol, maka akan ditampilkan secara sekilas materi yang akan dibahas. Disini terdapat lima submenu yang akan dibahas yaitu pengertian sistem pencernaan,
makanan dan fungsinya, organ-organ pencernaan, gangguan pada sistem pencernaan dan proses pencernaan. Rancangan untuk menu materi dapat dilihat pada Gambar 3.8.
Keluar Kompetensi
Materi Test
Profil Kompetensi
Universitas Sumatera Utara
Gambar 3.8 Rancangan Tampilan Menu Materi
Setelah memilih sub menu 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. Pada tampilan ini terdapat tombol navigasi untuk ke halaman sub
materi berikut dan submateri sebelumnya. Berikut ini rancangan tampilan penyajian isi materi dapat dilihat pada gambar 3.9.
Keluar Kompetensi
Materi Test
Profil Pengertian
Makanan Dan Fungsinya Organ-organ Pencernaan
Gangguan Pencernaan Proses Pencernaan
Game Materi
Universitas Sumatera Utara
.
Gambar 3.9 Rancangan Tampilan Penyampaian Isi Materi Gambar 3.9 Rancangan Tampilan Submenu Materi
3.3.5. Menu Test
Tampilan menu Test dirancang dengan sederhana. Sebelum memasuki latihan, pengguna diwajibkan untuk memasukkan namanya pada kotak yang telah disediakan.
Tampilan menu latihan ini terdapat tombol. Dimana setelah pengguna memasukkan namanya di kotak, pengguna diminta kembali untuk mengklik tombol untuk
melanjutkan latihan atau tidak. Rancangan tampilan menu latihan dapat dilihat pada Gambar 3.10.
Keluar Kompetensi
Materi Test
Profil Pengertian
Makanan Dan Fungsinya Organ-organ Pencernaan
Gangguan Pencernaan Proses Pencernaan
Game Sub Materi
Universitas Sumatera Utara
Gambar 3.10 Rancangan Tampilan Menu Test
Selamat Datang di Menu Test
Klik lanjut untuk mulai
Keluar Kompetensi
Materi Test
Profil Ketik Nama
Lanjut
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI
4.1. Implementasi