Jurnal Manajemen Informatika dan Teknik Komputer

Volume 2, Nomor 2, Oktober 2017

PERANCANGAN MEDIA PEMBELAJARAN INTERAKTIF

TATA CARA SHALAT JENAZAH BERBASIS MULTIMEDIA

Havid Syafwan1, Pristiyanilicia Putri2, As Syifa Nurmi3

1,3)
Manajemen Informatika, AMIK Royal Kisaran,
2)
Sistem Informasi, STMIK Royal Kisaran
Jl. Imam Bonjol No.179 Kisaran, Telp: 0623-42451, Faksimili: 0623-42366
Email: [email protected], [email protected], [email protected]

Abstrak
Teknologi Informasi dan Komunikasi (TIK) pada saat sekarang ini telah berkembang begitu pesat
diberbagai aspek kehidupan, salah satunya pada bidang pendidikan. Komputer merupakan media yang
mendukung perkembangan TIK dan sebagai sarana pembelajaran berbasis multimedia yang bersifat interaktif
sehingga para pengguna dapat menyerap informasi dengan cepat dan efisien. Selain itu juga dibutuhkannya
suatu sistem cara belajar mengajar yang baru yang lebih menarik dan efektif yang sangat mendukung dalam
kualitas serta mutu belajar mengajar karena sudah semangkin canggih dan berkembangnya ilmu pengetahuan
dan teknologi komputerisasi.
Pada penelitian ini dibahas mengenai media pembelajaran pada mata pelajaran pendidikan Agama Islam
dengan materi tata cara Shalat jenazah. Metode ceramah yang sebelumnya digunakan oleh guru-guru pada
umumnya menggunakan buku pendamping yang kurang menarik sehingga mengkibatkan siswa-siswi kurang
mampu menghafal bacaan shalat jenazah. Penelitian ini dimaksudkan untuk memberikan salah satu solusi
pengajaran mata pelajaran pendidikan Agama Islam untuk siswa-siswi Sekolah dasar dengan cara yang lebih
mudah dan menyenangkan. Sedangkan masalah yang dihadapi disini adalah bagaimana merancang media
pembelajaran interaktif sebagai salah satu media pembelajaran alternatif pendukung proses belajar mengajar
disekolah yang mudah dipahami secara materi dan memudahkan siswa untuk melihat sesuatu atau objek yang
nyata. Metode awal yang digunakan adalah riset pembelajaran yang sudah ada dari aspek kemudahan
penyampaian materi maupun secara tampilan visual yang menarik, hal ini melibatkan berbagai pihak sehingga
pengumpulan data pun dibagi dalam beberapa metode yaitu observasi, wawancara mendalam, serta studi
pustaka.
Wujud dari penelitian dan perancangan ini adalah sebuah Aplikasi multimedia pembelajaran interaktif
menggunakan Adobe Flash CS6. Dari keseluruhan hasil yang dicapai diharapkan memberikan nilai lebih untuk
membantu para pendidik dalam memberikan pendidikan Agama Islam yang menarik, menyenangkan dan mudah
dipahami untuk meningkatkan prestasi belajar siswa-siswi Sekolah Dasar.

Kata kunci: Media Pembelajaran, tata cara shalat jenazah, AdobeFlash CS6, Multimedia

1. PENDAHULUAN video dan lain-lain dapat dikembangkan sendriri.

Pada saat ini informasi sudah menjadi Dengan adanya teknologi multimedia ini berbagi
kebutuhan dasar bagi setiap orang dan menjadi kepentingan didunia bisnis, pendidikan dan hiburan
fasilitator utama bagi kegiatan – kegiatan yang dalam mencapai tujuannya akan lebih mudah.
memberikan andil besar terhadap perubahan yang Dengan teknologi informasi yang berbasis
mendasar pada pola pikir manusia. Perkembangan multimedia diharapkan bisa memberikan peranan
dalam bidang ilmu teknologi dan informasi yaitu penting dalam proses menyalurkan informasi.
komputer apa yang di inginkan manusia bisa lebih Informasi diserbaluaskan melalui banyak cara salah
cepat dikerjakan, mudah dan efesien. satunya dengan aplikasi multimedia, khususnya
Perkembangan dalam bidang teknologi khususnya dibidang pendidikan. Apabila membahas tentang
komputer juga telah membuka peluang yang luas mutu pendidikan maka tidak lepas dari kegiatan
kepada para pakar dan para pengambil keputusan, belajar mengajar. Kegiatan belajar mengajar di
baik yang menyelesaikan semua permasalahannya sekolah merupakan kegiatan yang paling penting
dengan menggunakan komputer. Hal ini dan mendasar. Jadi berhasil atau tidaknya tujuan
dikarenakan didalam komputer terdapat beberapa pendidikan bergantung pada bagaimana proses
macam aplikasi yang bisa digunakan. belajar yang dialami siswa sebagai peserta didik.
Pada saat ini, kemampuan komputer dapat Perancangan media pembelajaran Interaktif
dimanfaatkan diberbagai bidang untuk mengajar, merupakan sebuah aplikasi yang praktis, efektif,
memberikan informasi dan menyajikan hiburan menarik, dan dapat membantu para guru dalam
melalui multimedia sesuai dengan kepengtingan memberi materi kepada anak didiknya khususnya
pengguna. Penyajian pengguna tidak hanya tentang pelajaran tata cara shalat jenazah agar siswa
mencakup informasi dari televisi tetapi image, lebih mudah memahami shalat jenazah dengan baik

