Kelompok Studi Kejuruan Elektro Forum Anggota Muda – Persatuan Insinyur Indonesia Yogyakarta
2)
Kelompok Studi Kejuruan Elektro Forum Anggota Muda – Persatuan Insinyur Indonesia Yogyakarta 3)
Staff peneliti UPT Balai Pengembangan Proses dan Teknologi Kimia – LIPI Yogyakarta
Sekretariat FAM - PII Yogyakarta : Program Diploma Teknik Mesin – Elektro UGM lt 2, Jln Yacaranda Sekip Unit IV Depok Sleman DIY 55281 dan Jln. Jend. Sudirman No 69 Yogyakarta 55233 Telp. 0274 – 6861919, email : [email protected], [email protected]
Abstrak Multimedia Advertisement merupakan suatu metode periklanan menggunakan file multimedia. File multimedia tersebut mengintegrasikan obyek gambar, suara, teks, dan video menjadi suatu file. File multimedia Advertisement dapat dibuat menggunakan bahasa SMIL. SMIL merupakan bahasa markup yang direkomendasikan oleh W3C untuk membuat suatu file multimedia. Aplikasi multimedia learning berbasis SMIL tersebut dapat diakses baik offline maupun online. Jika kondisi bandwidth bagus, file multimedia learning berbasis SMIL dapat diakses secara streaming. Kata kunci : multimedia advertisement, SMIL, periklanan, pariwisata
Abstract Multimedia Advertisement is a new method of advertisement using multimedia files. It integrates image, sound, text, and video. A file of multimedia advertisement can be written using SMIL (Synchronized Multimedia Integration Language). SMIL is a markup language which is recommended by W3C (World Wide Web Consortium) to make a multimedia file. Multimedia advertisement based SMIL can be played both offline and online. If bandwidth is strong enough, multimedia learning files can be played by steaming. Keyword: multimedia advertisement, SMIL, streaming
PENDAHULUAN Dengan semakin majunya teknologi multimedia dan dukungan perangkat keras dan perangkat lunak yang semakin canggih, komputer tidak hanya digunakan semata-mata untuk meringankan tugas dan pekerjaan seseorang namun juga dapat digunakan untuk relaksasi dan
Bidang Sistem Informasi
SI52-1
Seminar Nasional 2008 “Sistem Informasi sebagai Penggerak Pembangunan di Daerah” Yogyakarta, 27 November 2008
ISBN 9-793-688893-9
belajar. Aplikasi multimedia seperti Winamp, Windows Media Player, Power DVD dan lain-lain sudah tidak asing lagi di telinga kita. Aplikasi-aplikasi tersebut sangat bermanfaat untuk relaksasi dan mengisi waktu luang dengan melakukan hobi dan entertaiment. Dalam dunia periklanan sendiri teknologi multimedia memberikan perubahan yang sangat berarti. Melalui kemampuan komputer untuk menyimpan data dalam ukuran yang besar, informasi dapat diatur sedemikian sehingga lebih mudah untuk dicerna. Teknologi multimedia memungkinkan untuk menggabungkan ilustrasi, foto, gambar, suara, video, animasi dan teks, sehingga membuat penyampaian informasi lebih berarti. Ada beberapa hal yang menghambat suatu daerah kurang berkembang antara lain kurangnya media periklanan pariwisata. Dengan teknologi multimedia dapat dikembangkan suatu aplikasi yang digunakan untuk media periklanan pariwisata. Selain itu dengan tampilan yang menarik dan metode periklanan interaktif akan menjadi semakin mudah dan menyenangkan.
METODOLOGI ALAT DAN BAHAN Bahan yang diperlukan terdiri dari film dan foto-foto yang ada di daerah yogyakarta. Sumber foto dan film merupakan sumber dari pariwisata di kota yogyakarta. Sumber foto dan film ini meliputi daerah malioboro, pantai parangtritis, pantai depok, alun-alun utara dan selatan, kraton, stasiun tugu, dan terminal bis giwangan. Alat yang digunakan dalam penelitian ini adalah software komputer yang berupa dreamwever, php, apache server dan smile. RANCANGAN PENELITIAN Tahap perancangan dapat dibedakan menjadi 2 (dua) yaitu perancangan user interface dan materi multimedia SMIL. User interface adalah tampilan default yang akan dilihat oleh pengguna pada saat akses pertama kali. File multimedia SMIL berupa kumpulan materi-materi multimedia yang terdiri dari media suara dan gambar yang berisi penjelasan tentang sesuatu hal. Halaman Interface User Halaman index merupakan halaman yang pertama kali dilihat pengguna pada saat mengakses situs multimedia SMIL. Halaman ini dibuat menggunakan bahasa HTML. Secara umum listing halaman index.html adalah sebagai berikut: <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> Mobile SMIL <meta name="Microsoft Theme" content="ricepapr 011, default"> <meta name="Microsoft Border" content="none">
Bidang Sistem Informasi
SI52-2
Seminar Nasional 2008 “Sistem Informasi sebagai Penggerak Pembangunan di Daerah” Yogyakarta, 27 November 2008
ISBN 9-793-688893-9
Listing pada bagian header tersebut menyatakan informasi meta halaman html. Dari listing tersebut diketahui bahwa halaman html menggunakan theme ricepapr dan tanpa border.
Mobile SMIL OnLine
Listing di atas menjelaskan tentang halaman index bagian atas. Bagian atas terdiri dari 2 buah tabel. Tabel sebelah kiri yang berukuran 76 x 66 pixel berisi logo UGM dan tabel sebelah kanan yang berukuran 79% berisi titel web.
<marquee behavior="alternate" bgcolor="#FFFFFF"> selamat datang di situs m-SMIL
Listing di atas menunjukkan bahwa halaman index menggunakan animasi marquee. Marquee merupakan animasi teks berjalan. Marquee yang dibuat berlatar belakang warna putih dengan tulisan berwarna hitam.
Seminar Nasional 2008 “Sistem Informasi sebagai Penggerak Pembangunan di Daerah” Yogyakarta, 27 November 2008
ISBN 9-793-688893-9
Listing di atas berisi hyperlink antara halaman index dengan file multimedia. Misalnya jika link Tentang Penulis di klik berarti file penulis.smil diakses dan dijalankan di media player.
Petunjuk Umum:
Untuk dapat mengakses situs ini melalui telepon seluler,pastikan telepon seluler Anda telah dilengkapi fasilitas GPRS dan media player. Media player digunakan untuk memainkan file-file m-SMIL yang dibuat menggunakan bahasa markup SMIL.
Listing di atas berisi informasi umum seputar file multimedia ini. Informasi tersebut diletakkan pada tabel yang berukuran 67 % dari lebar layar. Informasi yang ditampilkan adalah syarat memainkan file multimedia dan contact person dengan penulis. Materi Multimedia SMIL Materi multimedia SMIL dibuat menggunakan bahasa SMIL. Materi-materi tersebut berisi penjelasan singkat yang disajikan dalam bentuk audio dan visual. Format audio yang digunakan adalah *.mp3, sedangkan format visual berupa gambar *.jpg. Ada 6 (enam) file multimedia yang dibuat, yaitu penjelasan tentang pariwisata di Pantai, tentang kraton yogyakarta, tentang stasiun tugu dan terminal bus giwangan, tentang malioboro, dan informasi tentang pemrogram. Secara umum listing file smil tersusun dalam hirarki sebagai berikut: <smil> …………
Bidang Sistem Informasi
SI52-4
Seminar Nasional 2008 “Sistem Informasi sebagai Penggerak Pembangunan di Daerah” Yogyakarta, 27 November 2008
ISBN 9-793-688893-9
………… Pada bagian head diisi informasi meta dan deskripsi serta ukuran layout-layout yang digunakan untuk menampilkan isinya. <meta name="title" content="Presentasi UML"/> <meta name="generator" content="GRiNS Pro for SMIL 2.0, v2.2 Mobile win32 build 151"/> <meta name="author" content="Iswanto, S.T "/>
Listing di atas merupakan informasi meta file uml.smil. Informasi meta yang dipakai berupa judul, generator, dan pembuat. Dari metafile tersebut dapat diketahui judul file adalah Presentasi UML yang dibuat oleh Iswanto, S.T dengan menggunakan generator dari GRiNS. Generator ini digunakan sebagai identifikasi file SMIL sekaligus menggantikan fungsi xml namespace.
Listing di atas berisi informasi layout yang dipakai dalam mempresentasikan file smil dan menentukan ukuran region-region untuk elemen audio dan elemen images. Layout dibuat pada bagian header SMIL. Layout utama (root-layout) dibuat dengan ukuran 420 x 320 piksel. Layout utama merupakan area tempat memainkan file SMIL. Layout dapat dibagi menjadi beberapa region. Region ini digunakan untuk memainkan elemen file SMIL. Pada listing tersebut dibuat 2 (dua) region, yaitu region untuk file audio dan region untuk file gambar (images). Ukuran region tidak boleh melebihi ukuran root-layout. Pada listing tersebut ukuran region pada root-layout ditentukan sebagai berikut:
Dari sini dapat diketahui bahwa region untuk file suara diberi nama ID audio_1 dengan ukuran 50 x 50 piksel. Region ini ditempatkan pada tepat pada posisi kiri atas layout utama. Region untuk file gambar diberi nama ID images dengan ukuran 400 x 300 piksel. Region images ditempatkan pada posisi 10 piksel dari batas kiri dan 10 piksel dari batas atas layout utama. Secara umum tata letak layout dan region-region yang digunakan untuk memainkan presentasi SMIL adalah seperti Gambar 1.
Bidang Sistem Informasi
SI52-5
Seminar Nasional 2008 “Sistem Informasi sebagai Penggerak Pembangunan di Daerah” Yogyakarta, 27 November 2008
ISBN 9-793-688893-9
Gambar 1. Tata letak layout dan region
Presentasi file-file suara dan gambar diurutkan pada bagian body SMIL. File-file tersebut dapat dimainkan secara sequential maupun paralel. Default urutan yang digunakan pada pemrograman SMIL adalah sequential. Dengan demikian jika tidak ada tag atau perintah lain maka file dimainkan secara berurutan (sequential). <par id="ImageTextAudio" dur="2000ms"> <par id="ImageTextAudio-0" dur="18000ms">