Anda di halaman 1dari 6

CITISEE 2016 Yogyakarta, 23 24 Agustus 2016 ISBN: 978-602-60280-1-3

Konsep Dan Desain Multimedia Pembelajaran


Kalkulator Konversi Bilangan Dan Warna
Febria Sri Handayani
Sistem Informasi
STMIK PalComTech
Jl. Basuki Rahmat No.05, Palembang, Indonesia
Email : febrish77@gmail.com

Abstrak Materi pembelajaran konversi bilangan termasuk multimedianya didasarkan pada model prosedural Luther.
dalam teori chromosome algoritma genetika. Representasi Model Luther dipilih karena dinilai cukup memberikan
chromosome dalam bentuk biner banyak digunakan dalam pedoman yang jelas bagi penelitian [1]. Dalam model ini,
pemrograman untuk proses crossover dan mutasi algoritma. Bagi dijelaskan secara ringkas dan jelas mengenai tahapan
sebagian besar mahasiswa, terkadang terasa susah memahami
pengembangan multimedia.
materi konversi bilangan secara langsung. Logika perhitungan
dan pemahaman bahan belajar melalui buku teks dirasa tak Multimedia merupakan kombinasi antara teks, seni,
cukup membantu. Penyampaian materi secara manual oleh suara, animasi, dan video yang disampaikan melalui komputer
sebagian dosen, sering kali tak cukup membuahkan hasil yang atau peralatan elektronik dan digital [2]. Multimedia
memuaskan dalam satu kali pertemuan. Untuk itulah diperlukan pembelajaran sebagai alat bantu ajar dan belajar, dinilai cukup
sebuah alat bantu belajar-mengajar (media pembelajaran). membantu mahasiswa dan dosen dalam menyampaikan
Media pembelajaran akan terlihat menarik jika penyajiannya maksud pembelajaran dengan lebih mudah. Hal inilah yang
diikuti dengan penggunaan multimedia. Perancangan konsep ingin dicapai peneliti dalam perancangan konsep multimedia
multimedia kalkulator konversi bilangan dan warna dalam pembelajaran kalkulator konversi bilangan dan warna.
penelitian ini menggunakan model Luther. Implementasi dari
Diharapkan implementasi aplikasi ini kedepannya dapat
perancangan aplikasi ini ditujukan pada perangkat multimedia
berbasis Android. Aplikasi ini tidak hanya mengkonversi digunakan untuk membantu menelaah materi belajar tentang
bilangan desimal ke biner, oktal, heksadesimal, dan sebaliknya, teori konversi bilangan dan warna menjadi lebih baik.
tetapi juga mengkonversi sebuah bilangan heksadesimal menjadi Beberapa contoh penerapan aplikasi multimedia
sebuah tampilan warna. Aplikasi ini juga menampilkan halaman pembelajaran diantaranya sudah banyak dikembangkan oleh
pertanyaan (kuis), yang berisi pertanyaan-pertanyaan sebagai para ahli. Dengan penggunaan multimedia interaktif, dirasa
bahan evaluasi belajar. User diajak berinteraksi dengan aplikasi lebih efektif terhadap tingkat penguasaan faktual, konsep dan
untuk mengukur tingkat pemahaman materi. prosedural dalam pelaksanaan mata kuliah [1]. Aplikasi
multimedia pembelajaran dapat dikembangkan dalam bentuk
Kata Kunci : multimedia, mobile, konversi
flash movie [3]. Dimana aplikasi seperti ini dapat digunakan
untuk mempresentasikan rangkaian soal ujian yang akan
dikerjakan oleh para siswa dan mampu menyimpan nilai
I. PENDAHULUAN ujiannya dalam basis data.
Dalam pemrograman, materi pembelajaran Pengembangan aplikasi multimedia pembelajaran
pengkonversian bilangan termasuk dalam teori chromosome dalam materi konversi bilangan juga pernah dipublikasikan.
algoritma genetika. Chromosome dalam logika algoritma Penelitian tersebut hanya dapat mengkonversi beberapa
genetika dapat dibentuk dari bilangan numerik (integer/real), bilangan diantaranya desimal, biner, oktal, dan heksadesimal.
biner, maupun karakter. Representasi chromosome dalam Dengan menggunakan model pengembangan Luther, aplikasi
bentuk biner banyak digunakan dalam pemrograman untuk ini telah diuji cobakan dan diterima dengan baik dan sangat
proses crossover dan mutasi algoritma. Sistem pembelajaran membantu mahasiswa dalam pemahaman materi konversi
secara manual dan mandiri dirasa kurang efektif dalam bilangan [4].
meningkatkan pemahaman materi oleh mahasiswa. sedangkan Selain itu, aplikasi animasi multimedia juga dapat
metode pembelajaran interaktif dapat berfungsi untuk dijadikan alat bantu penyebaran informasi dalam bidang
mempertahankan perhatian, menciptakan pengetahuan baru, kesehatan terutama tentang perawatan gigi [5]. Aplikasi
dan meningkatkan prestasi. Untuk itulah penelitian ini semacam ini dapat dikembangkan dengan teknik pengolahan
dilakukan untuk menghasilkan sebuah rancangan konsep animasi dengan komputer (Computer Based Animation)
multimedia pembelajaran dalam bentuk kalkulator konversi menggunakan aplikasi Adobe Flash. Aplikasi ini juga
bilangan dan warna. Konsep dan desain multimedia dianggap memudahkan masyarakan yang ingin mendapatkan
pembelajaran ini dirancang khusus untuk diaplikasikan pada informasi dalam bidang kesehatan.
perangkat multimedia berbasis Andorid. Metode perancangan

