17.11.08

Menyediakan menu download di Joomla! 1.0.15

Bagi Anda yang memiliki web dengan Joomla!, tentu ingin menyediakan file untuk didownload pengunjung. Untuk menambahkan fitur download, Anda perlu menginstal komponen. Salah satu komponen download yang bisa digunakan adalah docman. Anda bisa mendownload komponennya di sini.

Setelah didownload, ikuti langkah berikut ini.

  • Masuk ke halaman administrator.
  • Klik menu Installer > Components.

clip_image002

  • Klik Browse.

clip_image004

  • Pilih komponen docman yang Anda download, lalu klik Open.

clip_image006

  • Klik Upload File & Install.

clip_image008

  • Jika sukses, klik Continue.

clip_image010

Setelah berhasil diinstal, lakukan pengaturan pada configuration. Caranya:

  • Klik DOCman > Configuration.

clip_image012

  • Klik tab upload.

clip_image014

  • Masukkan ekstensi yang diperbolehkan untuk diupload. Setelah pengaturan selesai, klik Save.

Selanjutnya, lakukan buat beberapa kategori berdasarkan file yang akan diupload. Caranya:

  • Klik Components > DOCman > Categories.

clip_image018

  • Klik Add.

clip_image020

  • Ketik nama kategori lalu klik Save.

clip_image022

Setelah membuat kategori, selanjutnya kita bisa mengupload file. Caranya:

  • Klik menu Components > DOCman > Files.

clip_image016

  • Klik Upload.

clip_image024

  • Pilih metoda upload yang akan digunakan. Misalnya, Upload a file from your computer. Lalu, klik Next.

clip_image026

  • Klik Browse lalu pilih file yang akan diupload.

clip_image028

  • Klik Submit.

clip_image030

  • Untuk mengeceknya, klik Display Files.

clip_image032

  • Kumpulan file yang diupload akan ada di DOCman – Files.

clip_image034

Setelah file diupload, langkah berikutnya adalah mengisi dokumen. Tujuannya adalah supaya link untuk mendownload file tersebut bisa tampil di halaman web. Cara membuatnya sebagai berikut.

Klik Components > DOCman > Documents.

clip_image036

  • Klik New.

clip_image038

  • Isi nama file pada File Title, lalu pilih Filename dan Category.

clip_image040

  • Di bagian bawah, pilih Yes pada Approved dan Published lalu klik Save.

clip_image042

  • Jika berhasil, akan langsung menuju daftar dokumen.

clip_image044

Supaya bisa tampil di halaman web, kita harus membuat menu. Pada contoh kali ini, saya akan membuat menu Download. Caranya sebagai berikut.

  • Klik Menu > mainmenu.

clip_image046

  • Klik New.

clip_image048

  • Pilih Component lalu klik Next.

clip_image050

  • Ketik Download pada Name dan pilih Component DOCman. Lalu, klik Save.

clip_image052

  • Untuk melihat hasilnya, buka halaman utama web Anda. Di sana terdapat menu Download. Klik saja menu tersebut.

clip_image054

  • Karena baru ada satu file, di sana terlihat kategori Software. Klik kategori tersebut untuk melihat isinya. Hasilnya seperti gambar di bawah ini.

clip_image056

Jika sukses, Anda bisa memasukkan file lain dengan mengikuti langkah-langkah yang diberikan di atas.


Meskipun dengan Joomla! Anda tidak perlu mengerti bahasa pemrograman, tidak ada salahnya Anda mengetahui dasar-dasar pemrograman web dengan php dan mysql. Dengan demikian, ketika ada masalah di kemudian hari, Anda bisa mengatasi sendiri. Cari e-book atau belilah buku panduan praktis tentang panduan membuat web dengan php dan mysql. Jika Anda tidak ingin repot, bisa mengikuti kursus online di sini. Dengan panduan praktis yang diberikan, Anda bisa membuat sebuah web/blog hanya dengan 4 langkah.

14.11.08

Membangun Toko Online dengan Joomla! 1.5.8

