BAB III KONSEP, DESAIN DAN PENGUMPULAN MATERI

BAB III KONSEP, DESAIN DAN PENGUMPULAN MATERI

3.1.

Konsep Dalam membangun program Aplikasi Pembelajaran Anak dengan Adobe

Flash Profesional / Action Script 3.0 ini peneliti akan menganalisa metode kompresi yang akan digunakan dan kebutuhan dasar sistem terlebih dahulu sebelum membuat rancangan aplikasi.

3.1.1. Analisa Sistem Dalam melakukan proses pembelajaran yang efektif bagi anak dapat mengunakan beberapa cara seperti mengunakan alat peraga, memberikan contoh tindakan ataupun dengan belajar berkelompok. Dari beberapa contoh tersebut masing-masing memiliki kelebihan dan kekurangan. Misalkan menggunakan alat peraga maka pengajar baik guru ataupun orangtua harus menyiapkan dana dan waktu ekstra untuk mempersiapkan alat peraga yang diperlukan. Apabila materi yang akan diajarkan cukup banyak maka alat peraga yang digunakan juga akan semakin banyak tentunya. Begitupula jika dengan memberikan contoh tindakan langsung, dalam situasi tertentu ada kalanya pengajar tidak dapat secara langsung memberikan contoh yang konkrit misalnya ingin mengajarkan anak bagaimana merawat hewan peliharaan ataupun tanaman sedangkan obyek yang ingin digunakan sebagai contoh tidak ada. Tetapi dengan menggunakan sarana aplikasi pembelajaran multimedia yang bersifat interaktif maka beberapa kendala yang ada dapat diminimalisir. Tujuan utama dibuatnya aplikasi ini adalah sebagai media atau alat bantu bagi anak dalam persiapan pra sekolah.

Berikut merupakan diagram usecase untuk aplikasi yang akan dibangun. Use case digunakan untuk mendeskripsikan interaksi antara para pengguna sistem dengan sistem itu sendiri, dengan memberikan sebuah narasi tentang bagaimana sistem tersebut digunakan. Use case diagram menggambarkan fungsionalitas yang diharapkan dari suatu sistem, yang ditekankan adalah “apa” yang diperbuat sistem dan bukan “bagaimana” sebuah use case merepresentasikan sebuah interaksi

21

22

antara aktor dengan sistem. Use case mengambarkan kata kerja seperti Login ke sistem, maintenance user dan sebagainya. Dalam bahasa use case, para pengguna disebut sebagai aktor. Seorang (aktor) merupakan sebuah peran penting dalam kaitanya dengan sistem untuk melakukan pekerjaan atau aktivitas tertentu. Use case diagram dapat sangat membantu bila kita sedang menyusun requirement sebuah sistem, mengkomunikasikan rancangan dengan klien, dan merancang test case untuk semua fitur yang ada pada sistem. Pada aplikasi ini dapat diketahui bahwa aktor tersebut adalah pengguna. Maka didapatkan suatu use case diagram

dan beberapa skenario yang

memperlihatkan interaksi-interaksi antara use case dengan aktor. Use case diagram dari aplikasi ini dapat dilihat pada Gambar 3.1.

Gambar 3.1. Use Case Diagram

Berikut penjelasan gambar: 1. Simbol manusia mengambarkan seorang aktor 2. Simbol oval merepresentasikan use case 3. Simbol garis merepresentasikan kardinalitas

Pada Gambar 3.1 dapat dijelaskan bahwa terdapat seorang aktor. Use case diagram tersebut adalah kegiatan utama yang terdapat di dalam aplikasi, yaitu use case belajar materi, bermain game, dan mengerjakan soal.

Berikut merupakan deskripsi Use case diagram pada Gambar 3.1:

23

Tabel 3.1. Use Case Belajar Materi Nama

Belajar Materi

Aktor

Pengguna

Deskripsi

Pengguna dapat mempelajari berbagai macam materi dasar untuk anak-anak

Skenario

1. Pengguna menekan huruf atau angka yang ingin dipelajari. 2. Sistem menampilkan materi pembelajaran sesuai dengan submenu yang dipilih. 3. Pengguna dapat mengontrol materi yang sedang ditampilkan.

Kondisi Awal

Pengguna sudah masuk ke menu belajar atau lingkungan dan memilih tombol submenu tertentu.

Kondisi Akhir

Pengguna dapat mempelajari berbagai macam materi dasar untuk anak-anak.

Pada use case pertama yaitu belajar materi pengguna akan dihadapkan dengan beberapa submenu didalamnya meliputi belajar menulis,

berhitung,

mengenal warna, bentuk dasar, lawan kata, alat musik, mengenal makanan sehat, mengenal hewan, mengenal kebiasaan baik, mengenal alam, belajar tentang negeriku. Pada masing-masing submenu belajar disertakan gambar ilustrasi keterangan dan audio untuk membantu anak dalam memahaminya.

Tabel 3.2. Use Case Bermain Game Nama

Bermain Game

Aktor

Pengguna

Deskripsi

Pengguna dapat bermain game menyusun puzzle.

Skenario

1. Sistem akan menampilkan potongan-potongan puzzle beserta area pemasangannya. 2. Pengguna memindahkan potongan-potongan puzzle ke area yang diminta. 3. Pengguna dapat menekan tombol next atau previous untuk berpindah puzzle.

Kondisi Awal

Pengguna sudah masuk ke menu bermain dan memilih submenu game puzzle.

Kondisi Akhir

Pengguna dapat bermain menyusun puzzle.

24

Pada use case kedua yaitu bermain puzzle pengguna akan dihadapkan dengan beberapa bagian potongan gambar dan pengguna akan diminta untuk menyusun potongan gambar menjadi sebuah gambar utuh.

Tabel 3.3. Use Case Mengerjakan Soal Nama

Mengerjakan Soal

Aktor

Pengguna

Deskripsi

Pengguna dapat mengerjakan soal pilihan ganda mengenai penambahan, pengurangan , dan melengkapi kata.

Skenario

1. Sistem menampilkan soal beserta pilihan jawabannya. 2. Pengguna memilih salah satu jawaban. 3. Sistem akan menampilkan hasilnya. 4. Pengguna dapat menekan tombol next atau previous untuk berpindah soal.

Kondisi Awal

Pengguna sudah masuk ke menu bermain dan memilih submenu game berhitung atau melengkapi kata.

Kondisi Akhir

Pengguna dapat mengerjakan soal pilihan ganda mengenai penambahan, pengurangan , dan melengkapi kata.

Pada use case ketiga yaitu mengerjakan soal pengguna akan dihadapkan dengan soal pilihan ganda dimana pengguna akan diminta untuk menjawab soal kemudian cukup memilih salah satu jawaban yang dianggap benar. Maka sistem akan melakukan verifikasi, jika jawaban benar maka sistem akan menampilkan pesan benar tetapi apabilsa salah sistem akan menampilkan pesan coba lagi.