Conference on Information Technology, Information System and Electrical Engineering 146


CITISEE 2016 Yogyakarta, 23 24 Agustus 2016 ISBN: 978-602-60280-1-3

Dalam pembelajaran statistik pun ada beberapa peneliti 4. Merancang sketsa grafis aplikasi.
yang mengembangkan aplikasi multimedia pembelajarannya. Adapun kerangka pemikiran yang dilakukan dalam penelitian
Salah satu diantaranya adalah aplikasi multimedia ini dapat dilihat pada gambar 1.
pembelajaran berupa CD interaktif pembelajaran statistik
dengan mengaplikasikan SPSS sebagai pengolah data [6]. CD Start

interaktif ini diimplementasikan dengan menggunakan


Lambatnya pemahaman teori konversi bilangan oleh
Macromedia Flash 8.0 dan Camtasia Studio 6.0. Berdasarkan mahasiswa.
Kurangnya alat bantu ajar dosen dalam bidang aritmatika
hasil uji coba yang dilakukan dalam penelitiannya, aplikasi komputer khususnya teori konversi bilangan.

yang dikemas dalam bentuk CD interaktif ini dianggap sudah


Observasi cara belajar mahasiswa dan cara mengajar dosen dalam teori
layak digunakan. Hal ini dikarenakan dengan penerapan konversi bilangan dan warna.
Wawancara kepada mahasiswa dan dosen untuk mengetahui batas
aplikasi ini, tingkat pencapaian pembelajaran telah tercapai pemahaman mereka dalam teori konversi bilangan dan warna.
Studi Pustaka teori konversi bilangan dan pengembangan aplikasi multimedia.
lebih dari 85% [6]. Dokumentasi penelitian.

Beberapa pengembangan aplikasi mobile, salah satunya


memanfaatkan teknologi android. Aplikasi android saat ini
sedang populer dan menjadi salah satu sistem aplikasi yang Tahapan Konsep dan Pemahaman tentang teori konversi
Desain dalam Model bilangan dan warna
paling banyak digunakan di dunia saat ini [7]. Salah satunya Luther Pemahaman tentang Pengembangan
Aplikasi Multimedia berbasis Android
adalah aplikasi pembelajaran budaya Indonesia yang
dirancang khusus untuk anak sekolah dasar. Melalui aplikasi
ini diharapkan dapat membantu memperkenalkan lebih dekat Perancangan Konsep dan Desain Multimedia
Pembelajaran Kalkulator Konversi Bilangan dan Warna
tentang budaya bangsa Indonesia kepada anak-anak sekolah Berbasis Android
khususnya dan masyarakat pada umumnya [7].
Selain dikembangkan dalam bentuk interaktif pada End

