Memasang Flash pada Joomla!

Sejak diperkenalkan pada tahun 1996, Flash atau Macromedia Flash menjadi sangat populer dan langsung mendapat tempat di hati masyarakat dunia web karena dapat   menampilkan animasi dan interaksi di web dengan load yang ringan. Tetapi sejak bulan Desember 2005, perusahaan Macromedia dibeli oleh Adobe dan kini berganti nama menjadi Adobe Flash sejak versi 9 atau CS3.

Kelebihan dan Kemampuan Flash

Teknologi Flash

Flash sekarang bukan hanya sebagai software saja dengan nama Adobe Flash, tetapi juga merupakan suatu teknologi animasi di web. Jadi untuk membuat animasi web dengan format Flash (SWF) kita tidak harus menggunakan software Adobe Flash, tetapi bisa menggunakan software lain seperti SwishMax, Vecta 3D, Swift 3D, Amara, Kool Moves dan masih banyak lagi.

Belajar Flash

Bagi pemula seperti saya, di mana saya bisa belajar animasi flash? Silakan googling aja, Insya Alloh anda dapat mulai mempelajarinya, misalnya di sini: Babaflash, entheosweb atau di w3school untuk penerapan flash di web.

Flash pada Joomla

Oke, sekarang saatnya publikasi… Bagi anda yang sudah siap dengan flashnya dan ingin mempublikasikannya, sementara website anda berbasis Joomla! Apa yang harus dilakukan? Ada beberapa cara yang dapat anda lakukan sesuai dengan selera masing-masing, yaitu:

Lima cara ini dilakukan karena terkadang cara yang satu belum tentu cocok dengan website kita, baik posisi maupun error yang terkadang timbul. Caranya? Silakan simak artikel selanjutnya…

1. Flash pada Artikel

• Siapkan flash yang akan ditampilkan dan upload ke web server anda misalnya di folder “images”.

• Pada artikel baru yang anda buat, klik pada artikel editor ikon "Insert / edit embedded media". Kemudian pop up dialog akan muncul. Isi parameter yang ada seperti gambar berikut:

• Jika telah siap,klik insert dan save artikel anda.

2. Plugin pada Artikel

Penggunaan plugin pada artikel, sebenarnya lebih mudah, praktis dan menghemat tempat. Cukup install Rokbox plugin yang bisa anda download di sini.  Instal kedua plugin: rokbox system dan rokbox content. Setelah selesai penginstalan, aktifkan kedua plugin tersebut. Dan plugin siap digunakan.

Penggunaanya, tambahkan pada link ke swf file yang ada parameter rel="rokbox" pada hyperlink yang ada, contohnya seperti kode berikut:

<a target="_blank" title="Prinsip Kerja Alat Ukur Listrik" href="/ilearning/Alatukur.swf" 
rel="rokbox">Prinsip Kerja Alat Ukur Listrik</a>

Akan menjadi link seperti ini: Prinsip Kerja Alat Ukur Listrik

3. Flash Module - tanpa kode

Jika anda lebih menyukai untuk menampilkan flash pada module, lakukan langkah singkat berikut:

Download module di sini kemudian instal seperti biasa. Upload file swf ke web server anda misalnya di folder “images/flash”. Isi parameter module yang sesuai seperti contoh gambar berikut:

4. Flash pada Module Blank - dengan kode

Module kedua yang bisa anda pergunakan adalah dengan module blank yang diisi dengan embed code flash:

• Instal module blank, anda dapat mendownloadnya di sini
• Jika telah terinstal, siapkan flash yang akan ditampilkan dan upload ke web server anda misalnya di folder “flash”.

• Buka module blank anda di backend Joomla (administrator control panel), dan isi parameter yang sesuai. Baik Judul (kalau mau ditampilkan), posisi dan yang paling penting kode flash yang akan ditampilkan. Standar kodenya biasanya seperti berikut:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" 
width="540" height="60">
<param name="movie" value="flash/bantu.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent">
<embed src="/flash/bantu.swf"
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="540"
height="60"
pluginspage="http://www.macromedia.com/go/getflashplayer"
allowScriptAccess="always" />
</object>

Jika anda bingung dengan script di atas, cukup ganti parameter yang berwarna merah, disesuaikan dengan file flash yang telah anda upload baik ukuran maupun path(lokasi) filenya.

5. Penggunaan Module pada Artikel

Jika ternyata penggunaan syntax pada artikel bermasalah, cara lain yang bisa anda lakukan adalah dengan menggunakan metode “module in Joomla” seperti yang pernah saya terangkan pada artikel sebelumnya. Silakan pelajari artikel tersebut.

Hal yang perlu dilakukan adalah:

• Position: namai sesuai kehendak kita, pada contoh di atas namanya: bantu

• Menu assignment: All

Contoh nyata ada pada banner berikut:

Anda dapat memasukan beberapa flash dalam artikel tersebut, yang penting siapkan modulnya terlebih dahulu.

Semoga bermanfaat, terutama bagi pemula Joomla!. Selamat mencoba.

COMMENTS  

Posted On

%b %15, %2011

Posted By

Jasinga

0 RE: Memasang Flash pada Joomla!
Quoting herlan:

Quoting Administrator:

Coba buang target="_blank", mungkin berubah...

"latihan menampilkan flash"
tapi hasil sama pak, gak keluar flashnya...
gimana Pak?

saya pake cara pertma aja pak, embed langsung ya Pak.
makasih banyak ya Pak Agus.
SEMOGA SUKSES, DUNIA AKHIRAT.

Quote

Posted On

%b %15, %2011

Posted By

herlan

0 RE: Memasang Flash pada Joomla!
Quoting Administrator:

Coba buang target="_blank", mungkin berubah...

"latihan menampilkan flash"
tapi hasil sama pak, gak keluar flashnya...
gimana Pak?

Quote

Posted On

%b %15, %2011

Posted By

Administrator

0 Target blank
Coba buang target="_blank" , mungkin berubah...

Quote

Posted On

%b %15, %2011

Posted By

herlan

+2 Pak...
Pak saya pake roxbox, tp ada masalah sedikit pak, ketika saya klik tautannya langsung di halaman saya, flashnya gak muncul, TAPI kalau saya klik tautannya di Tab baru, flashnya baru nongol.
Punya bapak kan, saya klik tautanya langsung kebuka di halaman itu juga.
mohon bantuannya Pak.

Quote

REFRESH
RSS

LEAVE A REPLY

Mohon Perhatian Anda...1). Kami berhak mengedit, menyortir bahkan mengeblok IP anda jika dipandang tidak sesuai dengan visi dan misi kami tanpa pemberitahuan terlebih dahulu. 2). Jika anda telah mengeklik tombol send dan komentar anda belum muncul, coba dulu klik tombol 'Refresh Comments List'. 3). Jika ikon anda ingin ditampilkan di kolom komentar, silakan daftarkan email anda di Gravatar.com. Terima kasih atas komentar dan perhatian anda.

Name

E-mail (required, but will not display)

Website

Title (required)

Refresh

Send

Cancel

JComments