118
 Havid Syafwan, dkk,. Perancangan Media Pembelajaran Interaktif Tata Cara
Shalat Jenazah Berbasis Multimedia

dan benar. Dengan adanya media pembelajaran grafik yang ditimbulkan untuk menarik respon yang
berbasis multimedia ini tentunya akan membuat aktif dalan penyajiannya.
proses belajar mengajar menjadi lebih menarik dan Selanjutnya bahwa “media belajar/
diharapkan dapat meningkatkan motivasi serta hasil pembelajaran adalah komponen sumber belajar
belajar siswa. atau wahana fisik yang mengandung materi
instruksional di lingkungan siswa yang dapat
Permasalahan merangsang siswa untuk belajar.” (Arsyad
Permasalahan dari penelitian ini antara lain : 2007:5).
1. Bagaimana cara merancang dan membuat
media pembelajaran tata cara shalat jenazah 2.3 Multimedia
dengan menggunakan adobe flash cs6? 2.3.1. Definisi Multimedia
2. Bagaimana cara mengkolaborasikan elemen Didalam buku yang ditulis oleh M. Suyanto
teknologi multimedia yang ada menjadi satu yang berjudul “Multimedia alat untuk
animasi yang aplikatif dan user friendly meningkatkan keunggulan bersaing” defenisi
(mudah digunakan oleh pengguna)? multimedia adalah “kombinasi dari komputer dan
video atau Multimedia secara umum merupakan
Tujuan Penelitian kombinasi tiga elemen, yaitu suara, gambar, teks
Tujuan yang ingin dicapai dalam penelitian ini atau Multimedia adalah kombinasi dari paling
adalah: sedikit dua media input atau output dari data,
1. Dapat merancang sebuah media pembelajaran media ini dapat audio (suara, musik), animasi,
tata cara shalat jenazah dengan menggunakan video, teks, grafik dan gambar atau Multimedia
adobe flash cs6 merupakan alat yang dapat menciptakan presentasi
2. Dapat mengkolaborasikan elemen multimedia yang dinamis dan interaktif yang
yang ada menjadi satu animasi yang aplikatif mengkombinasikan teks, grafik, animasi, audio dan
dan user friendly (mudah digunakan oleh gambar video”.
pengguna). Definisi yang lain dari multimedia, yaitu
dengan mendapatkannya dalam konteks,
2. METODE PENELITIAN mutlimedia adalah pemanfaatan komputer untuk
2.1 Perancangan membuat dan menggabungkan teks, grafik, audio,
Dalam Kamus Besar Bahasa Indonesia perancangan gambar bergerak (video dan animasi) dengan
adalah “Proses, cara, pembuatan dalam menggabungkan link dan tool yang memungkinkan
merancang”. (KBBI 2008 : 1139). Sedangkan pemakai melakukan navigasi, berinteraksi,
menurut sumber yang penulis peroleh dari berkreasi dan berkomunikasi.
perpustakaan digital Universitas Komputer Dalam definisi ini terkandung empat
Indonesia bahwasannya “Perancangan adalah suatu komponen penting multimedia. Pertama, harus ada
kegiatan yang memiliki tujuan untuk mendesain komputer yang mengkoordinasi apa yang dilihat
sistem baru yang dapat menyelesaikan masalah- dan didengar, yang berinteraksi dengan kita. Kedua
masalah yang dihadapi perusahaan yang diperoleh harus ada link atau koneksi yang menghubungkan
dari pemilihan alternatif sistem yang terbaik”. kita dengan informasi. Ketiga, harus ada alat
2.2Animasi Interaktif navigasi yang memandu kita, menjelajah jaringan
Kata animasi berasal dari bahasa latin anima informasi yang saling terhubung. Keempat,
yang secara harfiah berarti ‘dihidupkan’, Secara multimedia menyediakan tempat kepada kita untuk
lebih khusus pengertian animasi adalah “satu proses mengumpulkan, memproses, dan
menghidupkan atau memberikan gambar yang mengkomunikasikan informasi dan ide kita sendiri.
dapat bergerak kepada suatu yang berawal static
agar terlihat hidup dan dinamik. Dalam Kamus 2.3.2. Objek Multimedia
Besar Bahasa Indonesia animasi adalah “acara Terdapat “enam komponen multimedia, yaitu
televisi yang berbentuk rangkaian lukisan atau teks, grafis, bunyi, video, animasi, dan software”.
gambar yg digerakkan secara mekanik elektronis Sebagai berikut :
sehingga tampak di layar menjadi bergerak” (KBBI,
2008:1139). Sedangkan interaktif dalam Kamus 1. Teks
Besar Bahasa Indonesia adalah “bersifat saling Bentuk data multimedia yang paling mudah
melakukan aksi, antar-hubungan, saling aktif”. dan disimpan dan dikendalikan adalah teks. Teks
Seels dan Glasgow menyatakan bahwa “animasi merupakan yang paling dekat dengan kita dan
interaktif adalah proses penyampaian yang paling banyak kita lihat. Teks dapat membentuk
menyajikan dalam bentuk video, atau gambar yang kata, surat atau narasi dalam multimedia yang
dapat bergerak dengan pengendalian yang menyajikan bahasa kita. Kebutuhan teks bergantung
dilakukan oleh komputer kepada para penonton pada kegunaan aplikasi multimedia. Misalnya game
dengan tidak hanya menonton namun juga dengan membutuhkan teks lebih sedikit. Sedangkan
adanya audio yang dapat didengar, sekaligus efek ensiklopedi membutuhkan teks lebih banyak.

