C. E-Learning for Kids
3.4 Perancangan Aplikasi
3.4.1 Spesifikasi Aplikasi
A. Informasi Umum
Aplikasi ini dibuat untuk memenuhi kebutuhan SD Islam Terpadu Almaka. Di dalam aplikasi ini memuat mata pelajaran matematika untuk kelas 1, dimana terdapat materi yang disediakan dimulai dari bab 1 sampai dengan bab 5.
B. Tujuan
Tujuan dari aplikasi ini adalah menarik minat user untuk belajar matematika dengan cara yang lebih interaktif serta mengetahui
perkembangan user dalam pemahaman terhadap materi matematika ini.
C. Konsep
Aplikasi ini memiliki konsep dimana user dapat melakukan proses pembelajaran secara menyeluruh, yaitu belajar melalui materi, melihat penjelasan melalui video animasi, melakukan latihan soal, dan bermain dengan permainan yang telah disediakan.
D. Aplikasi
Aplikasi ini hanya dapat digunakan pada sistem operasi Windows, dibuat menggunakan Adobe Flash CS6, ActionScript 3.0 dan XML.
E. Skenario
Aplikasi ini dibuat berdasarkan dengan kurikulum yang digunakan di SD Islam Terpadu Almaka.
F. Proses
Aplikasi dimulai halaman log in. Di dalam halaman log in, user harus mengisi nama untuk melanjutkan ke halaman utama. User dapat memilih salah satu dari empat menu yang disediakan pada halaman utama, yaitu Material, Exercise, Games, dan Setting. Pada halaman Material, user dapat memilih sub-menu Animasi yang berisikan halaman – halaman dari materi pertemuan satu sampai dengan sembilan, dimana masing-masing pertemuan memiliki animasi yang berbeda, atau sub-menu Video yang berisikan tiga daftar video. Pada halaman Exercise terdapat dua sub-menu yaitu quiz dan score history, dimana apabila user memilih sub-menu quiz, user dapat memilih salah satu dari sembilan halaman pertemuan yang masing-masing pertemuan berisikan beberapa latihan soal dan apabila user memilih sub-menu score history, user dapat melihat daftar nilai yang telah didapat. Pada halaman games user dapat memilih untuk
memainkan permainan yang disediakan. Dan, pada halaman Setting, user dapat mengubah tampilan layar menjadi layar penuh.
3.4.2 Storyboard
Perancangan Storyboard
Style Guide Project:Active Math Date:3 Desember 2013 Color Scheme: Hijau
Text Attributes: Maiandra GD, MV Boli Still Images: .png, .jpeg
Audio: .wav Video: .flv Animation: .swf
Multimedia Storyboard
Screen: 1 of 22 Screen ID:Login Menu
Screen Description:
Ini adalah halaman Login Menu untuk siswa dimana user mengetikkan namanya untuk mendaftar pada program perangkat ajar ini. Dengan mengetik namanya serta menekan tombol Submitmaka siswa telah terdaftar di program dan akan dialihkan ke menu selanjutnya yaitu Main Menu.
Link From Screen ID: Link to Screen ID: Main Menu, Exit
Multimedia Storyboard
Screen: 2 of 22 Screen ID:Main Menu
Screen Description:
Halaman ini adalah halaman utama dari aplikasi yang terdiri dari menu-menu utama yaitu Material, Exercise, Games, dan Setting. Setelah user berhasil masuk kedalam aplikasi, maka nama user tersebut akan muncul didalam kotak didekat karakter animasi berada. Jika tombol ‘Material’ ditekan, maka layar akan berpindah ke Material Menu. Jika tombol ‘Exercise’ ditekan, maka layar akan berpindah ke Exercise Menu. Jika tombol ‘Games’ ditekan, maka layar akan berpindah ke Games Menu. Dan jika ‘Setting’ ditekan maka layar akan berpindah ke Setting Menu. Terdapat juga tombol ‘Music’ yang membebaskan user untuk mengatur backsound yang berbunyi atau tidak selama aplikasi dijalankan, serta tombol ‘About Us’ yang jika ditekan maka layar akan berpindah kehalaman yang berisi tentang pembuat dan perancang aplikasi Active Math ini. Jika user menekan tombol ‘Help’ maka layar akan berpindah ke halaman Bantuan. Terdapat tombol ‘Exit’ yang digunakan untuk keluar dan menutup aplikasi.
Link From Screen ID:Login Menu
Link to Screen ID:
Material Menu, Exercise Menu, Games Menu, Setting Menu, About
Us, Help,Exit
Multimedia Storyboard
Screen: 3 of 22 Screen ID:Material Menu
Screen Description:
Halaman ini menampilkan menu materi yang terdiri dari Animasi dan Video. Jika tombol ‘Animation’ ditekan maka layar akan berpindah ke halaman Animation List, dan tombol ‘Video’ ditekan maka layar akan berpindah ke halaman video list. Terdapat tombol shortcut di bagian tengah bawah, dimana tombol shortcut tersebut jika ditekan maka layar akan berpindah kembali ke halaman Main Menu.
Link From Screen ID: Main Menu
Link to Screen ID:
Animation List, Video List, About Us, Help, Main Menu, Exit
Multimedia Storyboard
Screen: 4 of 22 Screen ID:Animation List
Screen Description:
Halaman ini menampilkan 9 macam animasi yang diambil dari masing - masing materi yang bersangkutan, yang kemudian dapat user lihat dan pelajari dalam aplikasi ini. Jika salah satu tombol dari daftar animasi ditekan maka layar akan berpindah ke halaman materi animasi yang sesuai dengan pilihan user. Terdapat tombol yang berbentuk panah sebagai tombol ‘Back’ jika user ingin kembali ke halaman Material Menu, dan tombol shortcut di bagian tengah bawah yang jika user tekan maka akan membawa user kembali ke halaman Main Menu.
Link From Screen ID: Material Menu
Link to Screen ID:
About Us, Material Menu, Main Menu, Help, Exit
Multimedia Storyboard
Screen: 5 of 22 Screen ID:Tampil Animation Materi
Screen Description:
Halaman ini menampilkan animasi dari materi yang sebelumnya telah user pilih. Untuk memilih animasi yang lain, user harus menekan tombol meteri yang diinginkan, kemudian akan muncul animasi.
Link From Screen ID: Animation List
Link to Screen ID:
Main Menu, Animation List, About Us, Help, Exit
Multimedia Storyboard
Screen: 6 of 22 Screen ID:List Video
Screen Description:
Halaman ini menampilkan 3 macam video yang dapat user lihat dalam aplikasi ini. Jika salah satu tombol video ditekan maka layar akan berpindah halaman dan menampilkan video yang sesuai dengan pilihan user. Terdapat tombol yang berbentuk panah sebagai tombol ‘Back’ jika user ingin kembali ke halaman Material Menu, dan tombol shortcut di bagian tengah bawah yang jika user tekan maka akan membawa user kembali ke halaman Main Menu. Link From Screen ID:
Material Menu
Link to Screen ID:
About Us, Material Menu, Main Menu, Help, Exit
Multimedia Storyboard
Screen: 7 of 22 Screen ID:Tampil Video Menu
Screen Description:
Halaman ini menampilkan video yang sebelumnya telah user pilih. Terdapat tombol-tombol yang digunakan sebagai pengatur video yaitu tombol ‘Play’, ‘Pause’ dan ‘Stop’. Untuk memilih video yang lain, user harus menekan tombol ‘Back’ yang berbentuk panah, kemudian layar akan berpindah ke halaman daftar video dan tombol shortcut di bagian tengah bawah yang jika user tekan maka akan membawa user kembali ke halaman Main Menu.
Link From Screen ID: Video List
Link to Screen ID:
Main Menu, Video List, About Us, Help, Exit
Multimedia Storyboard
Screen: 8 of 22 Screen ID:Exercise Menu
Screen Description:
Pada halaman ini terdapat 2 tombol menu yaitu ‘Quiz dan ‘Score History’. Jika “Quiz” ditekan maka akan layar akan berpindah ke halaman yang berisi soal-soal latihan. Sedangkan jika “Score History” ditekan, maka layar akan berpindah ke halaman yang berisi nilai-nilai dari latihan yang telah dikerjakan oleh user.
Link From Screen ID: Main Menu
Link to Screen ID:
Quiz List, Score History, Main Menu, About Us, Help, Exit
Multimedia Storyboard
Screen: 9 of 22 Screen ID:Quiz List
Screen Description:
Halaman ini menampilkan 9 soal yang diambil dari masing - masing materi yang bersangkutan, yang kemudian dapat user kerjakan dalam aplikasi ini. Jika salah satu tombol dari daftar soal ditekan maka layar akan menampilkan soal yang telah dipilih oleh user tersebut. Terdapat tombol yang berbentuk panah sebagai tombol ‘Back’ jika user ingin kembali ke halaman Exercise Menu, dan tombol shortcut di bagian tengah bawah yang jika user tekan maka akan membawa user kembali ke halaman Main Menu.
Link From Screen ID: Exercise Menu
Link to Screen ID:
Exercise Menu, Main Menu, About Us, Help, Exit
Multimedia Storyboard
Screen: 10 of 22 Screen ID:Multiple Choice Quiz
Screen Description:
Halaman Quiz ini bertujuan untuk mengevaluasi user terhadap materi yang telah mereka pelajari. Soal-soal latihan disajikan dalam bentuk pilihan ganda yang terdiri dari 10 pertanyaan. Untuk melanjutkan ke soal berikutnya user dapat menekan tombol soal disamping yang belum dikerjakan.
Link From Screen ID: Quiz List
Link to Screen ID:
Quiz List, Main Menu, About Us, Help, Exit
Multimedia Storyboard
Screen: 11 of 22 Screen ID:Essay Quiz
Screen Description:
Pada halaman ini Soal-soal latihan disajikan dalam bentuk soal isian yang terdiri dari beberapa pertanyaan. User menjawab pertanyaan tersebut dengan mengetik jawaban dari pertanyaan yang diajukan. Untuk melanjutkan ke soal berikutnya user tombol soal disamping yang belum dikerjakan.
Link From Screen ID: Quiz List
Link to Screen ID:
Quiz List, Main Menu, About Us, Help, Exit
Multimedia Storyboard
Screen: 17 of 22 Screen ID:Score Result
Screen Description:
Pada halaman ini, ditampilkan skor dari latihan yang telah user kerjakan. Skala skor yang bisa user dapatkan mulai dari angka 10 sampai dengan 100. Terdapat Message yang muncul sesuai dengan score yang user dapatkan. Jika user mendapatkan nilai dengan skala 10-30 maka akan ditampilkan message seperti "You're not good enough, please try again". ketika user mendapatkan nilai dengan skala 40-60 maka akan ditampilkan message seperti "Almost good enough, please try again". ketika user mendapatkan nilai dengan skala 70-90 maka akan ditampilkan message seperti "You've done well". dan akhirnya ketika user mendapatkan nilai dengan skala 90-100 maka akan ditampilkan message seperti "Amazing, congratulations!". Jika user ingin mengulang latihan kembali, user dapat menekan tombol ‘Repeat’ dan layar akan kembali ke soal awal latihan, atau jika user telah selesai dan tidak ingin mengulang kembali, user dapat menekan tombol ‘Finish’ dan layar akan berpindah menuju halaman Main Menu.
Link From Screen ID: Start Essay Quiz, Start Multiple Choice Quiz
Link to Screen ID:
Start Essay Quiz, Start Multiple Choice Quiz, Quiz List, About Us,
Help, Exit
Multimedia Storyboard
Screen: 12 of 22 Screen ID:Score History
Screen Description:
Pada halaman ini, user dapat melihat daftar nilai latihan yang telah dikerjakan. Histori tersebut berbentuk tabel yang berisikan tanggal pengerjaan quiz, nama user, skor latihan dan waktu pengerjaan latihan. Terdapat tombol “Back” yang berbentuk panah untuk kembali ke halaman Exercise Menu.
Link From Screen ID: Exercise Menu
Link to Screen ID:
Exercise Menu, Main Menu, About Us, Help, Exit
Multimedia Storyboard
Screen: 13 of 22 Screen ID:Games Menu
Screen Description:
Halaman permainan ini menampilkan menu permainan yang tersedia dalam aplikasi ini. Jika user menekan tombol ‘game 1’ maka layar akan berpindah ke halaman hangman games, dan jika user menekan tombol 'game 2' maka layar akan berpindah ke halaman guess the pict games. Terdapat tombol shortcut di bagian tengah bawah, dimana tombol shortcut tersebut jika ditekan maka layar akan berpindah kembali ke halaman Main Menu.
Link From Screen ID: Main Menu
Link to Screen ID:
Hangman Games, Guess The Pict, Main Menu, About Us, Help, Exit
Multimedia Storyboard
Screen: 14 of 22 Screen ID:Lets Draw Games
Screen Description:
Pada halaman ini terdapat permainan dimana user ingin menggambar sesuatu yang mereka buat. Jika ingin menghapus maka user dapat menekan tombol “Clear”. Terdapat tombol “Back” yang berbentuk panah untuk kembali ke menu games jika user ingin memilih permainan yang lain.
Link From Screen ID: Games Menu
Link to Screen ID:
Games Menu, About Us, Help, Exit Gambar 3.37 Storyboard lets draw games
Multimedia Storyboard
Screen: 15 of 22 Screen ID:Simple Maze
Screen Description:
Pada halaman ini terdapat permainan dimana user harus menyusun gambar yang diacak menjadi gambar utuh. Terdapat tombol “Back” yang berbentuk panah untuk kembali ke menu games jika user ingin memilih permainan yang lain.
Link From Screen ID: Games Menu
Link to Screen ID:
Games Menu, About Us, Help, Exit Gambar 3.38 Storyboard simple maze
Multimedia Storyboard
Screen: 16 of 22 Screen ID:Setting Menu
Screen Description:
Pada halaman ini terdapat menu dimana user dapat melakukan pengaturan layar penuh dengan menekan tombol lingkaran yang dibawahnya terdapat tulisan "click for fullscreen". Jika tombol tersebut user tekan kembali, maka ukuran layar akan kembali ke ukuran semula.
Link From Screen ID: Main Menu
Link to Screen ID:
Main Menu, About Us, Help, Exit
Multimedia Storyboard
Screen: 18 of 22 Screen ID:About Us
Screen Description:
Halaman ini menampilkan siapa saja yang berjasa membuat dan merancang aplikasi ini. Tombol shortcut beranda dapat user tekan jika ingin kembali ke halaman Main Menu.
Link From Screen ID: Main Menu
Link to Screen ID: Main Menu, Help, Exit
Multimedia Storyboard
Screen: 19 of 22 Screen ID:Help
Screen Description:
Pada halaman ini terdapat bantuan aplikasi berupa penjelasan mengenai cara mengakses fitur-fitur yang terdapat dalam aplikasi perangkat ajar ini.
Link From Screen ID: Main Menu
Link to Screen ID:
Main Menu, About Us, Exit
Multimedia Storyboard
Screen: 20 of 22 Screen ID:Quit
Screen Description:
Layar berpindah menuju halaman ini ketika user menekan tombol ‘Quit’ yang terletak di pojok kanan atas layar. Jika user ingin keluar dari aplikasi, maka user menekan tombol ‘Yes’, sedangkan tombol ‘No’ jika user masih ingin menggunakan aplikasi.
Link From Screen ID: Main Menu, Login Menu, Material Menu, Exercise Menu, Games Menu, Setting Menu, About Us, , Animation List, Video List, TampilAnimation List, Tampil Video List, Start Essay Quiz, Start
Multiple Choice
Quiz,Score History, Score Result, Hangman Games, Guess The Pict
Link to Screen ID:
Multimedia Storyboard
Screen: 21 of 22 Screen ID:Main Admin
Screen Description:
Halaman ini menampilkan kolom login, dimana admin harus memasukkan username dan password jika ingin mengakses data soal yang berada didalam aplikasi.
Link From Screen ID: -
Link to Screen ID: Menu Admin
Multimedia Storyboard
Screen: 22 of 22 Screen ID:Menu Admin
Screen Description:
Halaman ini menampilkan soal-soal beserta jawaban latihan yang dapat admin ubah setelah melakukan login. Tombol ‘Update’ ditekan jika admin ingin menambah soal beserta jawaban latihan, tombol ‘Hapus’ ditekan jika admin ingin menghapus soal beserta jawaban latihan, tombol ‘Simpan’ ditekan jika admin telah selesai melakukan perubahan terhadap isi soal dan jawaban, dan tombol ‘Batal’ jika admin tidak jadi melakukan perubahan terhadap isi soal dan jawaban latihan.
Link From Screen ID: Main Admin
Link to Screen ID: Menu Admin