BAB IV HASIL PENGEMBANGAN DAN PEMBAHASAN
2. Desain
Desain tampilan program merupakan sket dari program yang akan dibuat, yang menggambarkan letak dari bagian-bagian program. Sket yang dibuat disusun dalam Storyboard.
Storyboard adalah rancangan tampilan yang mendeskripsikan fungsi dari fitur-fitur yang disediakan pada suatu aplikasi yang dibuat secara rinci dan tepat. Di dalam storyboard pemikiran dideskripsikan dan
direncanakan storyboard pembelajaran tersebut lebih Storyboa Penggunaan Adapun tam loading, hala dari setiap s halaman terse a. Halaman Hala mengindik preloader menghubu desain tam
an melalui tulisan, gambar, animasi dan suara.
d akan digunakan dalam menghasilkan sua
ran interaktif, sehingga multimedia pembela bih terstruktur dan teratur.
oard dari pengembangan media pembelajaran
Sistem Operasi Berbasis Teks dapat dilihat ampilan dalam storyboard ini terdiri dari tam
alaman judul, menu utama program dan tamp sub menu yang ada pada menu utama (Home
rsebut diatas akan tertampil dalam ukuran fulls n Loading
alaman loading terdiri dari animasi p dikasikan bahwa program sudah siap untuk dig er berhenti akan langsung muncul tombol bungkan ke halaman selanjutnya yaitu halama tampilan dari halaman loading.
Gambar 1. Rancangan Halaman Loading
ra. Hasil penulisan suatu multimedia elajaran interaktif
an interaktif Dasar hat pada lampiran. tampilan halaman mpilan penjelasan
e). Dari halaman-llscreen.
preloader yang digunakan. Setelah bol ”Play” untuk man judul. Berikut
b. Halaman Pada Universita aplikasi y Interaktif “Mengope identitas d Kharismay Informatik navigasi y untuk me program a layar halam Ran n Judul
ada halaman ini layar akan menampilkan sitas Negeri Yogyakarta (UNY), animasi t yang dibagi menjadi dua bagian yaitu “Medi tif Keterampilan Komputer dan Pengelolaan I operasikan Sistem Operasi Berbasis Teks”, dari pembuat media pembelajaran ini, yang b aya NIM. 08520244022 Program Studi Pen atika Fakultas Teknik UNY”, dan dua buah
i yaitu tombol exit dan tombol next. Tombo menampilkan kotak dialog konfirmasi untu
atau tidak, sedangkan tombol next berfungsi u laman utama (Home).
ancangan halaman judul dapat dilihat pada Gam
Gambar 2. Rancangan Halaman Jud
an animasi logo i teks judul dari edia Pembelajaran n Informasi ” dan ”, animasi teks g bertuliskan “Ena endidikan Teknik h tombol sebagai bol exit berfungsi ntuk keluar dari i untuk menuju ke
ambar 5.
c. Halaman Utama/ Home
Halaman ini merupakan link dari tombol next yang terdapat di halaman judul. Halaman Home terdiri dari 3 bagian, yaitu bagian atas, tengah dan bawah.
Bagian atas dari halaman Home terdapat 6 tombol untuk menuju ke menu yang tersedia dalam media pembelajaran interaktif ini, yaitu menu “Home”, menu “Pendahuluan” (link menuju halaman menu Pendahuluan), menu “Materi” (link menuju halaman menu Materi), menu “TTS” (link menuju halaman menu TTS), menu “Glosarium” (link menuju halaman menu Glosarium), dan menu “Latihan” (link menuju halaman menu Latihan), serta 2 buah tombol yaitu tombol “Info” (link menuju halaman info program) dan tombol “exit”.
Bagian tengah terdapat animasi jam digital, teks yang bertuliskan judul media pembelajaran, yaitu “Mengoperasikan Sistem Operasi Berbasis Teks”, gambar komputer, dan identitas pembuat media, yaitu “oleh: Ena Kharismaya NIM. 08520244022”.
Bagian bawah dari halaman Home terdiri dari 3 buah tombol pilihan backsound media, tombol untuk mengontorl volume dari
backsound tersebut, serta teks yang bertuliskan “Media Pembelajaran
Interaktif KKPI untuk SMK kelas XI semester 1”.
Bagian atas dan bagian bawah dari halaman Home ini juga terdapat di setiap halaman menu yang tersedia. Hal ini bertujuan untuk
memperm Berikut de d. Halaman Pada halaman menuju m “TTS”, m dan tomb memilih d Pada yang bert Tujuan P pembelaja
rmudah pengguna/user dalam mengoperasika desain tampilan dari halaman utama/home.
Gambar 3. Rancangan Halaman Utama/
n Pendahuluan
ada halaman Pendahuluan terdapat bagian yan n Home, yaitu bagian atas yang terdiri dari menu “Home”, menu “Pendahuluan”, menu menu “Glosarium”, dan menu “Latihan”, serta mbol “exit”, dan bagian bawah yang terdiri h dan mengatur volume backsound media pemb ada bagian tengah halaman Pendahuluan terdap ertuliskan Standar Kompetensi dan Kompeten Pembelajaran dari materi yang disediakan
ajaran yang akan dibuat.
ikan aplikasi ini.
a/ Home
yang sama dengan ari tombol-tombol u “Materi”, menu erta tombol “Info” diri tombol untuk mbelajaran.
dapat animasi teks tensi Dasar, serta an dalam media
Beri e. Halaman Dala Tampilan dan tampi Tam buah tom “Prosedur Teks”. D muncul pe Penjelasan Rancanga Gambar 8
erikut adalah desain tampilan halaman Pendahu
Gambar 4. Rancangan Halaman Menu Pendah
n Materi
alam halaman menu Materi ini dibuat dua ranc an pertama adalah sebagai halaman pemiliha pilan ke dua adalah untuk penyajian isi materi. ampilan halaman pilihan menu materi terdiri
mbol yang masing-masing bertuliskan “Siste ur Penggunaan Komputer”, dan “Sistem O
Dengan mengarahkan kursor di atas tomb penjelasan singkat mengenai isi materi yang san tersebut muncul di sebelah kanan b gan tampilan halaman pilihan materi dapa r 8.
huluan.
dahuluan
ncangan tampilan. han menu materi, ri.
iri dari animasi 3 istem Komputer”, Operasi Berbasis mbol, maka akan ng akan dipelajari. bagian tombol. apat dilihat pada
Seda kemudian home unt latihan un untuk pen video, ser adalah des
Gambar 5.. Rancangan Halaman Pilihan M edangkan halaman isi materi terdiri dari an tombol-tombol sebagai link menuju ke sub b
ntuk kembali ke halaman pilihan materi, da untuk menuju ke halaman latihan soal dari tia penempatan materi yang berupa teks, diagram
serta 4 tombol navigasi pada setiap halaman desain tampilan halaman isi materi.
Gambar 6. Rancangan Halaman Isi Ma Materi
ari judul materi, b bab materi, icon dan icon tombol tiap materi, frame ram, gambar, dan an materi. Berikut
Pada ganda. Ta teks piliha teks untuk dari latiha G f. Halaman Dala memuncu soal menu dalam inp tombol “l disediakan Ran berikut.
ada setiap materi yang disajikan terdapat latih Tampilan halaman latihan soal tersebut terdiri ihan jawaban, tombol “jawab” untuk mempros tuk menampilkan skor yang diperoleh. Ranc ihan soal adalah sebagai berikut.
Gambar 7. Rancangan Halaman Latihan Soal T
Teka-Teki Silang (TTS)
alam tampilan halaman tersebut terdapat susun culkan jawaban TTS. Soal dibagi menjadi du enurun dan soal mendatar. Jawaban soal TT
nput teks yang disediakan untuk input jawaban “lihat kunci jawaban” untuk melihat jawaban kan.
ancangan halaman Teka-teki Silang digam
atihan soal pilihan iri dari teks soal, 5 oses jawaban, dan ncangan tampilan
al Tiap Materi
sunan kotak untuk dua bagian, yaitu TTS dimasukkan ban. Serta terdapat an dari TTS yang
g. Halaman Hala pengertain dalam da sewakut-w tombol s mengontro
Gambar 8. Rancangan Halaman Teka-Te
Glosarium
alaman ini adalah untuk menampilkan kata-ka ainnya yang terdapat pada materi. Kata-kata te
database yang berformat .txt, sehingga d
waktu jika diingkan. Dalam halaman ini t sebagai scroller untuk mempermudah pe
trol halaman. Berikut adalah rancangan halama
Gambar 9. Rancangan Halaman Glosar
Teki Silang
kata sukar beserta tersebut disimpan dapat di-update i terdapat 2 buah pengguna dalam man Glosarium. sarium
h. Halaman 1) Latiha S sama saja d penge secara S secara datab Latiha 2) Latiha H seban Latihan Soal tihan Pilihan Ganda
Secara konsep halaman Latihan Pilihan Ga a dengan halaman latihan yang ada di setiap a dalam halaman ini terdapat timer untuk m
gerjaan latihan pilihan ganda ini. Jika timer h ara otomatis masuk ke halaman penskoran nilai Soal yang disediakan sebanyak 39 soal d ara acak sebanyak 35 soal. Soal-soal tersebut
tabase yang berformat .txt. Rancangan tam
tihan Pilihan Ganda dapat dilihat pada Gambar 1
Gambar 10. Rancangan Halaman Latihan Pili tihan Isian Singkat
Halaman ini berisi latihan soal dalam bentu
anyak 10 soal. Soal dibuat dalam database
Ganda ini adalah tiap materi, hanya k memberi waktu r habis maka akan ilai akhir. dan ditampilkan disimpan dalam tampilan halaman ar 13. ilihan Ganda
ntuk isian singkat, se berformat .txt.
Jawab disedi mene latiha i. Halaman Hala tentang tu utama. Be
aban dimasukkan dalam input jawaban ediakan, kemudian untuk mengirimkan jawab nekan tombol “cek”. Berikut rancangan tam ihan isian singkat.
Gambar 11. Rancangan Halaman Latihan Isia
Info Program
alaman ini memuat tentang informasi pemb tujuan program, petunjuk penggunaan, dan p Berikut adalah rancangan halaman Info Program
an yang sudah abnannya dengan tampilan halaman Isian Singkat mbuatan program, petunjuk tombol ram.
j. Halaman Hala sebelum k pengguna/ terdapat te 2 buah tom maka apl tombol “t halaman te Ran dilihat pad
Gambar 12. Rancangan Halaman Info Pro
Konfirmasi Keluar Program
alaman ini adalah merupakan kotak dialog un keluar dari program. Kotak dialog ini aka na/user menekan tombol exit (x). Dalam kotak t teks bertuliskan “Apakah Anda ingin keluar p tombol yaitu “ya” dan “tidak”. Jika tombol “y aplikasi media pembelajaran akan ditutup, “tidak” yang dipilih, maka pengguna/user ak n terakhir yang dikunjungi.
ancangan tampilan halaman Konfirmasi Keluar pada gambar berikut.
Program
untuk konfirmasi akan muncul saat tak dialog tersebut r program?”, serta l “ya” yang dipilih , sedangkan jika akan kembali ke
Gam 3. Implementas