implementasi skenario multimedia model...

of 10/10

Post on 23-Apr-2018

225 views

Category:

Documents

Embed Size (px)

TRANSCRIPT

• JURNALINFORMATIKA

No.3,Vol.2,SeptemberDesember2011 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

Kata kunci :Skenario Multimedia, Skenario Multimedia Model CMIFed, Rangkaian Sekuensial

• JURNALINFORMATIKA

No.3,Vol.2,SeptemberDesember2011 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

• JURNALINFORMATIKA

No.3,Vol.2,SeptemberDesember2011 30

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.

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.

• JURNALINFORMATIKA

No.3,Vol.2,SeptemberDesember2011 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.

• JURNALINFORMATIKA

No.3,Vol.2,SeptemberDesember2011 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

• JURNALINFORMATIKA

No.3,Vol.2,SeptemberDesember2011 33

Storyboard[6]

Storyboard adalah visualisasi ide dari aplikasi yang akan dibangun, sehingga dapat memberikan gambaran dari aplikasi yang akan dihasilkan.

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.

• JURNALINFORMATIKA

No.3,Vol.2,SeptemberDesember2011 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.

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

.2,Septembe

mbar 12. Skierarchy H

MENTASI D

entasi Halsi

bar 13. HalRegis

ar 13merustrasi. Halastoryboard

erDesember

kenario CMHalaman Uta

DAN PENG

laman Lo

laman Logistrasi

upakan halamaman dibang

n dan registr

JURNALIN

r2011

MIFed ama

UJIAN

ogin dan

in dan

rasi.

NFORMATI

Imple

Gaaplikasekuenbuah Count

Imple

Ga

Renca

KA

ementasi Ha

Gambar 14

ambar 14 masi multimensial.Halam

ementasi Ha

ar 15 meruangkaian fliprdapat form aian dan forrosesan tertombol has

pat juga tomhubungkan ya.

ambar 15. S

ana Penguji

encana penmengelom

alaman Utam

4. Halaman

merupakan haedia interakt

man ini memitu, Flip-flot.

alaman Flip-

upakan halamp-flop SR. Pisiian sebag

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

• JURNALINFORMATIKA

No.3,Vol.2,SeptemberDesember2011 36

Tabel 2. Rencana Pengujian Alpha

Kelas Uji Butir Uji Jenis Pengujian

Verifikasi email

Black Box

tombol Submit

Fungsi Registrasi

Verifikasi nama depan

Black Box

Verifikasi nama belakang

Verifikasi email Verifikasi

tombol Submit

Tabel 2. Rencana Pengujian Alpha

Kelas Uji Butir Uji Jenis Pengujian

Verifikasi simulasi flip-

flop

Simulasi flip-flop SR Black Box

Verifikasi tombol Flip-

flop

Black Box

Verifikasi tombol Shift

Register Verifikasi

tombol Counter Verifikasi

tombol Test

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

Kemunculan Tampilan

awal

Tampilan awal muncul Sukses

Fungsi Registr

asi

Data registrasi

Data masuk ke sistem Sukses

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.

Kasus dan hasil uji Hal yang

diuji Yang

diharapkan Pengamatan Kesimpul

an

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.

• JURNALINFORMATIKA

No.3,Vol.2,SeptemberDesember2011 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

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

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