Dalam pembuatan perangkat lunak ini analisa komponen sistem yang akan dibangun diantaranya sebagai berikut : 1. Perangkat lunak, yaitu Aplikasi Pembelajaran Anak. 2. Materi yang berada di dalam aplikasi ini meliputi belajar menulis, belajar berhitung, belajar mengenal warna, belajar bentuk dasar, belajar lawan kata, belajar alat musik, belajar mengenal makanan sehat, belajar mengenal hewan, belajar mengenal kebiasaan baik, belajar mengenal alam, belajar tentang

25

negeriku, mengerjakan soal berhitung, bermain puzzle, mengerjakan soal melengkapi kata. 3. Perangkat keras, yaitu komputer (desktop / laptop). 4. Manusia, yaitu pengguna yang mengakses sistem. 5. Prosedur yaitu langkah-langkah yang mendefinisikan tentang penggunaan sistem.

3.1.2. Perancangan Aplikasi Aplikasi Pembelajaran Anak ini merupakan aplikasi yang dibuat untuk membantu dan mempermudah pengguna dalam mempersiapkan anak prasekolah sebelum memasuki playgoup atau SD. Aplikasi ini dirancang menggunakan metode pengembangan

multimedia yang dilakukan melalui 5 tahapan, yaitu

konsep, perancangan, pengumpulan materi, pembuatan dan pengujian. Aplikasi ini akan dibagi menjadi 3 menu utama, yaitu Belajar, Lingkungan dan Bermain. Pada masing-masing menu utama terdapat beberapa submenu yang dapat dipilih oleh pengguna untuk dipelajari. Semua menu dan submenu dapat dijalankan secara acak agar dapat mempermudah pengguna dalam menggunakan aplikasi dan belajar.

Tabel 3.4. Deskripsi Konsep Aplikasi Judul

Aplikasi Pembelajaran Anak

Pengguna

Anak-Anak dibawah bimbingan guru atau orangtua

Bentuk Aplikasi

Media Pembelajaran Interaktif

Gambar

Gambar pada seluruh interface dibuat sendiri dengan cara vector drawing menggunakan Adobe Photoshop.

Suara

Suara dibuat dengan melakukan voice recording di strudio oleh dubber dan diedit sendiri oleh peneliti.

Animasi

Animasi pada seluruh isi konten dibuat sendiri dengan teknik shape tweening dan motion tweening.

Interaktif

Menggunakan link berupa tombol sehingga pengguna dapat melakukan perpindahan layar atau obyek.

26

3.2.

Desain Pada bagian ini akan dilakukan desain perancangan aplikasi yang terdiri

dari perancangan activity diagram, sequence diagram, peta navigasi, storyboard dan desain tata letak.

3.2.1 Perancangan Activity Diagram Activity diagram adalah teknik untuk menggambarkan logika prosedural, proses bisnis, dan jalur kerja. Dalam beberapa hal, diagram ini memainkan peran mirip sebuah diagram alir, tetapi perbedaan prinsip antar diagram ini dan notasi diagram alir adalah diagram ini mendukung behavior paralel.(Fowler, 2005) Activity diagram mengambarkan berbagai alir aktivitas di dalam sistem yang sedang dirancang, bagaimana masing-masing aliran berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Diagram ini mengambarkan langkah yang mana dijalankan secara berurutan dan langkah mana yang dijalankan secara bersamaan.

Gambar 3.2. Activity Diagram menu Belajar Menulis

Pada Gambar 3.2 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar menulis, mula-mula pengguna menekan tombol huruf atau angka kemudian sistem akan menempilkan animasi huruf atau angka yang dipilih. Selanjutnya sistem akan menjalankan audio huruf atau angka yang dipilih.

27

Gambar 3.3. Activity Diagram menu Belajar Berhitung

Pada Gambar 3.3 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar berhitung, mula-mula pengguna menekan tombol penjumlahan atau pengurangan kemudian sistem akan menjalankan animasi contoh-contoh soal penjumlahan atau pengurangan.

Gambar 3.4. Activity Diagram menu Belajar Warna

28

Pada Gambar 3.4 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar warna, mula-mula pengguna menekan salah satu tombol warna kemudian sistem akan menampilan teks nama warna dan audio dalam bahasa indonesia. Selanjutnya sistem akan menampilkan teks nama warna dan audio dalam bahasa inggris.

Gambar 3.5. Activity Diagram menu Belajar Bentuk Dasar

Pada Gambar 3.5 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar bentuk dasar, mula mula sitem akan menampilkan gambar bentuk dasar pertama dilanjutkan dengan teks nama bentuk dasar beserta audionya. Kemudian pengguna menekan tombol next atau previous untuk melihat bentuk dasar yang lain.

29

Gambar 3.6. Activity Diagram menu Belajar Lawan Kata

Pada Gambar 3.6 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar lawan kata, mula-mula sistem akan menampilkan sebuah gambar ilustrasi pertama beserta teks keterangan ilustrasi diikuti dengan audionya. Kemudian sistem akan kembali menampilkan gambar ilustrasi kedua yang juga diikuti teks keterangan ilustrasi dan audionya. Selanjutnya pengguna menekan tombol next atau previous untuk melihat ilustrasi yang lain.

30

Gambar 3.7. Activity Diagram menu Belajar Alat Musik

Pada Gambar 3.7 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar alat musik, mula mula sitem akan menampilkan gambar alat musik pertama dilanjutkan dengan teks nama alat musik beserta audionya. Kemudian pengguna menekan tombol next atau previous untuk melihat alat musik yang lain.

Gambar 3.8. Activity Diagram menu Belajar Makanan Sehat

Pada Gambar 3.8 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar makanan sehat, mula-mula pengguna menekan salah satu tombol

31

kelompok makanan, kemudian sistem akan menampilkan animasi jenis-jenis makanan yang termasuk di dalam kelompok yang dipilih beserta dengan audionya.

Gambar 3.9. Activity Diagram menu Belajar Mengenal Hewan

Pada Gambar 3.9 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar mengenal hewan, mula mula sitem akan menampilkan gambar hewan pertama dilanjutkan dengan teks nama hewan beserta audionya. Kemudian pengguna menekan tombol next atau previous untuk melihat hewan yang lain.

32

Gambar 3.10. Activity Diagram menu Belajar Mengenal Kebiasaan Baik

Pada Gambar 3.10 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar mengenal kebiasaan baik, mula-mula sistem akan menampilkan sebuah gambar ilustrasi beserta teks keterangan ilustrasi diikuti dengan audionya. Kemudian pengguna menekan tombol next atau previous untuk melihat ilustrasi yang lain.

Gambar 3.11. Activity Diagram menu Belajar Mengenal Alam

33

Pada Gambar 3.11 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar mengenal alam, mula mula sitem akan menampilkan foto ilustrasi pertama dilanjutkan dengan teks keterangan mengenai foto beserta audionya. Kemudian pengguna menekan tombol next atau previous untuk melihat ilustrasi yang lain.