119
 Havid Syafwan, dkk,. Perancangan Media Pembelajaran Interaktif Tata Cara
Shalat Jenazah Berbasis Multimedia

Secara umum ada empat macam teks, yaitu teks 3.1.1 Pengumpulan Materi
cetak, teks hasil scan, teks elektronis, dan Materi yang dimaksud adalah gambar-
hypertext. gambar tata cara sholat jenazah atau gerakan sholat
2. Grafis jenazah serta rekaman suara dan bacaan sholat
Grafis seringkali muncul sebagai latar belakang jenazah yang diperlukan untuk pembuatan aplikasi
suatu teks untuk menghadirkan kerangka yang ini.
mempermanis teks. Gambar juga dapat berfungsi
sebagai ikon, yang bila dipadu dengan teks, 3.1.2 Proses Editing
menunjukkan berbagai opsi yang bisa dipilih, atau Didalam proses pembuatan media
gambar juga dapat muncul secara full screen pembelajaran ini, editing yang dilakukan tidak
menggantikan teks. Grafis sering digunakan karena hanya memerlukan satu perangkat lunak, tetapi
lebih menarik perhatian. dilakukan dengan beberapa perangkat lunak. Untuk
3. Suara lebih jelasnya, proses pembuatan/editing media
Ada tiga belas jenis objek bunyi yang dapat pembelajaran tersebut dapat dilihat pada gambar 2
digunakan dalam produksi multimedia, yakni berikut.
format wave form audio, aiff, dat, ibk, mod, rmi,
sbi, snd, voc, au, MIDI sound track, compact disc
audio, dan MP3 file.
4. Video
“Video adalah teknologi pemrosesan gambar Gambar 2. Proses Editing
sinyal elektronik yang mewakilkan gambar
bergerak” (Iwan Budianto, 2005 : 179). Video a. Pengeditan Aplikasi dengan Adobe Photoshop
menyediakan sumber daya yang kaya dan hidup CS3
bagi aplikasi multimedia. Ada empat macam video Dalam proses editing ini background dan
yang dapat digunakan sebagai objek link dalam tampilan-tampilan aplikasi ini didesain, kemudian
aplikasi multimedia, yaitu live video feeds, dilanjutkan dengan proses layouting atau
videotape, videodisc, dan digital video. mendesain tata letak materi.
5. Animasi dalam Multimedia
Animasi merupakan penggunaan komputer b. Pengeditan Aplikasi dengan Adobe Flash CS6
untuk menciptakan gerak pada layar. Ada sembilan Adobe Flash CS6 digunakan untuk menyusun
macam animasi, yaitu animasi sel, animasi frame, semua materi yang telash disiapkan menjadi file
animasi sprite, animasi lintasan, animasi spline, multimedia Flash. Pembuatan media pembelajaran
animasi vektor, animasi karakter, animasi ini memerlukan satu file utama yaitu “Aplikasi
computational, dan morphing. Utama.swf”, dan folder sound (tempat meletakkan
6. Software dan Data file yang berhubungan dengan suara atau musik).
Salah satu konsep paling ampuh dalam Berikut proses pembuatan Aplikasi Utama.swf:
multimedia adalah ketergantungan serempak yang 1. membuat file baru dari menu “ File – New”,
dapat dicapai dengan menciptakan link keberbagai memilih Flash file (ActionSript 2.0). save As
dokumen dan dataset. Saat pemakai memicu satu “Aplikasi Utama.fla” ini pada folder yang
link kesuatu dokumen word processor, seperti file sama file – file materi pendukung lainnya.
.doc, di Microsoft Word misalnya, maka komputer 2. Membuat ukuran lembar kerja pada menu
akan secara otomatis meluncurkan aplikasi “properties” menjadi width 600 px hight 400
perangkat lunak (pada contoh ini MS.Word) dan px.
menggunakannya untuk menampilkan dokumen 3. Membuat baground dengan cara memilih menu
yang dimaksud. Begitu pula, sebuah link kesebuah “ file – import – import to library” dan pilih
file .xls di Excel untuk menampilkan spreadsheet beberapa gambar yang sudah disediakan untuk
tersebut. dijadikan latar belakang pada media
pembelajaran ini. Kemudian masukkan gambar
3. HASIL DAN PEMBAHASAN dari “Library” kedalam timeline lembar kerja
3.1 Membuat Aplikasi dengan cara men-drag. seperti yang terlihat
Dalam membuat media pembelajaran ini pada gambar 3.
dibagi menjadi dua proses, yaitu proses
pengumpulan bahan/materi dan proses editing
dengan menggunakan beberapa software.