Jika Anda senang dengan Joomla! dan ingin membuat toko online, paket instalasi ini mungkin bisa bermanfaat. Kita bisa menginstal Joomla! sekaligus sudah terinstal virtumart (komponen untuk toko online). Paket instalasi ini menggunakan Joomla! 1.5.8.

clip_image002

Jika Anda ingin mencobanya, silakan download paket instalasinya di sini.

Setelah didownload, seperti biasa diekstrak terlebih dahulu. Setelah diekstrak, ikuti langkah berikut.

  • Salin folder hasil ekstraksi ke C:\Program Files\xampp\htdocs.

clip_image004

  • Ubah nama foldernya, misalnya: warung.

clip_image006

  • Jalankan apache dan mysql, lalu ketik http://localhost/warung di internet browser. tekan Enter.

clip_image008

  • Klik Next.

clip_image010

  • Klik Next.

clip_image012

  • Klik Next.

clip_image014

  • Isi parameter berikut:

Host Name: localhost

User Name: root

Password: kosongkan

Database Name: warungdb

Klik Next.

clip_image016

  • Klik Next.

clip_image018

  • Klik Install Sample Data.

clip_image020

  • Isi parameter berikut:

Site Name: Warung Online

Your E-mail: email Anda

Admin Password: password admin

Confirm Admin Password: sama dengan Admin Password

Klik Next.

clip_image022

  • Hapus folder Installation di C:\Program Files\xampp\htdocs\warung. Klik tombol Admin untuk masuk ke halaman administrator atau Site untuk melihat tampilan utama warung online.

clip_image024

  • Masukkan username dan password lalu tekan Enter.

clip_image026

Klik menu Components > Virtuemart.

clip_image028

  • Lakukan perubahan sesuai produk yang akan Anda jual.

clip_image030

Tampilan utama Warung Online seperti gambar berikut.

clip_image032

Mudah, kan? Jika Anda sudah terlanjur menginstal Joomla!, silakan download component virtuemart sesuai versi Joomla! Anda di sini.


Meskipun dengan Joomla! Anda tidak perlu mengerti bahasa pemrograman, tidak ada salahnya Anda mengetahui dasar-dasar pemrograman web dengan php dan mysql. Dengan demikian, ketika ada masalah di kemudian hari, Anda bisa mengatasi sendiri. Cari e-book atau belilah buku panduan praktis tentang panduan membuat web dengan php dan mysql. Jika Anda tidak ingin repot, bisa mengikuti kursus online di sini. Dengan panduan praktis yang diberikan, Anda bisa membuat sebuah web/blog hanya dengan 4 langkah.

13.11.08

Mengganti header Joomla! menjadi animasi

Secara default, gambar pada header Joomla! dalam format .jpg. Lalu, apakah kita tidak bisa mengubahnya dalam bentuk animasi (.swf)? Tentu saja bisa. Dengan sedikit memasukkan code pada header untuk memanggil file .swf, header web kita bisa berubah menjadi animasi.

Mau tau caranya? Ikuti langkah sederhana berikut:

  • Login ke administrator.

clip_image002

  • Klik menu Site > Template Manager > Site Templates.

clip_image004

  • Klik template yang kita gunakan lalu klik Edit HTML.

clip_image006

  • Masukkan code berikut di bawah header.

<embed src="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>banner_abdi_negara.swf" quality="high" pluginspage= "http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="635" height="145"></embed>

  • Ganti huruf yang cetak tebal dengan file swf Anda. Jangan lupa, simpan file swf tersebut di [nama template]/images. Ukurannya jugadisesuaikan dengan ukuran header web Anda.
  • Klik Save.

clip_image008

  • Refresh tampilan utama web Anda. Hasilnya seperti gambar berikut.

clip_image010

Terima kasih kepada Pasa Firaya, ST yang telah bersedia meminjamkan file swf-nya untuk saya coba.


Meskipun dengan Joomla! Anda tidak perlu mengerti bahasa pemrograman, tidak ada salahnya Anda mengetahui dasar-dasar pemrograman web dengan php dan mysql. Dengan demikian, ketika ada masalah di kemudian hari, Anda bisa mengatasi sendiri. Cari e-book atau belilah buku panduan praktis tentang panduan membuat web dengan php dan mysql. Jika Anda tidak ingin repot, bisa mengikuti kursus online di sini. Dengan panduan praktis yang diberikan, Anda bisa membuat sebuah web/blog hanya dengan 4 langkah.

