MERANCANG KUIS INTERAKTIF MENGGUNAKAN MACROMEDIA DIRECTOR 8

Transkripsi

1 MERANCANG KUIS INTERAKTIF MENGGUNAKAN MACROMEDIA DIRECTOR 8 Umar Mansyuri Program Studi Teknik Informatika Universitas Islam Syekh Yusuf umar.mansyuri@gmail.com Abstrak Dewasa ini, dengan perkembangan dan kemajuan teknologi yang semakin canggih, manusia dapat lebih mudah untuk berkomunikasi, serta mendapatkan atau mengirimkan informasi yang dibutuhkan. Vaughan (1998), mendefinisikan multimedia sebagai sekumpulan cara yang digunakan manusia untuk berkomunikasi dan mendapatkan informasi yang disebut media. Media menjadi sesuatu yang sangat dibutuhkan dalam berbagai aspek atau bidang kehidupan manusia, misalnya dalam lembaga pendidikan, hiburan, kesehatan, pelatihan, serta bidangbidang yang lain. Salah satu aplikasi berbasis multimedia yang bisa dijadikan sebagai alat untuk membantu dalam hal pendidikan adalah kuis interaktif. Dimana dengan aplikasi kuis interaktif ini seorang pendidik tidak perlu lagi mengkoreksi hasil kuis untuk melihat hasilnya tetapi secara otomatis setelah siswa mengerjakan kuis interaktif, sudah langsung terlihat hasil akhirnya pada lembar terakhir dari kuis ini. Dalam tulisan sederhana ini, software yang dipakai dalam pembuatan kuis interaktif ini adalah Macromedia Director 8. Kata kunci : multimedia, director, kuis interaktif I. PENDAHULUAN Proses pembuatan aplikasi kuis ini dibagi menjadi 6 tahap yaitu : Tahap I Pembuatan Latar Belakang Tampilan Tahap II Konversi ke Director Tahap III Pembuatan Tombol Jawaban Tahap IV Penulisan perintah-perintah Tahap V Script pada Score Tahap VI Script Untuk Hasil II. LANDASAN TEORI Kata Multimedia muncul dari penggunaan lebih dari satu macam media secara bersamaan. Pada awal tahun 1978, Nicholas Negropote, seorang ilmuwan dari MITS Media Laboratory, menjelaskan bahwa penggabungan dari penyiaran dengan radio, media cetak, dan industri komputer merupakan suatu media yang nantinya akan mempengaruhi kelangsungan teknologi komunikasi dan informasi. Saat ini, hal itu menjadi suatu kenyataan, dimana personal computer (pc) sekarang dapat menawarkan berbagai macam media yang digunakan secara bersamaan, misalnya penggunaan teks, gambar (still image), grafik, suara (audio), animasi dan yang lebih mengagumkan lagi personal computer juga memiliki kemampuan untuk menghadirkan media-media ini dalam bentuk atau cara yang interaktif (interactive multimedia). Multimedia yang merupakan perpaduan dari kata multi dan media. multi yang dapat diartikan sebagai banyak atau lebih dari satu dan media yang berarti sarana atau piranti untuk mengadakan komunikasi, komunikasi yang dalam hal ini berkaitan dengan hubungan timbal balik antara manusia dengan manusia, manusia dengan sesuatu atau sesuatu dengan sesuatu yang memungkinkan adanya interaksi dari keduanya. Menurut seorang Presiden dari CEO yang merupakan seorang pakar dari Red Sky Interaktif yaitu Tim Smith, beliau mengatakan bahwa, Ada 2 aspek dasar mengenai media dan komunikasi, 2 aspek media berupa diskrit dan kontinu dan 2 aspek komunikasi berupa siaran dan interaktif yang keduanya akan membantu kita 46

2 dalam pertimbangan membangun desain suatu aplikasi media. 1 Atau dalam hal ini terdapat pengertian lain dari seorang pakar multimedia yaitu McCoy (1999), yang mengatakan bahwa multimedia adalah Penampilan informasi melalui lebih dari satu media yang didalamnya ada penggunaan teks, audio, grafik, grafik animasi dan video full-motion. Robin dan Linda (2001), mendefinisikan multimedia sebagai alat yang dapat menciptakan presentasi yang dinamis dan interaktif yang mengkombinasikan teks, grafik, animasi, audio dan gambar video. Definisi yang lain yaitu dengan menempatkan multimedia dalam konteks, seperti yang dilakukan oleh Holfstetter (2001), multimedia adalah pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, gambar bergerak atau video animasi dengan menggabungkan link dan tool yang memungkinkan pemakai melakukan navigasi, berinteraksi, berkreasi dan berkomunikasi. Dalam definisi ini, terkandung empat komponen penting multimedia yaitu : a. Harus ada komputer yang mengkoordinasikan apa yang dilihat dan didengar yang berinteraksi dengan pengguna. b. Harus ada link yang menghubungkan pengguna dengan informasi. c. Harus ada alat navigasi yang memandu pengguna dan menjelajah jaringan informasi yang saling terhubung. d. Multimedia harus menyediakan tempat kepada pengguna untuk mengumpulkan, memproses dan mengkomunikasikan informasi dan ide pengguna sendiri. Jika salah satu komponen tidak ada, maka bukan multimedia dalam arti yang luas namanya. Misal : a. Jika tidak ada komputer untuk berinteraksi, maka itu namanya media campuran bukan multimedia. b. Jika tidak ada link yang menghadirkan sebuah struktur dan dimensi, maka namanya rak buku. c. Jika tidak ada alat untuk navigasi, yang memungkinkan pengguna dapat memilih jalannya suatu tindakan maka namanya film. d. Jika tidak ada ruang untuk berkreasi, maka namanya televisi. Dan multimedia sendiri sekarang banyak berhubungan dengan sistem digital, hal ini sesuai dengan yang dikatakan oleh Fluckiger (1995), yaitu multimedia digital merupakan suatu bidang pengintegrasian teks, gambar, animasi, bunyi, dan media-media lain yang dikawal oleh komputer dimana setiap perintah boleh diwakilkan, disimpan, dipindahkan dan diproses secara digital. III. PEMBAHASAN 3.1. Pembuatan Latar Belakang Untuk pembuatan latar belakang, buatlah latar belakang pada PhotoShop dengan ukuran 800 x 600, seperti pada gambar berikut 3.2. Konversi ke Adobe Director Setelah kita membuat latar belakang, maka langkah selanjutnya adalah mengkorversi dari bentuk PhotoShop (extention.psd) kedalam bentuk Director. Langkah-langkahnya adalah sebagai berikut : 1. Buka program Director, 1 Tim Smith, dari Red Sky Interactive, dalam buku John McCoy, Menguasai Desain Web, halaman Klik tombol Insert > Media Lab Media > PhotoCaster 3. Maka akan terlihat tampilan dialog : 47

