83
struktur data yang akan diperlukan untuk mengimplementasikan media pembelajaran tranmisi otomatis berbasis flash. Desain diagram aliran
data menggambarkan jalannya data melalui beberapa item yang akan diimplementasikan menjadi program atau bagian dari sistem
sebenarnya.
Gambar 29. Diagram Aliran Data
b. Desain Arsitektur
Desain arsitektur adalah tahap setelah desain data dibuat. Dari diagram aliran data kemudian diubah ke dalam diagram alur program.
Diagram alur program berupa bagan dengan simbol-simbol tertentu yang menggambarkan urutan proses dan hubungan antarproses
secara mendetail dalam suatu program.
84
Gambar 30. Diagram Alir Program
c. Desain Interface
Tahap desain interface atau desain tampilan adalah pengambaran mengenai struktur program. Desain interface dibuat
untuk memudahkan pengembang menterjemahkan ke dalam bentuk bahasa pemrograman. Desain interface dibuat berdasarkan diagram
alir yang telah dibuat pada tahap desain arsitektur. Berikut ini adalah desain interface produk media pembelajaran yang akan dibuat:
1 Desain Tampilan Loading
Desain tampilan loading diisi dengan animasi pergerakan loading untuk menampilkan kesan menarik bagi peserta didik.
Setelah loading selesai maka secara otomatis akan menampilkan video logo pembuka dan masuk ke dalam media pembelajaran.
Desain tampilan loading dapat dilihat sebagai berikut:
85
Gambar 31. Desain Tampilan Halaman Loading
2 Desain Tampilan Halaman Pembuka
Desain tampilan halaman pembuka berisi tombol utama untuk masuk ke dalam halaman menu media. Dalam tampilan
pembuka juga terdapat informasi tentang nama media, gambar transmisi otomatis, nama pengembang, dan nama instansi UNY.
Desain tampilan halaman pembuka dapat dilihat sebagai berikut:
Gambar 32. Desain Tampilan Halaman Pembuka
3 Desain Tampilan Halaman UtamaMenu
Desain tampilan halaman utama terdiri dari tulisan judul halaman utama, tombol-tombol menu, nama pengembang, pengatur musik,
