VirtueMart, Solusi Tepat Untuk Membangun Online Store

<br /> <div style="text-align: justify;"> <img alt="virtuemart" height="125" src="http://www.agussuwasono.com/images/stories/virtuemart.jpg" style="float: left; margin-right: 5px;" width="125" />Joomla memang dikategorikan sebagai software CMS (Content Management System). Namun itu tidak berarti bahwa Joomla tidak bisa dipakai untuk keperluan lain. Sifatnya yang free dan open source menjadikan Joomla bisa dimodifikasi sesuai dengan kebutuhan.</div> <div style="text-align: justify;"> VirtueMart adalah salah satu solusi e-Commerce yang bisa digunakan bersama dengan Joomla. Tak hanya gratis, Virtuemart juga memiliki berbagai fitur yang sangat menarik, cocok untuk membangun online store dengan cara yang mudah dan cepat. Di samping itu VirtueMart juga mempunyai kemampuan untuk di-extend seperti halnya Joomla.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> VirtueMart memiliki fitur yang cukup menarik, yaitu antara lain:<strong> </strong></div> <div style="text-align: justify;"> <ol> <li><strong>Secure Sockets Layer :</strong> Dengan mengaktifkan fitur ini online store Anda akan mampu menangani transaksi dengan lebih aman karena transfer data antara client dan server memakai format yang telah dienkripsi.</li> <li><strong>Multiple Currencies:</strong> Pengunjung dari negara mana pun bisa melakukan transaksi melalui situs Anda karena plugin ini telah mendukung pemakaian berbagai mata uang asing.</li> <li><strong>Multiple Language:</strong> Apabila diintegrasikan dengan komponen Joom!Fish, Anda bisa menyediakan fasilitas multi bahasa sehingga memudahkan pengunjung dalam bertransaksi.</li> <li><strong>Katalog Produk: </strong>VirtueMart mendukung upload barang yang sangat banyak dan bisa dikelompokkan menjadi beberapa kategori. Tersedia juga fasilitas untuk pencarian, pemberian rating pada produk, testimonial, pengaturan stok barang.</li> <li><strong>Order History:</strong> Fitur ini memungkinkan pembeli untuk melihat seluruh histori pemesanan yang pernah dilakukan sebelumnya sampai detail transaksinya.</li> <li><strong>Payment Modul: </strong>VirtueMart menyediakan beragam sistem pembayaran yang bisa diatur sesuai dengan kebutuhan Anda.</li> <li><strong>Shipping Modul: </strong>Tersedia berbagai shipping modul yang cukup populer seperti InterShipper, UPS, USPS, dan FedEx. Anda juga bisa menambah modul lain dengan ShippingModule API.</li> </ol> </div> <div style="text-align: justify;"> Tidak seperti extension lain yang hanya memerlukan beberapa klik saja untuk menginstalnya, Virtuemart membutuhkan beberapa tahap mulai dari instalasi, setup hingga online store siap untuk ditampilkan.</div> <div style="text-align: justify;"> Kalau kita cermati, sebenarnya paket Virtuemart itu sendiri terdiri dari beberapa extension tidak hanya satu saja. Berikut ini beberapa extension yang terdapat dalam paket tersebut, yaitu:</div> <ul> <li>Komponen, com_virtuemart saat ini versi 1.1.4</li> <li>Modul utama, mod_virtuemart</li> <li>Beberapa plugin dan modul tambahan</li> </ul> <div style="text-align: justify;"> Secara keseluruhan, VirtueMart memiliki 13 modul yaitu VirtueMart All-In-One, Currency Selector, Featured Products, Latest Products, Login, Manufacturers, Module, Product Categories, Product Scroller, Random Products, Search, Shopping Cart, dan Top Ten Products.</div> <div style="text-align: justify;"> Menarik sekali bukan? Nah, jika Anda ingin tahu lebih banyak lagi tentang VirtueMart ini Anda bisa mengunjungi situs <a href="http://virtuemart.net/" target="_blank" title="Virtuemart">www.virtuemart.net.</a> Jika sudah paham betul, tidak ada salahnya jika Anda mencoba untuk menginstall-nya di komputer Anda.<br /></div> <div style="text-align: center;"> <strong>Membangun Online Store dengan VirtueMart</strong></div> <div style="text-align: center;"> <strong><br /></strong></div> <div style="text-align: justify;"> Anda pasti mengenal situs Amazon.Com, bukan? Bisa dikatakan bahwa Amazon.Com merupakan situs online store paling sukses saat ini. Meskipun pada awalnya hanya berjualan buku secara online, namun kini hampir semua produk bisa kita temukan di situs tersebut. Member-nya pun jumlahnya mencapai jutaan orang dan tersebar di seluruh dunia.<br />Nah, pertanyaannya sekarang tahukah Anda bagaimana cara membuat online store seperti Amazon.Com itu?</div> <div style="text-align: justify;"> Sepintas, kalau kita tengok situs Amazon.Com itu kelihatannya rumit sekali. Ya, memang benar. Untuk membuat online store sekelas Amazon.Com memang tingkat kesulitannya sangat tinggi. Wajar dong, karena fitur dan fasilitas yang dimiliki situs tersebut sangat lengkap dan cukup kompleks.</div> <div style="text-align: justify;"> Okelah, kita tidak perlu pusing memikirkan hal itu. Lebih baik kita belajar membuat online store yang sederhana saja. Nah, untuk yang satu ini cukup banyak tool yang bisa kita pakai, salah satunya yaitu VirtueMart.</div> <div style="text-align: justify;"> <strong>Tahap Instalasi</strong></div> <div style="text-align: justify;"> Sebelum memulai proses instalasi, kita harus mendownload VirtueMart dari alamat URL <a href="http://virtuemart.net/downloads" target="_blank" title="Download">http://virtuemart.net/downloads</a>. Berikutnya ekstrak paket VirtueMart tersebut hingga kita mendapatkan file com_virtuemart_1.1.x.zip, mod_virtuemart_1.1.x.zip dan beberapa modul tambahan.</div> <div style="text-align: justify;"> File pertama yang harus kita install adalah com_virtuemart_1.1.x.zip, yang merupakan komponen utama dari VirtueMart. Huruf x disini menunjukkan versi Virtuemart yang kita download, misalnya com_virtuemart_1.1.4.j15.zip. Jadi bisa saja nama file tersebut agak berbeda apabila Anda mendownload versi yang lain.</div> <div style="text-align: justify;"> Cara menginstallnya sama seperti kita menginstall ekstension Joomla lainnya yaitu melalui menu Extension – Install/Uninstall. Jangan lupa jika terjadi error, cek apakah setting direktori components pada web server tersebut writeable atau tidak.</div> <div style="text-align: justify;"> Oya, hampir lupa. Sebelum menginstall VirtueMart, kita harus menginstall Joomla terlebih dahulu. Jika Anda belum tahu bagaimana caranya, silakan baca artikel di <a href="http://www.agussuwasono.com/tutorial/joomla.html" target="_blank" title="Instal Joomla">tutorial Joomla.</a></div> <div style="text-align: justify;"> Perlu diketahui bahwa ukuran file komponen ini cukup besar, sekitar 2MB, jadi proses instalasinya memerlukan waktu yang agak lama. Nah, jika proses instalasi berhasil dan tidak ada kesalahan sedikit pun, kita akan melihat tampilan Welcome Screen.</div> <div style="text-align: justify;"> Klik menu Install SAMPLE DATA untuk menginstall contoh katalog barang. Mengapa kita tidak memilih menu Go directly to the shop? Untuk tahap awal, lebih enak kalau kita menginstall contoh produk yang sudah tersedia. Nanti jika sudah tidak memerlukannya lagi, kita tinggal menghapus produk tersebut.</div> <div style="text-align: justify;"> Sekarang coba lihat hasil instalasi online store tersebut dengan mengklik menu Preview. Bagaimana hasilnya? Kok daftar produknya tidak muncul ya? Jangan khawatir, kita belum bisa melihat tampilan online store tersebut karena belum ada satupun modul yang kita install.</div> <div style="text-align: justify;"> <strong>Menampilkan Online Store</strong></div> <div style="text-align: justify;"> File kedua yang perlu kita install yaitu mod_virtuemart_1.1.x.zip. Ini merupakan modul utama dari VirtueMart. Kalau modul ini tidak diinstall, kita tidak akan bisa melihat tampilan katalog barang. Kita bisa menemukan file ini pada direktori modules. Cara menginstall-nya sama seperti file sebelumnya.</div> <div style="text-align: justify;"> Setelah terinstall, aktifkan module tersebut melalui menu <strong>Extension</strong> – <strong>Module Manager</strong>. Klik tanda silang (x) di samping VirtueMart Module.</div> <div style="text-align: center;"> <img alt="virtuemart_module-600x89" class="rt-image" height="89" src="http://www.agussuwasono.com/images/stories/virtuemart_module-600x89.jpg" width="600" /></div> <div style="text-align: justify;"> <br />Nah, sekarang kita bisa melihat tampilan online store yang kita buat. Coba klik menu <strong>Preview </strong>sekali lagi. Pada menu sebelah kiri, kita bisa melihat daftar kategori barang dari online store kita, yaitu Hand Tools, Power Tools dan Garden Tools. Namun sepertinya masih ada yang kurang. Apakah itu? Ternyata daftar barangnya belum nampak di halaman homepage.</div> <div style="text-align: justify;"> Kita perlu mengubah setting menu homepage agar menampilkan daftar barang layaknya online store pada umumnya. Caranya klik menu <strong>Menus</strong> – <strong>Main Menu</strong>. Perhatikan type dari menu item Home. Kita harus mengubah tipe tersebut dari <strong>Articles » Front Page</strong> ke <strong>VirtueMart</strong>.</div> <div style="text-align: justify;"> Caranya klik menu item <strong>Home</strong> hingga muncul tampilan detail dari menu item tersebut. Selanjutnya klik tombol C<strong>hange Type</strong>. Pilih VirtueMart dari daftar tipe yang tersedia di situ. Klik menu <strong>Save</strong> atau <strong>Apply</strong> untuk menyimpan perubahan setting tersebut.</div> <div style="text-align: justify;"> Dan… inilah dia hasil akhirnya.</div> <div style="text-align: center;"> <a href="http://www.agussuwasono.com/images/stories/virtuemart_online_store_homepage.jpg" rel="rokbox[ ]" target="_blank" title="Preview"><img alt="virtuemart_online_store_homepage" height="200" src="http://www.agussuwasono.com/images/stories/virtuemart_online_store_homepage.jpg" width="139" /></a></div> <div style="text-align: justify;"> <br />Yang menjadi pertanyaan, apa yang harus kita lakukan setelah online store tersebut jadi? Apakah langsung dipublikasikan kepada orang-orang, promosi secara besar-besaran atau bagaimana? Saking senangnya mempunyai online store dan ingin segera mendapatkan keuntungan secara singkat mungkin akan membuat seseorang melakukan hal-hal seperti itu. Akan tetapi untuk kasus ini alangkah baiknya apabila kita meneliti kembali segala sesuatu yang berhubungan dengan online store tersebut.</div> <div style="text-align: justify;"> Ada beberapa hal yang perlu kita cek kembali sebelum memutuskan untuk melakukan publikasi maupun mempromosikan online store yang kita buat, yaitu:</div> <div style="text-align: justify;"> <strong>Katalog Barang</strong><br />Apa yang dimaksud dengan katalog barang? Katalog barang yaitu daftar barang atau produk yang kita jual melalui online store. Kita perlu memeriksa secara teliti apakah data barang yang kita masukkan sudah benar atau belum. Jangan sampai pelanggan sudah melakukan pemesanan, akan tetapi ternyata harga yang tercantum di online store tersebut salah.</div> <div style="text-align: justify;"> Kita tidak boleh meremehkan hal-hal kecil seperti itu. Situs e-commerce sekelas Amazon.Com pun pernah mengalami kejadian seperti itu. Pada pertengahan bulan Maret 2003 secara tidak sengaja mereka mencantumkan harga untuk produk iPaq H1910 yang semula harganya 300 poundsterling tiba-tiba menukik tajam hingga mencapai 7 poundsterling saja. Akibatnya, banyak pembeli menyerbu situs tersebut untuk bertransaksi.</div> <div style="text-align: justify;"> Tentunya Anda tidak ingin mengalami nasib seperti kasus Amazon tersebut bukan? Nah, oleh karena itu kita perlu teliti dalam memasang harga barang pada online store. Kesalahan sekecil apa pun bisa berakibat kurang baik. Minimal akan mengurangi kredibilitas online store tersebut di mata pembeli.</div> <div style="text-align: justify;"> <strong>Sistem Pembayaran</strong><br />Bagaimana cara pelanggan untuk membayar produk atau barang yang mereka beli di online store kita? Hal ini wajib kita pertimbangkan secara matang. Kalau pengunjung menganggap bahwa sistem pembayaran yang tersedia tidak aman, jangan harap mereka mau bertransaksi di online store tersebut. Kita harus memberikan informasi yang jelas kepada pengunjung mengenai sistem pembayaran yang ada di online store kita.</div> <div style="text-align: justify;"> Ada beberapa metode pembayaran yang biasanya dipakai dalam transaksi di Internet, yaitu kartu kredit, transfer bank dan pembayaran melalui pihak ketiga seperti PayPal. Untuk kasus yang terjadi di Indonesia, sistem pembayaran yang paling banyak dipakai yaitu transfer bank. Belakangan ini mulai banyak juga yang menggunakan jasa PayPal karena lebih mudah dan praktis.</div> <div style="text-align: justify;"> <strong>Pengiriman Barang</strong><br />Faktor lainnya yang harus kita pikirkan yaitu masalah pengiriman barang. Pelanggan tentu menginginkan agar barang yang ia pesan cepat sampai. Makin cepat makin baik. Oleh karena itu perusahaan jasa pengiriman barang berperan penting dalam masalah ini. Kita harus mempertimbangkan dengan cermat kecepatan pengiriman dan tarif yang ditawarkan oleh masing-masing perusahaan jasa pengiriman sebelum menentukan akan menggunakan jasa yang mana.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="font-size: xx-small;">sumber : agussuwasono.com</span> </div>

