Diagram Alur Program Loading dan Menu Media Pembelajaran Halaman Menu Frame Materi

3.3 Diagram Alur Program

Gambar 3.1 Alur Media Pembelajaran Universitas Sumatera Utara Diagram 3.1 ini dijelaskan sebagai berikut: 1. Menu Utama Setelah muncul tampilan menu utama, akan terdapat 5 sub menu utama serta 1 tombol keluar. 3 sub menu tersebut: a. Materi Menu yang berisikan tampilan Pengenalan Negara dan Bendera Dunia. b. Latihan Menu yang berisikan tampilan Soal-soal Pengenalan Bendera dan Negara. c. Quiz Menu yang berisikan tampilan Quiz Mengenal Soal-soal Pengenalan Bendera dan negara dan juga dilengkapi dengan High Score pada akhir soalnya. d. Recore Menu yang berisikan tampilan recore setelah quiz dilengkapi dengan penyimpanan nama user sehingga hasil belajar anak dapat dipantau dengan baik. e. Profile Menu yang berisikan profile riwayat pembuat aplikasi. Universitas Sumatera Utara

3.4 Rancangan Tampilan

Rancangan tampilan yang ada pada tiap frame dan scene dalam aplikasi akan dijelaskan pada tahap ini. Intro pada aplikasi ini merupakan tampilan pertama atau frame 1 dari scene 1 yang kemudian akan terhubung dengan frame menu utama. 3.4.1 Rancangan Loading dan Menu Utama Frame Media Pembelajaran adalah frame pembuka dari aplikasi Media Pembelajaran ini. Frame ini terdiri dari latar belakang 5 Menu, yaitu menu Mengenal Angka Huruf, menu mengenal Peralatan Rumah Hewan dan Menu Quiz Gambar 3.2 Rancangan Frame Media Belajar

3.4.2 Rancangan Frame Pilih Menu belajar Negara dan Bendera

Frame Pilih Menu adalah frame yang digunakan untuk memilih menu belajar mana yang akan dimainkan. Frame ini terdiri dari latar belakang tampilan, 5 buah frame menu. Universitas Sumatera Utara  Frame pilih menu belajar Gambar 3.3 Rancangan Frame Menu Belajar

3.4.3 Rancangan Frame Mengenal Negara dan Bendera Dunia

Frame Mengenal Negara dan Bendera Dunia adalah frame yang digunakan untuk menampilkan isi dari submenu tersebut sehingga user bisa belajar dengan hanya satu Klik Teks Negara manapun sebagai tombol eksekusi langsung yang ingin user pelajari mengenalnya dengan Picture. Gambar 3.4 Rancangan Frame Mengenal Negara Universitas Sumatera Utara

3.4.4 Rancangan Frame Mengenal Bendera Dunia

Frame Mengenal Bendera adalah frame yang digunakan untuk menampilkan isi dari submenu tersebut sehingga user bisa langsung belajar apapun yang ingin user ingin pelajari mengenalnya dengan Picture. Gambar 3.5 Rancangan Frame Mengenal Bendera

3.4.5 Rancangan Frame menu Latihan

Frame menu latihan adalah frame yang digunakan untuk menampilkan beberapa soal-soal yang berfungsi untuk mengetahui seberapa kuat daya ingat anak dari apa yang telah dipelajarinya pada frame menu materi. Frame ini terdiri dari latar belakang tampilan, dan 4 teks jawaban sebagai tombol eksekusi langsung. Gambar 3.6 Rancangan Frame Soal-soal Latihan Universitas Sumatera Utara

3.4.6 Rancangan Frame Penjelasan pada Soal Latihan

Frame Penjelasan pada soal latihan adalah frame yang digunakan untuk menampilkan respon penjelasan dari soal yang dibuat dari submenu Latihan sehingga user bisa mengetahui jawaban yang benar dari soal-soal latihan tersebut. Penjelasan pada soal dijelaskan dalam bentuk teks dan gambar. Gambar 3.7 Rancangan Frame Penjelasan Soal Gambar 3.8 Rancangan Frame Penjelasan Soal Gambar Universitas Sumatera Utara

3.4.7 Rancangan Frame Quiz.