Personal Computer (PC) biasa, aplikasi multimedia Gambar 1. Kerangka Pemikiran


pembelajaran juga dapat dikembangkan dalam platform
teknologi Android. Eclipse merupakan sebuah IDE (Integrated
Development Environtment) untuk mengembangkan perangkat III. PEMBAHASAN
lunak dan dapat dijalankan di semua platform termasuk
Android [10]. Salah satu aplikasi yang pernah dikembangkan A. Konversi Bilangan
dalam platform Android adalah aplikasi pembelajaran budaya Salah satu materi yang dipelajari dalam mata kuliah
Indonesia untuk anak sekolah dasar. Aplikasi ini telah diuji organisasi arsitektur komputer (OAK) ataupun pengantar
coba pada empat jenis perangkat smartphone bersistem jaringan komputer (PJK) adalah tentang konversi bilangan.
operasi Android [10]. Sekitar 80% responden mengapresiasi Menurut Fahri (2013), sistem bilangan yang digunakan dalam
dengan baik penggunaan aplikasi ini guna memperkenalkan sistem digital diantaranya sistem bilangan desimal, biner,
budaya bangsa Indonesia lebih dekat lagi kepada anak-anak oktal, dan heksadesimal. Diantara semua sistem bilangan
Indonesia. tersebut, sistem bilangan desimal lebih mudah dimengerti dan
Berdasarkan uraian penelitian sebelumnya, dapat sering digunakan dalam aktivitas sehari-hari. Konversi
disimpulkan bahwa dengan penggunaan media pembelajaran bilangan heksadesimal dapat dialokasikan untuk pengenalan
berbasis multimedia, target pembelajaran yang diharapkan warna Red-Green-Blue (RGB).
rata-rata telah tercapai. Baik tenaga pengajar dan peserta didik
sama-sama merasa terbantu dengan adanya media 1. Konversi Bilangan Integer ke Bilangan Biner
pembelajaran berbasis multimedia, Apalagi jika media Sistem konversi bilangan ini termasuk dalam ranah
pembelajaran tersebut didukung dengan perangkat android
materi chromosome algoritma genetika. Kromosom dalam
yang mobile. Oleh karena itu, dalam penelitian ini akan dibuat
algoritma genetika dapat dibentuk dari bilangan numerik
rancangan media pembelajaran yang berbasis multimedia.
Diharapkan peningkatan kemampuan analisis dan telaah (integer/real), biner, maupun karakter. Materi kromosom
materi sistem konversi bilangan oleh mahasiswa dapat dalam algoritma genetika ini hampir sama halnya dengan
tercapai. materi sub-netting dalam mata kuliah pengantar jaringan.
Dalam materi sub-netting, kita harus menerjemahkan bilangan
desimal ke dalam rangkaian bilangan biner. Proses
penerjemahan ini didapat dari konversi bilangan per-byte-nya.
II. METODE PENELITIAN Dimana, 1 Byte = 8 Bit = 1 Octet.
Dalam penelitian ini, metodologi penelitian yang
digunakan akan disesuaikan dengan langkah-langkah TABEL I. KOMPOSISI BINER-DESIMAL
perancangan konsep dan desain multimedia dalam model Biner 1 1 1 1 1 1 1 1
Luther, diantaranya :
1. Merancang konsep multimedia pembelajaran. Desimal 128 64 32 16 8 4 2 1
2. Merancang story board aplikasi.
3. Merancang arsitektur navigasi aplikasi.

Conference on Information Technology, Information System and Electrical Engineering 147


CITISEE 2016 Yogyakarta, 23 24 Agustus 2016 ISBN: 978-602-60280-1-3