VirtueMart, Solusi Tepat Untuk Membangun Online Store

Joomla memang dikategorikan sebagai software CMS (Content Management System). Namun itu tidak berarti bahwa Joomla tidak bisa di...

Baca selengkapnya »

Memanfaatkan Jcomments untuk menghidupkan website kita

<br /> <div class="demo-img"> <img alt="Tips Joomla" border="0" class="rt-image" src="http://www.agussuwasono.com/images/stories/joomla_tip.jpg" /></div> <h3> Cara menginstal JComments pada Joomla 1.5</h3> <div class="demo-title"> <em class="bold">Untuk memenuhi keinginan beberapa rekan,berikut artikel singkat cara penyetingan Jcomments pada Joomla...</em></div> <div style="text-align: justify;"> Seperti telah saya uraikan pada <a href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/267-komentar-pada-joomla.html" target="_blank" title="Komentar pada Joomla">tulisan sebelumnya</a>, bahwa salah satu cara untuk membikin hidup sebuah website adalah dengan memasang kolom komentar yang memungkinkan pembaca dengan administrator atau antar pembaca berinteraksi dalam sebuah diskusi. Salah satu komponen yang dapat kita manfaatkan adalah JComments.</div> <div style="text-align: justify;"> Sayangnya <em>Sang developer</em> tidak menyediakan tutorial yang singkat yang mampu mendukung pengguna awal untuk menginstalnya. Ada beberapa rekan yang sering menanyakan cara setup pada penggunaan JComments. Atas dasar itulah saya sempatkan menulis panduan singkat untuk menginstal Jcomments pada Joomla 1.5.</div> <ol> <li>Langkah awal yang harus anda siapkan adalah mendownload komponen, modul atau plugin Jcomments. Anda bisa <a href="http://www.agussuwasono.com/download/section/4-joomla-stuff.html" target="_blank" title="Joomla Staff">download di sini</a>.</li> <li>Lakukan penginstalan komponen terlebih dahulu, layaknya menginstal komponen lainnya: Login ke kontrol panel, Arahkan ke <strong>Extensions</strong> ---><strong> Instal/uninstall</strong>.Pada <strong>Upload Package File</strong> klik <strong>browse</strong> dan pilih <strong>com_jcomments_v2.2.0.0</strong> (yang telah didownload) kemudian klik <strong>Upload File & Install</strong>.</li> <li>Jika penginstalan berhasil, selanjutnya rahkan ke <strong>Components</strong> ---> <strong>JComments</strong> ---> <strong>Settings</strong>. Lakukan penyetingan seperti screenshot berikut:</li> </ol> <div style="text-align: justify;"> <ul> <li>Pada tab <strong>General</strong> ---> <strong>Categories</strong> : <em>Highlight</em> (Tandai dengan warna biru) kategori yang akan diberi kolom komentar. Biarkan kategori yang tidak dikehendaki komentar di dalamnya. </li> </ul> </div> <a href="http://www.agussuwasono.com/images/stories/1.general.jpg" rel="rokbox[ ]" target="_blank" title="Setting-General"> <div style="text-align: center;"> <img alt="1.general" height="275" src="http://www.agussuwasono.com/images/stories/1.general.jpg" width="400" /></div> </a> <ul> <li>Pilih juga fasilitas lain seperti notifikasi, RSS feeds dan pilih Yes untuk mengaktifkan avatar.</li> <li>Demikian juga pada tab <strong>Layout</strong>, terdapat banyak fitur yang bisa anda aktifkan atau tidak. Seperti vote, smiles, tampilan, jumlah halaman. Biarkan aja default jika anda tidak mau pusing.</li> </ul> <a href="http://www.agussuwasono.com/images/stories/2.layout.jpg" rel="rokbox[ ]" target="_blank" title="Layout-Setting"> <div style="text-align: center;"> <img alt="2.layout" height="275" src="http://www.agussuwasono.com/images/stories/2.layout.jpg" width="400" /></div> </a> <ul> <li>Yang penting untuk tab<strong> Permissions</strong> adalah pada pilihan <strong>Autopublish</strong>  untuk anggota yang belum teregistrasi (Unregistered). Jika anda klik, artinya semua komentar baru bisa langsung muncul, atau sebaliknya menunggu anda untuk mempublikasikannya.Di sini anda bisa 'memainkan' fitur yang berbeda sesuai dengan grupnya masing-masing.</li> </ul> <div style="text-align: center;"> <a href="http://www.agussuwasono.com/images/stories/3._Permission.jpg" rel="rokbox[ ]" target="_blank" title="Permission"><img alt="3._Permission" height="275" src="http://www.agussuwasono.com/images/stories/3._Permission.jpg" width="400" /></a></div> <div style="text-align: justify;"> <ul> <li>Pada Tab Restrictions anda bisa mengkonfigurasikan ukuran maupun panjang komentar dan nama yang tidak boleh dipakai pada kolom komentar.</li> <li>Demikian juga pada filter dan Messages anda dapat mengkombinasikan keinginan anda sesuai kebutuhan. </li> </ul> </div> <div style="text-align: justify;"> <br />4. Setelah setingan selesai,klik tombol save dan lakukan pengecekan di front end. Jika semua sesuai rencana, maka anda akan jumpai form komentar bisa muncul di bawah masing-masing artikel.</div> <br /> <div style="text-align: center;"> <img alt="4._Add_Comment" class="rt-image" height="543" src="http://www.agussuwasono.com/images/stories/4._Add_Comment.jpg" width="584" /></div> <div style="text-align: justify;"> <strong><br />Modul Latest comments </strong></div> <div style="text-align: justify;"> Untuk mengetahui komentar terakhir yang muncul, anda harus menginstal module mod_jcomment_v2.5.4 (Update terakhir) sama seperti pada penginstalan komponen.</div> <div style="text-align: justify;"> <br />Setelah anda menginstalnya Cek <strong>Extensions</strong> ---> <strong>Module</strong> kemudian cari judul module <strong>JComments Latest</strong> (defaultnya di posisi left). Lakukan penyetingan section atau category mana yang akan ditampilkan, jika anda ingin menampilkan semua kecuali section atau category tertentu, maka isi saja kolom <strong>Exclude sections</strong> atau<strong> Exclude categories</strong> yang akan dinon-aktifkan dengan memisahnya dengan tanda koma.</div> <div style="text-align: justify;"> <br />Anda juga dapat mengaktifkan fitur lain seperti jumlah komentar yang ditampilkan,judul, RSS label, avatar dan yang lainnya. Pilihlah sesuai dengan kebutuhan anda.</div> <div style="text-align: justify;"> <br /><strong>Plugin JComments </strong></div> <div style="text-align: justify;"> <br />Untuk dapat menampilkan avatar, anda harus menginstal plugin plg_jcomments_avatar_j15_v3.1 seperti pada penginstalan komponen. Setelah terinstal, arahkan ke <strong>Extensions </strong>---> <strong>plugin</strong>. Aktifkan <strong>JComments - Avatar</strong> dengan terlebih dahulu memilih jenis avatar yang akan dipakai, seperti Gravatar, Jomsocial, firboard forum dan banyak pilihan lainnya.</div> <div style="text-align: justify;"> Pilih <strong>yes</strong> pada <strong>enabled</strong> dan <em>save</em> untuk mengakhiri penyetingan plugin. Anda juga dapat mengaktifkan fungsi         Editor Button - JComments ON/OFF pada artikel editor untuk mengaktifkan atau menonaktifkan fungsi komentar di artikel.</div> <div style="text-align: justify;"> <strong>Static Articles</strong></div> <div style="text-align: justify;"> Untuk mengaktifkan artikel tertentu tanpa kategori (static articles) coba cara berikut : cukup klik tombol <strong>JComments ON</strong> pada artikel editor seperti gambar berikut:</div> <div style="text-align: center;"> <img alt="on-of_comment" class="rt-image" height="72" src="http://www.agussuwasono.com/images/stories/on-of_comment.jpg" width="635" /></div> <div style="text-align: justify;"> demikian juga anda bisa menonaktifkan komentar pada artikel tertentu dengan menekan <strong>JComments OFF.</strong></div> <div style="text-align: justify;"> <strong>Mengaktifkan Avatar</strong></div> <div style="text-align: justify;"> Selain dengan menginstal plugin avatar, perlu juga diaktifkan fasilitas ini melalui seting berikut:</div> <ol> <li> <div style="text-align: justify;"> Pilih "<strong>General</strong>" tab dan setup "Plugin support" parameter menjadi "Yes". Parameter ini bertanggungjawab dalam fungsi third-party JComments plugins,termasuk avatar's plugin.</div> </li> <li> <div style="text-align: justify;"> Pilih "Permissions" tab dan setup pilih grup yang bisa melihat avatar. Ceke "Display Gravatar" parameter untuk membolehkan grup melihat avatar.</div> </li> <li> <div style="text-align: justify;"> Save setingan anda.</div> </li> </ol> <div style="text-align: justify;"> Berminat mencoba? Silakan download di sini...</div> <table border="0"><tbody style="text-align: left;"> <tr style="text-align: left;"><td style="text-align: left;"> <div class="rt-readon-surround"> <a class="readon" href="http://www.agussuwasono.com/download/file/295-jcomments.html" target="_blank" title="Download Komponen"><span>Komponen</span></a></div> </td> <td style="text-align: left;"> <div class="rt-readon-surround"> <a class="readon" href="http://www.agussuwasono.com/download/file/296-jcomments-module.html" target="_blank" title="Download module"><span>Module</span></a></div> </td> <td style="text-align: left;"> <div class="rt-readon-surround"> <a class="readon" href="http://www.agussuwasono.com/download/file/297-jcomments-plugin.html" target="_blank" title="Download plugin"><span>Plugin</span></a></div> </td></tr> </tbody></table> <br /> <table border="0"><tbody style="text-align: left;"> <tr style="text-align: left;"><td style="text-align: left;"><div class="rt-readon-surround"> <br /></div> <div class="rt-readon-surround"> <span><span style="font-size: xx-small;">sumber : agussuwasono.com</span> </span></div> </td></tr> </tbody></table>

Memanfaatkan Jcomments untuk menghidupkan website kita

Cara menginstal JComments pada Joomla 1.5 Untuk memenuhi keinginan beberapa rekan,berikut artikel singkat cara penyetingan Jco...

Baca selengkapnya »

Mengamankan web Joomla! anda dengan sistem reCaptcha