Frame Quiz adalah frame yang digunakan untuk menampilkan soal-soal quiz dari materi yang dibuat dari menu Materi sehingga user bisa mencoba kemampuannya dalam belajar menegenal negara dan bendera negara yang telah dipelajarinya dari materi. Gambar 3.9 Rancangan Frame Submenu Mulai Quiz Gambar 3.10 Rancangan Frame Soal Quiz Universitas Sumatera Utara

3.4.8 Rancangan Tampilan Petunjuk

Pada tampilan ini terdapat keterangan petunjuk cara belajar Media Pembelajaran, sebuah teks animasi, sebuah gambar animasi dan 2 buah tombol eksekusi. Gambar 3.11 Rancangan Frame Tampilan Petunjuk

3.4.9 Rancangan Tampilan Profil

Pada tampilan ini terdapat gambar dan data diri dari penulis, dan juga terdapat 1 tombol eksekusi yang terhubung ke menu utama. Gambar 3.12 Rancangan Frame Tampilan Profil Universitas Sumatera Utara

3.4.10 Rancangan Tampilan Recore

Pada tampilan ini terdapat recore dari quiz dan juga berfungsi sebagai penyimpan data nilai user sehingga user tahu betul kemampuannya dalam mengingat negara dan bendera yang dipelajarinya. Pada frame ini juga terdapat 2 tombol eksekusi, 1 tombol untuk close dan 1 tombol lagi untuk kembali ke menu halaman utama. Gambar 3.13 Rancangan Frame Tampilan Recore Universitas Sumatera Utara

3.4.11 Rancangan Frame Tampilan Respon Benar

Pada tampilan respon benar terdapat 1 label bertuliskan “Bagus Sekali” yang menyatakan pemain berhasil dalam menjawab pertanyaan, 1 tombol untuk melanjutkan ke pertanyaan selanjutnya dan 1 tombol untuk kembali ke menu utama. Gambar 3.14 Rancangan Frame Tampilan Respon Benar Universitas Sumatera Utara

3.4.12 Rancangan Frame Tampilan Respon Salah

Pada tampilan respon salah terdapat 1 label bertuliskan “Sayang Sekali” yang menyatakan pemain berhasil dalam menjawab pertanyaan, 1 tombol untuk melanjutkan ke pertanyaan selanjutnya, 1 tombol untuk mengulang kembali pertanyaan dan 1 tombol untuk kembali ke menu utama. Gambar 3.15 Rancangan Frame Tampilan Respon Salah Universitas Sumatera Utara BAB 4 IMPLEMENTASI SISTEM

4.1 Loading dan Menu Media Pembelajaran

Gambar 4.1 Halaman Loading dan Menu Media Pembelajaran Universitas Sumatera Utara Gambar 4.1 diatas adalah tampilan awal dari Media Belajar Mengenal Negara dan Bendera Dunia yang dibuat. Pada menu ini User harus menekan tombol Materi, Latihan, Quiz Recore Atau Profile untuk menjalankan atau menggunakan aplikasi ini. Setelah menekan salah satu tombol maka pemain akan masuk ke dalam halaman berikutnya dimana user diminta untuk memilih mode Menu yang akan dipelajari. Namun, jika pemain ingin keluar dari permainan ini maka tersedia juga tombol Quit.

4.2 Halaman Menu Frame Materi

Gambar 4.2 Halaman Menu Meteri Pilih Benua dan Negara Universitas Sumatera Utara Gambar 4.2 merupakan menu pilih belajar dimana user dapat memilih belajar mengenal negara apa yang ada pada benua yang dipilihnya in. Pilih salah satu benua untuk masuk ke halaman menu benua dimana user akan diminta untuk memilih negara mana yang ingin dipelajari. Pemain juga dapat kembali ke menu awal dengan menekan tombol home. Gambar 4.3 Halaman Menu Meteri Bendera Gambar 4.3 merupakan menu belajar bendera dimana saat user menekan tombol pilih negara maka tombol tersebut akan secara langsung membawa user pada gambar bendera negara yang dipilihnya dan mengingat gambar tersebut. Pada menu ini terdapat 1 tombol eksekusi untuk back yang berfungsi untuk kembali ke menu pilih negara dan 1 tombol eksekusi untuk kembali pada halaman utama. Universitas Sumatera Utara

4.3 Halaman Menu Frame Latihan