IMPLEMENTASI SKENARIO MULTIMEDIA MODEL CMIFed DALAM

JURNAL INFORMATIKA IMPLEMENTASI SKENARIO MULTIMEDIA MODEL CMIFed
DALAM SIMULASI RANGKAIAN SEKUENSIAL
Youllia Indrawaty N[1], Lisa Kristiana[2], Dherry Sasono Handhito [3]
Jurusan Teknik Informatika
Intitut Teknologi Nasional Bandung
ABSTRAK
Rangkaian logika merupakan mata kuliah tingkat satu yang menjadi dasar untuk mata kuliah
penunjang di jurusan Teknik Informatika Itenas.Mata kuliah ini memberikan pemahaman
dasar logika sehingga mahasiswa mampu menganalisis aturan logika yang ada saat ini.
Selain itu pemahaman akan rangkaian logika masih akan digunakan pada matakuliah
organisasi komputer dan robotika. Tetapi pada realitanya masih cukup banyak mahasiswa
yang mengalami kendala dalam mempelajari mata kuliah ini. Data nilai Ujian Akhir Semester
menunjukan 33% pada tahun 2009/2010 dan 55% pada tahun 2010/2011 mahasiswa tidak
lulus matakuliah rangkaian logika khususnya rangkaian sekuensial. Untuk mengatasi
masalah ini diperlukan sebuah sistem yang dapat memberikan pembelajaran mengenai
rangkaian sekuensial agar mahasiswa memiliki pemahaman mengenai rangkaian
sekuensial.Multimedia interaktif menjadi solusi dari proses pembelajaran konvensional,
artinya tidak mampu memenuhi pembelajaran peserta didik. Multimedia interaktif
menggabungkan teks, grafik, audio, video, dan animasi, yang memungkinkan pengguna
berinteraksi, berkreasi, dan berkomunikasi.Multimedia interaktif memerlukan suatu skenario
untuk memperlihatkan alur komponennya dan salah satu skenario tersebut adalah skenario
multimedia model CMIFed. CMIFed dapat merubah lingkungan penyajian multimedia yang
berisi gabungan komponen multimedia ditambah dengan interaksi pengguna.Berdasarkan
pemaparan tersebut, dibangunlah suatu aplikasi berbasis multimedia interaktif dengan
menerapkan skenario multimedia model CMIFed dalam simulasi rangkaian sekuensial.Hasil
yang diharapkan pada penelitian ini adalah mahasiswa dapat memahami rangkaian
sekuensial.Berdasarkan hasil uji pada tabel 8 dan tabel tabel 20 dapat diambil kesimpulan
bahwa aplikasi multimedia interaktif telah berjalan sesuai yang diharapkan dan mahasiswa
dapat mengerti mengenai rangkaian sekuensial.
Kata kunci :Skenario Multimedia, Skenario Multimedia Model CMIFed, Rangkaian
Sekuensial
No.3 , Vol. 2, September – Desember 2011 28 JURNAL INFORMATIKA ABSTRACT
Logic circuit is an advanced course that became the basis for supporting courses in the
Department of Information Engineering Itenas.This course provides a basic understanding of
logic so that students are able to analyze the rules of logic that exist today. Besides
understanding the logic circuit will still be used in robotics and computer organization
courses. But the reality is still quite a lot of students who are experiencing difficulties in
studying this course. The end examination semester showed 33% in 2009/2010 and 55% in
2010/2011 did not pass the course students especially sequential logic circuits. To overcome
this problem requires a system that could provide lessons about the sequential circuit so that
students have an understanding of the sequential circuit. Interactive Multimedia to be the
solution of the conventional learning process, that are unable to meet the learning of students.
Interactive Multimedia combines text, graphics, audio, video, and animation, which allows
users to interact, create, and communicate. Interactive multimedia requires a scenario to
demonstrate the flow of components and one of these scenarios is a multimedia scenario
CMIFed models.CMIFed can change the multimedia presentation that contains a
combination of multimedia components coupled with user interaction. Under such exposure,
built an interactive multimedia-based applications by applying multimedia scenario CMIFed
in a simulation model of sequential circuit.The expected outcome of this research is the
students can understand the sequential logic circuits. Based on the test results in table 8 and
table table 20 can be concluded that the application of interactive multimedia work as
expected and the students can understand the sequential circuit.
Keywords:Sequential Circuit, Interactive Multimedia, Multimedia Scenario Model CMIFed
PENDAHULUAN
Rangkaian logika merupakan mata
kuliah tingkat satu yang menjadi dasar
untuk mata kuliah penunjang di Jurusan
Teknik Informatika.Mata kuliah ini
memberikan pemahaman dasar logika
sehingga mahasiswa mampu menganalisis
aturan logika yang ada saat ini.Selain itu
pemahaman tentang rangkaian logika
masih akandigunakan pada matakuliah
organisasi komputer dan robotika.
Tetapi pada realitanya masih cukup
banyak mahasiswayang mengalami kendala
dalam
mempelajari
mata
kuliah
ini.Menurut data Ujian Akhir Semester
(UAS) Jurusan Teknik Informatika Itenas
Bandung dalam dua tahun terakhir
menunjukan bahwa, 33% mahasiswa
mendapatkan nilai D pada tahun 2009/2010
dan meningkat menjadi 55% pada tahun
2010/2011. Hal ini cukup memprihatinkan
mengingat pentingnya mata kuliah ini
sebagai ilmu penunjang untuk mata kuliah
No.3 , Vol. 2, September – Desember 2011 lainnya di jurusan Teknik Informatika.
Sehingga dibutuhkan sebuah
aplikasi
multimedia yang dapat memberikan
pembelajaran
mengenai
rangkaian
sekuensial kepada mahasiswa.
Multimedia
interaktif
digunakan
sebagai solusi untuk pembelajaran
konvensional, artinya tidak bisa memenuhi
pembelajaran peserta didik.Multimedia
interaktif
merupakan
pemanfaatan
komputer
untuk
membuat
dan
menggabungkan teks, grafik, audio, video,
dengan
menggunakan
tool
yang
memungkinkan pemakai berinteraksi,
berkreasi, dan berkomunikasi (Hofstetter,
2001). Sedangkan untuk memperlihatkan
alur komponen multimedia dari awal
multimedia dimulai sampai multimedia
selesai diperlukan skenario multimedia
dan salah satu model skenario yang
29 JURNAL INFORMATIKA digunakan pada penelitian ini adalah
skenario model CMIFed.
CMIFed merupakan salah satu dari
model skenario multimedia yang dapat
mengubah lingkungan penyajian untuk
dokumen yang berisi komponen multimedia
ditambah dengan interaksi user.
Berdasarkan pemaparan diatas, maka
dibuatlah aplikasi multimedia interaktif
dengan
mengimplementasikan
model
skenario
CMIFed
dalam
simulasi
rangkaian sekuensial.
Penelitian
ini
bertujuan
untuk
membangun sebuah perangkat lunak
berbasis multimedia interaktif dengan
mengimplementasikan skenario model
CMIFed dalam simulasi rangkaian
sekuensial.
Adapun batasan masalah pada
penelitian ini antara lain.
1. Ruang lingkup materi rangkaian
sekuensial pada penelitian ini
adalah Flip-flop, Shift Register, dan
Counter.
2. Pelengkap
penelitian
Santana
dengan
judul
“Aplikasi
Pembelajaran
Rangkaian
KombinasionalDengan
MenggunakanSkenario Multimedia
Model Timeline Tree”.
3. Menggunakan Adobe Flash CS 4
sebagai
software
pembangun
aplikasi.
4. XAMPP sebagai server lokal.
DASAR TEORI
Skenario Multimedia Model CMIFed [3]
CMIFed (CWI Multimedia Interchange
Format editor) yang digunakan untuk
merubah penyajian untuk dokumen yang
berisi gabungan dari teks, gambar, audio,
dan video (dan mungkin media lain), yang
ditambah dengan interaksi user. CMIFed
memungkinkan
pembuat
untuk
menampilkan media apa dan kapan media
tersebut akan ditampilkan.Tidak seperti
sistem yang menggunakan sebuah timeline
No.3 , Vol. 2, September – Desember 2011 untuk mengendalikan tampilan, pada
CMIFed pengguna dapat merubah
kumpulan event dan penempatan waktu
untuk event tersebut.
Model Data
Model
hypermedia
CMIFed
menggambarkan
sebuah
dokumen
multimedia sebagai sebuah tree yang
memamparkan presentasi abstrak dari
dokumen multimedia tersebut.
1. Presentasi Bersarang
CMIF memungkinkan bila sebuah
dokumen atau presentasi dibangun
dari beberapa sub-presentasi.
2. Events
Events
merupakan
komponen
terkecil dari data media yang
memanipulasi sistem dari dalam.
3. Channel
Channel
merupakan
sebuah
abstraksi
untuk
sekumpulan
properti yang memiliki event yang
sama dalam satu tipe media.
4. Timing
• Parallel
and
sequential
composition
Urutan pertama pola sinkronisasi
dibuat dengan menempatkan
event pada sekuensial tree atau
parallel tree.
• Synchronization arcs
Merupakan hubungan antara dua
event dalam satu presentasi
dengan jeda waktu yang
diinginkan.
5. Hyperlinks
Beberapa multimedia harus bersifat
interaktif,
sehingga
userdapat
mengatur jalannya presentasi sesuai
dengan
keinginannya.Dengan
menggunakan hyperlink, maka hal
tersebut dapat dilakukan.
6. Attributes
Digunakan untuk menspesifikasi
nama, durasi, pilihan, dan lain
sebagainya.
30 JURNAL INFORMATIKA Tampilan
CMIFed menyediakan dua
dalam presentasi antara lain.
‘view’
1. Hirarki
Digunakan untuk melihat tree dari
events dalam sebuah presentasi
yang sama.
2. Channel
Mengadopsi timeline editor. Waktu
akan berjalan dari atas ke bawah
sesuai dengan kolom-kolom yang
direpresentasikan dalam channel
yang digunakan dalam presentasi
tersebut.
tergantung pada masukan sekarang,
melainkan juga pada masukan yang
lalu.Adapun contoh rangkaian yang
termasuk rangkaian sekuensial yaitu FlipFlop, Shift Register, dan Counter.
Flip-flop
Nama lain dari flip-flop adalah
multivibrator bistabil, dimana keluarannya
adalah suatu tegangan rendah (0) atau
tinggi (1). Keluaran ini tetap rendah atau
tinggi selama belum ada masukan yang
mengubah keadaan tersebut.Rangkaian
yang
bersangkutan
harus
di-drive
(dikendalikan) oleh satu masukan yang
disebut pemicu (trigger). Keadaan tersebut
akan berubah kembali bila ada masukan
pemicu lagi.
Gambar 3. Simbol Logika Flip-flop
Tabel 1. Tabel Kebenaran Flip-flop
Gambar 1.Hirarki View
Gambar 2. Channel View
Rangkaian Sekuensial [4]
Suatu rangkaian sekuensial dapat
didefinisikan sebagai rangkaian yang
mempunyai keluaran yang tidak hanya
No.3 , Vol. 2, September – Desember 2011 Mode
Operasi
Masukan
Keluaran
S
R
Q
Q’
Tetap
0
0
Reset
0
1
0
1
Set
1
0
1
0
Larangan
1
1
1
1
Tidak berubah
Register
Sekumpulan sel biner (Flip-Flop) yang
dipakai untuk menyimpan informasi yang
disajikan dalam bentuk sinyal biner
Dilakukan melalui pengaturan keadaan
sejumlah flip-flop dalam register secara
serentak sebagai satu kesatuan.
31 JURNAL INFORMATIKA Gambar 4.Register
flip-flop SR yang akan menampilkan
materi flip-flop SR, lalu melakukan
simulasi flip-flop SR, simulasi diproses
berdasarkan rumus flip-flop SR, dan hasil
akan diterima oleh user sebagai hasil dari
simulasi yang telah dilakukan.
Counter
Counter merupakan rangkaian logika
pengurut, karena counter membutuhkan
karakteristik memori, dan pewaktu
memegang peranan yang penting.
Gambar 5. Counter
PERANCANGAN
Bagian ini membahas mengenai
perancangan perangkat lunak yang
meliputi
diagram
alir
(flowchart),
Storyboard, dan Skenario CMIFed.
Program Utama
Program diawali dengan proses
registrasi terhadap sistem sebelum masuk
pada proses selanjutnya. Pada tahap ini
usermengisi form registrasi dengan data
pribadi user yang digunakan sebagai akses
untuk melakukan proses login.Setelah
login, usermasuk pada tahap pemilihan
menu yang ingin dipelajari. Terdapat
empat buah pilihan antara lain Flip-flop,
Register, Counter dan Test.
Pada gambar 7 diperlihatkan bahwa
Flowchart materi flip-flop memiliki
beberapa sub bagian diantaranya materi
flip-flop, flip-flop SR, flip-flop D, flip-flop
JK, dan flip-flop T. Awalnya memilih
menu flip-flop, lalu materi flip-flop SR
yang menampilkan materi flip-flop, lalu
No.3 , Vol. 2, September – Desember 2011 Gambar 6. Flowchart Program Utama
32 JURNAL INFORMATIKA Gambar 7 Flowchart Menu Flip-flop
Storyboard[6]
Storyboard adalah visualisasi ide dari
aplikasi yang akan dibangun, sehingga
dapat memberikan gambaran dari aplikasi
yang akan dihasilkan.
Gambar 9. Storyboard Halaman Utama
Gambar 9 merupakan storyboard dari
Gambar 8. Storyboard Halaman Login
dan Registrasi
Gambar 8 merupakan storyboard dari
halaman login dan registrasi. Background
pada tampilan ini berwarna abu-abu, tidak
terdapatnya suara, dan memiliki 2 form
isian yaitu login dan registrasi.
No.3 , Vol. 2, September – Desember 2011 halaman utama. Halaman ini memiliki
background berwarna hijau dan putih,
memiliki suara yang diatur oleh tombol
sound, memiliki empat buah tombol
sebagai menu dalam aplikasi multimedia
interaktif, memiliki teks yang berisi
animasi, dan satu buah tombol untuk
keluar dari aplikasi. Empat buah menu
tersebut antara lain, Flip-flop, Register,
Counter, dan Test.
33 JURNAL INFORMATIKA Gambar 10. Storyboard Simulasi
Flip-flop
10 merupakan storyboard dari
simulasi Flip-flop. Halaman ini memiliki
background berwarna hijau dan putih,
memiliki suara yang diatur oleh tombol
sound, memiliki dua buah tombol untuk
memproses
hasil
simulasi
dan
memunculkan tabel kebenaran.
Gambar
Gambar 11. Skenario CMIFed Channel
View Halaman Login dan Registrasi
merupakan skenario
CMIFed dengan tampilan channel pada
halaman login dan registrasi.Keseluruhan
events ditampilkan secara parallel sejak
detik 0 hingga selesai. Empat buah
eventsberjalan secara sekuensial antara
lain title, first name, last name, email,
password, dan submit.
Gambar
SKENARIO
CMIFed
MULTIMEDIA
MODEL
Pada penelitian ini digunakan skenario
model CMIFed dengan tampilan hirarki
untuk
memperlihatkan
presentasi
bersarang
dan
channel
untuk
merepresentasikan presentasi tersebut.
Skenario CMIFed Channel View pada
Halaman Login dan Registrasi
11
Skenario CMIFed Hirarki View pada
Halaman Utama
merupakan skenario
CMIFed dengan tampilan hirarki pada
halaman
utama.Tampilan
hirarki
digunakan untuk melihat tree dari
presentasi sistem.Pada halaman utama
terdapat beberapa tree menu awal antara
lain Flip-flop, Shift Register, Counter, dan
Test.
Gambar
No.3 , Vol. 2, September – Desember 2011 12
34 JURNAL IN
NFORMATIKA Impleementasi Haalaman Utam
ma
Gambar 14
4. Halaman Utama
Ga
ambar 14 m
merupakan haalaman utam
ma
aplikaasi multimeedia interakttif rangkaiaan
sekuennsial.Halam
man ini mem
miliki empat
buah menu yaiitu, Flip-floop, Registeer,
Countter, dan Testt.
Impleementasi Haalaman Flip--flop
Gamba
ar 15 meru
upakan halam
man simulaasi
Gam
mbar 12. Sk
kenario CM
MIFed
Hi
ierarchy Halaman
H
Uta
ama
IMPLEM
MENTASI DAN
D
PENGUJIAN
Implemeentasi
Registrassi
Hallaman
Loogin
dan
Gamb
bar 13. Hal
laman Logi
in dan
Regis
strasi
dari raangkaian flipp-flop SR. Pada
P
halamaan
ini terrdapat form isiian sebag
gai input daari
rangkaian dan forrm isiian seebagai outpuut.
ut dilakukaan
Pemprrosesan terrhadap inpu
oleh tombol hassil. Dalam tampilan inni
pat juga tom
mbol navigassi yang dapat
terdap
menghhubungkan halaman satu dengaan
lainny
ya.
Ga
ambar 15. S
Simulasi Flip-flop
F
Rencaana Pengujiian Alpha
Gamba
ar 13meru
upakan halam
man login
dan registrasi. Halaaman dibanggun sesuai
l
dan
dengan storyboard halaman login
registrasii pada gambbar 7. Padaa halaman
ini terdappat textfield isiian yang dapat user
isi untuk proses login
n dan registrrasi.
No.3 , Vol. 2, Septembeer – Desemberr 2011
Reencana penngujian alphha berfunggsi
untuk mengelom
mpokan selluruh konteen
yang ada di daalam agar dapat
d
dicobba
seluruuhnya.Adapuun spesifik
kasi tersebuut
adalahh.
3
35 JURNAL INFORMATIKA Tabel
Alpha
2.
Kelas Uji
Fungsi Login
Fungsi
Registrasi
Rencana
Pengujian
Hasil pengujian dapat dilihat pada tabel
3.
Butir Uji
Verifikasi email
Verifikasi
password
Verifikasi
tombol
“Submit”
Verifikasi nama
depan
Verifikasi nama
belakang
Verifikasi email
Verifikasi
tombol
“Submit”
Jenis
Pengujian
Black Box
Tabel 3. Pengujian
dan Registrasi
Hal
yang
diuji
Fungsi
Login
Black Box
Fungsi
Registr
asi
Fungsi
Kasus dan hasil uji
Yang
Pengamatan
diharapkan
Kemuncula
n Tampilan
awal
Data
registrasi
Pengujian
Pembelajaran
Login
Kesimpulan
Tampilan
awal muncul
Sukses
Data masuk
ke sistem
Sukses
Verifikasi
Menu
Pada tabel rencana pengujian alpha,
fungsi yang akan diuji adalah fungsi login,
registrasi, verifikasi menu pembelajaran,
dan verifikasi Flip-flop.
Dari hasil pengujian pada verifikasi
menu pembelajaran, diperoleh hasil bahwa
proses verifikasi menu pembelajaran telah
berjalan tanpa adanya kesalahan maupun
error. Hasil pengujian dapat dilihat pada
tabel 4.
Tabel 2. Rencana Pengujian Alpha
Tabel 4.Pengujian Verifikasi Menu
Pembelajaran
Kelas Uji
Butir Uji
Verifikasi
simulasi flipflop
Simulasi “flipflop SR”
Verifikasi Menu
Pembelajaran
Verifikasi
tombol “Flipflop”
Verifikasi
tombol “Shift
Register”
Verifikasi
tombol
“Counter”
Verifikasi
tombol “Test”
Jenis
Pengujian
Black Box
Black Box
Hal yang
diuji
Verifikas
i Menu
Pembelaj
aran
Kasus dan hasil uji
Yang
Pengamatan
diharapkan
Kemunculan
Simulasi flipsimulasi
flop muncul
flip-flop
Kemunculan
Simulasi
simulasi
register geser
register
muncul
geser
Kemunculan
Simulasi
simulasi
pencacah geser
pencacah
muncul
Kemunculan
Simulasi test
simulasi test
muncul
Kesimpul
an
Sukses
Sukses
Sukses
Sukses
Analisa Hasil Pengujian Alpha
Pengujian Fungsi Login dan Registrasi
Dari hasil pengujian pada fungsi login
dan registrasi, diperoleh hasil bahwa
proses login dan registrasi telah berjalan
tanpa adanya kesalahan maupun error.
No.3 , Vol. 2, September – Desember 2011 Dari hasil pengujian alpha dapat
dianalisa
bahwa
tampilan
yang
diujicobakan pada rencana pengujian,
fungsi dan hubungan antar frame dapat
berjalan dengan baik.
36 JURNAL INFORMATIKA Pengujian Beta
KESIMPULAN
Pengujian Beta dilakukan kepada 5
mahasiswa jurusan teknik informatika
ITENAS dengan data pada tabel 5.
Adapun kesimpulan yang dapat
diambil berdasarkan pembahasan tugas
akhir ini antara lain :
Tabel 5. Sample Mahasiswa Uji Beta
Nama Mahasiswa
Mokhammad Siddiq Bakhtiar
Aditya Wira Perkasa
Daniel Herlambang Prasetyo
Herry Syahrial
Yusuf Miftahuddin
Tahun
Angkatan
2007
2007
2011
2007
2011
Berikut adalah beberapa hal yang diuji
pada pengujian.
Tabel 6 Pengujian Beta
Hal yang
diuji
M. Siddiq
Bakhtiar
Aditya Wira
Perkasa
Daniel
Herlambang
Prasetyo
Herry
Syahrial
Yusuf
Miftahuddin
Interface
Aplikasi
Simulasi
Test
Interaktif
Mengerti
Sulit
Interaktif
Mengerti
Mudah
Interaktif
Mengerti
Mudah
Interaktif
Mengerti
Mudah
Sekali
Interaktif
Mengerti
Cukup
Mudah
Analisa Hasil Pengujian Beta
Dari hasil pengujian beta yang telah
dilakukan, dapat dianalisa bahwa user
interface telah interaktif, pada menu
simulasi juga memperlihatkan jika
simulasi rangkaian sekuensial telah
dimengerti oleh mahasiswa, walaupun
pada menu test masih ada mahasiswa yang
sulit untuk memahaminya.
No.3 , Vol. 2, September – Desember 2011 1. Metoda skenario multimedia model
CMIFed telah diimplementasikan
pada
aplikasi
multimedia
pembelajaran dan berfungsi dengan
baik tanpa adanya kesalahan, bug,
maupun error diperlihatkan pada
analisis pengujian alpha.
2. Berdasarkan
hasil
pengujian
betaterhadap beberapa mahasiswa
teknik informatika ITENAS pada
tabel
5
dan
tabel
6disimpulkan bahwa tujuan dari
penelitian ini yaitu memberikan
pembelajaran mengenai rangkaian
sekuensial telah tercapai.
DAFTAR PUSTAKA
1. Ariyanto, Bowo, 2010, “Pembuatan
Program Tutorial Interaktif Operasi
Bilangan dan Pengenalan Gerbang
Logika”.
2. Rakhmatia,
Yune,
Indrawaty,
Youllia, dan Pardede, Jasman,
2011, “Pembangunan Aplikasi
Multimedia
Interaktif
Untuk
Mengetahui Pertumbuhan Balita”.
3. Rossum, Guido van., Jansen, Jack.,
Mullender, K. Sjoerd., Bulterman,
Dick C.A. 1993. CMIFed :A
Presentation Environment for
Portable Hypermedia Document.
ACM Multimedia : CaliforniaUSA.
4. Sutojo, T. Rangkaian Logika.
Ardana Media. Semarang:2007
5. Widhawati, Santi, danYusuf, 2012,
“Pembangunan
Aplikasi
Pembelajaran Membaca Untuk
Balita Menggunakan Adobe Flash
CS4”.
6. Waryanto, Nur Hadi. Storyboard
Dalam
Media
Pembelajaran
Interaktif. Jurusan Pendidikan
Matematika
FMIPA
UNY
37