JURNAL INFORMATIKA  

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 Sekuensial

JURNAL INFORMATIKA  

No.3 ,  Vol.  2, September – Desember 2011  29  

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

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

JURNAL INFORMATIKA  

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.

JURNAL INFORMATIKA  

No.3 ,  Vol.  2, September – Desember 2011  31  

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.

JURNAL INFORMATIKA  

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 6. Flowchart Program Utama

JURNAL INFORMATIKA  

No.3 ,  Vol.  2, September – Desember 2011  33  

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, Counter, dan Test.

JURNAL INFORMATIKA  

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.

 

No.3 ,  Vol

GamHi

IMPLEM

ImplemeRegistras

Gamb

Gambadan regidengan registrasiini terdapisi untuk

.  2, Septembe

mbar 12. Skierarchy H

MENTASI D

entasi Halsi

bar 13. HalRegis

ar 13merustrasi. Halastoryboard

i pada gambpat textfield proses login

er – Desember

kenario CMHalaman Uta

DAN PENG

laman Lo

laman Logistrasi

upakan halamaman dibang

halaman lbar 7. Padaisiian yang

n dan registr

JURNAL IN

r 2011

MIFed ama

UJIAN

ogin dan

in dan

man login gun sesuai login dan a halaman dapat user

rasi.

NFORMATI

Imple

Gaaplikasekuenbuah Count

Imple

Gambadari raini terrangkPemproleh terdapmenghlainny

Ga

Renca

Reuntuk yang seluruadalah

KA 

ementasi Ha

Gambar 14

ambar 14 masi multimensial.Halam

menu yaiter, dan Test

ementasi Ha

ar 15 meruangkaian fliprdapat form aian dan forrosesan tertombol has

pat juga tomhubungkan ya.

ambar 15. S

ana Penguji

encana penmengelom

ada di dauhnya.Adapuh.

alaman Utam

4. Halaman

merupakan haedia interakt

man ini memitu, Flip-flot.

alaman Flip-

upakan halamp-flop SR. Pisiian sebag

rm isiian serhadap inpusil. Dalam

mbol navigashalaman

Simulasi F

ian Alpha

ngujian alphmpokan selalam agar dun spesifik

3

ma

Utama

alaman utamtif rangkaiamiliki empop, Registe

-flop

man simulaPada halamagai input daebagai outpuut dilakukatampilan in

si yang dapsatu denga

Flip-flop

ha berfungluruh kontedapat dicob

kasi tersebu

35 

ma an at

er,

asi an ari ut. an ni at an

gsi en ba ut

JURNAL INFORMATIKA  

No.3 ,  Vol.  2, September – Desember 2011  36  

Tabel 2. Rencana Pengujian Alpha

Kelas Uji Butir Uji Jenis Pengujian

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 Jenis Pengujian

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

FungsiLogin

Kemunculan 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 Yang

diharapkan Pengamatan Kesimpulan

Verifikasi Menu

Pembelajaran

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.

JURNAL INFORMATIKA  

No.3 ,  Vol.  2, September – Desember 2011  37  

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 Tahun Angkatan

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

SekaliYusuf

Miftahuddin 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.

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