No.3 , Vol. 2, September – Desember 2011 28
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
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
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
No.3 , Vol. 2, September – Desember 2011 30
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
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.
Tampilan
CMIFed menyediakan dua ‘view’ dalam presentasi antara lain.
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.
Gambar 1.Hirarki View
Gambar 2. Channel View
Rangkaian Sekuensial [4]
Suatu rangkaian sekuensial dapat didefinisikan sebagai rangkaian yang mempunyai keluaran yang tidak hanya
tergantung pada masukan sekarang, melainkan juga pada masukan yang lalu.Adapun contoh rangkaian yang termasuk rangkaian sekuensial yaitu
Flip-Flop, 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 Mode
Operasi
Masukan Keluaran
S R Q Q’
Tetap 0 0 Tidak berubah
Reset 0 1 0 1
Set 1 0 1 0
Larangan 1 1 1 1
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.
No.3 , Vol. 2, September – Desember 2011 32
Gambar 4.Register
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
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.
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 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.
Gambar 9. Storyboard Halaman Utama Gambar 9 merupakan storyboard dari 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,
No.3 , Vol. 2, September – Desember 2011 34
Gambar 10. Storyboard Simulasi Flip-flop
Gambar 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.
SKENARIO MULTIMEDIA MODEL CMIFed
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
Gambar 11. Skenario CMIFed Channel View Halaman Login dan Registrasi
Gambar 11 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.
Skenario CMIFed Hirarki View pada Halaman Utama
Gambar 12 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.
Gam Hi IMPLEM Impleme Registras Gamb Gamba dan regi dengan registrasi ini terdap isi untuk mbar 12. Sk ierarchy H MENTASI D entasi Hal si bar 13. Hal Regis ar 13meru strasi. Hala storyboard i pada gamb pat textfield proses login kenario CM Halaman Uta DAN PENG laman Lo laman Logi strasi upakan halam aman dibang halaman l bar 7. Pada isiian yang n dan registr MIFed ama UJIAN ogin dan in dan man login gun sesuai login dan a halaman dapat user rasi. Imple Ga aplika sekuen buah Count Imple Gamba dari ra ini ter rangk Pempr oleh terdap mengh lainny Ga Renca Re untuk yang seluru adalah ementasi Ha Gambar 14 ambar 14 m asi multime nsial.Halam menu yai
ter, dan Test
ementasi Ha
ar 15 meru angkaian flip rdapat form
aian dan for rosesan ter
tombol has pat juga tom hubungkan ya. ambar 15. S ana Penguji encana pen mengelom ada di da uhnya.Adapu h. alaman Utam 4. Halaman merupakan ha edia interakt man ini mem
itu, Flip-flo t. alaman Flip-upakan halam p-flop SR. P isiian sebag rm isiian se rhadap inpu sil. Dalam mbol navigas halaman Simulasi F ian Alpha ngujian alph mpokan sel alam agar d un spesifik ma Utama alaman utam tif rangkaia miliki emp op, Registe -flop man simula Pada halama gai input da ebagai outpu ut dilakuka tampilan in si yang dap satu denga Flip-flop ha berfung luruh konte dapat dicob kasi tersebu ma an at er, asi an ari ut. an ni at an gsi en ba ut
No.3 , Vol. 2, September – Desember 2011 36
Tabel 2. Rencana Pengujian Alpha
Kelas Uji Butir Uji Pengujian Jenis
Fungsi Login Verifikasi email Black Box Verifikasi password Verifikasi tombol “Submit” Fungsi Registrasi Verifikasi nama depan Black Box Verifikasi nama belakang Verifikasi email Verifikasi tombol “Submit”
Pada tabel rencana pengujian alpha, fungsi yang akan diuji adalah fungsi login, registrasi, verifikasi menu pembelajaran, dan verifikasi Flip-flop.
Tabel 2. Rencana Pengujian Alpha Kelas Uji Butir Uji Pengujian Jenis Verifikasi
simulasi flip-flop
Simulasi
“flip-flop SR” Black Box
Verifikasi Menu Pembelajaran Verifikasi tombol “Flip-flop” Black Box Verifikasi tombol “Shift Register” Verifikasi tombol “Counter” Verifikasi tombol “Test”
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.
Hasil pengujian dapat dilihat pada tabel 3.
Tabel 3. Pengujian Fungsi Login dan Registrasi
Kasus dan hasil uji Hal
yang diuji
Yang
diharapkan Pengamatan Kesimpulan Fungsi Login Kemuncula n Tampilan awal Tampilan
awal muncul Sukses Fungsi
Registr asi
Data
registrasi Data masuk ke sistem Sukses
Pengujian Verifikasi Menu Pembelajaran
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 4.Pengujian Verifikasi Menu Pembelajaran
Kasus dan hasil uji Hal yang
diuji diharapkan Yang Pengamatan Kesimpulan
Verifikas i Menu Pembelaj aran Kemunculan simulasi flip-flop Simulasi
flip-flop muncul Sukses Kemunculan simulasi register geser Simulasi register geser muncul Sukses Kemunculan simulasi pencacah Simulasi pencacah geser muncul Sukses Kemunculan
simulasi test Simulasi test muncul Sukses
Analisa Hasil Pengujian Alpha
Dari hasil pengujian alpha dapat dianalisa bahwa tampilan yang diujicobakan pada rencana pengujian, fungsi dan hubungan antar frame dapat berjalan dengan baik.
Pengujian Beta
Pengujian Beta dilakukan kepada 5 mahasiswa jurusan teknik informatika ITENAS dengan data pada tabel 5.
Tabel 5. Sample Mahasiswa Uji Beta Nama Mahasiswa Angkatan Tahun Mokhammad Siddiq Bakhtiar 2007
Aditya Wira Perkasa 2007 Daniel Herlambang Prasetyo 2011 Herry Syahrial 2007 Yusuf Miftahuddin 2011
Berikut adalah beberapa hal yang diuji pada pengujian.
Tabel 6 Pengujian Beta Hal yang
diuji Interface Aplikasi Simulasi Test M. Siddiq
Bakhtiar Interaktif Mengerti Sulit Aditya Wira
Perkasa Interaktif Mengerti Mudah Daniel
Herlambang
Prasetyo Interaktif Mengerti Mudah Herry
Syahrial Interaktif Mengerti Mudah
Sekali Yusuf
Miftahuddin Interaktif Mengerti Mudah Cukup
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.
KESIMPULAN
Adapun kesimpulan yang dapat diambil berdasarkan pembahasan tugas akhir ini antara lain :
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