<br /> <div style="text-align: justify;"> <img alt="recaptcha" class="rt-image" height="81" src="http://www.agussuwasono.com/images/stories/recaptcha.jpg" style="float: left; margin-right: 6px;" width="200" />Siapa yang tidak kesal dengan spam?  Pasti Anda juga. Para spammer bukan hanya menyerang email, tapi juga situs-situs, termasuk Joomla. Nah, kali ini kita akan coba mengimplementasikan ReCapthca di situs Joomla kita. Recaptcha ini sepertinya lumayan ampuh untuk melindungi situs kita dari ulah para spammer.<br /><br />Recaptcha adalah sebuah sistem antispam gratis. Data Oktober 2010 melaporkan terdapat 100 juta captcha dilakukan setiap hari untuk perlindungan pendaftaran situs jejaring sosial seperti facebook, twitter, StumbleUp dan yang lainnya. Saya rasa tak perlu menjelaskan panjang lebar tentang ReCaptcha ini, Anda bisa langsung <a href="http://recaptcha.net/learnmore.html" target="_blank" title="lebih lanjut tentang Recaptcha">buka di situsnya</a>. Dan <a href="http://www.google.com/recaptcha/whyrecaptcha" target="_blank" title="Daftar Recaptcha">mendaftarnya sekaligus</a> untuk mendapatkan <em>Public Key</em> dan <em>Private Key</em> untuk situs Anda. Jika anda memiliki beberapa domain, cukup mendaftar sekali saja dan pergunakan key yang sama. Cukup centang <em>Enable this key on all domains (global key) </em>pada saat pendaftaran.<br /><br />Nah, untuk memperoleh manfaat sistem gratisan ini berikut tutorial singkat yang dapat anda manfaatkan di Joomla anda.<br /><br />Ada dua cara untuk menginstal Recaptcha:</div> <ol> <li>Cara Otomatis : cukup dengan menginstal komponen.</li> <li>Cara manual: dengan mengutak-atik script php.</li> </ol> <br /> Berikut penjelasan singkat dari kedua cara di atas:<br /> <strong>1. Menggunakan komponen <a class="jcepopup" href="http://www.alphaplug.com/index.php/products/alpharegistration.html" target="_blank" title="Developer site">AlphaRegistration</a></strong><br /><br /> <div style="text-align: justify;"> Dengan menginstal komponen ini, form registrasi web anda akan lebih terlihat menarik, elegan dan lebih aman karena menggunakan <em>reCaptcha system</em> dan <em>BotScout service</em>.Selain itu ada pilihan form check box untuk <em>'terms of use'</em> dengan image display pada setiap langkahnya.</div> <br />Selain itu anda tidak perlu menginstal modul tambahan, karena AlphaRegistration bekerja otomatis bersama login module bawaan Joomla!<br /><br />Cara menggunakan: <br /> <ol> <li>Cukup download komponen <a href="http://www.alphaplug.com/index.php/downloads.html?func=fileinfo&id=22" target="_blank" title="Download komponen">di sini </a></li> <li>Login ke sistem administrator Joomla anda dan instal komponen seperti menginstal komponen lainnya.</li> <li> <div style="text-align: justify;"> Lakukan pengesetan pada konfigurasi komponen. Ada 5 tab yang harus anda konfigurasi yaitu General, steps, recaptcha, AlphaUserPoints dan Security. Jangan lupa pada kolom recaptcha masukan <em>Public Key</em> dan <em>Private Key</em> yang anda peroleh pada saat pendaftaran.</div> </li> <li> <div style="text-align: justify;"> Tambah menu baru pada main menu: <em>Menus --- Main Menu* --- New -- AlphaRegistration</em>. Beri nama menu anda sesuai selera misalnya Registrasi atau Pendaftaran.</div> </li> </ol> <div style="text-align: center;"> <a href="http://www.agussuwasono.com/images/stories/alpha.jpg" rel="rokbox[ ]" target="_blank" title="Konfigurasi AlphaRegistration pada Backend"><img alt="alpharegistration" height="200" src="http://www.agussuwasono.com/images/stories/alpha.jpg" width="250" /></a></div> <div style="text-align: justify;"> Lihat hasilnya, jika semua berjalan normal maka form baru pendaftaran akan terlihat seperti <a class="jcepopup" href="http://www.agussuwasono.com/about/registrasi.html" target="_blank" title="Contoh form AlphaRegistration">contoh pada website ini</a>.<br /><br /><strong>2. Implementasi recaptchalib.php pada Joomla.</strong>^{Sumber: <a class="jcepopup" href="http://www.id-joomla.com/" target="_blank" title="Sumber Referensi">http://www.id-joomla.com/</a>}<br /><br />Langkah pertama, Anda harus mendaftar dulu di recaptcha.net untuk memperoleh Public Key dan Private Key untuk situs Anda. Kemudian Anda <a href="http://code.google.com/p/recaptcha/downloads/list" title="Download Recapthcalib.php">d</a><a href="http://code.google.com/p/recaptcha/downloads/list" target="_blank" title="Download recaptchalib.php">ownload recaptchalib.php</a> (pilih recaptchalib for php). <br /><br />Agar reusable, kita akan letakkan file ini di folder public_html/includes. Untuk keamanan, file recaptchalib.php harus diedit terlebih dahulu dan ditambah baris pada bagian paling atas<br /><br /><code>{defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );}</code><br /><br />Kemudian buat sebuah class dalam file lain, misalnya recaptcha.php di folder ini juga. Isinya seperti berikut:<br /><code><br /> <?php<br /><br /> /** ensure this file is being included by a parent file */<br />defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );<br /><br />require_once( "recaptchalib.php" );<br /><br />//Ganti key berikut dengan milik Anda <br /><br />define ( "PUBLIC_KEY",   "6LcHVQEAAAAAADXKCk48tWrV0_23dtPn0AR8dvfA" );<br />define ( "PRIVATE_KEY",  "6LcHVQEAAAAAAD3QL5smD53vJ_G_mtwGonjzhZZL" );<br /><br />class recaptcha {<br /><br /> function recaptcha(){<br /> require_once ("recaptchalib.php");<br /> }<br /><br /> function _setting($theme='red',$lang='en',$tabindex=0){<br /> global $mainframe;<br /><br /> $html   = "<script language=\"javascript\" type=\"text/javascript\">\n";<br /> $html  .= "  var RecaptchaOptions = {theme : '$theme',lang : '$lang',tabindex : $tabindex};\n";<br /> $html  .= "</script>\n";<br /><br /> return $mainframe->addCustomHeadTag($html);<br /><br /> }<br /><br /> function get_html($err=null){<br /> return recaptcha_get_html(PUBLIC_KEY,$err);<br /> }<br /> function validate (){<br /> $resp = recaptcha_check_answer (PRIVATE_KEY,<br /> $_SERVER["REMOTE_ADDR"],<br /> $_POST["recaptcha_challenge_field"],<br /> $_POST["recaptcha_response_field"]);<br /><br /> if (!$resp->is_valid) {<br /> echo "<script> alert('The reCAPTCHA entered incorrectly. Go back and try it again. reCAPTCHA said: " . $resp->error . "'); window.history.go(-1); </script>\n";<br /> exit();<br /> }<br /> }<br /><br />}<br /><br />?></code><br />Berikutnya kita akan mencoba mengimplementasikan pada Komponen Registrasi Joomla. Jadi kita akan ubah file <em>registration.php </em>dan <em>registration.html.php</em> yang berada di<em> public_html/components/com_registration</em><br /><br /><strong>Edit registration.php</strong></div> <div style="text-align: justify;"> Ssetelah baris:<br /><br /><code>require_once( $mainframe->getPath( 'front_html' ) );</code></div> <div style="text-align: justify;"> tambahkan baris berikut:<br /><br /><code>require_once( 'includes/recaptcha.php' );<br /><br />$r = new recaptcha();<br /> </code><br /><br /> Cari function saveRegistration(), tambahkan global $r, sehingga baris<br /><br /><code>global $database, $acl;</code> menjadi <code> global $database, $acl,$r;</code><br /><br />masih dalam fungsi saveRegistration(), panggil fungsi validasi sebelum baris<br /><br /><code>$row = new mosUser( $database ); </code>sehingga menjadi<br /><code><br />$r->validate();<br /><br />$row = new mosUser( $database );</code><br /> <br />Pada file ini kita telah menambah 4 baris yaitu:<br /><code><br />require_once( 'includes/recaptcha.php' );<br /><br />$r = new recaptcha();<br /><br />global $r;<br /><br />$r->validate();</code><br /> <br /><br /><strong>Edit registration.html.php</strong><br /><br />Cari fungsi registerForm(),tambahkan global $r; sebelum baris $validate = josSpoofValue();<br /><br />Terus ke bawah, kita akan menambahkan field validasi recaptcha setelah password2<br /><code><br /><tr><br /><br /> <td>Verification Image *</td><br /><br /> <td><?php echo $r->get_html();?></td><br /><br /></tr></code><br /> <br />Selesai sudah. Pada file ini kita hanya menambahkan  <em>global $r;</em> dan <em>echo $r->get_html(); </em><br /><br />Selamat mencoba!!</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="font-size: xx-small;">sumber : agussuwasono.com</span> </div>

Mengamankan web Joomla! anda dengan sistem reCaptcha

Siapa yang tidak kesal dengan spam?  Pasti Anda juga. Para spammer bukan hanya menyerang email, tapi juga situs-situs, termasuk ...

Baca selengkapnya »

Amankan Joomla Anda!

<br /> <div style="text-align: justify;"> <img alt="gembok" class="rt-image" height="101" src="http://www.agussuwasono.com/images/stories/gembok.jpg" style="float: left; margin-bottom: 7px;" width="123" />Semakin populer dan semkin banyak keunggulan penggunaan Joomla!, semakin banyak pula kemungkinan kelemahan dari sisi keamanan. Demikian pula yang penulis web ini alami, beberapa kali situs dicoba untuk disusupi malware yang terkadang menghabiskan waktu dan tenaga. <br /><br />Untuk itulah, saya tuliskan di sini artikel singkat yang kaitannya dengan masalah 'Joomla security' sebagai bahan tukar pengalaman. Hal ini berkaitan dengan beberapa sebab (menurut saya), antara lain:</div> <ol> <li> <div style="text-align: justify;"> Semakin banyaknya extension yang dibuat oleh pihak ketiga, semakin banyak pula kemungkinan celah keamanan.Hal yang terbaik adalah cek dahulu extension yang akan anda install baik komponen, module atau plugin melalui situs joomla di <a href="http://docs.joomla.org/Vulnerable_Extensions_List" target="_blank" title="Vulnerable Extensions List Joomla">Vulnerable Extensions List.</a></div> </li> <li> <div style="text-align: justify;"> Joomla anda tidak diupdate, karena update biasanya merupakan penyempurnaan dari software dari sisi fitur dan keamanan.Karena itu updatelah setiap saat dengan mengecek Joomla! Security Newsfeed dari Joomla backend anda.</div> </li> <li> <div style="text-align: justify;"> Local security, artinya keamanan dari sisi komputer anda. Ada virus, trojan atau malware lainnya yang 'nyusup' ke file anda yang kemudian anda upload ke hosting atau bahkan mampu mencuri password ke control panel hosting anda. Lakukan scanning secara teratur dengan meyakinkan terlebih dahulu virus signature dari Antivirus Anda telah terupdate.</div> </li> <li> <div style="text-align: justify;"> Password. Lakukan penggantian password untuk domains control panel, mysql, FTP dan Joomla Admin anda secara berkala. Jangan gunakan username standard "Admin", ganti dengan nama yang lain.</div> </li> <li> <div style="text-align: justify;"> File Permission. Gunakan file permission yang tepat di file hosting anda, Jangan gunakan 777, yang ideal adalah 644 untuk file dan 755 untuk folder.</div> </li> <li> <div style="text-align: justify;"> Login admin. Karena Joomla telah "merakyat", tentunya semua orang tahu ciri-cirinya, dan yang paling riskan adalah link ke Joomla admin, yaitu www.namadomain.com/administrator maka Login ke Joomla backend sudah tersedia. Ini juga celah, jika user name dan password sudah terdeteksi. Cara termudah adalah dengan menginstal komponen tambahan jSecure yang akan mengalihkan link Joomla administrator ke link lain yang kita buat.</div> </li> </ol> <br /> <br /> <div style="text-align: center;"> <img alt="Jooomla-sec-feed" class="rt-image" height="383" src="http://www.agussuwasono.com/images/stories/Jooomla-sec-feed.jpg" width="398" /></div> <div style="text-align: justify;"> <strong>Tentang JSecure Authentication</strong><br /> <br />Komponen Otentikasi jSecure mencegah akses ke administrasi (back end) halaman login jika pengguna tidak menggunakan tombol akses yang sesuai. Mudah untuk menginstalnya, jSecure menambah tingkat keamanan yang lebih tinggi ke website Joomla Anda. <br /><br />Otentikasi jSecure 2.0 memiliki berbagai perbaikan termasuk:<br />* Pilihan untuk dikirimkan melalui email setiap kali seseorang mencoba mengakses halaman admin anda<br />* Pilihan untuk memblokir IP dari mengakses wilayah administrasi Anda<br />* Pilihan untuk menggunakan menambahkan form login kedua untuk lebih melindungi Anda halaman admin<br />* Ditambahkan Master Password untuk mengakses Otentikasi jSecure<br />* Ditambahkan opsi E-mail untuk mengirim log perubahan Otentikasi jSecure<br />* Pengguna dapat memilih IP yang dikehendaki atau IP yang diblokir<br />* Ditambahkan fitur log (Sistem akan mencatat kegiatan jika jSecure diakses)<br /><br /><strong>Cara Penginstalan :</strong> Sama seperti menginstal komponen biasa.<br /><br /><strong>Setting:</strong> Buat kata kunci (pass key) yang anda kehendaki di basic configuration, maka joomla admin akan menjadi <em>"link lama"/?passkeyanda</em>.Kemudian pilih redirect page, bisa kembali ke halaman index atau ke error page '404'.<br /><br />Bagi yang mau mencoba silakan <a href="http://www.agussuwasono.com/download/category/15-component.html" target="_self" title="Download for registered user">download di sini</a>. Pertanyaan dan diskusi silakan ke <a href="http://www.joomlaserviceprovider.com/component/kunena/5-jsecure-authentication.html" target="_blank" title="Diskusi lebih jauh">forum Jsecure.</a><br /><br /><strong>Peringatan: </strong>Karena menyangkut security, baca baik-baik cara penggunaan - <em>resiko ditanggung penumpang</em> <img alt="Tongue out" border="0" src="http://www.agussuwasono.com/plugins/editors/jce/tiny_mce/plugins/emotions/img/smiley-tongue-out.gif" title="Tongue out" /> dan ingat kata kunci serta password yang dibuat dan lakukan backup database untuk mencegah kemungkinan terburuk.<br /><br /><strong>Backup</strong><br /><br />Hal terbaik yang perlu dilakukan bagi pemilik website adalah melakukan backup file dan database secara berkala, sehingga jika terjadi sesuatu yang tidak diinginkan, kita dapat merestore file dan database kita dengan mudah.<br /><br /><em>Semoga bermanfaat.</em></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <em><span style="font-size: xx-small;">sumber : agussuwasono.com</span> </em></div>

Amankan Joomla Anda!

Semakin populer dan semkin banyak keunggulan penggunaan Joomla!, semakin banyak pula kemungkinan kelemahan dari sisi keamanan. D...

Baca selengkapnya »

Error Joomla: Missing argument 3 for ...

<img alt="error" height="125" src="http://www.agussuwasono.com/images/stories/error.png" style="float: left; margin-bottom: 5px; margin-right: 5px;" width="125" />Artikel berikut berisi pemecahan masalah yang timbul pada Joomla, sekedar sharing pengalaman jika suatu saat anda mengalami masalah serupa. Error ini biasanya timbul pada saat anda menggunakan plugin di sebuah artikel atau module yang ditempatkan pada artikel.<br /> <br /> <br /> Jika anda menemukan error pada joomla yang kurang lebihnya seperti ini:<br /> <pre>Warning: Missing argument 3 for plgContentplg_iframe::onPrepareContent() in /home/users/public_html/**mysite.com**/plugins/content/plg_iframe.php on line 57 Warning: Missing argument 3 for mb_videobot() in /home/users/public_html /**mysite.com**/plugins/content/azvideobot.php on line 8 Warning: Missing argument 3 for plgContenteventDirections::onPrepareContent() in /home/users/public_html/**mysite.com**/plugins/content/eventdirections.php on line 343</pre> Secara umum hal yang perlu dilakukan jika anda menemukan error adalah sebagai berikut:<br /> 1. Identifikasi masalah, catat file mana yang timbul error.<br />2. Googling error yang ada, karena biasanya orang lain pernah mengalami hal serupa. Catat perbaikan yang perlu dilakukan.<br />3. Backup file yang akan diedit, sebagai sikap hati-hati jika terjadi kesalahan.<br />4. Lakukan langkah perbaikan, jika masalah masih timbul dengan alternative penyelesaian lainnya.<br /><br />Untuk masalah pada error di atas,perlu dilakukan pengeditan pada file yang ada, yaitu:<br />1. plg_iframe.php pada contoh 1<br />2. azvideobot.php pada contoh 2<br />3. eventdirections.php pada contoh 3<br /><br />Cari scipt berikut:<br /> <pre>function onPrepareContent( &$article, &$params, $limitstart ) </pre> Kemudian ganti dengan: <pre>function onPrepareContent( &$article, &$params, $limitstart = null )</pre> atau <pre>function onPrepareContent( &$article, &$params)</pre> Simpan file yang anda edit dan lihat hasilnya. Seharusnya, error yang muncul akan segera hilang.<br /> Semoga bermanfaat.<br /> <br /> <span style="font-size: xx-small;">sumber : agussuwasono.com</span>

Error Joomla: Missing argument 3 for ...

Artikel berikut berisi pemecahan masalah yang timbul pada Joomla, sekedar sharing pengalaman jika suatu saat anda mengalami masala...

Baca selengkapnya »

Memasang Flash pada Joomla!

<br /> <div style="text-align: justify;"> <img alt="flash-icon" height="150" src="http://www.agussuwasono.com/images/stories/flash-icon.png" style="float: left; margin-right: 5px;" width="150" />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.<br /><br /><strong>Kelebihan dan Kemampuan Flash</strong></div> <div style="text-align: justify;"> <ul> <li>Merupakan teknologi animasi web yang paling populer saat ini sehingga banyak didukung oleh berbagai pihak.</li> <li>Ukuran file yang kecil dengan kualitas yang baik.</li> <li>Kebutuhan Hardware yang tidak tinggi.</li> <li>Dapat membuat website, cd-interaktif, animasi web, animasi kartun, kartu elektronik, iklan TV, banner di web, presentasi cantik, membuat permainan (game), aplikasi web dan handphone.</li> <li>Dapat ditampilkan di banyak media seperti Web, CD-ROM, VCD, DVD, Televisi, Handphone dan PDA.</li> </ul> </div> <div style="text-align: justify;"> <strong>Teknologi Flash</strong><br /><br />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.</div> <div style="text-align: justify;"> <strong>Belajar Flash</strong></div> <div style="text-align: justify;"> Bagi pemula seperti saya, di mana saya bisa belajar animasi flash? Silakan googling aja, Insya Alloh anda dapat mulai mempelajarinya, misalnya di sini: <a class="jcepopup" href="http://www.babaflash.com/forum/%29" target="_blank" title="Forum Indonesia">Babaflash</a>, <a class="jcepopup" href="http://www.entheosweb.com/Flash/default.asp" target="_blank" title="Flash Tutorial">entheosweb</a> atau di <a class="jcepopup" href="http://www.w3schools.com/flash/default.asp" target="_blank" title="Flash pada web">w3school</a> untuk penerapan flash di web.</div> <div style="text-align: justify;"> <strong>Flash pada Joomla</strong></div> <div style="text-align: justify;"> <img alt="Joomla Tips" class="rt-image" src="http://www.agussuwasono.com/images/stories/joomla_tip.jpg" style="float: left; margin-right: 5px;" />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:</div> <div> 1. Embed di artikel Langsung</div> <div> 2. Plugin pada artikel</div> <div> 3. Instal flash module</div> <div> 4. Tampilkan melalui module blank</div> <div style="text-align: justify;"> 5. Module pada artikel</div> <div style="text-align: justify;"> 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…</div> <div style="text-align: justify;"> <strong>1. Flash pada Artikel</strong></div> <ul> <li>Siapkan flash yang akan ditampilkan dan upload ke web server anda misalnya di folder “images”.</li> </ul> <div style="text-align: center;"> <div> <img alt="joomla_insertflash" class="rt-image" height="95" src="http://www.agussuwasono.com/images/stories/joomla_insertflash.gif" width="299" /></div> </div> <ul> <li>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:</li> </ul> <div style="text-align: center;"> <img alt="flash_joomlaflash" class="rt-image" height="486" src="http://www.agussuwasono.com/images/stories/flash_joomlaflash.gif" width="446" /></div> <ul> <li>Jika telah siap,klik insert dan save artikel anda.</li> </ul> <div style="text-align: justify;"> <strong><br />2. Plugin pada Artikel</strong></div> <div style="text-align: justify;"> Penggunaan plugin pada artikel, sebenarnya lebih mudah, praktis dan menghemat tempat. Cukup install Rokbox plugin yang bisa anda <a href="http://www.agussuwasono.com/download/category/17-plugin.html" target="_blank" title="Download kedua plugin">download di sini</a>.  Instal kedua plugin: <em>rokbox system</em> dan<em> rokbox content</em>. Setelah selesai penginstalan, aktifkan kedua plugin tersebut. Dan plugin siap digunakan.</div> <div style="text-align: justify;"> Penggunaanya, tambahkan pada link ke swf file yang ada parameter <span style="color: red;">rel="rokbox" </span>pada hyperlink yang ada, contohnya seperti kode berikut:</div> <div style="text-align: center;"> <pre><a target="_blank" title="Prinsip Kerja Alat Ukur Listrik" href="/ilearning/Alatukur.swf" <span style="color: red;"> rel="rokbox</span>">Prinsip Kerja Alat Ukur Listrik</a></pre> </div> <div style="text-align: justify;"> Akan menjadi link seperti ini: <a href="http://www.agussuwasono.com/ilearning/Alatukur.swf" rel="rokbox" target="_blank" title="Prinsip Kerja Alat Ukur Listrik">Prinsip Kerja Alat Ukur Listrik</a></div> <div style="text-align: justify;"> <strong>3. Flash Module - tanpa kode</strong></div> <div style="text-align: justify;"> Jika anda lebih menyukai untuk menampilkan flash pada module, lakukan langkah singkat berikut:</div> <div style="text-align: justify;"> Download module <a href="http://www.agussuwasono.com/download/file/339-flash-module.html" target="_blank" title="Download module flash dan instal">di sini</a> 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:</div> <div style="text-align: center;"> <a href="http://www.agussuwasono.com/images/stories/flash_module.jpg" rel="rokbox[ ]" target="_blank" title="Parameter Flash Module"><img alt="flash_module" height="350" src="http://www.agussuwasono.com/images/stories/flash_module.jpg" width="726" /></a></div> <div style="text-align: justify;"> <strong>4. Flash pada Module Blank - dengan kode</strong></div> <div style="text-align: justify;"> Module kedua yang bisa anda pergunakan adalah dengan <em>module blank</em> yang diisi dengan <em>embed code flash</em>:</div> <ul> <li>Instal module blank, anda dapat mendownloadnya <a href="http://www.agussuwasono.com/download/file/108-module-blank.html" target="_blank" title="Download module blank">di sini</a></li> <li> <div style="text-align: justify;"> Jika telah terinstal, siapkan flash yang akan ditampilkan dan upload ke web server anda misalnya di folder “flash”.</div> </li> </ul> <br /> <div style="text-align: center;"> <a href="http://www.agussuwasono.com/images/stories/Flash_module_blank.jpg" rel="rokbox[ ]" target="_blank" title="Module Blank dengan Flash Code"><img alt="Flash_module_blank" height="450" src="http://www.agussuwasono.com/images/stories/Flash_module_blank.jpg" width="587" /></a></div> <ul> <li> <div style="text-align: justify;"> 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:</div> </li> </ul> <pre><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="<span style="color: red;">540</span>" height="<span style="color: red;">60</span>"> <param name="movie" value="<span style="color: red;">flash/bantu.swf</span>" /> <param name="quality" value="high" /> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent"> <embed src="/<span style="color: red;">flash/bantu.swf</span>" quality="high" type="application/x-shockwave-flash" WMODE="transparent" width="<span style="color: red;">540</span>" height="<span style="color: red;">60</span>" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always" /> </object></pre> <div style="text-align: justify;"> Jika anda bingung dengan script di atas, cukup ganti parameter yang berwarna merah, disesuaikan dengan file flash yang telah anda upload baik ukuran maupun <em>path</em>(lokasi) filenya.<br /><strong><br />5. Penggunaan Module pada Artikel</strong><br /><br />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 <a href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/330-menempatkan-module-pada-artikel-joomla-15.html" target="_blank" title="Module pada Artikel">artikel sebelumnya</a>. Silakan pelajari artikel tersebut.<br /><br />Hal yang perlu dilakukan adalah:</div> <div> 1. Buat module seperti pada  cara ke-4 di atas, dengan parameter:<br /> </div> <ul> <li> <div> Position: namai sesuai kehendak kita, pada contoh di atas namanya: <em>bantu</em><br /> </div> </li> <li> <div> Menu assignment: <em>All</em><br /> </div> </li> </ul> <div style="text-align: justify;"> 2.  Pada artikel yang akan ditempatkan flash, ketik pada html : <code>{"loadposition bantu"}</code> - tanpa tanda ".<br /> </div> <div> 3.  Simpan dan publish artikel.<br /> </div> <div style="text-align: justify;"> Contoh nyata ada pada banner berikut:</div> <div style="text-align: justify;"> Anda dapat memasukan beberapa flash dalam artikel tersebut, yang penting siapkan modulnya terlebih dahulu.<br /><br />Semoga bermanfaat, terutama bagi pemula Joomla!. Selamat mencoba.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="font-size: xx-small;">sumber : agussuwasono.com</span> </div>

Memasang Flash pada Joomla!

Sejak diperkenalkan pada tahun 1996, Flash atau Macromedia Flash menjadi sangat populer dan langsung mendapat tempat di hati mas...

Baca selengkapnya »

Menghidupkan Website dengan Video dan Photo Galeri

<div style="text-align: justify;"> Pernah bercita-cita pengen punya kumpulan photo atau video di website anda? Atau sekedar menghidupkan website dengan sesuatu yang dinamis? Barangkali anda perlu mempertimbangkan untuk menginstal komponen ini. <em>Bayar?</em>... <em>enggak</em>... cukup download komponennya, Instal dan anda siap untuk berkreasi.</div> <br /><strong>hwdVideoShare »</strong><br /> <div style="text-align: justify;"> hwdVideoShare merupakan video galeri untuk Joomla  yang memungkinkan Anda menampilkan media video dalam tata letak yang terorganisir dan dikelola di Internet. hwdVideoShare dapat menangani upload, pengolahan dari sisi server dan pemutaran media video dalam semua format video populer.</div> <div style="text-align: center;"> <img alt="hwdvideo" class="rt-image" height="126" src="http://www.agussuwasono.com/images/stories/hwdvideo.jpg" width="350" /></div> <div style="text-align: center;"> <a class="jcepopup" href="http://hwdmediashare.co.uk/downloads/category/7" target="_blank" title="Download Video Komponen">Download</a>                 <a class="jcepopup" href="http://demo15.hwdmediashare.co.uk/hwdvideoshare/frontpage" target="_blank" title="Demo Video Komponen">Demo</a></div> <br /><strong> hwdPhotoShare »</strong><br /> <div style="text-align: justify;"> Joomla photo galleryhwdPhotoShare merupakan Joomla galeri foto yang memungkinkan Anda untuk menampilkan gambar media yang terorganisir yang bisa dishare di antara pengguna Internet. hwdPhotoShare dapat menangani gambar otomatis mengubah ukuran dan membuat thumbnail format dari gambar utama.</div> <div style="text-align: center;"> <img alt="hwdphoto" class="rt-image" height="126" src="http://www.agussuwasono.com/images/stories/hwdphoto.jpg" width="349" /></div> <div style="text-align: center;"> <a class="jcepopup" href="http://hwdmediashare.co.uk/downloads/category/8" target="_blank" title="Download Photo Komponen">Download</a>               <a class="jcepopup" href="http://demo15.hwdmediashare.co.uk/hwdphotoshare/component" target="_blank" title="Demo Photo Komponen">Demo</a></div> <div style="text-align: justify;"> Selamat berkreasi...!</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="font-size: xx-small;">sumber : agussuwasono.com</span> </div>

Menghidupkan Website dengan Video dan Photo Galeri

Pernah bercita-cita pengen punya kumpulan photo atau video di website anda? Atau sekedar menghidupkan website dengan sesuatu yang dinamis...

Baca selengkapnya »

Modifikasi Halaman Offline pada Joomla

<br /> <div style="text-align: justify;"> <img alt="Tips" class="rt-image" src="http://www.agussuwasono.com/images/stories/joomla_tip.jpg" style="float: left; margin-right: 7px;" title="Tips" />Terkadang kita ingin menampilkan sesuatu yang berbeda dan unik dibandingkan dengan sesuatu milik orang lain. Itu juga bisa terjadi pada jutaan situs berbasis Joomla. Jutaan situs Joomla akan memiliki halaman default yang sama - terutama pada halaman offline. Jadi, bagaimana kita bisa mendapatkan sesuatu yang unik pada situs Joomla pada halaman offline kita? <br /><br />Berikut langkah-langkah singkat yang dapat anda ambil untuk mendapatkan halaman offline sendiri yang unik pada situs berbasis Joomla 1.5.<br /><br /><strong>Modifikasi 1</strong><br /><br />Merupakan cara termudah yang dapat anda lakukan, yaitu hanya mengganti logo dan kalimat pada halaman offline tanpa merubah core file <em>offline.php</em>. Tampilan default pada offline page Joomla 1.5 adalah seperti gambar berikut:</div> <br /> <div style="text-align: center;"> <img alt="1.default-offline" class="rt-image" height="257" src="http://www.agussuwasono.com/images/stories/offline/1.default-offline.jpg" width="375" /></div> <div style="text-align: justify;"> Berikut langkah mudah yang dapat anda lakukan:</div> <div style="text-align: justify;"> 1. Siapkan logo yang anda kehendaki, berupa file jpg berukuran 350x71 pixel dan namai dengan "<em>joomla_logo_black</em>" yang selanjutnya anda upload ke folder images di root folder Joomla anda. Sebelum diupload rename "<em>joomla_logo_black</em>" (logo bawaan Joomla) misalnya "<em>logo_lama</em>" atau <em>delete</em> jika anda tidak menghendakinya. Cara Mudah dalam mengupload: login ke admin panel, <strong>site</strong>--<strong>Media Manager</strong>. Pada kolom sebelah kiri bawah "<em>browse</em>" logo yang telah disiapkan, kemudian kilik "<em>start upload</em>".</div> <div style="text-align: center;"> <img alt="2.Change_image" class="rt-image" height="302" src="http://www.agussuwasono.com/images/stories/offline/2.Change_image.jpg" width="462" /></div> <div style="text-align: justify;"> <br />Jika anda aktifkan offline page, maka akan terlihat seperti berikut:</div> <div style="text-align: center;"> <img alt="3.sample_logo" class="rt-image" height="329" src="http://www.agussuwasono.com/images/stories/offline/3.sample_logo.jpg" width="454" /></div> <div style="text-align: justify;"> 2. Ganti kalimat "<em>This site is down for maintenance. Please check back again soon.</em>" Caranya, login ke admin panel, <strong>site</strong>--<strong>Global Configuration</strong>, pilih "<em>site settings</em>". Pada "<em>offline message</em>" isi kalimat yang anda kehendaki, misalnya "<em>Mohon maaf...Site dalam perbaikan. Kunjungi beberapa saat lagi...</em>" Jangan lupa pilih "<em>Site Offline</em>" - Yes, jika anda ingin mengaktifkannya.</div> <div style="text-align: center;"> <img alt="4.Message" class="rt-image" height="360" src="http://www.agussuwasono.com/images/stories/offline/4.Message.jpg" width="560" /></div> <div style="text-align: justify;"> Jika anda cek di halaman offline, kurang lebih akan terlihat seperti gambar berikut:</div> <div style="text-align: center;"> <img alt="5.Sample_offline" class="rt-image" height="329" src="http://www.agussuwasono.com/images/stories/offline/5.Sample_offline.jpg" width="454" /></div> <div style="text-align: justify;"> <strong>Modifikasi 2</strong><br /><br />Pada modifikasi ini, kita akan mengganti core <em>offline.php</em> bawaan Joomla menjadi tampilan yang sesuai kita kehendaki. Karena sebagian besar dari kita (termasuk penulis), tidak paham tentang bahasa pemrograman - php, maka kami telah siapkan contoh file yang bisa anda modifikasi lebih lanjut.<br /><br />1. Pertama, download file halaman offline <a href="http://www.agussuwasono.com/download/file/344-file-untuk-modifikasi-offline-page.html" target="_blank" title="Download File">di sini</a> di mana Anda dapat menemukan file yang diperlukan, sebagai contoh untuk membuat halaman ini. Ada 4 buah file yang terdapat pada folder yang anda download: <em>offline.css, offline.php, offline.png</em> dan <em>offline.psd</em>.<br /><br />PSD yang saya sertakan, dimaksudkan agar anda dapat lebih mudah memodifikasi gambar sesuai dengan selera anda menggunakan program adobe photoshop.<br /><br />File <em>offline.php</em> terlampir adalah salinan dari offline.php dari file core Joomla 1.5 yang ada di folder "template/system/"  dengan beberapa baris script yang dibuang, yang akan digunakan sebagai default file yang akan dipanggil oleh sistem ketika situs sedang offline.<br /><br />2.Upload ketiga file yang ada di file yang anda download:<br /> <em>offline.png</em> ke folder images di template Anda saat ini (Templates/'template_anda'/images/)<br /> <em>offline.php</em> ke folder template Anda saat ini (Templates/'template_anda'/)<br /> <em>offline.css</em> ke folder css. (Templates/'template_anda'/css)<br /><br />Jika, tidak ada masalah, maka halaman offline anda akan kelihatan seperti gambar berikut ini:</div> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <img alt="6.Full_change" class="rt-image" height="289" src="http://www.agussuwasono.com/images/stories/offline/6.Full_change.jpg" width="508" /> </div> <div style="text-align: left;"> <span style="font-size: xx-small;">sumber : agussuwasono.com</span> </div>

Modifikasi Halaman Offline pada Joomla

Terkadang kita ingin menampilkan sesuatu yang berbeda dan unik dibandingkan dengan sesuatu milik orang lain. Itu juga bisa terja...

Baca selengkapnya »

Menampilkan Facebook di Joomla

<br /> <div style="text-align: justify;"> <img alt="joomla_tip" class="rt-image" height="103" src="http://www.agussuwasono.com/images/stories/joomla_tip.jpg" style="float: left; margin-right: 5px;" width="130" />Siapa yang tak kenal dan tak memiliki Facebook? Jika anda bertanya kepada orang-orang di sekitar anda, dapat dipastikan mereka memiliki akun jejaring sosial yang sangat popular hingga detik ini. Berdasarkan data yang dikeluarkan oleh checkfacebook.com pada 5 Februari 2011, total masyarakat dunia yang mengakses Jejaring Sosial Terpopuler Facebook saat ini telah mencapai angka yang cukup tinggi yakni 608,083,720. Indonesia menduduki urutan nomer 2, setelah Amerika Serikat, dari daftar negara dengan jumlah pengguna akses facebook tertinggi. Indonesia mencapai angka 34.498.920 pengguna facebook, dengan 100% online user.</div> <div style="text-align: justify;"> Keberadaannya yang begitu dominan di dunia maya, membuat banyak developer menciptakan aplikasi yang berafiliasi dengan FB. Tulisan ini bukan untuk membahas FB itu sendiri, akan tetapi bagaimana menampilkan FB Fanbox di aplikasi opensource Joomla! Dalam hal ini kita akan menggunakan module.</div> <div style="text-align: justify;"> Kalau kita cari di extension Joomla, banyak alternatif untuk menampilkan FB Fan Box di Joomla. Kali ini saya hanya mencontohkan dua module yang lumayan populer dipakai di website berbasis Joomla!:</div> <strong>1. JV Facebook</strong> Module ini dibuat oleh developer template yang cukup populer yaitu Zootemplate. Aplikasi yang kompatibel di Joomla 1.5 ini cukup fleksibel, hanya dengan sekali menginstal module akan didapat beberapa fitur untuk menampilkan Facebook Fanbox, Stream, Recommendations dan Activity Feed. Anda juga dapat mengkustomasi tampilan dengan menyesuaikan latar belakang warna yang dikehendaki.<br /> Untuk mendownloadnya, anda harus <em>teregistrasi</em> di website yang dengannya anda dapat mengakses link download.<br /> <table align="center" border="0"> <tbody> <tr> <td><a href="http://extensions.zootemplate.com/modules/index.php?option=com_content&view=article&id=87&Itemid=92" rel="rokbox(fullscreen)" title="Preview of the Demo"><span>Demo Module</span></a></td> <td><a href="http://extensions.zootemplate.com/modules/index.php?option=com_content&view=article&id=87&Itemid=92" rel="rokbox(fullscreen)" title="Preview of the Demo"><span></span></a>                                          </td> <td><a href="http://www.zootemplate.com/forums/downloads.php?do=file&id=328" rel="rokbox(fullscreen)" title="Download dengan registrasi"><span>Download</span></a></td> </tr> </tbody> </table> <strong>2. Facebook Fanbox (Likebox)</strong><br /> Box Fan merupakan widget sosial yang memungkinkan pemilik halaman Facebook untuk menarik dan mendapatkan penggemar Facebook dari situs mereka sendiri.<br /> Kotak Fan memungkinkan pengguna untuk:<br /> <ul> <li>Melihat berapa banyak pengguna yang sudah menjadi penggemar, dan melihat beberapa teman mereka yang membaca posting terbaru dari Page</li> <li>Menjadi penggemar dengan 1-klik tanpa perlu mengunjungi halaman Facebook.</li> </ul> Tersedia versi yang free dan berbayar, tentunya ada pengurangan fitur yang tersedia bagi pengguna yang menginginkan gratisan. Perbedaan fitur tersebut dapat anda lihat di <a href="http://www.khawaib.co.uk/downloads/facebook-fanbox.html" rel="rokbox" target="_blank" title="Perbedaan yang gratis dan berbayar">web developernya</a>.<br /> <br /> <span style="font-size: xx-small;">sumber : agussuwasono.com </span>

Menampilkan Facebook di Joomla

Siapa yang tak kenal dan tak memiliki Facebook? Jika anda bertanya kepada orang-orang di sekitar anda, dapat dipastikan mereka m...

Baca selengkapnya »

Membuat Database dan User dengan MySQL

<strong>Mengenal MySQL </strong> <br /> <div style="text-align: justify;"> <img alt="mysql" class="rt-image" height="86" src="http://www.agussuwasono.com/images/stories/mysql.jpg" style="float: left; margin-right: 5px;" width="150" />Dari <a class="jcepopup" href="http://id.wikipedia.org/" target="_blank" title="Sumber bacaan">Wikipedia bahasa Indonesia</a>, MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.</div> <div style="text-align: justify;"> MySQL merupakan implementasi dari sistem manajemen basisdata relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial.</div> <div style="text-align: justify;"> MySQL dapat dikatakan unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen basisdata kompetitor lainnya. Namun demikian pada modus non-transaksional tidak ada jaminan atas reliabilitas terhadap data yang tersimpan, karenanya modus non-transaksional hanya cocok untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi blogging berbasis web (wordpress), CMS Joomla, dan sejenisnya.</div> MySQL memiliki beberapa keistimewaan, antara lain :<br /> <ul> <li>Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.</li> <li>Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.</li> <li>Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.</li> <li>'Performance tuning', MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.</li> <li>Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.</li> <li>Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query).</li> <li>Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.</li> <li>Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.</li> <li>Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).</li> <li>Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.</li> <li>Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).</li> <li>Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool)yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.</li> <li>Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.</li> </ul> <strong>Membuat Database baru</strong><br /> Sebuah database diperlukan jika kita ingin mempublikasikan sebuah website dengan menginstalnya secara manual atau mengimport sebuah database yang telah ada ke dalam sebuah webhosting. Jika kita mempunyai webhosting baru dan ingin membuat datbase baru melalui control panel maka caranya sangat mudah, silakan anda praktekan melalui tutorial singkat berikut...<br /> Jika anda sudah login ke cpanel, anda dapat mengakses halaman MySQL management dengan mengeklik tombol MySQL Databases seperti gambar berikut:<br /> <div style="text-align: center;"> <img alt="01.pilih_mysql" class="rt-image" height="185" src="http://www.agussuwasono.com/images/stories/01.pilih_mysql.jpg" width="650" /></div> Selanjutnya masukan nama database dan klik tombol Create Database:<br /> <div style="text-align: center;"> <img alt="Namadb" class="rt-image" height="119" src="http://www.agussuwasono.com/images/stories/02.namadb.jpg" width="422" /></div> Jika database baru terbentuk, selanjutnya anda perlu memasukan username untuk database anda. Masukan nama yang dikehendaki dan passwordnya.<br /> <div style="text-align: center;"> <img alt="Tambah User" class="rt-image" height="254" src="http://www.agussuwasono.com/images/stories/03.tambahuser.jpg" width="594" /></div> <br />Selanjutnya pilih privilage (Hak Kases di database) dari username yang ada dengan mengeklik username di list dan pilih All Privileges supaya kita memiliki hak seluruh akses.<br /> <div style="text-align: center;"> <img alt="Pilih User" class="rt-image" height="55" src="http://www.agussuwasono.com/images/stories/03.klikuser.jpg" width="581" /></div> <div style="text-align: center;"> <img alt="Pilih All Privilages" class="rt-image" height="467" src="http://www.agussuwasono.com/images/stories/03.privilages.jpg" width="562" /></div> Setelah semua berjalan normal, masukan username anda ke dalam database yang terbentuk. Ini diperlukan karena biasanya dalam phpMyAdmin terdapat beberapa database yang berbeda. Pilihlah yang sesuai dengan konfigurasi situs anda. Ingat nama database, username dan password yang telah dibuat. Jika anda menginstal Joomla, maka data ini yang harus dimasukan di configuration.php.<br /> <div style="text-align: center;"> <img alt="User to DB" class="rt-image" height="127" src="http://www.agussuwasono.com/images/stories/04.usertodb.jpg" width="310" /></div> <div style="text-align: justify;"> <strong>Import dan Eksport Database</strong></div> <div style="text-align: justify;"> Jika anda memerlukan import database atau mengeksportnya untuk keperluan backup. Cukup klik PHPMyAdmin pada Tab Databases seperti gambar 1 di atas. Kemudian pilih database dan klik Export atau Import tergantung keinginan.</div> <ul> <li>Jika pilih Export ---> Klik SQL ---> Tick Save as file ---> Pilih nama ---> Go.</li> <li>Jika pilih Import ---> Klik Browse ----> Pilih SQL file ----> Go.</li> </ul> <span style="font-size: xx-small;">sumber : agussuwasono.com</span>