Tabel biner tesebut digunakan untuk mendapatkan Perhitungan dibawah ini dapat menjelaskan langkah-
deret biner dari sebuah bilangan integer. Sebagai contoh, kita langkah untuk mengkonversi angka 625 yang bersifat desimal
akan mengubah angka 30 menjadi bilangan biner. Berdasarkan menjadi bilangan oktal.
table 1, kita dapat melakukan beberapa langkah dibawah ini : 625 : 8 = 78 sisa 1
a) Kita harus mendapatkan nilai Desimal terbesar yang 78 : 8 = 9 sisa 6
paling dekat dibawah angka 30, yaitu 16. 9:8 = 1 sisa 1
b) Selanjutnya tambahkan Desimal 16 dengan beberapa 1:8 = 0 sisa 1
desimal lainnya yaitu 8, 4, dan 2, sehingga jumlahnya Sehingga : 625(des) = 1161(okt)
genap 30.
c) Posisi kolom lain yang angkanya tidak memenuhi Apabila bilangan oktal tersebut akan dikonversikan
perhitungan dapat digantikan dengan 0 (nol), sehingga kembali menjadi bilangan desimal, maka contoh perhitungan
hasilnya seperti tabel 2. pada gambar 2 akan menjawabnya.

TABEL II. CONTOH PERHITUNGAN KONVERSI BINER-


DESIMAL
Biner 0 0 0 1 1 1 1 0
30
Desimal - - - 16 8 4 2 -

d) Angka 0 (nol) didepan angka 1 biner pertama dari


sebelah kiri, dapat diabaikan sehingga hasil binernya Gambar 2. Perhitungan Konversi Bilangan Oktal Ke Bilangan Desimal
menjadi 11110.
3. Konversi Bilangan Oktal ke Bilangan Biner
Langkah kerja pada tabel 1 dan tabel 2 dapat kita Menghitung konversi bilangan Oktal ke bilangan Biner
substitusikan kedalam materi Chromosome Algoritma dilakukan dengan cara mengkonversi setiap 1 digit Oktal ke 3
Genetika. Ada banyak cara untuk mentransformasikan bit biner. Tabel 4 akan menjelaskan cara hitung konversi
bilangan integer ke bilangan biner. Hal ini bergantung pada bilangan oktal ke bilangan biner.
sifat bilangan integer itu sendiri. Tabel 3 menjelaskan sifat
bilangan integer yang akan memiliki angka 0 (nol) sebagai TABEL IV. CARA KONVERSI BILANGAN OKTAL
sisa hasil bagi. KE BILANGAN BINER

TABEL III. SIFAT BILANGAN INTEGER


Habis 1161Okt = 1001110001bin
Ciri-ciri bilangan
dibagi 1 1 6 1
2 Apabila Digit terakhir adalah bilangan genap 001 001 110 001
3 Apabila Jumlah digitnya habis dibagi 3
1 6 1
4 Apabila Dua digit terakhir habis dibagi 4 1:2 = 0 1:2 = 0 6:2 = 3 1:2 = 0
sisa 1 sisa 1 sisa 0 sisa 1
5 Apabila Digit terakhir 0 atau 5 0:2 = 0 0:2 = 0 3:2 = 1 0:2 = 0
sisa 0 sisa 0 sisa 1 sisa 0
8 Apabila Tiga digit terakhir habis dibagi 8 0:2 = 0 0:2 = 0 1:2 = 0 0:2 = 0
9 Apabila Jumlah digitnya habis dibagi 9 sisa 0 sisa 0 sisa 1 sisa 0
001 001 110 001
Apabila Selisih digit-digit pada tempat bilangan
11
ganjil atau bilangan genap adalah 0 (nol). Untuk mengembalikan konversi bilangan biner ke bilangan
oktal, dapat dijelaskan pada tabel 5.
2. Konversi Bilangan Desimal ke Bilangan Oktal
Konversi bilangan Desimal ke bilangan Oktal, dilakukan
dengan cara membagi bilangan desimal tersebut dengan angka
delapan (8) sampai habis = nol atau bersisa 1. Sisa pembagian
bilangan yang akan menentukan digit bilangan oktal dari
bilangan desimal tersebut. Berikut ini adalah contoh konversi
bilangan desimal ke bilangan oktal.

