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
