Design Storyboard Desain dan Produksi 1..

1. Halaman Intro Storyboard Modul : 1 Halaman : Intro Nama File : intro.swf Animasi : intro.swf Audio : love generation-bob sinclair.wav Navigasi : tombol “skip” untuk langsung menuju ke halaman menu utama Catatan : Halaman intro merupakan halaman awal saat aplikasi dijalankan berisi animasi teks judul aplikasi, audio, dan gambar disertai pesan teks pembelajaran. Saat intro berjalan uncul tombol skip di layar yang berfungsi sebagai navigasi untuk langsung menuju halaman main stage “pilih menu”, jika tombol skip tidak di klik maka animasi intro akan terus dimainkan looping berulang sampai tombol skip tersebut diklik. 2. Halaman Main Storyboard Modul : 2 Halaman : Main Nama File : pilih menu.swf Animasi : pilih menu.swf Audio : sound2.wav Navigasi : Terdapat 4 tombol navigasi yaitu Tombol “main menu”, “petunjuk”, “profile” dan “exit”. Catatan : Pada halaman “pilih menu” user dapat memilih halaman yang ingin dijalankan. Tombol “main menu” untuk menuju ke menu utama, tombol “petunjuk” untuk masuk ke halaman petunjuk penggunaan aplikasi, tombol “profile” untuk masuk ke halaman profile peneliti dan tombol “exit” untuk keluar dari aplikasi. 3. Halaman Home Storyboard Modul : 3 Halaman : Home Nama File : pilih isi menu utama.swf Animasi : pilih isi menu utama.swf Audio : sound3.wav Navigasi : Terdapat 3 tombol navigasi yaitu Tombol “kuliah”, “teknik konvolusi”, dan “quiz”. Catatan : Pada halaman “pilih isi menu utama” user diberi pilihan untuk dapat melihat materi awal pengantar pengolahan citra dengan melakukan interaksi dengan tombol “kuliah”. Selain itu user juga dapat memilih tombol “teknik konvolusi” untuk belajar tentang materi perhitungan teknik konvolusi itu sendiri. Dan terakhir sebagai bahan evaluasi belajar user juga dapat memanfaatkan fasilitas halaman “quiz” untuk mengetahui sampai sejauh mana pemahaman materi yang telah diberikan. 4. Halaman Kuliah Storyboard Modul : 4 Halaman : Kuliah Nama File : Kuliah.swf Animasi : animasi gambar video Audio : sound4.wav Navigasi : Terdapat 9 tombol navigasi yaitu: 1.Tombol sejarah : Untuk masuk ke dalam teori sejarah 2.Tombol sekilas : Untuk masuk ke dalam materi pendahuluan 3.Tombol operasi App : Untuk masuk ke dalam teori operasi aplikasi 4.Tombol jenis citra : Untuk masuk ke teori jenis-jenis citra 5.Tombol elemen citra : Untuk masuk ke dalam teori elemen citra 6.Tombol format citra : Untuk masuk ke dalam tabel perbandingan format citra 7.Tombol home : Untuk kembali ke “menu utama” 8.Tombol back : Untuk kembali ke menu “pilih isi materi” 9.Tombol sound onoff : Untuk menghidupkan mematikan suara. Catatan : Pada halaman “kuliah” user diberi pilihan untuk memilih materi yang disajikan. Selain itu disamping materi yang disajikan juga diberikan gambaran ilustrasi baik itu animasi gambar maupun video untuk lebih mempermudah dalam memahami materi dasar Pengolahan Citra. 5. Halaman Konvolusi Storyboard Modul : 5 Halaman : Konvolusi Nama File : konvolusi.swf Animasi : animasi rumus Audio : sound5.wav Navigasi : Terdapat 5 tombol navigasi yaitu: 1.Tombol Filter konvolusi : Untuk masuk ke dalam menu animasi hitung citra output 2.Tombol Olah citra : Untuk masuk ke dalam animasi rekayasa citra 3.Tombol Matlab pengolahan citra: Untuk masuk ke dalam matlab video 4.Tombol home : Untuk kembali ke “menu utama” 5.Tombol back : Untuk kembali ke menu “pilih isi materi” Catatan : Pada halaman “konvolusi” user diberi pilihan untuk berinteraksi dengan perhitungan pada teknik konvolusi. Pada link tombol “rekayasa citra” user dapat melakukan pengolahan citra dengan filter sederhana. Pada link tombol “matlab pengolahan citra” user dapat melihat video simulasi dengan matlab sebagai tambahan pembelajaran materi pengolahan citra. 6. Halaman Quiz Storyboard Modul : 6 Halaman : Quiz Nama File : quiz.swf Gambar : BG-Quiz1.png, BG-Quiz2.png, BG-Quiz3.png, BG- Quiz4.png, BG-Quiz5.png. Audio : sound6.wav Navigasi : Tombol-tombol soal, tombol “next”, tombol “input nama” dan tombol “ulangi lagi”. Catatan : Pada halaman “Quiz” user dapat engevaluasi kemampuan teoritisnya dengan menjawab soal-soal yang telah dibuat. Soal bersifat multiple choice dengan pilihan jawaban a,b,c dan d. Ketika user menjawab salah satu soal contohnya checklist jawaban benar atau salah akan langsung terlihat sebagai evaluasi soal yang benar dan yang salah. 7. Halaman Petunjuk Storyboard Modul : 7 Halaman : Petunjuk Nama File : petunjuk.swf Gambar : BG petunjuk.png Animasi : - Audio : sound7.wav Navigasi : Tombol pilihan angka 1-7, “tombol back”, tombol “home”, dan tombol “sound on off”. Catatan : Pada halaman “petunjuk” user bisa memanfaatkan informasi dengan membaca instruksi penggunaan aplikasi sebelum mulai dijalankan. 8. Halaman Profile Storyboard Modul : 8 Halaman : Profile Nama File : profile.swf Gambar : BG profile.png Audio : sound7.wav Navigasi : Tombol “home”, dan tombol “sound onoff”. Catatan : Pada halaman “profile” user dapat melihat informasi umum tentang peneliti beserta software yang digunakan untuk membuat aplikasi. Halaman ini dilengkapi dengan tombol “home” yang berfungsi untuk kembali ke halaman”pilih menu” dan tombol “sound on off” untuk menghidupkan atau mematikan suara.

B. Perancangan

Flowchart View Untuk menggambarkan tahapan instruksi dari aplikasi Pembelajaran Materi Pengolahan Citra ini, peneliti membaginya kedalam 3 rancangan flowchart view program yaitu: flowchart layar intro, flowchart halaman menu utama, dan flowchart halaman pilih isi menu utama, seperti yang ditunjukkan Gambar 4.7. Gambar 4.16 Flowchart Layar Intro Keterangan : 1.Halaman Menu Utama Main Flowchart Gambar 4.16 menggambarkan proses ketika aplikasi pertama kali dijalankan user dapat melihat layar intro yang dimainkan sebagai pembuka awal dari aplikasi, animasi pada layar intro akan terus dimainkan sampai user memilih tombol ”skip intro”. Tombol ”skip intro” berfungsi menghubungkan layar intro menuju ke halaman latar. Gambar 4.17 Flowchart Halaman Menu Utama Keterangan : 1.Halaman Menu Utama Main 2.Halaman Home 3.Halaman Petunjuk 4.Halaman Profile