KomuniTi, Vol.IV No.2 Juli 2012
1
TUTORIAL INTERAKTIF RANGKAIAN DASAR ELEKTRONIKA KOMUNIKASI PADA MATA KULIAH DASAR ELEKTRONIKA KOMUNIKASI MENGGUNAKAN MACROMEDIA FLASH 8 Aris Rakhmadi, Umi Fadlilah, Wawan Setiawan Jurusan Teknik Elektro, Jurusan Informatika Universitas Muhammadiyah Surakarta E-mail:
[email protected] ABSTRAK Pembelajaran interaktif adalah suatu pembelajaran yang dilengkapi dengan alat pengontrol yang dapat dioperasikan oleh pengguna, sehingga pengguna dapat memilih apa yang dikehendaki untuk proses selanjutnya. Program pembelajaran Tutorial Interaktif Rangkaian Dasar Elektronika Komunikasi Pada Mata Kuliah Dasar Elektronika Komunikasi Menggunakan Macromedia Flash 8 dan pemrograman action script adalah merupakan aplikasi desktop yang tampilan selanjutnya berisi menu yang berupa bab-bab dari modul pembelajaran, setiap menu memiliki link. Saat suatu link diclick, maka link akan membawa program ke tujuan dari link tersebut atau yang berupa movie clipt, di dalam movie clipt itu sendiri terdapat berbagi jenis animasi. Program ini diharapkan dapat memacu kreatifitas, sehingga setelah mempelajari dan mengikuti modul atau pembelajaran ini mahasiswa dapat memahami konsep dari rangkaian dasar komunikasi terutama pada mata kuliah dasar elekronika komunikasi.
Kata Kunci : Edukasi, Macromedia Falsh 8, Pembelajaran.
dunia komputer maka penggunaan komputer
PENDAHULUAN Perkembangan dunia komputer saat ini begitu
pesat,
pada
awalnya
komputer
digunakan sebagai alat penghitung untuk keperluan
matematis
saja.
Seiring
perkembangan jaman dan semakin majunya
pun semakin beragam. Multimedia merupakan salah satu hasil dari perkembangan dunia komputer, dimana komputer digunakan untuk menggabungkan berbagai informasi antaralain suara,
teks,
dan
gambar,
sehingga
KomuniTi, Vol.IV No.2 Juli 2012
2
menghasilkan suatu informasi yang menarik
komunikasi pada mata kuliah elektronika
dan lebih mudah dipahami. Bentuk dari
komunikasi menggunakan macromedia flash
perkembangam
ini
8 merupakan program aplikasi dekstop yang
berbagai
dirancang untuk tujuan pendidikan. Program
tutorial dan modul pembelajaran interaktif.
ini dibuat dalam bentuk kepingan CD sehingga
Modul pembelajaran interaktif merupakan
file-file yang ada bersifat read-only yang tidak
suatu metode pembelajaran terbaru yang
dapat dirubah ataupun dihapus dan tidak
diharapkan dapat meningkatkan pemahaman
terdapat database didalamnya. Program ini
dengan cepat.
akan digunakan pada mahasiswa khususnya
ditunjukkan
multimedia
dengan
sekarang
munculnya
Macromedia
flash
8
profesional
merupakan salah satu software yang dapat digunakan
untuk
membuat
Mahasiswa Teknik Elektro UMS (Universitas Muhammadiyah Surakarta).
modul
Suatu
program
interaktif
harus
pembelajaran interaktif. Didukung dengan
dirancang sedemikian rupa agar menghasilkan
software
sound
program yang menarik, mudah diikuti, dan
recorder dan pemrograman action script
dipahami sehingga para mahasiswa akan
diharapkan
merasa
program
video
akan
editing,
menghasilkan
modul
lebih
nyaman
dalam
Pengertian
mengikuti
pembelajaran interaktif yang bagus, bermutu
perkuliahan.
pembelajaran
dan mudah dipahami serta mudah diikuti.
interaktif berbasis multimedia merupakan
Salah satu modul yang akan dijadikan
metode terbaru yang mulai dikembangkan saat
pembelajaran interaktif adalah Mata Kuliah
ini untuk berbagai keperluan dalam dunia
Elektro Komunikasi khususnya Rangkaian
pendidikan, karena adanya kemajuan dalam
Dasar
dunia informasi teknologi komunikasi (ITC).
Komunikasi.
Konsep
dari
modul
pembelajaran interaktif ini adalah bagaimana
Konsep
dasar
pembelajaran
berbasis
membuat mahasiswa merasa nyaman dalam
multimedia adalah memanfaatkan kegunaan
mengikuti perkuliahan, maka itu diperlukan
komputer sebagai alat-alat untuk menyajikan
suatu desain program yang menarik dan
pendidikan dengan menggabungkan berbagai
penjelasan yang lengkap dari modul yang ada.
unsur-unsur yang terintegrasi dalam sebuah aplikasi, diantaranya bentuk visual yang
LANDASAN TEORI
menarik, baik yang berupa gambar (image)
1.
maupun animasi dan suara.
Pengertian Pembelajaran Interaktif Tugas akhir
interaktif
rangkaian
modul pembelajaran dasar
elektronika
KomuniTi, Vol.IV No.2 Juli 2012
2.
3
ROM, dengan sistem informasi Windows
Desain dan Animasi Pada saat ini animasi sudah menjadi
XP Servis Pack 2 dan mix/speaker.
elemen yang paling mendukung tampilan halaman
web,
presentasi
dan
modul
b. Kebutuhan Perangkat Lunak (Software) Software
pembelajaran interaktif. Hal ini dikarenakan animasi
dapat
memfokuskan
Animasi
Macromedia
pandangan
Flash 8 Profesional merupakan software
audien pada tampilannya. Sebagai contoh di
aplikasi yang digunakan untuk mendesain
dalam suatu halaman web yang disisipkan
dan membangun suatu animasi, perangkat
animasi logo yang berputar, atau iklan yang
presentasi, publikasi atau aplikasi lainnya
diberikan animasi, tentunya dapat menarik
yang membutuhkan ketersediaan sarana
pandangan mata audien pada obyek yang
interaksi dengan penggunanya. Selanjutnya
dianimasi tersebut.
adalah Action Script 2.0 merupakan bahasa
Pergeseran obyek tersebut dari posisi
pemrograman
yang
dirancang
untuk
awal ke posisi akhir tentunya membutuhkan
memudahkan programmer untuk membuat
durasi
waktu
aplikasi berbasis flash. Keuntungannya
pergeseran tersebut ditentukan selama 5 detik,
antara lain untuk aplikasi navigasi pada
maka animasi akan berjalan selama 5 detik
suatu situs atau presentasi, menghemat
dengan menampilkan pergeseran obyek dari
ukuran file, membuat hal-hal yang bersifat
posisi awal ke posisi akhir.
interaktif.
waktu
tertentu.
Misalnya
Dan
juga
software
adobe
photoshop CS 2 yang merupakan software 3.
Instalasi Software dan Hardware untuk
pengolah grafis yang dapat mengolah
Desain serta Animasi
berbagai tipe file seperti bitmap dan vektor,
a. Kebutuhan Perangkat keras (Hardware)
Sofware
lain
juga
seperti
swis
2.0,
interaktif
macromedia flash projector dan cool edit
rangkaian dasar elektronika komunikasi
pro 2.0 yang merupakan program pengolah
pada mata kuliah elektronika komunikasi
suara yang bisa mengkompresi file suara
menggunakan macromedia flash 8. Piranti
manjadi
yang penulis gunakan berupa Piranti yang
diantaranya adalah Mp3, wav, aac, dll.
Modul
pembelajaran
beberapa
format
sound,
penulis gunakan berupa 1 unit komputer Prosesor Intel Pentium 4 CPU 2.00Ghz, Memori RAM 256MB, Hard Disk 40GB ATA, piranti multimedia DVD-RW/CD-
PERANCANGAN PROGRAM Pembuatan Interaktif
Modul
Rangkaian
Dasar
Pembelajaran Elektronika
KomuniTi, Vol.IV No.2 Juli 2012
Komunikasi pada Mata Kuliah Elektronika
4
software Macromedia Flash 8.
Komunikasi menggunakan Macromedia Flash 8 ini diharapkan mahasiswa dapat termotivasi
a. Flowchart Perancangan Program
dalam memahami materi pembelajaran karena
Proses
kerja
modul
pembelajaran
pembelajaran disampaikan secara interaktif
interaktif rangkaian dasar resonanasi pada
dan menyenangkan, sehingga akan terjadi
mata
peningkatan kualitas dalam pembelajaran.
menggunakan Macromedia Flash 8 ditunjukan
Tahapan dalam perancangan tutorial ini adalah
pada gambar 1
kuliah
elektronika
komunikasi
sebagai berikut :
1. Peralatan Bahan yang penulis gunakan dalam penelitian ini adalah berupa data yang didapat dari buku karya Kurniawan Yahya dengan judul Belajar Sendiri Macromedia Flash 8 dan buku karya Tim Penelitian dan Pengembangan Wahana Komputer dengan judul Pembuatan Animasi Web dengan Macomedia Flash MX sebagai pedoman perancangan dan pembuatan Sistem Informasi berbasis multimedia yang interaktif. Piranti yang penulis gunakan berupa 1 unit komputer Prosesor Intel Pentium 4 CPU 2.00Ghz, Memori RAM 256MB, Hard Disk 40GB
ATA,
RW/CD-ROM,
piranti dengan
multimedia sistem
Gambar 1. Flowchart Sistem Perancangan
DVD-
informasi
Windows XP Servis Pack 2 dan mix/speaker.
b. Proses Pembuatan Program Proses
pembuatan
program
ini
dilakukan dengan menggunakan komputer 2.
Perancangan dan Pembuatan Program Perancangan dan pembuatan aplikasi
tutorial
Interaktif
Rangkaian
dengan berbagai software sesuai dengan konsep dan tipe file yang kita inginkan. Proses
Dasar
pembuatan program ini dapat digolongkan
Elektronika Komunikasi pada Mata Kuliah
beberapa proses sesuai dengan pembuatan type
Elektronika
file yang mendukung program diantaranya
Komunikasi
menggunakan
KomuniTi, Vol.IV No.2 Juli 2012
adalah
proses
yang
program dikarenakan bagi penulis program
ini,
tersebut adalah yang paling familiar dan
kemudian memproses suara-suara yang di
tidak terlalu sulit dalam proses pembuatan
inginkan dengan merekam suara.
image-nya.
merupakan
pembuatan
konsep
dasar
image
5
program
Selanjutnya adalah proses pembuatan animasi yang disertai integrasi suara, image dan beberapa bahasa pemprograman untuk membuat program ini menjadi interaktif. Pada proses terakhir yaitu membuat file autorun pada CD sehingga begitu CD dijalankan progam akan berjalan secara otomatis. Gambar 2. Proses pengolahan image
(a) Pembuatan Image Pembuatan image yang dibutuhkan dalam pembuatan program ini mempunyai format
(b)Pembuatan dan pengolahan Sound
JPEG. Image yang merupakan konsep dasar
Pembuatan sound yang diperlukan untuk
program ini dibuat menggunakan software
mengisi berbagai suara dalam program ini
Adobe
ini
didapatkan dengan mengambil dari koleksi
mempunyai ukuran 1024 dan 768 pixel
pribadi, dan merekam langsung beberapa
dengan resolusi 28.346 pixel/cm dan mode
suara
color adalah RGB. Pemilihan ukuran ini
diperlukan dalam program ini berformat
dipilih agar dalam pembuatan program ini
MP3 dan WAV.
Photoshop
CS2.
Image
yang
dibutuhkan.
Suara
yang
dapat disesuaikan dengan ukuran default software Macromedia Flash 8, sehingga
(c) Pembuatan Animasi
didapatkan ukuran fullscreen yang tepat
Pembuatan animasi dalam program ini
yang bisa dijalankan pada resolusi terendah
menggunakan Macromedia Flash 8 yang
( 800 dan 600 pixel ) pada resolusi layar
menyertakan
monitor. Adobe Photoshop CS2 digunakan
mendukung
untuk mengolah image yang diperlukan
pemrograman dan mempermudah dalam
agar mendapatkan pengolahan gambar yang
navigasi untuk menjalankan sound, movie
stabil dan menarik. Penggunaan software
clip dan button. Dalam Macromedia flash 8
tersebut merupakan pilihan dari perancang
file yang dapat diolah merupakan file
Action
script
pengaplikasian
2.0
untuk bahasa
KomuniTi, Vol.IV No.2 Juli 2012
6
berformat FLA, SWF, JPEG, AI, WMF,
komputer secara otomatis. Untuk membuatnya
MP3,
2.0
penulis menggunakan software Notepad yang
digunakan untuk membuat animasi yang
ada dalam Windows XP. Dalam software
lebih cepat dan efisien karena dalam Swish
Notepad
2.0
seperti berikut :
WAV.
sudah
Sedangkan
disediakan
Swish
template
untuk
penulis menuliskan action script
mengolah animasi. Berikut ini adalah
[autorun]
urutan langkah-langkah pembuatan animasi
open=modul_.exe
dalam program ini.
icon=autorun.ico
Dalam action script tersebut berguna untuk menjalankan fungsi autorun dengan membuka file modul_.exe. Dalam file notepad itu nantinya akan disimpan sebagai file autorun.inf.
Gambar 3. Proses pembuatan animasi
c. Pendistribusian
Gambar 4. Isi file autorun.inf
Yang dimaksud dalam pendistributian program yaitu proses akhir dimana program ini siap dimanfaatkan atau digunakan oleh mahasisiwa atau khalayak umum. Dalam proses ini penulis menempatkan seluruh file yang mendukung program ini ke dalam sebuah CD atau removable disk. CD ini nantinya akan menjadi sebuah CD interaktif sebagai modul pembelajaran interaktif. Dalam CD tersebut penulis membuat sebuah file yang berguna untuk menjalankan fungsi autorun pada CD tersebut. Fungsi tersebut akan menjalankan file modul_.EXE bila CD dimasukkan ke dalam
ANALISA PROGRAM Modul Pembelajaran Interaktif Rangkaian Dasar Elektronika Komunikasi pada Mata Kuliah Elektronika Komunikasi Menggunakan Macromedia Flash 8 ini dapat diakses oleh komputer bersistem Operasi Windows versi manapun, karena aplikasi ini merupakan sebuah
program
berekstensi
*.exe
(executable). Dalam program ini merupakan integrasi beberapa movie dan beberapa audio
KomuniTi, Vol.IV No.2 Juli 2012
7
visual yang terangkai menjadi sebuah modul
proses pembacaan file-file yang berada di
pembelajaran yang interaktif.
dalam CD modul pembelajaran.
Spesifikasi
minimum
yang dibutuhkan
untuk menjalankan program ini adalah sebuah
KESIMPULAN
komputer bersistem Windows versi 98
ke
Setelah melalui tahap pengujian sistem, maka
atas, 128 RAM, CD ROM, 500 MB ruang
didapat hasil aplikasi yang diinginkan dan
kosong pada hardisk, dan speaker aktif.
sesuai dengan tujuan sistem ini dibuat.
Setelah selesai proses perancangan dan pembuatan pengujian
program, untuk
maka
setiap
dilakukan
proyek.
1. Berdasarkan
pengujian
yang
telah
dilakukan, dapat dibuktikan bahwa Tutorial
Tujuan
Interaktif Rangkaian Dasar Elektronika
pengujian ini adalah untuk mengetahui apakah
Komunikasi Pada Mata Kuliah Dasar
program dapat berfungsi sebagaimana yang
Elektronika
diharapkan atau tidak.
Macromedia Flash 8 dapat berjalan sesuai
Komunikasi
Menggunakan
Pada proses pengujian sementara dilakukan
perancangan. Maka dengan adanya aplikasi
dengan mencoba secara detail setiap halaman
ini, proses pembelajaran elektronika dasar
aplikasi
movie,
yang melibatkan tampilan audio visual,
sound, dan halaman program ini agar bisa
sound, movie dan yang lain-lainnya telah
berjalan maksimal. Pengujian yang dilakukan
sesuai dengan tujuan dibuatnya program
meliputi,
tersebut.
yang ditampilkan meliputi
pengujian
terhadap
berjalannya
program pada sistem, dan berbagai integrasi yang terangkum dalam program tersebut yaitu, movie,
sound,
dan
action
script
2. Aplikasi
pembelajaran
interaktif
yang
menggunakan macromedia flash 8 yang
mendukung halaman animasi dapat berjalan
melibatkan tampilan audio visual, sound,
dengan harapan dan berfungsi dengan baik.
movie dan yang laianya ini, diharapkan
Adapun dalam proses pemakaian, program
mahasiswa
dapat
termotivasi
dalam
ini tergolong mudah, hal ini dapat dilihat
memahami materi pembelajaran karena
dengan mode yang dipakai untuk belajar, yaitu
pembelajaran disampaikan secara interaktif
bisa dimainkan secara langsung tanpa harus
dan menyenangkan, sehingga akan terjadi
melalui proses penginstalan program.
peningkatan kualitas dalam pembelajaran.
Kita juga harus melihat kondisi CD-ROM yang baik, sehingga tidak memperlambat
KomuniTi, Vol.IV No.2 Juli 2012
8
DAFTAR PUSTAKA
Fanani, Zainal. Hardiyati, Diana 2009. Membuat Game Aritmatika dengan Flash, Diginnovac. Bunafit Komputer 2008. 50 Kreasi Efek dan Animasi Teks dengan Flash CS3. Yogyakarta. Dickywirasamodra
2008.
Multimedia
Pembelajaran
Interaktif,
http://didikwirasamodra.wordpress.com/2008/09/05/multimedia pembelajaran interaktif. Hidayatullah P, M. Amarullah Akbar, Zaky Rahim, Making Education Animational Using Flash Roddy, Dennis, Coolen, John. Elektronika komunikasi. Jubilee Enterprise 2007. Membuat Company Profile Dengan Flash. Jakarta:Elexmedia komputindo. Gunawan, Dedi 2008. Modul pembelajaran interaktif elektronika dasar untuk program keahlian teknik audio video SMK Muhammadiyah 1 Sukoharjo menggunkan macromedia flash 8. Universitas Muhammdiyah Surakarta. Pramita, Yanis Oktri 2003. Tutorial Flash MX bagi Pemula. www.ilmukomputer.com. Dimas 2004. Action Script pada Flash MX. www.ilmukomputer.com.