Gambar 3.12. Activity Diagram menu Belajar tentang Negeriku

34

Pada Gambar 3.12 aktivitas dimulai saat pengguna sudah berada di dalam menu belajar tentang negeriku, mula-mula pengguna menekan tombol presidenku, pulau besar atau Indonesia Raya. Jika menekan tombol presidenku maka sistem akan menampilkan tombol submenu nama-nama presiden Indonesia, kemudian pengguna menekan salah satu tombol presiden dan sistem akan menampilkan foto presiden yang dipilih beserta audionya. Atau jika pengguna memilih menu pulau besar maka sistem akan menampilkan gambar pulau Indonesia. Selanjutnya pengguna menekan tombol gambar salah satu pulau besar maka sistem akan menjalankan audio sesuai dengan pulau yang dipilih. Terakhir apabila pengguna memilih menu Indonesia Raya maka sistem akan menampilkan teks lagu Indonesia Raya diiringi dengan musik Indonesia Raya.

Gambar 3.13. Activity Diagram menu Game Berhitung

Pada Gambar 3.13 aktivitas dimulai saat pengguna sudah berada di dalam menu game berhitung, mula-mula sistem akan menampilkan soal berhitung beserta pilihan jawabannya, kemudian pengguna memilih salah satu jawaban yang dianggap benar. Selanjutnya sistem melakukan verifikasi, jika jawaban benar sistem akan menampilkan besan ‘benar’ beserta dengan audionya dan apabila salah sistem akan menampilkan pesan ‘coba lagi’ beserta audionya. Pengguna menekan tombol next untuk melanjutkan ke soal selanjutnya.

35

Gambar 3.14. Activity Diagram menu Game Puzzle

Pada Gambar 3.14 aktivitas dimulai saat pengguna sudah berada di dalam menu game puzzle, mula-mula sistem menampilkan potongan-potongan gambar yang sudah diacak, kemudian pengguna memilih salah satu potongan dan meletakkannya di tempat yang sudah disediakan. Selanjutnya sistem akan melakukan verifikasi apabila letak potongan gambar benar maka gambar akan menempel pada posisi yang benar tetapi apabila potongan gambar berada di posisi yang salah maka potongan gambar tersebut akan kembali ke posisi sebelumnya.

36

Gambar 3.15. Activity Diagram menu Game Melengkapi Kata

Pada Gambar 3.15 aktivitas dimulai saat pengguna sudah berada di dalam menu game melengkapi kata, mula-mula sistem akan menampilkan soal sebuah kata yang salah sau hurufnya dihilangkan beserta pilihan jawabannya, kemudian pengguna memilih salah satu jawaban yang dianggap benar. Selanjutnya sistem melakukan verifikasi, jika jawaban benar sistem akan menampilkan besan ‘benar’ beserta dengan audionya dan apabila salah sistem akan menampilkan pesan ‘coba lagi’ beserta audionya. Pengguna menekan tombol next untuk melanjutkan ke soal selanjutnya.

3.2.2 Perancangan Sequence Diagram Sequence diagram digunakan untuk menggambarkan perilaku sebuah skenario. Diagram ini menunjukkan sejumlah contoh objek dan pesan (message) yang diletakkan diantara objek-objek di dalam use case. Sequence diagram menggambarkan interakasi antar objek di dalam dan disekitar sistem (termasuk pengguna, display, dan sebagainya) berupa pesan yang digambarkan terhadap waktu. Sequence diagram terdiri atas dimensi waktu dan objek-objek

yang

terkait.

Sequence

diagram

bisa

digunakan

untuk

menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respon dari sebuah event untuk menghasilkan keluaran tertentu. Dari bentuk use

37

case yang telah digambarkan sebelumnya hanya akan ada satu aktor yang akan dibuat sequence diagram sesuai dengan use case.

1. Sequence Diagram Menu Belajar Menulis

Gambar 3.16. Sequence Diagram Menu Belajar Menulis

2. Sequence Diagram Menu Belajar Berhitung

Gambar 3.17. Sequence Diagram Menu Belajar Berhitung

38

3. Sequence Diagram Menu Belajar Warna

Gambar 3.18. Sequence Diagram Menu Belajar Warna

4. Sequence Diagram Menu Belajar Bentuk Dasar

Gambar 3.19. Sequence Diagram Menu Belajar Bentuk Dasar

39

5. Sequence Diagram Menu Belajar Lawan Kata

Gambar 3.20. Sequence Diagram Menu Belajar Lawan Kata

6. Sequence Diagram Menu Belajar Alat Musik

Gambar 3.21. Sequence Diagram Menu Belajar Alat Musik

40

7. Sequence Diagram Menu Belajar Makanan Sehat

Gambar 3.22. Sequence Diagram Menu Belajar Makanan Sehat

8. Sequence Diagram Menu Belajar Hewan

Gambar 3.23. Sequence Diagram Menu Belajar Hewan

41

9. Sequence Diagram Menu Belajar Kebiasaan Baik

Gambar 3.24. Sequence Diagram Menu Belajar Kebiasaan Baik

10. Sequence Diagram Menu Belajar Alam

Gambar 3.25. Sequence Diagram Menu Belajar Alam

42

11. Sequence Diagram Menu Belajar Negeriku

Gambar 3.26. Sequence Diagram Menu Belajar Negeriku

12. Sequence Diagram Menu Game Berhitung

Gambar 3.27. Sequence Diagram Menu Game Berhitung

43

13. Sequence Diagram Menu Game Puzzle

Gambar 3.28. Sequence Diagram Menu Game Puzzle

14. Sequence Diagram Menu Game Melengkapi Kata

Gambar 3.29. Sequence Diagram Menu Game Melengkapi Kata

3.2.3 Perancangan Peta Navigasi Peta navigasi ini akan memudahkan dalam merancang aplikasi yang akan dibuat dengan menentukan lokasi pada setiap halaman yang ada di dalam aplikasi pembelajaran. Gambar 3.8 merupakan peta navigasi dari aplikasi ini.

44

Gambar 3.30. Peta Navigasi

3.2.4 Perancangan Storyboard Storyboard adalah deskripsi masing-masing tampilan suatu kejadian dari movie yang dimainkan dengan menampilkan semua objek atau elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Storyboard digunakan sebagai alat bantu pada tahapan perancangan multimedia. Pada Tabel 3.16 ini akan menggambarkan rancangan Aplikasi Pembelajaran.

Tabel 3.5. Storyboard No

Halaman

1

Utama

2

Belajar

Konten Teks: Judul Aplikasi dan Judul Halaman Tombol: Menu Utama (Belajar, Lingkungan, Bermain dan Keluar) Gambar: Latar belakang Tombol: Home, Menu Belajar (Menulis, Berhitung, Warna, Bentuk

Keterangan Saat aplikasi mulai dijalankan maka akan muncul halaman utama dengan judul aplikasi serta 4 tombol menu utama untuk berpindah halaman beserta latar belakang statik.

Saat berada di halaman belajar pengguna akan dihadapkan dengan sebuah tombol home untuk kembali ke menu utama dan 7 buah tombol

45

Dasar, Lawan Kata, Alat Musik dan Makanan Sehat) Gambar: Latar belakang