Membuat Database dan User dengan MySQL

Mengenal MySQL Dari Wikipedia bahasa Indonesia , MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: d...

Baca selengkapnya »

Cara Mudah Migrasi dari Joomla 1.5 ke Joomla 2.5 - Updated

<br /> <div style="text-align: justify;"> <img alt="j2.5" class="rt-image" height="170" src="http://www.agussuwasono.com/images/j2.5.jpg" style="float: left; margin-right: 5px;" width="239" />Kita ketahui bersama, perkembangan Joomla begitu pesat. Berawal dari Joomla 1.0 sampai Joomla 1.5 yang bertahan cukup lama, dimulai dari Januari 2008 hingga akan berakhir pada April 2012. Setelah beberapa kali loncat upgrade dimulai 1.6 yang hanya bertahan dalam beberapa bulan, dilanjut versi 1.7 dan berakhir pada versi 2.5 yang sepertinya akan bertahan lama di versi ini, seperti pada versi sebelumnya 1.5.</div> <div style="text-align: justify;"> Sebenarnya saya tidak begitu antusias untuk ikut-ikutan upgrade, karena versi 1.5 sebenarnya sudah cukup stabil, akan tetapi setelah mempertimbangkan cukup lama, terutama berakhirnya support untuk versi 1.5 pada April 2012 menjadikannya sebagai alasan yang kuat yang mau tidak mau harus dipenuhi.</div> <div style="text-align: justify;"> Alhamdulillah, setelah 2 mingguan menyiapkan bahan dan literatur, pada hari ini <strong>Versi 2.5 My Little Notes</strong> dapat online. Meskipun tentu saja, masih banyak yang harus dibenahi terutama perbaikan link dan ekstensi pendukung lainnya.</div> <div style="text-align: justify;"> Nah melalui tulisan ini, tiba saatnya bagi saya untuk berbagi kepada rekan pembaca semua bagaimana cara mudah untuk melakukan upgrade dari Joomla 1.5 ke Joomla 1.7 atau 2.5. Ikuti panduan singkat berikut…</div> <h3 style="text-align: justify;"> <strong>Sebelum Melakukan Upgrade</strong></h3> <div style="text-align: justify;"> Mungkin banyak timbul pertanyaan, apakah perlu melakukan upgrade dari Joomla 1.5 ke Joomla 2.5. Jawabannya relative: Jika anda tidak sedang bermasalah dengan Joomla anda dan banyak ekstensi yang belum mendukungnya, silakan pertahankan ‘paling tidak’ untuk 2-3 bulan ke depan. Sehingga pada saat itu mudah-mudahan ekstensi yang ditunggu seudah siap. Seperti pada paragraph di atas, support untuk Joomla 1.5 akan berakhir bulan April 2012.</div> <div style="text-align: justify;"> Akan tetapi, jika anda memiliki waktu luang dan tidak ada masalah dengan ekstensi pendukungnya, silakan pertimbangkan dengan beberapa alasan berikut:</div> <ol> <li style="text-align: justify;">Hukum alam berlaku, semakin telat kita mengikuti perkembangan teknologi, semakin susah kita akan menyesuaikan diri di kemudian hari, betapa banyak situs yang berbasis Joomla 1.0 sampai sekarang menjadi tidak menarik lagi karena sang admin menjadi malas untuk berkreasi.</li> <li style="text-align: justify;">Perkembangan Joomla 1.5 ke Joomla 1.6 berlangsung selama 3 tahun dengan banyak masukan baik dari segi performance maupun security dari seluruh pakar Joomla di dunia, akankah kita tinggal diam dengan membiarkan begitu saja effort mereka? Yang pada akhirnya sampai ke versi 2.5 yang mempunyai fitur auto update layaknya wordpress yang begitu mudah dengan sekali klik, selain fitur lainya seperti: auto captcha di system, SEF yang lebih baik, fitur search index, pilihan untuk offline mode, memungkinkan penggunaan database untuk MySQL, Microsoft SQL Server dan Microsoft Azure, override bahasa yang lebih mudah, jika kita ingin mengedit kata ke dalam bahasa kita, ada user notes manager, link menu ke dalam module  jadi kita tahu module mana yang aktif di suatu page dan banyak kemudahan akses lainnya seperti untuk copy-paste di back end Joomla.</li> <li style="text-align: justify;">Faktor security merupakan alas an ‘urgent’ lainnya, karena banyak pecundang di dunia maya yang selalu menjadi benalu di tengah pesatnya perkembangan teknologi. Semakin up to date system kita, Insya Alloh semakin banyak support yang akan membantu dalam hal mengupdate Joomla kita.</li> <li style="text-align: justify;">Support dari ribuan developer yang siap menyediakan ekstensi yang berkualitas baik yang free maupun berbayar.</li> </ol> <div style="text-align: center;"> <img alt="J16to17" class="rt-image" height="225" src="http://www.agussuwasono.com/images/J16to17.jpg" width="478" /></div> <div style="text-align: justify;"> Jika anda mengambil pilihan kedua, ikuti langkahnya berikut ini:</div> <ol> <li style="text-align: justify;">Lakukan update Joomla anda yang sekarang, update terbaru saat ini adalah versi 1.5.25.</li> <li href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-stuff/509-mengatasi-masalah-backup-situs-joomla-dengan-akeeba-backup.html">Lakukan FULL BACK UP situs anda, baik file maupun Databasenya. Jika anda kesulitan, ada komponen gratisan yang mudah dan siap membantu anda. Silakan gunakan Akeeba backup  <a href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-stuff/509-mengatasi-masalah-backup-situs-joomla-dengan-akeeba-backup.html" title="Artikel Akeeba">keterangannya ada di sini </a></li> <li href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-stuff/509-mengatasi-masalah-backup-situs-joomla-dengan-akeeba-backup.html">Siapkan seluruh ekstensi dan template yang kompatibel dengan Joomla 2.5, download dan simpan dalam satu folder untuk  mudahkan dalam pelaksanaan nantinya. Biasanya untuk ektensi yang kompatibel dengan Joomla 1.7 akan dapat digunakan Juga karena core keduanya sama.</li> <li href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-stuff/509-mengatasi-masalah-backup-situs-joomla-dengan-akeeba-backup.html">Download Jupgrade versi terbaru bisa anda <a href="http://redcomponent.com/free-downloads" target="_blank" title="Download">dapatkan di sini</a>. Tool inilah yang akan memudahkan kita melakukan upgrade.</li> <li href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-stuff/509-mengatasi-masalah-backup-situs-joomla-dengan-akeeba-backup.html">Cek apakah server kita memenuhi persyaratan minimal untuk JUpgrade dapat berfungsi, sesuai dengan pengumuman dari developernya, anda harus mengecek beberapa list berikut: <div> <ul>PHP v5.2.4+ IIS/Windows: MySQL v5.1 - Linux/Apache: MySQL v5.0.4+</ul> <ul>Curl module of PHP enabled (<a href="http://www.php.net/manual/en/book.curl.php" target="_blank" title="Baca selengkapnya...">Keterangannya ada di sini</a>)</ul> <ul>Joomla 1.5</ul> </div> <ul>Enable  System - Mootools Upgrade plugin that is included in Joomla 1.5.19 and greater.</ul> <ul>A Browser with Javascript/jQuery support</ul> </li> <div style="text-align: justify;"> Khusus untuk plugin, bisa anda lakukan di control panel dari Plugin menu dan klik enable (menjadi warna hijau).</div> <li style="text-align: justify;">Siapkan waktu yang tepat, bisa malam minggu (biar tidak mengganggu jam kerja), koneksi internet yang baik (jangan lakukan jika koneksinya sedang bermasalah).</li> <li style="text-align: justify;">Segelas kopi panas dan pisang goreng :) (optional).</li> </ol> <h3 style="text-align: justify;"> Pelaksanaan Upgrade</h3> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html"> Saya menyarankan jangan dilakukan upgrade pada situs yang sedang online, copy saja file dan database yang telah dibackup dan restore ditempat baru, misalnya buat subdomain seperti joom25.agussuwasono.com atau lakukan di offline server menggunakan WAMP atau XAMPP. <a href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html" target="_blank" title="Baca lebih lanjuat...">Silakan pelajari di sini.</a></div> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html"> Instal Jupgrade seperti menginstal ekstensi biasa: Login ke Joomla backend. seperti www.yoursite.com/administrator >>  <strong>Extensions</strong> >> <strong>Install/Uninstall.</strong><br /><strong>Browse</strong> >>Pilih <strong>com_jupgrade</strong> >> <strong>Upload File & Install</strong></div> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html" style="text-align: center;"> <img alt="Installjupgrade" class="rt-image" height="109" src="http://www.agussuwasono.com/images/Installjupgrade.png" width="298" /></div> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html"> Enable Mootools Upgrade Plugin – Wajib!</div> <ol> <li href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html">Arahkan ke Extensions | Plugin Manager</li> <li href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html">Cari "System - Mootools Upgrade"</li> <li href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html">Enable   plugin</li> </ol> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html"> Jika anda buka Configure Options maka akandijumpai setingan berikut:</div> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html" style="text-align: center;"> <img alt="Jupgrade options" class="rt-image" height="302" src="http://www.agussuwasono.com/images/Jupgrade_options.png" width="244" /></div> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html"> <strong>Global:</strong><br />•    Distribution – Pilih  migrasi Joomla! 1.6, 1.7,2.5 atau Molajo<br />•    Prefix for old database – Awalan database sekarang<br />•    Prefix for new database – Awalan database yang diinginkan<br /><strong>Skips:</strong><br />•    Skip checks - Skip pre-migration checks<br />•    Skip download - Skip downloading the package (Note: Anda harus menyiapkan installer Joomla 2.5 yang ditempatkan di folder /temp)<br />•    Skip decompress - Skip decompressing the downloaded package (Note: Harus punya package yang sudah didownload dan decompress ke_root/jupgrade jika pilih Yes)<br /><strong>Templates:</strong><br />•    Keep original positions – Jaga posisi module yang sekarang<br /><strong>Debug:</strong><br />•    Enable Debug – Enable jika ada masalah yang timbul.<br /><strong>Catatan:</strong>  Sebaiknya jangan ubah prefix database yang baru, biarkan apa adanya karena berdasarkan pengalaman saya, timbul error yang malah bikin pusing.</div> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html"> Setelah semua siap, lakukan upgrade dengan mengarahkan kursor ke <strong>Components</strong> >><strong> jUpgrade</strong> kemudian klik Start Upgrade.</div> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html"> <img alt="update1" class="rt-image" height="212" src="http://www.agussuwasono.com/images/update1.jpg" style="display: block; margin-left: auto; margin-right: auto;" width="257" /></div> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html" style="text-align: justify;"> Jika semuanya berjalan normal, maka akan muncul proses seperti berikut ini:</div> <div href="http://www.agussuwasono.com/artikel/mengenal-website/joomla-tutorials/110-menginstal-joomla-di-lokal-server.html" style="text-align: center;"> <img alt="Jupgrade-progress" class="rt-image" height="733" src="http://www.agussuwasono.com/images/Jupgrade-progress.jpg" width="273" /></div> <div style="text-align: justify;"> Jika di klik link site, maka akan muncul situs joomla 2.5 yang tampak masih original. Jangan kaget karena dari sinilah proses awal ‘utak-atik’ dimulai.</div> <h3 style="text-align: justify;"> Jika Timbul Masalah</h3> <div style="text-align: justify;"> Karya manusia memang tidak ada yang sempurna, pengalaman saya sendiri saat semangat akan mengupgrade ternyata tidak semulus yang direncanakan. Jika anda menjumpai tampilan yang banyak gambar progress seperti pada gambar di atas dan saat di klik tombol upgrade tidak ada respon, alamat ia bermasalah. Tetapi jika anda menjumpai tampilan yang hanya satu gambar seperti gambar sebelum gambar di atas, Insya Alloh Jupgrade siap digunakan.</div> <div style="text-align: justify;"> Setelah mencari akar masalah yang ada, berdasarkan browsing di forum, maka disimpulkan terdapat konflik antara mootools yang dipakai Jupgrade (setelah mengaktifkan mtupgrade) dengan ekstensi lain seperti Rokbox atau lainnya  sebagai berikut:</div> <div style="text-align: center;"> <img alt="mtupgrade" class="rt-image" height="305" src="http://www.agussuwasono.com/images/mtupgrade.jpg" width="474" /></div> <ol> <li style="text-align: justify;">Coba non-aktifkan dahulu plugin yang lain, toh tidak dipakai juga untuk saat itu karena kita menggunakan file backup.</li> <li style="text-align: justify;">Ubah posisi System - Mootools Upgrade di urutan no. 1 pada deretan plugin system.</li> <li style="text-align: justify;">Jika masih juga belum mempan, lakukan upgrade plugin mtupgrade dengan menguninstalnya kemudian install mootools terbaru yang dapat anda<a href="http://extensions.joomla.org/extensions/core-enhancements/scripts/14643" target="_blank" title="Download"> download di sini.</a></li> <li style="text-align: justify;">Jika masih belum bisa juga, coba <a href="http://www.agussuwasono.com/download/file/364-jupgrade-beta.html" target="_blank" title="Jupgrade beta download di sini">gunakan Jupgrade versi beta</a>, akan tetapi versi ini hanya mengupgrade ke Joomla 1.7. Hal ini tidak masalah, karena upgrade 1.7 ke 2.5 sangat mudah, hanya sekali klik saja di back end Joomla.</li> </ol> <div style="text-align: justify;"> Jika masih belum berhasil juga, silakan diskusi di froum atau gunakan alternative komponen lain dengan SP ugrade, tetapi anda hrus membayar 25 Euro silakan <a href="http://cyend.com/extensions/extensions/components/5-upgrade-joomla-from-15-to-16." target="_blank" title="Download">download di sini</a>.</div> <h3 style="text-align: justify;"> Jika Upgrade Berhasil</h3> <div style="text-align: justify;"> Mohon diingat, bahwa JUpgrade hanya menguupgrade Joomla core file, maka file ekstensi lain harus anda copy atau install sendiri. File ini ada di rootjoomla/Jupgrade atau seperti www.yoursite.com/jupgrade/ dan www.yoursite.com/jupgrade/administrator/</div> <div style="text-align: justify;"> Selanjutnya yang harus anda lakukan:</div> <ul> <li style="text-align: justify;">Backup file (Jika anda merasa perlu)</li> <li style="text-align: justify;">Delete seluruh file yang ada di root Joomla kecuali folder Jupgrade.</li> <li style="text-align: justify;">Pindahkan seluruh file yang ada di folder Jupgrade ke root direktori Joomla anda.</li> <li style="text-align: justify;">Cek database anda di php myadmin ada banyak data yang berprefix j17_  dan jos_ . Maka yang anda gunakan sekarang adalah yang berprefik j17_   dan anda bisa menghapus yang berprefix jos_ karena file database ini milik Joomla 1.5. Hati-hati jangan salah pilih, kalo perlu dibackup terlebih dahulu.</li> </ul> <h3 style="text-align: justify;"> Mengupdate Situs yang baru</h3> <div style="text-align: justify;"> Hal ini perlu pembahasan yang panjang, hanya yang perlu diperhatikan stepnya antara lain:</div> <ol> <li style="text-align: justify;">Perbaiki database dengan masuk ke control panel >> <strong>Extensions</strong>>><strong>extension manage</strong>r>><strong>Database</strong>>>Klik tombol<strong> Fix</strong> di pojok kanan atas, maka database system baru akan diperbaiki.</li> <li style="text-align: justify;">Memperbaiki menu, karena banyak yang kategori id nya berubah, missal menu yang tadinya artikel bisa nyasar ke download. Namun hal ini bukan masalah besar, karena mudah untuk diatasi.</li> <li style="text-align: justify;">Jika sudah selesai memperbaiki menu, klik tombol rebuild pada pojok kanan atas, agar link yang rusak segera diperbaharui. Jika tidak, maka aka nada peringatan error pada saat anda mengupdate artikel.</li> <li style="text-align: justify;">Lakukan penginstalan template, komponen, module dan plugin yang telah disiapkan sebelumnya. Jika oke semua, lakukan pemindahan file dan database ke situs online anda.</li> </ol> <div style="text-align: justify;"> Selamat mencoba!</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="font-size: xx-small;">sumber : agussuwasono.com</span> </div>