625(des) = ........(okt)

Conference on Information Technology, Information System and Electrical Engineering 148


CITISEE 2016 Yogyakarta, 23 24 Agustus 2016 ISBN: 978-602-60280-1-3

TABEL V. CARA KONVERSI BILANGAN BINER Ada banyak tipe warna yang dapat dipakai untuk
KE BILANGAN OKTAL berbagai keperluan. Salah satu diantaranya adalah untuk
pengembangan halaman pada peramban web. Warna-warna
Hasil
Nilai tersebut menggunakan format heksadesimal. Penyusunannya
(jumlahkan semua
Pangkat Hasil Digit dapat dispesifikasikan dengan triplet RGB. Dimana triplet
hasil perkalian
Biner Perpang- Biner RGB ini terdiri dari enam buah karakter. Tiap dua karakter
ditiap kolom)
katan (1) dalam triplet RGB menyatakan entitas dari Red (merah),
(2) * (3)
Green (hijau), dan Blue (biru). Nilai entitas tersebut dapat diisi
(1) (2) (3) (4) (5)
dengan angka 00 sampai FF heksadesimal atau 0 sampai 255
22 4 0 0
desimal. Tabel 6 menyajikan triplet RGB standar yang dapat
21 2 0 0 1 dikembangkan lagi menjadi beberapa tipe warna lainnya,
20 1 1 1 seperti warna X11, warna HTML, dan tipe warna lainnya.
Hasil
Nilai
(jumlahkan semua
Pangkat Hasil Digit
hasil perkalian TABEL VI. WARNA TRIPLET RGB [8]
Biner Perpang- Biner
ditiap kolom)
katan (1)
(2) * (3) Triplet Heksa-
Desimal
22 4 0 0 Warna Heksa- desimal
desimal R G B R G B
21 2 0 0 1 Hitam #000000 00 00 00 0 0 0
20 1 1 1 Putih #FFFFFF FF FF FF 255 255 255
Biru Tua #0000FF 00 00 FF 0 0 255
22 4 1 4 Hijau
#00FF00 00 FF 00 0 255 0
21 2 1 2 6 Muda
Merah #FF0000 FF 00 00 255 0 0
20 1 0 0 Putih
22 4 0 0 #F0F8FF F0 F8 FF 240 248 255
Tulang
21 2 0 0 1 Peach #F5DEBB3 F5 DE B3 245 222 179
Pink #DB7093 DB 70 93 219 112 147
20 1 1 1
Nilai Hasil Perpangkatan Tiga karakter dari triplet RGB dapat dijadikan
dikalikan 1161 kependekan dari enam karakter dari triplet RGB. Sebagai
Digit Oktal contoh karakter 3 ekuivalen dengan angka heksadesimal
33, C ekuivalen dengan angka heksadesimal CC, dan
4. Konversi Bilangan Desimal ke Bilangan Heksadesimal C6F ekuivalen dengan angka heksadesimal CC66FF.
Untuk mengkonversi bilangan desimal ke bilangan Gambar 4 menyajikan enam tingkatan warna yang dapat
heksadesimal dapat ditempuh dengan cara membagi bilangan dijadikan 256 jenis warna lainnya.
desimal dengan 16 (basis bilangan heksadesimal). Selanjutnya
menyimpan hasil bagi dan sisa bagi dari setiap pembagiannya.
Apabila sisa baginya lebih dari 9, maka angkanya diubah
menjadi huruf. Untuk sisa pembagian yang berjumlah 10
diubah menjadi A, 11 diubah menjadi B, 12 diubah menjadi C,
13 diubah menjadi D, 14 diubah menjadi E, dan 15 diubah
menjadi F. Gambar 3 menjelaskan langkah-langkah mengubah
bilangan desimal 4256 menjadi bilangan heksadesimal.

Gambar 4. Enam Tingkatan Warna [8]