submenu untuk berpindah ke halaman submenu.

3

Lingkungan

Tombol: Home, Menu Lingkungan (Hewan Bonbin, Kebiasaan Baik, Alam dan Negeriku) Gambar: Latar belakang

Saat berada di halaman lingkungan pengguna akan dihadapkan dengan sebuah tombol home untuk kembali ke menu utama dan 4 buah tombol submenu untuk berpindah ke halaman submenu.

4

Bermain

Tombol: Home, Menu Bermain (Game Berhitung, Game Puzzle, dan Game Melengkapi Kata) Gambar: Latar belakang

Saat berada di halaman bermain pengguna akan dihadapkan dengan sebuah tombol home untuk kembali ke menu utama dan 3 buah tombol submenu untuk berpindah ke halaman submenu.

5

Menulis

6

Berhitung

Pada halaman ini saat pengguna menekan salah satu tombol huruf atau angka maka akan muncul animasi sesuai dengan tombol yang dipilih kemudian setelah animasi selesai audio akan dijalankan. Saat tombol huruf besar atau huruf kecil ditekan maka tombol huruf akan berubah mengikuti tombol yang ditekan. Tombol back digunakan untuk kembali ke menu belajar. Pada halaman ini saat pengguna menekan tombol penjumlahan maka animasi penjumlahan akan dijalankan secara otomatis, kemudian saat tombol pengurangan ditekan maka animasi penjumlahan akan di pause dan animasi pengurangan akan dijalankan, begitupula sebaliknya. Tombol back digunakan untuk kembali ke menu belajar.

7

Warna

8

Bentuk Dasar

Teks: Huruf A-Z, a-z dan 0-9 Tombol: Huruf A-Z, a-z, 0-9, back, huruf besar, huruf kecil dan back Animasi: Huruf A-Z, a-z dan 0-9 Audio: Huruf A-Z, a-z dan 0-9 Teks: Angka dan tanda operator (+, -, =) Gambar: buah apel, buah pisang, buah anggur, buah pir Tombol: Penjumlahan, Pengurangan dan back Animasi: Contoh penjumlahan dan pengurangan Teks: Nama warna dalam bahasa Indonesia dan inggris Tombol: Warna dan back Animasi: Teks nama warna dalam bahasa Indonesia dan inggris Audio: Nama warna dalam bahasa Indonesia dan inggris Teks: Nama bentuk dasar Gambar: Bentuk dasar Tombol: next, previous dan back Animasi: Gambar dan teks bentuk dasar Audio: Nama bentuk dasar

9

Lawan kata

Teks: Keterangan gambar ilustrasi

Pada halaman ini saat pengguna menekan salah satu tombol warna maka animasi teks nama warna yang dipilih akan dijalankan. Pertama teks dalam bahasa Indonesia dan audionya kemudian teks dalam bahasa inggris dan audionya. Tombol back digunakan untuk kembali ke menu belajar.

Pada saat pengguna mulai masuk di halaman ini maka akan langsung dijalankan animasi gambar bentuk dasar yang pertama disusul dengan teks dan audio. Selanjutnya pengguna dapat menekan tombol next atau previous untuk berpindah ke gambar selanjutnya atau sebelumnya.Tombol back digunakan untuk kembali ke menu belajar. Pada saat pengguna mulai masuk di halaman ini maka akan langsung dijalankan animasi

46

Gambar: Ilustrasi lawan kata Tombol: next, previous dan back Animasi: Gambar dan teks ilustrasi lawan kata Audio: Keterangan gambar ilustrasi 10

Alat Musik

Teks: Nama alat musik Gambar: Alat musik Tombol: next, previous dan back Animasi: Gambar dan teks alat musik Audio: Nama alat musik

11

Makanan Sehat

12

Hewan Bonbin

Teks: Kelompok makanan sehat Gambar: Jenis-jenis makanan yang termasuk di dalam kelompok makanan sehat Tombol: Kelompok makanan sehat dan back Animasi: Gambar jenisjenis makanan yang termasuk di dalam kelompok makanan sehat Audio: Kelompok makanan sehat Teks: Nama hewan Gambar: Hewan Tombol: next, previous dan back Animasi: Gambar dan teks nama hewan Audio: Suara hewan

13

Kebiasaan Baik

14

Alam

15

Negeriku

Teks: Keterangan gambar ilustrasi Gambar: Ilustrasi kebiasaan baik Tombol: next, previous dan back Animasi: Gambar dan teks ilustrasi kebiasaan baik Audio: Keterangan gambar ilustrasi Teks: Keterangan gambar Gambar: Alam Tombol: next, previous dan back Animasi: Gambar dan teks alam Audio: Keterangan nama gambar Teks: Nama presiden,

gambar ilustrasi 1 yang disusul dengan teks keteranagn dan audio, kemudian animasi gambar ilustrasi 2 yang disusul dengan teks keteranagn dan audio. Selanjutnya pengguna dapat menekan tombol next atau previous untuk berpindah ke gambar ilustrasi lawan kata selanjutnya atau sebelumnya.Tombol back digunakan untuk kembali ke menu belajar. Pada saat pengguna mulai masuk di halaman ini maka akan langsung dijalankan animasi gambar alat musik yang pertama disusul dengan teks dan audio. Selanjutnya pengguna dapat menekan tombol next atau previous untuk berpindah ke gambar selanjutnya atau sebelumnya.Tombol back digunakan untuk kembali ke menu belajar. Di halaman ini pada saat pengguna menekan salah satu tombol kelompok makanan sehat maka akan dijalankan animasi gambar makanan yang termasuk di dalam kelompok yang dipilih kemudian disusul dengan teks dan keterangan nama kelompok makanan yang dipilih. Tombol back digunakan untuk kembali ke menu belajar.

Pada saat pengguna mulai masuk di halaman ini maka akan langsung dijalankan animasi gambar hewan yang pertama disusul dengan teks dan audio. Selanjutnya pengguna dapat menekan tombol next atau previous untuk berpindah ke gambar selanjutnya atau sebelumnya.Tombol back digunakan untuk kembali ke menu lingkungan. Pada saat pengguna mulai masuk di halaman ini maka akan langsung dijalankan animasi gambar ilustrasi kebiasaan baik yang pertama disusul dengan teks keterangan dan audio. Selanjutnya pengguna dapat menekan tombol next atau previous untuk berpindah ke gambar selanjutnya atau sebelumnya.Tombol back digunakan untuk kembali ke menu lingkungan.

Pada saat pengguna mulai masuk di halaman ini maka akan langsung dijalankan animasi gambar ilustrasi alam yang pertama disusul dengan teks keteranagn dan audio. Selanjutnya pengguna dapat menekan tombol next atau previous untuk berpindah ke gambar ilustrasi selanjutnya atau sebelumnya.Tombol back digunakan untuk kembali ke menu lingkungan. Pda halaman ini apabila pengguna menekan