Membangun toko online dengan oscommerce

Saat ini, bisnis di internet semakin menjamur. Dengan berbagai cara dan aplikasi yang digunakan, setiap orang dapat dengan mudah membangun sebuah toko. Bahkan, tanpa harus menyewa tempat (gratis). Beberapa pengusaha di bisnis konvensional pun, mencoba beralih memasarkan produknya di internet. Dari sekian banyak aplikasi yang dapat digunakan, salah satunya adalah osCommerce. Aplikasi ini gratis. Jika Anda menyewa domain dan hosting, scriptnya sudah disediakan di Fantantico, sehingga Anda hanya perlu memodifikasi isinya saja seperti web cms Joomla!.

clip_image002

Jika Anda tertarik mencobanya, silakan download paket instalasinya di sini.

    • Setelah didownload, ekstrak paket instalasi tersebut di computer Anda lalu salin ke C:\Program Files\xampp\htdocs.

    clip_image004

    • Ganti nama foldernya menjadi tokoku (terserah Anda).

    clip_image006

    • Buka browser lalu ketik http://localhost/phpmyadmin lalu tekan Enter. Kalau error, jalnkan dulu service apache dan mysql.

    clip_image008

    • Buat database tokokudb.

    clip_image010

    • Pada browser, ketik http://localhost/tokoku lalu tekan Enter.

    clip_image012

    • Klik Continue.

    clip_image014

    • Isi parameter berikut:

    Database Server: localhost

    Username: root

    Password: kosongkan

    Database Name: tokokudb (harus sama seperti saat membuat database)

    Klik Continue.

    clip_image016

    • Klik Continue.

    clip_image018

    • Isi parameter berikut:

    Store Name: nama toko online Anda

    Store Owner Name: nama pemilik toko

    Store Owner E-Mail Address: alamat email pemilik toko

    Administrator Username: nama user admin

    Administrator Password: password admin

    Klik Continue.

    clip_image020

    • Hapus folder Install di C:\Program Files\xampp\htdocs\tokoku. Setelah folder Install dihapus, klik Administration Tool untuk pengaturan lebih lanjut. Untuk melihat tampilan utama toko online, klik Catalog.

    clip_image022

    • Tampilan administration seperti gambar di bawah ini.

    clip_image024

    • Tampilan utama toko online, seperti gambar di bawah ini.

    clip_image026

    Pada bagian atas, ada peringatan untuk mengubah permission (hak akses) untuk file configuration.php. Langkah ini bisa Anda lakukan saat toko sudah online (diupload ke web hosting) menggunakan software ftp.

  • 12.11.08

    Demi anak, belajar lagi yuk!

    Kalau udah jadi bapak-bapak, mau ga mau harus banyak belajar. Jangan sampai pas anak nanya, kita ga tau apa-apa. Untuk anakku masih 3 bulan. Jadi, waktu belajarnya masih cukup lama.

    Kalau pergi ke toko buku, kayaknya banyak sekali buku pengetahuan untuk anak. Namun, kalau jarang ke toko buku, kita juga bisa mamanfaatkan internet.

    Salah satu situs yang bisa jadi bahan referensi untuk belajar anak adalah Yahoo!Kids. Di sana banyak sekali video yang bisa kita nikmati. Bagi orang tua yang memiliki anak yang baru belajar internet, bisa diarahkan ke sini.

    Belajar lagi, yuk!

    clip_image002

    • Tinggal dipilih mau menyaksikan video apa. Misalnya, klik pada gambar yang tampil di muka.

    clip_image004

    • Klik video yang ingin ditonton.

    clip_image006

    • Video akan langsung ditampilkan di pojok kiri atas.

    clip_image008

    Jika ingin kualitas videonya bagus, koneksi internetnya harus cepat. Kalau lambat, sebaiknya gau usah. Apalagi kalau koneksi internetnya pake volume base, bisa tekor.