115
3. Implementasi
Tahap implementasi ini adalah tahap untuk merealisasikan rancangan dari desain media pembelajaran yang sebelumnya telah dibuat, dimana yang
tadinya masih berupa kerangka kasar dipetakan menjadi desain yang lebih nyata sehingga dapat dihasilkan sebuah media media pembelajaran yang
nantinya akan digunakan. Dalam proses implementasi digunakan Software Macromedia Flash 8 karena panel tool yang ada di dalam software
mendukung untuk pembuatan animasi, pembuatan tombol dan sebagainya.
a. Hasil Implementasi Tampilan Halaman Pembuka
Hasil implementasi halaman pembuka atau tittle page ini adalah tampilan media pembelajaran full screen dengan background komputer
yang di dalamnya sedang membuka suatu program madia pembelajaran. Dengan warna komputer hitam, background text abu-abu agak keputihan,
heder biru, warna text hitam dan logo animasi uny 3 dimensi. Di dalam halaman ini terdapat
tombol “KELUAR” berwarna merah dan ”MASUK” berwarna hijau. Tombol “keluar” berfungsi untuk keluar dari
media pembelajaran sedangkan tombol “masuk” berfungsi untuk menuju
kehalaman selanjutnya yaitu menu halaman utama. Tampilan halaman pembuka dapat dilihat seperti gambar 51.
116 Gambar 40. Hasil Implementasi Tampilan Halaman Pembuka
b. Hasil Implementasi Tampilan Halaman Menu Utama Home Utama
Halaman Menu Utama merupakan halaman pokok dari media pembelajaran. Pemilihan warna pada halaman ini identik dengan warna
abu-abu silver, hitam dan biru. Seperti halnya pada tahap desain implementasi halaman menu utama terdiri dari tombol-tombol untuk
menghubungkan ke halaman yang lainya. Tampilan halaman menu utama dapat dilihat seperti gambar 52.
Gambar 41. Implementasi Tampilan Halaman Menu Utama Home Utama
117
c. Hasil Implementasi Tampilan Halaman Materi
Hasil Implementasi Tampilan Halaman Materi adalah munculnya animasi 3 sub menu materi diantaranya perangkat keras, lunak dan
pengguna. Tampilan halaman materi dapat dilihat seperti gambar 53.
Gambar 42. Impleentasi Tampilan Halaman Materi 1 Hasil Implementasi Tampilan Halaman sub Materi Perangkat Keras
Hasil Implementasi Tampilan Halaman sub materi perangkat keras pada materi perangkat keras adalah berupa materi teks yang di
samping kirinya dibuat suatu diadgram tentang materi pokok yang akan dibahas selain itu juga berfungsi sebagai tombol untuk menuju
ke halaman materi yang di inginkan. Tampilan halamannya dapat dilihat seperti gambar 54.
118 Gambar 43. Implementasi Tampilan sub Materi Perangkat
Keras Pada gambar 54, jika pengguna memilih salah satu tombol
pada diagram misalnya tombol input maka secara langsung media pembelajaran akan menuju pada materi perangkat keras bagian input.
Di halaman ini terdapat materi berupa text dan contoh gambar materi yang penyajian gambarnya berupa animasi pergantian gambar secara
otomatis tanpa harus mengklick tombol apapun, tetapi jika posisi pointer mouse diletakkan pada animasi gambar tersebut maka
animasi gambar akan berhenti, dan begitu posisi kursor mouse berada di luar gambar maka animasi pergantian gambar contoh
materipun akan bergerak kembali. Selain itu juga terdapat tombol next, back, home materi. Tampilan halamannya dapat dilihat seperti
gambar dibawah ini.
119 Gambar 44. Implementasi Tampilan sub Materi Perangkat
input
Gambar 45. Implementasi Tampilan sub Materi Perangkat Pemroses
120 Gambar 46. Implementasi Tampilan sub Materi Perangkat
Penyimpanan
Gambar 47. Implementasi Tampilan sub Materi Perangkat Keluaaran
2 Hasil Implementasi Tampilan Halaman Materi Perangkat Lunak Tampilan halaman materi perangkat lunak hampir sama
seperti tampilan halaman perangkat input tetapi hanya terdapat tombol next dan beck saja dalam isi materinya. Tampilan
halamannya dapat dilihat seperti gambar 59.
121 Gambar 48. Implementasi Tampilan Halaman Materi
Perangkat Lunak 3 Hasil Implementasi Tampilan Halaman Materi Pengguna
Di dalam halaman ini terdapat materi tentang komponen komputer dilihat dari segi pengguna. Dalam hal ini pengguna
dibagi menjadi 4 yaitu pengguna yang bertindak sebagai entri data, operator, programmaer dan system analist. Tampilan halamannya
dapat dilihat seperti gambar 60.
Gambar 49. Implementasi Tampilan Halaman Materi Pengguna
122
d. Hasil Implementasi Tampilan Halaman Simulasi