Gambar 1 . Proses Produksi Aplikasi.

Gambar 3. Pembuatan Background

120
 Havid Syafwan, dkk,. Perancangan Media Pembelajaran Interaktif Tata Cara
Shalat Jenazah Berbasis Multimedia

4. Membuat tampilan awal yaitu menu utama tata cara shalat jenazah. Contoh quis ini berupa
media pembelajaran tata cara shalat jenazah, soal pilihan ganda, setiap jawaban benar
dapat diawali dengan membuat sebuah layer mendapatkan nilai 10.
pada lembar kerja adobe flash tepatnya pada
frame 1, seperti yang terlihat pada gambar 4.

Gambar 6. Quis Pilihan Ganda

Gambar 4. Pembuatan Menu Utama 3.2 Implementasi Program

Didalam mengimplementasikan media
5. Membuat layout materi, layout ini berisikan pembelajaran berbasis multimedia dengan aplikasi
gambar-gambar dan tata cara shalat jenazah. adobe flash CS6 ini, perlu dilakukan uji coba
Membuat dengan cara memilih menu”file- kembali apakah setiap bagian-bagian atau
import-import to library” dan pilih gambar komponen-komponen program tersebut dapat
sebagai latar belakang dan juga gambar tentang berjalan dengan baik sesuai yang dirancang atau
shalat jenazah yang sudah di import untuk tidak. Carannya dengan menekan pada keyboard
dijadikan isi materi pada media pembelajaran “ctrl + enter”.
ini. Kemudian masukkan gambar dari “library” Berikut ini adalah tampilan disaat kita
kedalam timeline lembar kerja dengan men- menjalankan aplikasi tersebut :
drag.
1. Halaman Menu

Gambar 5. Pembuatan Materi.

