28
yang ada. Oleh sebab itu, tingkat ketelitian pada proses pengembanganya sangat penting untuk diperhatikan agar tingkat kelayakanya pun terpenuhi.
1. Tahap Pengembangan Media
Gambar 3.4 Tahap Pengembangan Buku Pintar Elektronik
Tahap awal dalam proses pembuatan media adalah merancang desain antar muka atau yang dikenal dengan istilah story board. Story board
dikembangkan dengan berpedoman pada flowchart yang telah dirancang sebelumnya. Namun, sebelum tahap awal dilaksanakan, terlebih dahulu ditentukan
perangkat yang diperlukan dalam proses pembuatanya. Adapun perangkat yang digunakan adalah sebagai berikut :
Potensi Dan
Masalah Studi Pustaka
Analisis Kebutuhan
Pengumpulan Bahan
Revisi
Proses Pembuatan
Media Desain
Antar Muka Media
Uji Pakar
Media Layak
29
1. Perangkat Keras 1 Personal Computer PC stand alone dalam bentuk notebook dengan
spesifikasi Intel Celeron Dual Core B800 1,5 GHz with Operating System OS Windows 7 Ultimate 32 bit.
2. Perangkat Lunak 1 Microsoft Office Power Point 2007
2 Adobe Flash Professional CS6 3 Corel Draw X6
4 Pinnacle Studio 15 5 Format Factory Version 2.50
6 Adobe Acrobat X Pro Master Collection CS5 Tahap berikutnya adalah pembuatan flowchart. Flowchart yang
dirancang dimaksudkan sebagai alur penggambaran jalanya program. Sehingga, dalam tahap pembuatan nanti program telah terstruktur dengan baik dan jelas.
Berikut flowchart dari Buku Pintar Elektronik yang terangkum dalam diagram alir pada gambar di bawah ini.
30
Gambar 3.5 Flowchart Buku Pintar Elektronik
Tahap ketiga yakni perancangan story board. Untuk memberikan gambaran secara pasti bagaimana struktur dari Buku Pintar Elektronik, dapat
dicermati melalui gambar story board berikut.
31
Gambar 3.6 Story Board Cover
Gambar di atas merupakan story board cover yakni tampilan awal Buku Pintar Elektronik. Pada tampilan cover, terdapat judul materi yang akan dibahas di
dalamnya. Kemudian, halaman selanjutnya adalah peta konsep. Di dalam peta
konsep, berisi sub materi yang dapat dipilih sesuai alokasi waktu penyampaian. Masing-masing sub materi digambarkan sebagai menu pilihan sebanyak 11 menu.
Dengan tambahan menu evaluasi, sehingga jumlah keseluruhan adalah 12 menu. Berikut story board peta konsep yang dapat dilihat melalui gambar di bawah ini.
Gambar Teks Judul Media
Teks Judul Materi
log Teks Desainer
32
Gambar 3.7 Story Board Peta Konsep
Untuk menampilkan isi dari sub materi yang telah dipilih dapat dilihat melalui gambar story board di bawah ini.
PETA KONSEP
Menu 1 Menu 3
Menu 2 Menu 4
Menu 5 Teks Judul Materi
Menu 6 Menu 8
Menu 7 Menu 9
Menu 10 Menu 11
Evaluasi Teks Desainer
Teks Judul Sub Materi Kemba
Teks Desainer AnimasiVideo Materi
Gambar 3.8 Story Board Sub Menu
33
Pada menu evaluasi terdiri dari 2 menu pilihan yakni menu 1 dan menu 2. Dimana, menu 1 merupakan menu untuk mengerjakan soal-soal tes siklus 1.
Sedangkan, menu 2 merupakan menu untuk mengerjakan soal-soal tes siklus 2. Untuk lebih jelasnya mengenai story board evaluasi dapat dilihat seperti pada
gambar di bawah ini.
Gambar 3.9 Story Board Evaluasi
Berikut gambaran story board isi menu 1 maupun menu 2 yang ditampilkan pada gambar di bawah ini.
EVALUASI Kemba
Menu 1 Menu 2
Teks Desainer
34
isi
Gambar 3.10 Story Board Menu Evaluasi
2. Validasi Media