Cara Mudah Migrasi dari Joomla 1.5 ke Joomla 2.5 - Updated

Kita ketahui bersama, perkembangan Joomla begitu pesat. Berawal dari Joomla 1.0 sampai Joomla 1.5 yang bertahan cukup lama, dimu...

Baca selengkapnya »

Memanfaatkan Fasilitas Language Overrides pada Joomla 2.5

<br /> <div style="text-align: justify;"> <img alt="joomla25-logo" class="rt-image" height="131" src="http://www.agussuwasono.com/images/joomla25-logo.jpg" style="float: left; margin-right: 10px;" width="130" />Bagi kita yang ditakdirkan dilahirkan di bumi pertiwi Indonesia, terkadang dihadapkan pada kendala bahasa pada saat menggunakan 'sesuatu' yang berbahasa asing. Demikian halnya pada penggunaan CMS berbasis Joomla yang fasilitas <em>'Indonesian Language'</em>-nya masih sangat terbatas.</div> <div style="text-align: justify;"> Karena ada<em> dual language</em> dalam satu halaman, sehingga terkadang kita merasa kurang nyaman. Konten artikel kita menggunakan bahasa Indonesia, sementara aksesories lainnya menggunakan bahasa Inggris. Seperti pada penggunaan kata 'Read more...', 'Published on' dan kata lainnya. Nah... untungnya pada Joomla 2.5 sudah tersedia fasilitas 'Overrride Languages' yang dengannya kita dapat memanfaatkan penggantian kata tertentu tanpa menginstal language add-on pada CMS kita, karena belum tersedianya 'translate language' ataupun alasan lainnya.</div> <div style="text-align: justify;"> Artikel singkat berikut, akan memandu anda melakukan penggantian kata asing tersebut, menjadi bahasa yang kita kehendaki baik bahasa Jawa, bahasa Sunda atau Bahasa Indonesia.</div> <div style="text-align: justify;"> Langkah pertama tentunya melihat <em>frontpage</em> situs kita, lihat kata mana yang akan diganti, highlite kemudian klik kanan dan copy kata dimaksud. Misalnya dalam contoh ini kata 'Read More...'.</div> <div style="text-align: justify;"> </div> <div style="text-align: center;"> <img alt="language manager" class="rt-image" height="170" src="http://www.agussuwasono.com/images/language_manager.jpg" width="154" /></div> <div style="text-align: justify;"> Selanjutnya login ke backend (control panel) dan arahkan ke <strong>Extensions</strong> >> <strong>Language Manager</strong>. Selanjutnya klik tab <strong>Overrides </strong>dan klik<strong> New </strong>untuk menambahkan kata yang akan diganti:</div> <div style="text-align: center;"> <img alt="overrides" class="rt-image" height="138" src="http://www.agussuwasono.com/images/overrides.jpg" width="662" /></div> <div style="text-align: justify;"> maka akan muncul form isian kosong yang harus kita isi, caranya ikuti screenshot berikut:</div> <div style="text-align: center;"> <a class="jcepopup icon-bottom-right" href="http://www.agussuwasono.com/images/new_override.jpg" rel="title[New Override::New Override];width[936];height[668]" target="_blank"><img alt="new override" class="rt-image" height="357" src="http://www.agussuwasono.com/images/new_override.jpg" width="500" /></a></div> <div style="text-align: justify;"> Klik <strong>value</strong> pada tombol pilihan, kemudian <em>paste</em> kata yang kita <em>copy</em> di frontpage dan klik tombol <strong>search</strong>, maka akan muncul banyak pilihan. Di sini kita harus jeli, kata yang kita cari termasuk dalam komponen bahasa yang sesuai dengan yang kita kehendaki. Misalnya pada contoh <em><strong>Read More</strong></em> termasuk dalam kategori <strong><em>Com_Content_Read_More</em></strong>, klik komponen ini dan ganti kata <strong>Read more</strong> pada form <em>Text</em> dengan kata yang kita inginkan, misalnya <strong>Selengkapnya</strong>.... Jika siap, klik <strong>Save and Close</strong> atau <strong>Save & New</strong> jika akan mengganti kata yang lain.</div> <div style="text-align: justify;"> Jika ingin melihat hasilnya, buka situs anda dan refresh browser yang anda gunakan. Semoga bermanfaat.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="font-size: xx-small;">sumber : agussuwasono.com</span> </div>