47

pulau besar dan lirik lagu Indonesia Raya Gambar: Foto presiden Indonesia, pulau Indonesia, garuda pancasila, bendera indonesia Tombol: Presidenku, Pulau besar, Indonesia Raya, Nama presiden, Gambar pulau dan back Animasi: Foto dan nama presiden, teks pulau besar, bendera berkibar Audio: Nama presiden, nama pulau dan lagu Indonesia Raya.

16

Game Berhitung

Teks: Soal, pilihan jawaban dan feedback Tombol: Pilihan jawaban, next, previous dan back Audio: Benar, coba lagi

17

Game Puzzle

Gambar: Potongan puzzle dan target Tombol: Back

18

Game Melengkapi Kata

Teks: Soal, pilihan jawaban dan feedback Tombol: Pilihan jawaban, next, previous dan back Gambar: Ilustrasi soal Audio: Benar, coba lagi

tombol presidenku maka akan ditampilkan layout baru yang terdapat tombol nama presiden dan gambar garuda pancasila. Jika pengguna menekan salah satu tombol presiden maka akan dijalankan animasi foto dan teks nama presiden kemudian dilanjutkan dengan audionya. Tetapi jika pengguna memilih tombol pulau besar maka akan ditampilkan layout baru dengan gambar pulau Indonesia, apabila pengguna menekan salah satu tombol gambar pulau maka akan muncul animasi teks nama pulau beserta audionya. Pada tombol terakhir Indonesia Raya saat diklik maka akan muncul layout baru dengan gambar garuda pancasila yang dibelakangnya terdapat animasi bendera berkibar sedangkan disebelah kanannya terdapat lirik lagu Indonesia Raya. Pada saat yang sama juga lagu Indonesia Raya juga dijalankan. Tombol back digunakan untuk kembali ke menu lingkungan. Pada saat pengguna memasuki halaman ini maka akan muncul soal berhitung beserta dengan pilihan jawabannya. Pengguna cukup memilih salah satu jawaban yang dianggap benar, kemudian sistem akan melakukan verifikasi apabila jawaban benar maka akan muncul teks feedback “benar” tetapi jika salah akan muncul teks feedback “coba lagi” beserta dengan audionya. Selanjutnya pengguna dapat menekan tombol next atau previous untuk berpindah ke soal selanjutnya atau sebelumnya.Tombol back digunakan untuk kembali ke menu bermain. Pada halaman ini pengguna cukup memindahkan potongan-potongan puzzle dari kiri ke kanan. Apabila posisi saat dipindahkan tepat maka potongan gambar akan langsung ditempatkan di posisi yang benar tetapi apabila salah maka potongan gambar akan dikembalikan ke posisi awal. Selanjutnya pengguna dapat menekan tombol next atau previous untuk berpindah ke puzzle selanjutnya atau sebelumnya.Tombol back digunakan untuk kembali ke menu bermain. Pada saat pengguna memasuki halaman ini maka akan muncul soal melengkapi kata dan gambar bantuan untuk menjawab beserta dengan pilihan jawabannya. Pengguna cukup memilih salah satu jawaban yang dianggap benar, kemudian sistem akan melakukan verifikasi apabila jawaban benar maka akan muncul teks feedback “benar” tetapi jika salah akan muncul teks feedback “coba lagi” beserta dengan audionya. Selanjutnya pengguna dapat menekan tombol next atau previous untuk berpindah ke soal selanjutnya atau sebelumnya.Tombol back digunakan untuk kembali ke menu bermain.

48

3.2.5 Desain Layout Layout di dalam bahasa memiliki arti tata letak. Sedangkan menurut istilah, layout merupakan usaha untuk menyusun, menata, atau memadukan elemen-elemen atau unsur-unsur komunikasi grafis (teks, gambar, tabel dll) menjadikan komunikasi visual yang komunikatif, estetik dan menarik. Di sini diperlukan pertimbangan ketika sedang mendesain suatu infomasi yang seefektif mungkin. Tujuan utama layout adalah menampilkan elemen gambar dan teks agar menjadi komunikatif dalam sebuah cara yang dapat memudahkan pembaca menerima informasi yang disajikan. Untuk mempermudah dalam pembuatan dan penataan objek ke dalam stage maka dibuatlah desain tata letak terlebih dahulu sebagai panduan.

Gambar 3.31. Desain Layout Halaman Menu Utama.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.31: a. Gambar latar belakang halaman utama. b. Judul aplikasi. c. Tombol menu belajar untuk berpindah ke halaman menu belajar. d. Tombol menu lingkungan untuk berpindah ke halaman menu lingkungan. e. Tombol menu bermain untuk berpindah ke halaman menu bermain. f. Tombol keluar aplikasi untuk menutup aplikasi.

49

Gambar 3.32. Desain Layout Halaman Menu Belajar.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.32 a. Gambar latar belakang halaman belajar. b. Tombol home untuk kembali ke halaman menu utama. c. Tombol menulis untuk berpindah ke halaman submenu menulis. d. Tombol berhitung untuk berpindah ke halaman submenu berhitung. e. Tombol warna untuk berpindah ke halaman submenu warna. f. Tombol bentuk dasar untuk berpindah ke halaman submenu bentuk dasar. g. Tombol lawan kata untuk berpindah ke halaman submenu lawan kata. h. Tombol alat musik untuk berpindah ke halaman submenu alat musik. i. Tombol makanan sehat untuk berpindah ke halaman submenu makanan sehat.

Gambar 3.33. Desain Layout Halaman Menu Lingkungan.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.33: a. Gambar latar belakang halaman lingkungan.

50

b. Tombol home untuk kembali ke halaman menu utama. c. Tombol hewan bonbin untuk berpindah ke halaman submenu hewan bonbin. d. Tombol kebiasaan baik untuk berpindah ke halaman submenu kebiasaan baik. e. Tombol alam untuk berpindah ke halaman submenu alam. f. Tombol bentuk negeriku untuk berpindah ke halaman submenu negeriku.

Gambar 3.34. Desain Layout Halaman Menu Bermain.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.34: a. Gambar latar belakang halaman bermain. b. Tombol home untuk kembali ke halaman menu utama. c. Tombol game berhitung untuk berpindah ke halaman submenu game berhitung. d. Tombol game puzzle untuk berpindah ke halaman submenu game puzzle. e. Tombol melengkapi kata untuk berpindah ke halaman submenu melengkapi kata.

Gambar 3.35. Desain Layout Halaman Belajar Menulis.

51

Berikut merupakan keterangan desain tata letak untuk Gambar 3.35: a. Tombol back untuk kembali ke halaman menu belajar. b. Animasi huruf atau angka. c. Tombol huruf besar untuk mengubah tampilan huruf dipapan ketik menjadi huruf besar. d. Tombol huruf kecil untuk mengubah tampilan huruf dipapan ketik menjadi huruf kecil. e. Tombol huruf dan angka untuk menjalankan animasi.