B. Model Luther
Model prosedural Luther disajikan secara ringkas dan
jelas [3]. Beberapa hasil penelitian menunjukkan bahwa
penggunaan model Luther mempengaruhi kualitas hasil
pengembangan multimedia. Model Luther memiliki enam
tahapan, diantaranya konsep, desain, pengumpulan bahan,
pembuatan obyek multimedia, pengujian, dan distibusi.
Gambar 3. Cara Konversi Bilangan Desimal Penyajian dalam multimedia memerlukan kelengkapan
ke Heksadesimal
grafik, animasi, audio, dan video, sehingga menarik dan
mudah dipahami oleh pengguna [7]. Sesuai dengan
5. Konversi Bilangan Heksadesimal Menjadi Tampilan
kebutuhan dalam penelitian ini, hanya digunakan dua
Warna

Conference on Information Technology, Information System and Electrical Engineering 149


CITISEE 2016 Yogyakarta, 23 24 Agustus 2016 ISBN: 978-602-60280-1-3

tahapan, yaitu konsep dan desain saja. Beberapa tahapan pustaka tak lupa ditambahkan sebagai pedoman
dalam model Luther dapat dilihat pada gambar 5. perancangan. Dalam tahap desain ini ada batasan dan
kesederhanaan dalam perancangan. Hal ini didasarkan
pada kekhawatiran akan kapasitas perangkat keras untuk
menjalankan aplikasi multimedia yang besar.

Kalkulator Konversi
Bilangan & Warna
PENDAHULUAN

MATERI BELAJAR

KALKULATOR

LATIHAN

Gambar 5. Tahap Pengembangan Multimedia [1] About KUIS Exit

Gambar 6. Rancangan Menu Utama Aplikasi

1. Tahap Perancangan Konsep


Multimedia pembelajaran Kalkulator Konversi
Bilangan dan Warna ini berisi materi tentang teori
pembelajaran konversi bilangan dan warna. Selain itu a) Desain Story Board
dalam aplikasi ini juga akan diberikan sarana hitung cepat Story board merupakan peta pembelajaran tentang
(kalkulator) untuk mengetahui hasil konversi bilangan aplikasi. Di dalam story board diceritakan tentang isi, urutan,
yang dimaksud. dan karakteristik model aplikasi dalam bentuk gambar yang
Sarana evaluasi dalam bentuk deretan pertanyaan mengikuti tahapan pengembangan. Story board juga bisa
atau kuis juga ditambahkan dalam aplikasi. Direncanakan digunakan untuk menelaah aliran penggunaan aplikasi. Story
kurang lebih 30 pertanyaan yang harus dikerjakan oleh board memiliki tujuan yang mendasar dan berkaitan dengan
mahasiswa. Pertanyaan tersebut disiapkan dengan berbagai analisis tugas dan penulisan konten program berdasarkan
tipe, seperti single choice, multiple choice, sorting, dan tujuan yang telah ditetapkan. Hal ini merupakan landasan
true/false. Sebanyak 30 pertanyaan tersebut harus pertama model belajar mandiri yang baik.
diselesaikan dalam waktu lebih kurang 120 menit. Setelah Pembuatan story board dimulai dari merancang skrip.
selesai menjawab pertanyaan tersebut, mahasiswa dapat Skrip merupakan spesifikasi lengkap dalam bentuk teks dan
langsung melihat nilainya. narasi dalam aplikasi multimedia. Skrip ini membantu
Multimedia pembelajaran kalkulator konversi desainer dalam menentukan model role play dari sudut
bilangan dan warna ini dibuat untuk membantu proses pandang pengguna. Skrip ini juga digunakan untuk membantu
belajar-mengajar di dalam kelas. Mahasiswa dapat mengidentifikasi setiap elemen yang hilang atau belum
mempelajari lebih intens tentang materi konversi bilangan direncanakan.
dan warna melalui multimedia pembelajaran ini. Dosen b) Desain Navigasi
pun dapat mendampingi mahasiswa dalam penggunaan Dalam desain navigasi, penentuan tingkatan
aplikasi ini pada perangkat multimedianya masing-masing. interaktifitas diperlukan guna memutuskan apakah aplikasi
Dosen dapat menjadikan halaman kuis sebagai sarana akan memberikan pertanyaan, metode jawaban, atau umpan
penilaian dan evaluasi pemahaman mahasiswa terhadap balik. Salah satu tingkatan terendah dalam interaktifitas
teori konversi bilangan. Pembelajaran menggunakan aplikasi adalah dengan adanya aktifitas mengklik tombol atau
aplikasi ini dapat diterapkan pada beberapa mata kuliah, link untuk kembali ke halaman sebelumnya. Aplikasi
diantaranya organisasi arsitektur komputer, pengantar multimedia interaktif bertujuan untuk membangun komunikasi
jaringan komputer, dan lain sebagainya. antara pengguna dan perangkat keras, seperti halnya meniru
komunikasi interpersonal. Dalam rancangan aplikasi ini juga
2. Tahap Desain disertakan serangkaian pertanyaan atau kuis sebagai sarana
Tahapan desain bertujuan untuk mengembangkan penilaian belajar individu.
kerangka kerja aplikasi Kalkulator Konversi Bilangan dan Salah satu tantangan dalam tahap desain adalah
Warna. Kerangka kerja aplikasi ini ditujukan untuk mengupayakan penyajian materi sedemikian rupa agar para
membantu mahasiswa dan dosen memahami teori konversi pengguna tak mengalami kebingungan. Teknologi multimedia
bilangan. Pada tahap ini akan dirancang sketsa tampilan memungkinkan desainer merancang beberapa lapisan
kalkulator konversi bilangan dan warna. Salah satu informasi yang dapat diakses menggunakan alat navigasi yang
tampilan yang akan dirancang seperti tampilan menu berisi blok multimedia yang berbeda. Gambar 7 menunjukkan
aplikasi pada gambar 6. Desain tampilan dipandu desain navigasi yang direncanakan untuk kalkulator konversi
berdasarkan hasil wawancara, dan informasi dari kajian bilangan dan warna.