3 3.3. Pembuatan Tombol Untuk pembuatan tombol bisa menggunakan program apa saja. Seperti pada pembuatan aplikasi ini yaitu dengan menggunakan software Flash. Langkah pembuatan adalah sebagai berikut : 1. Buka Flash 4. Centang pada tombol-tombol, Separate, Select, dan Inport To Score 5. Pilih nama file yang akan di konversi. Klik tombol Open. 6. Maka akan terlihat tampilan dialog : 2. Pilih Flash Document 7. Pilih dari masing-masing layer yang ada dengan dimulai dari layer paling bawah, sehingga akan terlihat tampilan seperti dibawah ini : 3. Klik Rectangle Tool (R) 4. Buat kotak pada area kerja.klik kanan pada kotak yang telah kita buat. Pilih Convert to Symbol. Pilih button. Tulis nama : tombol A. 5. Selanjutnya klik tombol Ok. 48

4 6. Klik dua kali pada gambar kotak yang tadi kita buat. Maka akan terlihat dialog seperti : 7. Klik kanan pada Over. Pilih Insert Keyframe. Lalu pilih warna pada Toolbox. 8. Begitu pula dengan Down. 9. Kalau sudah, maka pilih Text Tool, dan tulis huruf A pada kotak yang ada di lembar kerja. b. Kalo Sudah tempatkan pada posisi agar sesuai dengan tombol jawaban. 10. Uji tombol tersebut dengan menekan tombol Ctrl+Enter pada keyboard. 5. Untuk lebih jelasnya dapat dilihat pada score dibawah ini : 3.4. Penulisan Perintah-perintah Selanjutnya adalah memberikan perintah pada masing-masing bagian. Adapun langkahlangkahnya adalah sebagai berikut 1. Buat Marker : soal1, soal2, soal3, soal4 dan hasil 2. Buat Frame Script di frame 15, 13, 45, 60 dan 75. Isian dengan perintah go the frame 3. Atur masih-masing tombol yaitu A, B dan C 4. Buat Pertanyaan seperti berikut dengan langkah yaitu : a. Klik tombol Window, pilih Text. Lalu ketikkan salah satu contoh pertanyaan. 6. Ulangi untuk soal 2, 3 dan 4 7. Untuk hasil maka langkahnya adalah sebagai berikut : a. Ketikkan : Jawaban anda yang benar adalah.. b. Lalu klik sembarang angka, misalnya adalah angka 2. 49

5 c. Dan berikutnya adalah buat tombol dengan teks : Ulangi 3.5. Script pada Score Langkah-langkahnya adalah sebagai berikut : a. Klik dua kali frame 1 pada Score. Lalu ketikan perintah berikut : d. Ulangi untuk semua tombol yang mempunyai jawaban yang salah. 4) Script Untuk Hasil Untuk script pada hasil maka langkahnya adalah sebagai berikut : a. Klik dua kali pada score Hasil b. Pilih tombol jawaban yang benar pada soal yang telah dibuat. dan klik dua kali dan pilih Script, lalu tulis script berikut : b. Ketikkan script berikut : c. Klik dua kali pada tombol jawaban yang salah Lalu ketikan perintah berikut : 50

6 c. Untuk tulisan Ulangi, script nya adalah : d. b. Tampilan Hasil c. Diakhir lembaran kerja akan terlihat hasil dari jawaban yang benar. e. Simpan pekerjaan yang telah kita buat dengan nama Kuis Interaktif 3.6. Implementasi Untuk menjalankannya adalah dengan meng-klik tombol Play pada menu. Lalu Pilih jawaban yang dianggap benar dengan meng-klik tombol jawaban, A, B atau C IV. KESIMPULAN Kuis interaktif ini merupakan salah satu aplikasi berbasis multimedia yang sudah banyak orang menggunakannya terutama dibidang pendidikan. Dengan adanya kuis interaktif ini diharapkan dapat lebih efisien didalam hal pemakaian waktu. V. DAFTAR PUSTAKA Hendratman, Hendi, The Magic of Macromedia director, Informatika, Bandung Lukito, Herman, Rahasis Membuat Berbagai Efek dengan Photoshop 5.5, Elex Media Komputindo, Jakarta, a. Tampilan Awal 51