Gambar 3.36. Desain Layout Halaman Belajar Berhitung.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.36: a. Tombol back untuk kembali ke halaman menu belajar. b. Tombol penjumlahan untuk menjalankan animasi penjumlahan. c. Tombol pengurangan untuk menjalankan animasi pengurangan. d. Animasi contoh soal penjumlahan. e. Animasi contoh soal pengurangan.

52

Gambar 3.37. Desain Layout Halaman Belajar Warna.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.37: a. Tombol back untuk kembali ke halaman menu belajar. b. Tombol warna untuk mejalankan animasi teks nama warna. c. Animasi teks nama warna dalam bahasa indonesia. d. Animasi teks nama warna dalam bahasa inggis.

Gambar 3.38. Desain Layout Halaman Belajar Bentuk Dasar

Berikut merupakan keterangan desain tata letak untuk Gambar 3.38: a. Tombol back untuk kembali ke halaman menu belajar. b. Animasi gambar bentuk dasar. c. Animasi nama gambar bentuk dasar. d. Tombol previous untuk kembali ke gambar sebelumnya. e. Tombol next untuk melanjutkan ke gambar selanjutnya.

53

Gambar 3.39. Desain Layout Halaman Belajar Lawan Kata

Berikut merupakan keterangan desain tata letak untuk Gambar 3.39: a. Tombol back untuk kembali ke halaman menu belajar. b. Animasi gambar ilustrasi pertama. c. Animasi gambar ilustrasi kedua. d. Animasi keterangan gambar ilustrasi pertama. e. Animasi keterangan gambar ilustrasi kedua. f. Tombol previous untuk kembali ke gambar sebelumnya. g. Tombol next untuk melanjutkan ke gambar selanjutnya.

Gambar 3.40. Desain Layout Halaman Belajar Alat Musik.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.40 a. Tombol back untuk kembali ke halaman menu belajar. b. Animasi gambar alat musik. c. Animasi nama gambar alat musik.

54

d. Tombol previous untuk kembali ke gambar sebelumnya. e. Tombol next untuk melanjutkan ke gambar selanjutnya.

Gambar 3.41. Desain Layout Halaman Mengenal Maknan Sehat.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.41: a. Tombol back untuk kembali ke halaman menu belajar. b. Animasi gambar jenis-jenis makanan yang termasuk di dalam kelompok tertentu. c. Animasi nama kelompok makanan. d. Tombol makanan pokok untuk menjalankan animasi jenis-jenis makanan pokok. e. Tombol lauk untuk menjalankan animasi jenis-jenis lauk. f. Tombol sayur untuk menjalankan animasi jenis-jenis sayur. g. Tombol buah untuk menjalankan animasi jenis-jenis buah. h. Tombol susu untuk menjalankan animasi jenis-jenis susu.

Gambar 3.42. Desain Layout Halaman Belajar Mengenal Hewan.

55

Berikut merupakan keterangan desain tata letak untuk Gambar 3.42: a. Tombol back untuk kembali ke halaman menu lingkungan. b. Animasi gambar hewan. c. Animasi nama gambar hewan. d. Tombol previous untuk kembali ke gambar sebelumnya. e. Tombol next untuk melanjutkan ke gambar selanjutnya.

Gambar 3.43. Desain Layout Halaman Belajar Mengenal Kebiasaan Baik.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.43: a. Tombol back untuk kembali ke halaman menu lingkungan. b. Animasi gambar ilustrasi kebiasaan baik. c. Animasi keterangan gambar ilustrasi kebiasaan baik. d. Tombol previous untuk kembali ke gambar sebelumnya. e. Tombol next untuk melanjutkan ke gambar selanjutnya.

Gambar 3.44. Desain Layout Halaman Mengenal Alam.

56

Berikut merupakan keterangan desain tata letak untuk Gambar 3.44: a. Tombol back untuk kembali ke halaman menu lingkungan. b. Animasi gambar foto alam. c. Animasi keterangan gambar foto alam. d. Tombol previous untuk kembali ke gambar sebelumnya. e. Tombol next untuk melanjutkan ke gambar selanjutnya.

Gambar 3.45. Desain Layout Halaman tentang Negriku (Presidenku).

Berikut merupakan keterangan desain tata letak untuk Gambar 3.45: a. Tombol back untuk kembali ke halaman menu lingkungan. b. Tombol Presidenku untuk menampilkan layout presidenku. c. Tombol Pulau besar untuk menampilkan layout pulau besar. d. Tombol Indonesia Raya untuk menampilkan layout Indonesia Raya. e. Tombol Nama Presiden untuk menjalankan animasi foto presiden. f. Animasi gambar foto presiden. g. Gambar garuda pancasila.

Gambar 3.46. Desain Layout Halaman tentang Negriku (Pulau besar).

57

Berikut merupakan keterangan desain tata letak untuk Gambar 3.46: a. Tombol back untuk kembali ke halaman menu lingkungan. b. Tombol Presidenku untuk menampilkan layout presidenku. c. Tombol Pulau besar untuk menampilkan layout pulau besar. d. Tombol Indonesia Raya untuk menampilkan layout Indonesia Raya. e. Tombol gambar pulau indonesia untuk menjalankan animasi teks nama pulau. f. Animasi teks nama pulau.

Gambar 3.47. Desain Layout Halaman tentang Negriku (Indonesia Raya).

Berikut merupakan keterangan desain tata letak untuk Gambar 3.47: a. Tombol back untuk kembali ke halaman menu lingkungan. b. Tombol Presidenku untuk menampilkan layout presidenku. c. Tombol Pulau besar untuk menampilkan layout pulau besar. d. Tombol Indonesia Raya untuk menampilkan layout Indonesia Raya. e. Animasi bendera berkibar dan gambar garuda pancasila. f. Teks lagu indonesia raya.

Gambar 3.48. Desain Layout Halaman Game Berhitung.

58

Berikut merupakan keterangan desain tata letak untuk Gambar 3.48: a. Tombol back untuk kembali ke halaman menu bermain. b. Teks pertanyaan. c. Tombol pilihan jawaban A. d. Tombol pilihan jawaban B. e. Tombol pilihan jawaban C. f. Tombol pilihan jawaban D. g. Teks feedback. h. Tombol previous untuk kembali ke soal sebelumnya. i. Tombol next untuk melanjutkan ke soal selanjutnya.

Gambar 3.49. Desain Layout Halaman Game Puzzle.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.49: a. Tombol back untuk kembali ke halaman menu bermain. b. Potongan puzzle yang diacak. c. Target untuk memasang potongan puzzle. d. Tombol previous untuk kembali ke puzzle sebelumnya. e. Tombol next untuk melanjutkan ke puzzle selanjutnya.

59

Gambar 3.50. Desain Layout Halaman Game Melengkapi Kata.