Conference on Information Technology, Information System and Electrical Engineering 150


CITISEE 2016 Yogyakarta, 23 24 Agustus 2016 ISBN: 978-602-60280-1-3

c) Desain Sketsa Grafis


Desain sketsa grafis pada kalkulator konversi Konversi ?

bilangan dan warna ini dibuat dalam beberapa tampilan,


Masukkan Angka
diantaranya halaman splash screen, halaman menu utama,
Pilihan Jenis Bilangan
halaman pengantar, halaman materi pembelajaran, halaman
latihan soal dan halaman kuis. Halaman menu utama hanya 999999999999999999999999
berisi link atau tombol untuk mengijinkan user untuk memilih dalam Desimal

halaman mana yang akan dibuka pertama kali. Hasilnya ::


Halaman pengantar berisi narasi pendahuluan yang 999999999999999999999999
menjelaskan alasan dan tujuan utama aplikasi ini dalam Desimal

100011110001
dikembangkan. Selain itu, halaman ini juga berisi kompetensi
dalam Biner
dasar, standar kompetensi dan jangkauan ketuntansan yang 999999999999
diinginkan dalam pembelajaran materi konversi bilangan dan dalam Oktal
warna. 0123456789ABCDEF
Halaman materi pembelajaran berisi materi dalam Heksadesimal

pengantar, tips dan trik mempelajari teori konversi dalam


berbagai jenis bilangan. Beberapa materi yang akan disisipkan dalam Tampilan Warna

diantaranya konversi bilangan integer-biner, bilangan desimal-