Memanfaatkan Fasilitas Language Overrides pada Joomla 2.5

Bagi kita yang ditakdirkan dilahirkan di bumi pertiwi Indonesia, terkadang dihadapkan pada kendala bahasa pada saat menggunakan ...

Baca selengkapnya »

Memasang Audio Player di Website Anda

<br /> <div style="text-align: justify;"> <img alt="joomla_tip" class="rt-image" height="103" src="http://www.agussuwasono.com/images/stories/joomla_tip.jpg" style="float: left; margin-right: 5px;" width="130" />Menanggapi keinginan pembaca My Little Notes <a href="http://www.agussuwasono.com/forum/topic?f=7&p=100&sid=d21bac9521989da9da703709c255c837#p100" target="_blank" title="Audio Player - Forum">di Forum</a>, tentang cara memasang audio player di website khususnya yang berbasis Joomla, alhamdulillah baru kali ini saya berkesempatan untuk menjawabnya.</div> <div style="text-align: justify;"> Audio player yang tersebar di dunia maya, banyak jumlahnya. Akan tetapi yang cukup menonjol, customizeable dan gratis (jika tanpa iklan) adalah media playerberbasis flash dari Longtail Video. Kodenya cukup simpel dan andapun dapat mengkonfigurasinya langsung di halaman wizard, baik untuk file video maupun audio. Maka tak heran jika situs-situs developer terkenal pun menggunakan produk ini untuk mempublikasikan videonya.</div> <div style="text-align: justify;"> Tulisan singkat kali ini akan mencoba membantu anda memasang (embed) script dari audio player agar bisa diterapkan di website anda. Karena Longtail terus menyempurnakan produknya, maka versi swf playernya pun berkembang, dan pada saat tulisan ini dibuat telah mencapai versi 5.7.</div> <div style="text-align: justify;"> Komponen apa saja yang diperlukan? Untuk memasang media player diperlukan 4 komponen, yaitu:</div> <ol> <li style="text-align: justify;">Player.swf: merupakan flash file sebagai media player utama yang berfungsi untuk memainkan media yang dilengkapi dengan tombol utama seperti play, next, tempat playlist, dan volume. File ini tidak dapat dimodifikasi kecuali anda memiliki file rownya yang umumnya berekstensi .fla.</li> <li style="text-align: justify;">swfobject.js: adalah metode standar yang mudah digunakan untuk menanamkan konten Flash, dengan memanfaatkan satu file kecil JavaScript berekstensi .js. File ini merupakan file standar yang proyeknya dapat anda lihat di sini: <a href="http://code.google.com/p/swfobject/">http://code.google.com/p/swfobject/</a></li> <li style="text-align: justify;">configuration.xml: Merupakan File konfigurasi yang berisi data yang diperlukan untuk memodifikasi tampilan skin player anda, baik layout, warna, controlbar, dock maupun playlist.</li> <li style="text-align: justify;">Playlist.xml: Merupakan kumpulan file pendukung yang berisi url file media baik video maupun audio, lokasi gambar logo maupun informasi yang letaknya menentukan urutan file yang akan dimainkan di player utama.</li> </ol> <div style="text-align: justify;"> Kombinasi penggunaan player ini cukup lengkap dan kompleks yang tidak meungkin saya jelaskan di tulisan singkat ini, penggunaan versi player yang berbeda pun terkadang menjadikan fungsi 'embeding' tidak berhasil. Untuk itu saya sarankan anda untuk memepelajarinya langsung di situs longtail dengan link fungsi utama seperti berikut:</div> <ul> <li>Komponen utama JW Player dapat anda <a href="http://www.longtailvideo.com/players/jw-flv-player/" target="_blank" title="Download JW Player Terbaru">download di sini</a>.</li> <li><a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/43/using-jw-player-skins" target="_blank" title="Player Skins">Konfigurasi XML skin</a>.</li> <li><a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/19824/playlist-support-in-the-jw-player" target="_blank" title="Playlist Support">Konfigurasi XML Playlist.</a></li> <li><a href="http://developer.longtailvideo.com/trac/browser" target="_blank" title="File Download">Download bagi pengguna advance</a> (developer).</li> </ul> <div style="text-align: justify;"> Jika anda mampu mempelajarinya, Insya Alloh penggunaan JW Media Player akan terasa mudah.</div> <div style="text-align: justify;"> <strong>Konfigurasi JW Player 2.3</strong></div> <div style="text-align: justify;"> Pada contoh ini, saya masih menggunakan versi JW Player yang lama, yang hingga saat ini masih bisa bertahan dengan baik. Bagi anda yang berminat untuk memakainya silakan <a href="http://www.agussuwasono.com/download/category/2-web-support.html" target="_blank" title="Download for registered user">download di sini...</a></div> <div style="text-align: justify;"> Ada beberapa file di folder yang anda download yaitu: audio.html, config.xml, logoku.png, player.swf, playlist.xml dan swfobject.js. Sebelum melakukan modifikasi, saya sarankan anda menggunakan notepad++ untuk memudahkan pengeditan, silakan pelajari dulu <a href="http://www.agussuwasono.com/artikel/software/207-mencari-notepad-alternatif.html" target="_blank" title="Notepad++">di sini.</a></div> <div style="text-align: justify;"> Berikut sedikit penjelasan dari komponen yang memerlukan modifikasi:<br /> </div> <div style="text-align: justify;"> 1. <strong>Upload seluruh file</strong> yang ada misalnya di folder <em>http://www.situsanda.com/audio_player/</em></div> <div style="text-align: justify;"> 2. <strong>Modifikasi <em>audio.html</em></strong>: merupakan file html yang bisa diklik untuk membuka player dengan browser, klik kanan pada audio.html dan pilih edit with notepad++, maka akan terlihat isi scriptnya sebagai berikut:</div> <code><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="mp3player"</code> <code>codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="320" width="250"></code> <code>config=http://www.situsanda.com/audio_player/config.xml&file=http://www.situsanda.com/audio_player/fatawa.xml"></code> <code>config=http://www.situsanda.com/audio_player/config.xml&file=http://www.situsanda.com/audio_player/playlist.xml" wmode="transparent" name="mp3player"</code> <code>type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" height="320" width="250"></code><br /> <div style="text-align: justify;"> Pada contoh ini saya menganggap seluruh file anda ada di folder <em>http://www.situsanda.com/audio_player/</em>. Anda juga dapat merubah ukuran tinggi dan lebar player dengan merubah nilai yang ada di height="320" width="250".</div> <div style="text-align: justify;"> 3. <strong>Modifikasi config.xml:</strong> Konfigurasi ini berfungsi memberikan input untuk mengelola player sesuai dengan keinginan kita, baik mengenai start up player, repeat mode, display playlist atau link dan warna player.silakan isi filenya yang kurang lebih sebagai berikut:</div> <code style="text-align: justify;"><mp3config></code><code style="text-align: justify;"> </code><br /> <code style="text-align: justify;"><!-- choose here if you want the mp3player to automatically start and shuffle songs (true or false) --> <br /> <autostart>false</autostart><br /> <shuffle>false</shuffle></code><code style="text-align: justify;"> <!-- choose the mp3player repeat mode (none, one or all) --> <br /> <repeat>all</repeat><br /> <br /> <!-- choose here if you want to show the display, playlist or link buttons (true' or false) --> <br /> <showdisplay>true</showdisplay><br /> <showplaylist>true</showplaylist><br /> <br /> <!-- choose the mp3player colors (hexadecimal, from 0x000000 to 0xffffff) --> <br /> <backcolor>0x000409</backcolor><br /> <frontcolor>0xEAF3FA</frontcolor><br /> <lightcolor>0xF3F5F7</lightcolor><br /> <br /> <jpgfile></jpgfile><br /> <br /> <callback></callback><br /> <br /></mp3config></code><br /> Untuk memilih kode warna, silakan gunakan pemilih warna <a href="http://www.agussuwasono.com/artikel/software/60-colour-picker-software-alternatif-%20untuk-para-blogger.html" target="_blank" title="Colour Picker">di link berikut ini.</a><br /> <br />4. <strong>Modifikasi playlist.xml</strong>: Sesuai dengan namanya, file ini berisi data audio yang akan dimainkan.Urutan audio pada playlist juga merupakan urutan audio pada player. Untukmemodifikasinya, klik kanan pada playlist dan pilih edit with notepad++, maka akan terlihat isi scriptnya sebagai berikut:<br /> <samp><code> </code></samp> <div style="text-align: center;"> <img alt="playlist" class="rt-image" height="404" src="http://www.agussuwasono.com/images/stories/playlist.jpg" width="643" /></div> Silakan anda isi data di atas sesuai yang anda kehendaki...Sebanyak audio yang akan ditampilkan di player.<br /> <div style="text-align: justify;"> <strong>Memasang Player</strong></div> <div style="text-align: justify;"> Jika file telah siap di server anda yang pada contoh ini kita menganggap di link folder <em>http://www.situsanda.com/audio_player/</em>. Maka jika kita membuat link sesuai dengan file 1 di atas, maka link yang siap dipakai adalah <em>http://www.situsanda.com/audio_player/audio.html.</em></div> Tetapi jika anda ingin memasukannya di modul Joomla, maka langkah yang harus anda lakukan adalah sebagai berikut:<br /> <div href="http://www.agussuwasono.com/download/category/16-module.html"> 1. Instal blank module, download pada <a href="http://www.agussuwasono.com/download/category/16-module.html%20" target="_blank" title="Download Blank Module">link berikut...</a> kemudian instal dan aktifkan.</div> <div href="http://www.agussuwasono.com/download/category/16-module.html" style="text-align: center;"> <a class="jcepopup" href="http://www.agussuwasono.com/images/stories/audio_kajian_module.jpg" target="_blank" title="Konfigurasi Module"><img alt="audio_kajian_module" height="226" src="http://www.agussuwasono.com/images/stories/audio_kajian_module.jpg" width="450" /></a></div> <div href="http://www.agussuwasono.com/download/category/16-module.html"> 2. Masukan script berikut ke dalam module blank yang telah diinstal:</div> <div> <code><center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="mp3player"</code><code>codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="320" width="250"></code><code>config=http://www.situsanda.com/Audio_Player/config.xml&file=http://www.situsanda.com/Audio_Player/playlist.xml"></code><code>config=http://www.situsanda.com/Audio_Player/config.xml&file=http://www.situsanda.com/Audio_Player/playlist.xml" wmode="transparent" name="mp3player"</code><code>type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" height="320" width="250"></code><code>('http://www.situsanda.com/Audio_Player/audio.html','popup','width=200,height=270,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,</code></div> <div> <code>menubar=n</code><code>o,status=no,left=0,top=0'); return false">Keluarkan Playerbox (pop up)</a></center></code></div> <div style="text-align: justify;"> 3. Simpan module dan pilih lokasi yang sesuai anda kehendaki.</div> <div style="text-align: justify;"> Jika semua berjalan normal maka akan terlihat seperti berikut ini:</div> <div class="typo-icon"> Mohon Perhatian! Bagi anda yang beragama Islam, saya hanya menyarankan penggunaan audio player ini hanya untuk kepentingan dakwah, berupa Audio Kajian. Jika anda menggunakannya untuk musik, saya berlepas diri dari dosa yang ditimbulkan. Silakan baca keterangannya tentang <a href="http://www.alquran-sunnah.com/artikel/fiqh/605-hidup-berkah-tanpa-musik.html" target="_blank" title="Musik Haram?">'Terlarangnya Musik!'</a>. Barokallohufiikum...</div> <div class="typo-icon"> <br /></div> <div class="typo-icon"> <span style="font-size: xx-small;">sumber : agussuwasono.com </span></div>

Memasang Audio Player di Website Anda

Menanggapi keinginan pembaca My Little Notes di Forum , tentang cara memasang audio player di website khususnya yang berbasis J...

Baca selengkapnya »