Berikut merupakan keterangan desain tata letak untuk Gambar 3.50: a. Tombol back untuk kembali ke halaman menu bermain. b. Teks pertanyaan. c. Tombol pilihan jawaban A. d. Tombol pilihan jawaban B. e. Tombol pilihan jawaban C. f. Tombol pilihan jawaban D. g. Teks feedback. h. Tombol previous untuk kembali ke soal sebelumnya. i. Tombol next untuk melanjutkan ke soal selanjutnya. j. Gambar bantuan untuk pertanyaan.

3.3.

Pengumpulan Materi Pada tahap ini proses mengumpulkan dan membuat bahan yang diperlukan

oleh aplikasi akan dilakukan. Dalam pembuatan aplikasi ini bahan-bahan yang digunakan antara lain teks, gambar, animasi, dan audio.

3.3.1 Teks Teks merupakan elemen multimedia yang menjadi dasar utama dalam menyampaikan informasi, karena teks adalah jenis data yang paling sederhana dan membutuhkan tempat penyimpanan yang paling kecil. Biasanya dihasilkan oleh program pengolah kata dan merupakan informasi yang utama pada sebagian besar multimedia. Teks memegang peranan dasar dalam menyusun dokumen, karena

60

hampir seluruh aplikasi multimedia menggunakan teks sebagai alat presentasi informasi yang paling sesuai untuk mendeskripsikan suatu nama, definisi atau aturan dan memberi penekanan untuk sesuatu materi yang ingin disampaikan. Berikut daftar teks yang digunakan di dalam aplikasi ini :

Tabel 3.6. Daftar Materi Teks No

Nama File

Informasi File

Sumber

1

Judul aplikasi

Bell Gothic Std, Bold, 22 poin

Dibuat sendiri

2

Teks tombol menu dan


Dibuat sendiri

submenu 3

Huruf A-Z, a-z dan 0-9


Dibuat sendiri

4

Nama warna


Dibuat sendiri

5

Nama bentuk –bentuk dasar


Dibuat sendiri

6

Keterangan lawan kata


Dibuat sendiri

7

Nama alat musik


Dibuat sendiri

8

Nama jenis makanan sehat


Dibuat sendiri

9

Nama hewan


Dibuat sendiri

10

Kalimat keterangan kebiasaan


Dibuat sendiri

baik 11

Keterangan foto alam


Dibuat sendiri

12

Nama presiden


Dibuat sendiri

13

Nama pulau


Dibuat sendiri

14

Lirik lagu Indonesia Raya


Dibuat sendiri

15

Soal berhitung


Dibuat sendiri

16

Soal melengkapi kata


Dibuat sendiri

3.3.2 Gambar Gambar merupakan elemen paling penting, memberikan penekanan secara visual terhadap sesuatu presentasi. Membantu menyampaikan informasi dengan lebih berkesan. Menjadikan presentasi atau penyampaian informasi dengan lebih menarik. Penyampaian informasi akan menjadi semakin efektif dan bermanfaat, terutama informasi yang tidak dapat dijelaskan dengan kata-kata. Semua gambar di dalam aplikasi ini dibuat sendiri dengan Adobe Photoshop. Berikut daftar gambar yang digunakan di dalam aplikasi ini :

61

Tabel 3.7. Daftar Materi Gambar No 1

Nama File Background halaman

Informasi File

Sumber

Format: bitmap, simbol: Graphic

Dibuat sendiri


Dibuat sendiri


Dibuat sendiri


Dibuat sendiri

utama 2

Background halaman belajar

3

Background halaman lingkungan

4

Background halaman bermain

5

Tombol Keyboard

Format: bitmap, simbol: Movieclip

Dibuat sendiri

6

Buah-buahan


Dibuat sendiri

7

Bentuk Dasar


Dibuat sendiri

8

Ilustrasi lawan kata


Dibuat sendiri

9

Alat musik


www. clipart-4embroidery.com

10

Jenis-jenis makanan


Dibuat sendiri

11

Hewan


www.clipartqueen.com

12

Ilustrasi kebiasaan baik


Dibuat sendiri

13

Ilustrasi alam


www. images.google.com

14

Foto presiden


www. id.wikipedia.org

15

Pulau Indonesia

Format: vector, simbol: Movieclip

Dibuat sendiri

16

Garuda pancasila


www. id.wikipedia.org

17

Bendera merah putih


www. simomot.com

18

Ilustrasi puzzle


Dibuat sendiri

19

Ilustrasi soal


Dibuat sendiri

melengkapi kata

3.3.3 Animasi Animasi berperan sebagai penarik pada sebuah presentasi dan sangat membantu dalam menjelaskan suatu konsep yang kompleks dengan mudah. Animasi mengacu pada gambar-gambar yang bergerak. Animasi dapat dihasilkan dengan menayangkan frame-frame (bingkai-bingkai) gambar secara cepat untuk menghasilkan efek pergerakan. Animasi yang ada di dalam aplikasi dibuat sendiri berdasarkan kebutuhan materi yang ada. Proses pembuatan animasi dilakukan

62

dengan cara tweening menggunakan Adobe Flash Profesional. Berikut daftar animasi yang digunakan di dalam aplikasi ini :

Tabel 3.8. Daftar Materi Animasi No

Nama File

Informasi File

Sumber

1

Huruf A-z, a-z dan 0-9

Format: shockwave, simbol: Movie Clip

Dibuat sendiri

2

Penjumlahan dan


Dibuat sendiri

pengurangan 3

Teks nama warna


Dibuat sendiri

4

Nama dan gambar bentuk


Dibuat sendiri


Dibuat sendiri


Dibuat sendiri


Dibuat sendiri

dasar 5

Keterangan dan gambar ilustrasi lawan kata

6

Nama dan gambar alat musik

7

Nama dan gambar makanan sehat

8

Nama dan gambar hewan


Dibuat sendiri

9

Keterangan dan gambar


Dibuat sendiri

ilustrasi kebiasaan baik 10

Keterangan dan foto alam


Dibuat sendiri

11

Foto dan nama presiden


Dibuat sendiri

12

Nama pulau


Dibuat sendiri

13

Bendera Indonesia


www. simomot.com

3.3.4 Audio Audio dapat membantu menyampaikan informasi dengan lebih efektif (misalnya: penggunaan suara latar atau kesan audio khusus). Membantu meningkatkan daya tarik terhadap sesuatu tayangan. Membantu meningkatkan daya tarik terhadap isi yang di presentasikan. Multimedia tidak akan lengkap jika tanpa suara. Aplikasi akan menggunakan beberapa suara yang digunakan pada untuk menjelaskan gambar atau ilustrasi tertentu. File suara dibuat dengan melakukan voice recording. Berikut daftar beberapa audio yang digunakan di dalam aplikasi ini :

63

Tabel 3.9. Daftar Materi Audio No

Nama File

Informasi File

Sumber

1

Huruf A-z, a-z dan 0-9

Format: mp3, simbol: Sound

Voice recording

2

Nama warna


Voice recording

3

Nama bentuk dasar


Voice recording

4

Keterangan lawan kata


Voice recording

5

Bunyi alat musik


