Flowchart Perancangan Tampilan Perancangan Aplikasi Pengajaran Berbantuan Komputer Mata Pelajaran Biologi Tentang Sistem Pencernaan Pada Manusia Untuk SMA Kelas XI

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