oktal, bilangan oktal-biner, bilangan desimal-heksadesimal, Gambar 8. Rancangan Halaman Kalkulator Konversi
dan bilangan heksadesimal ke tampilan warna.
Halaman latihan soal dan halaman kuis berisi daftar IV. KESIMPULAN
pertanyaan yang harus dikerjakan oleh mahasiswa. Bedanya,
Kalkulator konversi bilangan dan warna yang
halaman latihan soal disertai contoh pengerjaan dan kunci
dirancang dalam penelitian ini menggunakan model
pengerjaan soal setelah mahasiswa menyelesaikan soal latihan pengembangan multimedia Luther. Aplikasi multimedia
tersebut. Sedangkan halaman kuis berisi daftar pertanyaan pembelajaran ini dimaksudkan untuk digunakan untuk
yang harus diselesaikan dalam batasan waktu pengerjaan yang meningkatkan pemahaman mahasiswa tentang konversi
telah ditentukan dalam aplikasi. Rata-rata pengerjaan soal kuis bilangan. Dengan implementasi yang baik terhadap aplikasi
diberi waktu sekitar 4-7 menit tergantung tingkat kesulitan ini, tentunya juga dengan dukungan dan pendampingan dosen
soal. Dari halaman kuis ini, setelah semua soal kuis dalam kegiatan pembelajarannya, diharapkan mahasiswa
diselesaikan, maka mahasiswa akan langsung mendapatkan mampu memahami teori konversi bilangan dengan lebih baik
nilai hasil pengerjaan kuisnya. Nilai ini dapat dijadikan salah lagi.
satu kajian evaluasi bagi dosen untuk mengetahui tingkat
pemahaman mahasiswa dalam teori konversi bilangan.
Gambar 8 menunjukkan contoh rancangan halaman kalkulator
konversi untuk beberapa jenis bilangan. REFERENSI
Splash Page

[1] I.G. Suwiwa, I.W. Santyasa, I.M. Kirna. 2014. Pengembangan


Menu Utama Multimedia Interaktif Pembelajaran Pada Mata Kuliah Teori dan
Pengantar Pendahuluan Tampilan
Praktik Pencak Silat. E-Journal Program Pascasarjana Universitas
Pendidikan Ganesha, Vol. 4 Tahun 2014.
Kompetensi Tampilan [2] Tay Vaughan. 2006. Multimedia Making it Work. Yogyakarta: Penerbit
Andi.
Materi Belajar
Konversi Bilangan
Tampilan
[3] Hadi Sutopo. 2012. Pengembangan Evaluasi Pembelajaran Berbasis
Integer ke Biner
Multimedia Dengan Flash, PHP, dan MySQL. Jurnal Informatika, Vol.
Konversi Bilangan
Desimal ke Oktal
Tampilan 11, No.1, Mei 2012:1-7.
Konversi Bilangan
[4] Fahri, Imam Riadi. 2013. Media Pembelajaran Aritmatika Komputer
Tampilan
Oktal ke Biner (Studi Kasus Materi Konversi Bilangan). Jurnal Sarjana Teknik
Konversi Bilangan
Informatika, Vol.1 No. 1, Juni 2013.
Tampilan
Desimal ke Heksadesimal [5] Tri Ulandari. 2014. Perancangan Aplikasi Flash Informasi Perawatan
Konversi Bilangan Gigi Menggunakan Metode Computer Based Animation. Pelita
Heksadesimal Ke Tampilan
Tampilan Warna
Informatika Budi Darma, Vol. VI, No.1, Maret 2014.
[6] Ni Made Ayu Agung Rinjani, I Made Candiasa, I Wayan Koyan. 2013.
Kalkulator Tampilan
Pengembangan CD Interaktif Pembelajaran Statistik Dengan
Mengaplikasikan SPSS Sebagai Pengolah Data. E-Journal Program
Latihan Simulasi Macam-Macam
Konversi Bilangan
Tampilan Pasca Sarjana Universitas Pendidikan Ganesha, Vol.3, 2013.
[7] Murtiwiyati dan Glenn Lauren. 2013. Rancang Bangun Aplikasi
Latihan Soal Tampilan Pembelajaran Budaya Indonesia Untuk Anak Sekolah Dasar Berbasis
Android. Jurnal Ilmiah KOMPUTASI, Vol.12 No.2, Desember 2013,
Kuis Soal Kuis Tampilan ISSN:1412-9434.

Keluar / Selesai
[8] https://id.wikipedia.org/wiki/Warna_web

Gambar 7. Rancangan Navigasi

Conference on Information Technology, Information System and Electrical Engineering 151