www.sounddogs.com

6

Nama makanan sehat


Voice recording

7

Suara hewan


www.sounddogs.com

8

Keterangan kebiasaan


Voice recording

baik 9

Keterangan ilustrasi alam


Voice recording

10

Nama presiden


Voice recording

11

Nama pulau besar


Voice recording

12

Lagu Indonesia Raya


www.4shared.com

3.4.

Skenario Pengujian Skenario yang akan dijelaskan meliputi proses penginstalan, fungsi-fungsi

tombol dan pemrosesan data pada masing-masing halaman sesuai Tabel 3.21.

Tabel 3.10. Skenario Pengujian Blackbox Skenario Menu Utama

Menu Belajar

Menu Lingkungan

Menu Belajar

Pengujian Klik tombol Belajar Klik tombol Lingkungan Klik tombol Bermain Klik tombol Keluar Klik tombol Home Klik tombol Menulis Klik tombol Berhitung Klik tombol Warna Klik tombol Bentuk Dasar Klik tombol Lawan Kata Klik tombol Alat Musik Klik tombol Makanan Sehat Klik tombol Home Klik tombol Hewan Bonbin Klik tombol Kebiasaan Baik Klik tombol Alam Klik tombol Negeriku Klik tombol Home Klik tombol Game Berhitung Klik tombol Game Puzzle Klik tombol Melengkapi

Hasil yang diharapkan Tampil halaman belajar Tampil halaman lingkungan Tampil halaman bermain Menutup aplikasi Kembali ke halaman utama Tampil halaman belajar menulis Tampil halaman belajar berhitung Tampil halaman belajar warna Tampil halaman belajar bentuk dasar Tampil halaman belajar lawan kata Tampil halaman belajar alat musik Tampil halaman belajar makanan sehat Kembali ke halaman utama Tampil halaman belajar mengenal hewan Tampil halaman belajar kebiasaan baik Tampil halaman belajar tentang alam Tampil halaman belajar negeriku Kembali ke halaman utama Tampil halaman game berhitung Tampil halaman game puzzle Tampil halaman melengkapi kata

64

Menu Menulis

Kata Klik tombol Keyboard Klik tombol Huruf Besar Klik tombol Huruf Kecil

Menu Berhitung

Klik tombol Back Klik tombol Penjumlahan

Klik tombol Pengurangan

Menu Warna

Menu Bentuk Dasar

Klik tombol Back Klik tombol Warna

Klik tombol Back Klik tombol Next Klik tombol Previous

Menu Lawan Kata

Klik tombol Back Klik tombol Next

Klik tombol Previous

Menu Alat Musik


Menu Makanan Sehat

Klik tombol Back Klik tombol Makanan Pokok Klik tombol Lauk Klik tombol Sayur Klik tombol Buah Klik tombol Susu

Menu Hewan Bonbin


Menu Kebiasaan Baik

Klik tombol Back Klik tombol Next Klik tombol Previous Klik tombol Back

Tampil animasi huruf atau angka yang dipilih beserta audionya Tampilan huruf keyboard berubah menjadi huruf besar Tampilan huruf keyboard berubah menjadi huruf kecil Kembali ke halaman menu belajar Tampil animasi contoh soal penjumlahan dan jika contoh soal pengurangan sedang berjalan maka akan di pause Tampil animasi contoh soal pengurangan dan jika contoh soal penjumlahan sedang berjalan maka akan di pause Kembali ke halaman menu belajar Tampil animasi teks nama warna dalam bahasa indonesia dan bahasa inggris beserta audionya Kembali ke halaman menu belajar Tampil animasi gambar bentuk dasar selanjutnya beserta dengan teks dan audionya Tampil animasi gambar bentuk dasar sebelumnya beserta dengan teks dan audionya Kembali ke halaman menu belajar Tampil animasi gambar ilustrasi kata pertama beserta audio dilanjutkan dengan kata kedua beserta audio selanjutnya Tampil animasi gambar ilustrasi kata pertama beserta audio dilanjutkan dengan kata kedua beserta audio sebelumnya Kembali ke halaman menu belajar Tampil animasi gambar alat musik selanjutnya beserta dengan teks dan audionya Tampil animasi gambar alat musik sebelumnya beserta dengan teks dan audionya Kembali ke halaman menu belajar Tampil animasi jenis-jenis makanan pokok dan keterangannya Tampil animasi jenis-jenis makanan lauk dan keterangannya Tampil animasi jenis-jenis makanan sayur dan keterangannya Tampil animasi jenis-jenis makanan buah dan keterangannya Tampil animasi jenis-jenis makanan susu dan keterangannya Kembali ke halaman menu belajar Tampil animasi gambar hewan dan teks serta suara selanjutnya Tampil animasi gambar hewan dan teks serta suara sebelumnya Kembali ke halaman menu lingkungan Tampil animasi gambar kebiasaan baik dan teks serta suara selanjutnya Tampil animasi gambar kebiasaan baik dan teks serta suara sebelumnya Kembali ke halaman menu lingkungan

65

Menu Alam

Klik tombol Next Klik tombol Previous

Menu Negeriku

Klik tombol Back Klik tombol Presidenku Klik tombol Pulau Besar Klik tombol Indonesia Raya Klik tombol Nama Presiden

Menu Game Berhitung

Menu Game Puzzle

Menu Melengkapi Kata

Klik tombol Pulau Klik tombol Back Klik tombol Next Klik tombol Previous Klik tombol Pilihan Jawaban Klik tombol Back Memindahkan potongan puzzle ke posisi yang salah Memindahkan potongan puzzle ke posisi yang benar Klik tombol Next Klik tombol Previous Klik tombol Back Klik tombol Next Klik tombol Previous Klik tombol Pilihan Jawaban Klik tombol Back

Tampil animasi gambar ilustrasi alam dan keterangannya serta suara selanjutnya Tampil animasi gambar ilustrasi alam dan keterangannya serta suara sebelumnya Kembali ke halaman menu lingkungan Tampil halaman layout menu presidenku Tampil halaman layout menu pulau besar Tampil halaman layout menu Indonesia Raya beserta lirik lagu dan musiknya Tampil animasi foto dan nama presiden yang dipilih Tampil animasi teks nama pulau yang dipilih Kembali ke halaman menu lingkungan Tampil soal berhitung yang selanjutnya Tampil soal berhitung yang sebelumnya Sistem menampilkan feedback yang benar sesuai jawaban pengguna Kembali ke halaman menu bermain Potongan puzzle akan kembali ke posisi awal Potongan puzzle akan berpindah ke posisi yang benar Tampil puzzle yang selanjutnya Tampil puzzle yang sebelumnya Kembali ke halaman menu bermain Tampil soal berhitung yang selanjutnya Tampil soal berhitung yang sebelumnya Sistem menampilkan feedback yang benar sesuai jawaban pengguna Kembali ke halaman menu bermain

66

BAB III KONSEP, DESAIN DAN PENGUMPULAN MATERI

Recommend Documents