96 pengembang, halaman ini berisi tentang identitas pengembang. Tombol
daftar pustaka berfungsi sebagai link untuk menuju pada halaman daftar pustaka, halaman ini berisi tentang daftar pustaka darimana materi-materi
diambil. Tombol keluar berfungsi sebagai link untuk keluar dari program media pembelajaran.
c. Materi
Halaman materi memuat inti dari media pembelajaran, yaitu kumpulan materi tentang komponen sistem komputer. Dimana terdapat 3
sub tombol materi, yaitu perangkat keras, lunak dan pengguna. Tombol “perangkat keras”digunakan untuk menuju ke halaman materi komponen
sistem komputer berdasarkan perangkat keras yaitu terdapat materi perangkat input, output, penyimpan dan keluaran.
Tombol “perangkat lunak
” digunakan untuk ke halaman materi komponen sistem komputer berdasarkan perangkat lunak yaitu materi perangkat lunak sistem dan
perangkat lunak aplikasi.
Heder
Gambar 7. Rancangan Desain Halaman Pembuka
KETERANGAN HALAMAN
Logo UNY
SELAMAT DATANG DI MEDIA PEMBELAJARAN INTERAKTIF KOMPONEN KOMPUTER DAN INSTALASI SISTEM OPERASI
BERBASIS MULTIMEDIA
Keluar Pengembang
Dafatar Pustaka
Kompetensi Kuis
Simulasi Materi
Home
97 1 Materi perangkat keras
Pada materi perangkat keras di dalam media dibuat menjadi suatu diagram. Di dalam diagram diberi tombol terdapat tombol
input, output, penyimpan dan keluaran sehingga lebih memudahkan pengguna untuk mengakses materi yang diinginkan. Selain itu juga
terdapat tombol next untuk menuju ke halaman selanjutnya secara urut dari halaman 1 ke halaman 2, dan seterusnya.
Gambar 8. Rancangan Desain Halaman Materi
ISI MATERI Perangkat Keras
Perangkat Lunak Pengguna
Gambar 9. Rancangan Desain Halaman Materi Perangkat Keras
ISI MATERI TEXT Perangkat Keras
Perangkat Lunak Pengguna
NEXT Input
pemroses penyimpan
Output
Heder
KETERANGAN HALAMAN
Keluar Pengembang
Dafatar Pustaka
Kompetensi Kuis
Simulasi Materi
Home
Heder
KETERANGAN HALAMAN
Keluar Pengembang
Dafatar Pustaka
Kompetensi Kuis
Simulasi Materi
Home
98 2 Materi perangkat keras input, pemroses, penyimpanan dan output
Pada gambar 16, jika 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 materi bagian pemroses,penyimpanan dan output pun tidak jauh beda
dengan tampilan input yang telah dibahas diatas.
Gambar 10. Rancangan Desain Halaman Materi Perangkat Keras Bagian Input
ISI MATERI INPUT TEXT Perangkat Keras
Perangkat Lunak Pengguna
ANIMASI PERGANTIAN GAMBAR CONTOH MATERI
NEXT BACK
HOME MATERI
Heder
KETERANGAN HALAMAN
Keluar Pengembang
Dafatar Pustaka
Kompetensi Kuis
Simulasi Materi
Home
99
ISI MATERI PEMROSES TEXT Perangkat Keras
Perangkat Lunak Pengguna
ANIMASI PERGANTIAN GAMBAR CONTOH MATERI
NEXT BACK
HOME MATERI
Gambar 11. Rancangan Desain Halaman Materi Perangkat Keras Bagian Pemroses
Gambar 12. Rancangan Desain Halaman Materi Perangkat Keras Bagian Penyimpan
Heder
KETERANGAN HALAMAN
Keluar Pengembang
Dafatar Pustaka
Kompetensi Kuis
Simulasi Materi
Home
ISI MATERI PENYIMPANAN TEXT Perangkat Keras
Perangkat Lunak Pengguna
ANIMASI PERGANTIAN GAMBAR CONTOH MATERI
NEXT BACK
HOME MATERI
Heder
KETERANGAN HALAMAN
Keluar Pengembang
Dafatar Pustaka
Kompetensi Kuis
Simulasi Materi
Home
100 3 Materi perangkat lunak
Di dalam halaman ini terdapat materi tentang perangkat lunak komputer, beserta contoh dan pembagiannya. Materi yang
disampaikan disajikan dengan text
Gambar 14. Rancangan Desain Halaman Perangkat Lunak
ISI MATERI PERANGKAT LUNAK Perangkat Keras
Perangkat Lunak Pengguna
NEXT BACK
Gambar 13. Rancangan Desain Halaman Materi Perangkat Keras Bagian Output
ISI MATERI OUTPUT TEXT Perangkat Keras
Perangkat Lunak Pengguna
ANIMASI PERGANTIAN GAMBAR CONTOH MATERI
NEXT BACK
HOME MATERI
Heder
KETERANGAN HALAMAN
Keluar Pengembang
Dafatar Pustaka
Kompetensi Kuis
Simulasi Materi
Home
Heder
KETERANGAN HALAMAN
Keluar Pengembang
Dafatar Pustaka
Kompetensi Kuis
Simulasi Materi
Home
101 4 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.
d. Simulasi
