Rancangan Antar Muka Utama Desain Alur Program

3.2. Waktu dan Tempat Penelitian

Penelitian dilaksanakan pada bulan Juni – Juli 2015 pada mahasiswa semester 6 yang sedang menempuh mata kuliah Perencanaan dan Strategi Belajar Mengajar di jurusan Teknik Elektro, Prodi Pendidikan Teknik Informatika dan Komputer, Fakultas Teknik Universitas Negeri Semarang.

3.3. Rancangan Media Pembelajaran

Penelitian menggunakan media pembelajaran berbasis multimedia flash. Adapun rancangan antar muka media pembelajaran dan alur pemrograman, sebagai berikut :

3.3.1 Rancangan Antar Muka Utama

Perancangan antar muka bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun, sehingga akan mempermudah dalam mengimplementasikan aplikasi dan juga akan memudahkan pembuatan aplikasi yang user friendly. Perancangan ini akan diimplementasikan menjadi sebuah program yang utuh dan dapat digunakan oleh siswa. Antar muka media pembelajaran ini digunakan untuk memilih menu yang ada, yaitu materi, simulasi, latihan, author, about, dan keluar. Apabila user memilih satu menu maka akan terbuka halaman yang diinginkan. Rancangan media pembelajaran yang akan dibuat sebagai berikut: Gambar 3. Desain Halaman Awal Gambar 4. Desain Menu Utama Gambar 5. Desain Menu Materi Judul Media Pembelajaran Identitas Pembuat Media Pembelajaran Button Menu LOGO Judul Media Pembelajaran KELUAR MATERI SIMULASI LATIHAN AUTHOR ABOUT M A T E R I Menu Materi 1 Menu Materi 2 Menu Materi 3 Menu Materi 4 Button Home Gambar 6. Desain Menu Simulasi Gambar 7. Desain Menu Simulasi Model Pembelajaran 1 Gambar 8. Desain Menu Latihan Penjelasan latihan soal Button Mulai Soal Button HOME L A T I H A N Ilustrasi Model Pembelajaran Langkah-langkah Model Pembelajaran Button Definisi Model Pembelajaran Button Kembali ke Menu Sebelumnya S I M U L A S I Model Pembelajaran 1 Model Pembelajaran 2 Model Pembelajaran 3 Model Pembelajaran 4 Model Pembelajaran 5 Model Pembelajaran 6 Model Pembelajaran 7 Model Pembelajaran 8 Model Pembelajaran 9 Model Pembelajaran 10 Model Pembelajaran Model Pembelajaran 12 Model Pembelajaran 13 Model Pembelajaran 14 Model Pembelajaran 15 Button Home Gambar 9. Desain Menu Author Gambar 10. Desain Menu About

3.3.2 Desain Alur Program

Desain alur program merupakan gambaran berupa flowchart jalannya program. Desain alur program dapat dilihat pada Gambar 10. Profil pembuat media pembelajaran Button HOME A U T H O R Tujuan dan manfaat pembuatan media pembelajaran Button HOME A B O U T Gambar 11. Desain Alur Program Materi Simulasi Latihan Author About Start Intro Home End Materi Materi Materi Materi STAD TSTS TAI NHT TGT Berkirim Soal GI TPS Tukar Pasangan Jigsaw LT CI IOC SDM SGD Input Soal FeedBac Hasil Akhir

3.4. Prosedur Pengembangan