Gambar 7. Tampilan Menu Utama
6. Masukkan musik background sebagai pengisi
suara pada bagian materi. Masukkan musik 2. Halaman menu materi
background dengan cara membuat terlebih
dahulu layer bernama “sound” selanjutnya
pilih menu “file- import- import to library”
dan pilih sebuah file musik mp3 yang sudah
disediakan untuk dijadikan musik background
pada media pembelajaran ini. Kemudian
masukkan musik mp3 tersebut dari “library”
kedalam layer “sound” didalam lembar kerja
dengan cara men-drag dan pada library
lakukanlah linkage agar mudah dalam
penavigasian.
Gambar 8. Tampilan Menu Materi
7. Membuat quis dapat diawali dengan membuat
sebuah layer pada lembar kerja adobe flash
tepatnta pada frame 1, kemudian dilanjutkan
dengan membuat sebuah judul dan input text
untuk pengisian nama pengguna, dan di
Timeline berikutnya berisi soal-soal seputar
121
 Havid Syafwan, dkk,. Perancangan Media Pembelajaran Interaktif Tata Cara
Shalat Jenazah Berbasis Multimedia

3. Halaman penjelasan materi

SARAN
Adapun saran yang dapat diberikan berkaitan
dengan penelitian ini yaitu:
a. Ketika aplikasi media pembelajaran berbasis
multimedia menggunakan Adobe Flash SC6 ini
sudah diimplementasikan, maka dapat
dikembangkan ketahapan yang lebih baik lagi.
Dari sini nantinya dapat dikeluarkan versi
berikutnya atau versi yang lain yang lebih
sempurna.
b. Untuk pengembangan selanjutnya agar Aplikasi
media pembelajaran berbasis multimedia
menggunakan Adobe Flash SC6 ini lebih
menarik lagi, penulis menyarankan agar aplikasi
Gambar 9. Tampilan Penjelasan Materi media pembelajaran ini mampu menyertakan
didalamnya komponen video.
4. Halaman Quis/Latihan c. Aplikasi media pembelajaran ini dapat dijadikan
alternatif belajar sholat jenazah yang baik dan
benar selain dengan belajar membaca dengan
buku panduan atau lain sebagainya.

DAFTAR PUSTAKA

Andi.2012. “Adobe Flash Profesional untuk

Pemula”. Yogyakarta: Andi.
Azhar. 2011. Media Pembelajaran. Jakarta : PT.
Paja Grafindo Persada.
Budiman, Agus. 2014. Aplikasi Interaktif
Pengenalan Pahlawan Revolusi Indonesia
Gambar 10. Tampilan Halaman Quis/Latihan Berbasis Multimedia (Studi Kasus di MI AL-
GINA). Jurnal Sisfotek Global, Vol. 4 No. 2,
4. KESIMPULAN ISSN : 2088 – 1762.
Dari hasil penelitian dan perancangan media Irawan, Agus, dan Suherman, Maya. 2015
pembelajaran interaktif tata cara sholat jenazah Perancangan Aplikasi Pembelajaran
berbasis multimedia dengan menggunakan Adobe Perawatan Mesin Kendaraan. Jurnal Sistem
Flash CS6, maka penulis dapat menyimpulkan Komputer, Vol. 2 No.1, ISSN : 2406-7733.
sebagai berikut : KBBI. 2008. Kamus Besar Bahasa Indonesia
a. Dengan adanya perancangan program Cetakan Pertama Edisi IV. Jakarta :
aplikasi media pembelajaran yang dapat Gramedia.
memuat elemen-elemen multimedia ini Sukiman. 2011. Pengembangan Media
dapat memudahkan proses penyampaian isi Pembelajaran. Yogyakarta : PT. Pustaka
materi kepada siswa/i. Aplikasi ini dikemas Insan MADANI Persada.
sedemikian rupa agar terlihat lebih menarik Sunyoto, Andi. 2010. Adobe Flash + XML : Rich
dan unik. Multimedia Application. Yogyakarta : Andi.
b. Karena sifatnya digital, jadi lebih mudah Suyanto, M. 2005. Multimedia : Alat Untuk
dalam pendistribusiannya sehingga aplikasi Meningkatkan Keunggulan Bersaing. Yogyakarta :
ini dapat dicopy melalui media Andi.
penyimpanan seperti flasdisk dan dapat di
upload di internet.
c. Kemudian kelebihan yang lainnya yang
dimiliki aplikasi ini adalah lebih mudah
untuk digunakan dan lebih menarik
daripada penyampaian proses belajar
mengajar dengan metode ceramah.
d. Dengan menggunakan media pembelajaran
ini diharapkan dapat menyingkat proses
belajar yang selama ini disampaikan secara
manual dengan panduan buku.

122