PERANCANGAN APLIKASI ENSIKLOPEDIA PENGENALAN HEWAN DAN HABITATNYA MENGGUNAKAN MACROMEDIA DIRECTOR MX
Naskah Publikasi
diajukan oleh : Andri Wahyudi 05.11.0838
Kepada JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER STMIK AMIKOM YOGYAKARTA 2012
ENSIKLOPEDIA OF ANIMAL AND HABITATS INTRODUCTION DESIGN USING MACROMEDIA DIRECTOR MX PERANCANGAN APLIKASI ENSIKLOPEDIA PENGENALAN HEWAN DAN HABITATNYA MENGGUNAKAN MACROMEDIA DIRECTOR MX Andri Wahyudi Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT Current technological developments occur very rapidly, both information technology and communications. It would be very useful if the technology is running in Balance with the development of the education of children. Which are at issue how to create multimedia-based information media to assist children in learning about animals that are nearby. The authors tried to create a multimedia application that contains a collection of animals and habitats that can assist children's learning. A kind of encyclopedia that contains useful information. Interactive CD then be made to realize that desire. So that the learning process can be run fun and easy to understand. With CD-interactive that contains the Encyclopedia, the user can study and have fun at the same time, especially children who loves animals Keyword: Encyclopedia, CD-interactive
1.
Pendahuluan Perkembangan teknologi saat ini terjadi sangat pesat, baik teknologi informasi
maupun komunikasi. Akan sangat berguna apabila teknologi yang sedang berjalan di imbangi dengan perkembangan dunia pendidikan baik formal maupun informal. Aplikasi multimedia mampu memberikan suatu informasi lebih indah dan lebih hidup sehingga anak-anak akan lebih mudah dalam menangkap informasi pembelajaran. Dengan menggunakan mulimedia dalam proses pembelajaran diharapkan dapat membuat kegiatan belajar anak terutama usia taman kanak-kanak (TK) dan sekolah dasar (SD) menjadi lebih menyenagkan,
mudah di terima dan di pahami. Untuk itu
penulis berusaha membuat aplikasi multimedia yang berisi kumpulan hewan dan habitatnya yang dapat membantu pembelajaran anak. Untuk mewujudkan semua itu penulis menggunakan Macromedia Director MX sebagai software utama dalam pembuatan aplikasi, dan beberapa software pendukung seperti Macromedia flash, Photoshop dan swish max. Dengan adanya software-software pembantu seperti diatas diharapkan pembuatan aplikasi ini menjadi lebih mudah.
2.
Landasan Teori
2.1
Pengertian Ensiklopedia dan Habitat Kata ensiklopedia berasal dari yunani; enkyklios paideia yang berarti sebuah
lingkaran atau pengajaran yang lengkap. Maksudnya ensiklopedia itu sebuah pendidikan paripurna yang mencakup semua lingkaran ilmu pengetahuan. Seringkali ensiklopedia dicampurbaurkan
dengan
kamus
dan
ensiklopedia-ensiklopedia
awal
memang
berkembang dari kamus. Perbedaan utama antara kamus dan ensiklopedia ialah bahwa sebuah kamus hanya memberikan definisi setiap entri dilihat dari sudut pandang linguistik atau hanya memberikan kata-kata sinonim saja, sedangkan sebuah ensiklopedia memberikan penjelasan secara lebih mendalam dari yang kita cari. Sebuah ensiklopedia mencoba menjelaskan setiap artikel sebuah fenomena. Atau lebih singkat: kamus adalah daftar kata-kata yang dijelaskan dengan katakata lainnya sedangkan ensiklopedia adalah sebuah daftar hal-hal yang kadang kala dilengkapi dengan gambar untuk lebih menjelaskan.
Habitat adalah tempat suatu mahluk hidup tinggal dan berkembang biak. Pada dasarnya, habitat adalah lingkungan di sekeliling populasi suatu spesies yang mempengaruhi dan dimanfaatkan oleh spesies tersebut. Menurut Clements dan shelford (1939), habitat adalah lingkungan fisik yang ada di sekitar suatu spesies, atau populasi spesies, atau kelompok spesies, atau komunitas. Dalam ilmu etimologi, bila suatu tempat yang sama hidup berbagai kelompok spesies ( mereka berbagi habitat yang sama) maka habitat tersebut disebut biotop. Sekelompok hewan dan tumbuhan yang hidup disuatu habitat pada suatu lokasi geografis tertentu disebut bioma
2.2
Unsur-unsur multimedia 2.2.1
Teks Teks adalah bagian paling awal dan sederhana dalam multimedia, yang biasanya mengacu pada kata, kalimat dan alinea atau segala sesuatu yang tertulis atau ditayangkan.
2.2.2
Gambar (image) Gambar merupakan tampilan diam atau tidak bergerak. Gambar juga merupakan salah satu komponen penting dalam multimedia karena dapat meringkas dan menyajikan data kompleks serta mampu menyampaikan seribu kata.
2.2.3
Animasi Animasi merupakan susunan gambar mati (grafik statis) yang dibuat efek sehingga seolah-olah nampak bergerak.
2.2.4
Suara penyajian audio merupakan cara lain untuk memperjelas pengertian suatu informasi.
2.2.5
Video Video adalah bagian dari gambar-gambar yang saling berurutan yang disebut frame dan kecepatan pembacaan gambar disebut dengan frame rate, dengan satuan fps (frame per second).
2.3
Struktur Sistem Informasi 2.3.1
Struktur Linear Desain stuktur ini cocok untuk menonjolkan arus antar level bila ingin menonjolkan topik tiap level.
2.3.2
Struktur Hierarki Struktur hierarki merupakan struktur seperti tangga atau pohon.
2.3.3
Struktur Menu Struktur ini merancang aliran aplikasi multimedia.
2.3.4
Struktur Jaringan Bentuk struktur jaringan merupakan yang paling kompleks.
3.
Analisis Analisis sistem adalah sebuah istilah yang secara kolektif mendeskripsikan fasefase awal pengembangan sistem. Analisis sistem adalah teknik pemecahan masalah yang menguraikan bagian-bagian komponen dengan mempelajari seberapa bagus bagian-bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan mereka. Analisis sistem merupakan tahapan paling awal dari pengembangan sistem menjadi fondasi menentukan keberhasilan informasi 1
yang dihasilkan nantiny .
3.1
PIECES 3.1.1
Performance (Kinerja), biasanya erat dengan sumber daya yang dimiliki. Batasan atau kebijakan kinerja dapat terjadi bila kegiatan dapat dilakukan dengan bantuan komputer (multimedia) dalam peningkatan kerja. Kinerja dapat diukur dengan jumlah produksi (troughput) dan waktu yang dibutuhkan untuk mencapai sasaran (respon times)
3.1.2
Information (Informasi), analisis informasi merupakan suatu fokus dari suatu sistem informasi multimedia. Informasi yang dihasilkan harus berkualitas, relevan serta akurat.
3.1.3
Economy (Ekonomi) analisis ekonomi mencakup pemanfaatan biaya yang digunakan dari pemanfaatan informasi.
3.1.4
Control (Kontrol) digunakan untuk meningkatkan kinerja sistem, mencegah penyalahgunaan sistem, dan menjamin keamanan data dan informasi.
3.1.5
Efficiency
(Efisiensi)
berhubungan
dengan
bagaimana
sumberdaya
digunakan dengan minimal. 3.1.6
Service (Pelayanan) inti dari analisis pelayanan adalah sejauh mana kemudahan atau pelayanan yang diberikan oleh sistem atau aplikasi yang diterapkan untuk mencapai tujuan.
1
Jogiyanto HM, Analisis dan Desain Sistem Informasi: Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis, Yogyakarta: Andi Offset, 2005, Halaman 129.
3.2
Analisis Kebutuhan Sistem Analisis kebutuhan sistem adalah suatu proses dari pengembangan kebutuhan melalui
proses
kooperatif
dan
interatif
mulai
dari
analisis
masalah,
mendokumentasikan hasil akhir observasi dalam format representasi yang bervariasi, sampai dengan mengecek ketelitian dari pengertian yang didapat (pressman, 1997).
3.2.1
Analisis Kebutuhan Perangkat Keras, Perangkat keras yang dimaksud adalah komputer. Dalam perancangan CD interaktif, penulis menggunakan sebuah komputer dengan spesifikasi sebagai berikutintel pentium P6200 2.13 GHz, DDR II 2048 MB, 320 GB HDD, DVD-RW. Untuk dapat menjalankan aplikasi CD interaktif dibutuhkan unit komputer yang dilengkapi dengan CD-ROM ( Compact Disk – Read Only Memory ).
3.2.2
Analisis Kebutuhan Perangkat Lunak Perangkat lunak adalah program yang ditulis sehingga komputer dapat berinteraksi dan terkendali. Sistem
operasi
yang
digunakan
dalam
pembuatan aplikasi ini adalah Windows 7 dan software pendukung aplikasi yaitu Macromedia Director , Adobe Photoshop, Adobe Audition. 3.2.3
Analisis Kebutuhan Informasi, dalam skripsi ini akan di hasilkan sebuah CD Interaktif yang memberikan informasi mengenai hewan dalam habitat tertentu. Sehingga dapat digunakan
untuk
membantu
pendidikan
serta
menambah
refrensi
pembelajaran anak.
3.3
Analisis Kelayakan Sistem Analisis kelayakan merupakan proses yang mempelajari atau menganalisa permasalahan yang telah di tentukan dengan tujuan akhir yang akan dicapai. Analisis kelayakan digunakan untuk menentukan kemungkinan keberhasilan solusi yang di usulkan. Analisis kelayakan yang digunakan penulis yaitu analisi kelayakan teknologi dan analisis kelayakan operasional aplikasi. 3.3.1
Kelayakan Teknologi teknologi informasi berbasis multimedia yang berkembang memungkinkan untuk mendukung perancangan dan pembuatan aplikasi sistem multimedia CD-interaktif ini. Banyaknya ketersediaan media penyimpan berupa keping CD-ROM tipe R yang dapat diisi data dengan harga relatif murah serta dukungan peralatan komputer yang dilengkapi dengan CD/DVD writter akan
memperudah proses CD/DVD authoring program aplikasi multimedia tersebut 3.3.2
Kelayakan Operasional Sistem ini tidak memerlukan operator dengan keahlian khusus untuk dapat mengoperasikannya. Secara umum untuk operasional sistem aplikasi yang dibuat dalam penelitian ini tergolong mudah. Sistem aplikasi ini dirancang simple dalam penggunaannya namun tidak mengurangi fungsi dan manfaat sistem aplikasi. Tampilan grafis progmram aplikasi juga dibuat agar pengguna tidak bosan dengan interface aplikasi.
4.
Implementasi dan Pembahasan Implementasi sistem adalah tahap meletakkan sistem supaya siap untuk dioperasikan.
4.1
Uji Coba Sistem Uji coba program merupakan proses untuk mengecek apakah suatu perangkat lunak yang dihasilkan bebas dari kesalahan-kesalahan yang mungkin dapat terjadi. 4.1.1
Syntax error merupakan jenis kesalahan yang terjadi apabila salah dalam pengetikan bahasa pemrograman (script) atau tidak sesuai dengan kaidah compiler yang digunakan.
Gambar 4.1 Contoh Penggunaan Script
bahasa
4.1.2
Runtime Error Runtime error
merupakan kesalahan
yang ditemukan saat program
dijalankan. Kesalahan ini akan menyebabkan proses program berhenti sebelum selesai pada saatnya karena compiler menemukan kondisi-kondisi yang belum terpenuhi sehingga tidak bisa dikerjakan.
4.2
Uji Coba Sistem Uji coba sistem adalah suatu proses yang dilakukan apakah sistem yang dirancang telah sesuai dengan yang diharapkan. Pengujian perlu dilakukan untuk mencari kesalahan-kesalahan yang mungkin terjadi. Pengujian sistem termasuk juga pengetesan secara menyeluruh. Pengetesan secara menyeluruh dilakukan pada komputer pribadi yang memiliki spesifikasi perangkat keras (hardware) Prossesor intel pentium P6200 2.13 GHz, memori RAM DDR II 2048 MB, 320 GB HDD, DVD-RW. Pengujian dilakukan dengan cara menjalankan ( mengklik) semua menu perintah (tombol/ikon) yang ada, dan semua tombol telah bekerja sesuai dengan seharusnya. Dapat disimpulan bahwa program yang dijalankan tidak mengalami error.
4.3
Manual Program Menguraikan bagaimana cara menggunakan program yang sudah dibuat. Setiap menu yang ada didalam program dijelaskan satu demi satu secara lengkap. Untuk mengoprasikan aplikasi ini sangat mudah. Hanya dibutuhkan 1 kali klik kiri untuk menjalankan perintah menuju informasi yang diinginkan. Untuk mengetahui hewan apa saja yang terdapat dalam suatu menu cukup arahkan mouse keatas hewan yang diinginkan, maka hewan yang ditunjuk akan memiliki border atau lapisan yang menyala (glow effect) ini berarti hewan tersebut dapat diklik untuk melihat informasi hewan tersebut.
Gambar 4.2 Tampilan Menu Utama
Dalam menu Utama terdapat 4 Pilihan menu dan tombol keluar (exit), arahkan cursor mouse diantara 4 gambar untuk melihat informasi habitat (nama habitat). Klik salah satu menu untuk masuk kedalam habitat yang dipilih.
Gambar 4.3 Tampilan Form Coral Life
Klik tombol kembali untuk menuju ke menu utama. Arahkan cursor untuk memperjelas gambar, dan klik kiri mouse untuk melihat informasi yang bersangkutan.
4.4
Pembahasan 4.4.1
Pembahasan Interface
4.4.1.1 Pembuatan Background Background (latar belakang) yang digunakan dalam aplikasi ini dibuat dengan menggunakan adobe photoshop, begitu juga pada menu utama dan tombol-tombol atau ikon yang disesuaikan dengan bentuk hewan. 4.4.1.2 Pemberian Efek Glow Untuk memberikan efek glow (bersinar) ketika ikon hewan di tunjuk (mouseover) dibutuhkan tool dalam potoshop. Hal ini dapat dilakukan dengan cara klik kanan layer hewan yang sudah diseleksi kemudian pilih blending option, kemudian centang bagian inner dan outer glow sehingga efek glow akan terlihat tebal. 4.4.2
Efek Animasi pada Text Untuk memberikan efek animasi judul menggunakan swishmax 4. Pilih text tool yang ada di bagian tool kemudian klik kiri pada stage dan ketikkan text yang akan diberikan efek, setelah memasukkan text klik bagian add effect dan pilih efek yang diinginkan, klik kiri icon play (control+enter) untuk melihat efek animasi yang dihasilkan, gunakan tombol stop untuk menghentikan animasi. Efek animasi yang dihasilkan akan berulang-ulang terus, untuk menghentikan efek animasi agar tidak berulang-ulang, dalam movie properties pilih scene panel atau dapat menggunakan shortcut Ctrl+J, centang bagian stop playing at end of movie.
4.4.3
Pengeditan Suara Latar belakang musik diedit menggunakan adobe audition. Pengeditan dilakukan
untuk
memotong
dan
memberikan
suara/efek
sehingga
BGM(background music) yang dihasilkan tidak hanya berisi musik saja tetapi berisi efek-efek suara lain ( suara hewan, angin dan lain-lain).
4.5
Mengimport Objek ke Menu Utama Pada
aplikasi
ini
digunakan
software
macromedia
Director
MX
untuk
menghubungkan menu dan content-content yang akan digunakan. Untuk pembuatan menu utama terlebih dahulu disiapkan movie baru dengan cara pilih File>New>Movie atau menggunakan shortcut Ctrl+N. Movie properties terdapat dibagian kanan untuk mengatur ukuran dan background yang akan digunakan.
Gambar 4.4 Tampilan Movie Properties
4.6
Menghubungkan antar Halaman Tombol navigasi dapat dengan mudah dibuat dengan menggunakan perintah-
perintah instant yang sudah tersedia dilibrary palette hanya dengan mengklik pilihan yang ada makan akan otomatis dibuat script sesuai dengan yang dipilih.
4.6.1
Membuat Tombol Navigasi Tombol navigasi dapat dengan mudah dibuat dengan menggunakan perintah-perintah instant yang sudah tersedia dilibrary palette hanya dengan mengklik pilihan yang ada makan akan otomatis dibuat script sesuai dengan yang dipilih.
4.6.2
Mengaktifkan efek Glow Efek glow dapat dilakukan dengan mengimport gambar original dan gambar yang sudah diberikan efek glow di photoshop. Langkah-langkahnya yaitu, masukkan gambar original (cast member) kedalam stage, kemudian pilih behavior isikan nama behavior yang diinginkan ( penyu glow ), tambahkan event Mouse Enter.
4.6.3
Perintah Keluar dari Program ( Exit) Untuk membuat perintah exit klik kanan tombol yang akan digunakan untuk exit kemudian pilih Script, dan masukkan script halt dengan mengetikkan halt didalan script editor.
4.7
Membuat File Exe Agar aplikasi dapat dijalankan dikomputer lain langkah selanjutnya adalah
membuat file exe. Cara membuatnya cukup mudah yaitu menu File>Publish Setting, centang pilihan Automatically save movie when publishing, maka secara otomatis program Macromedia Director ini akan mengubah file tersebut menjadi file exe ketika melakukan Publish.
Gambar 4.5 Tampilan Form Publish
5
Penutup
5.1
Kesimpulan Dengan selesainya pembuatan aplikasi Ensiklopedia Pengenalan Hewan dan
Habitatnya ini maka penulis mengambil beberapa kesimpulan, yaitu 1. Aplikasi ini memberikan kemudahan dalam pengoperasiannya dengan navigasi yang sederhana dan menggunakan gambar yang menarik. 2. Dapat membantu menambah pengetahuan tentang hewan. 3. Memberikan alternatif baru dalam penyampaian informasi pembelajaran.
5.2
Saran Berdasarkan analisa dan implementasi sistem sistem ini memiliki beberapa
kekurangan, oleh karena itu dibutuhkan mengemukakan beberapa saran untuk pengembangan selanjutnya 1. Aplikasi ini akan semakin baik apabila dikembangkan lebih lanjut untuk menambahkan hasil yang lebih baik dan maksimal dari sebelumnya. 2. Jenis hewan dalam habitatnya dapat diperbanyak lagi sehingga informasi yang diberikan semakin lengkap. 3. Animasi bisa dibuat lebih komplek, seperti animasi gerakan dan perubahan bentuk objek, tidak hanya menggunakan animasi efek glow seperti yang penulis gunakan.
Daftar Pustaka
Suyanto, M., 2003, Analisis dan Desain Aplikasi Multimedia Untuk Pemasaran, Penerbit ANDI.
Suyanto, M., 2003, Multimedia Alat Untuk Meningkatkan Keunggulan Bersaing, Penerbit ANDI.
Hendi Hendratman 2008, The Magic of Macromedia Director : 32+ total tutorials
Jogiyanto HM., 1990, Analisis dan Desain Sistem Informasi : Pendekatan Terstruktur Andi Offset, Yogyakarta.
http://www.tutorialku.com
