Membuat Website tanpa Memahami Bahasa Pemrograman


    Featuring:
  • CMS Joomla
  • Blogger
  • Search Engine Optimization

Senin, 28 September 2009

0
Mengelola User Website Joomla

User adalah pengelola atau pengunjung website yang terdaftar sebagai anggota situs Joomla Anda. User perlu terlebih dahulu melakukan proses registrasi dan login pada website. Tentu saja, keberadaan anggota ini disesuaikan dengan tujuan dari penggunaan website Anda.

User ini pun terbagi dua, yakni user yang melakukan login pada halaman front end (Public Front end) dan user yang dapat login dan mengakses halaman administrator (Public Back end). User tersebut kemudian terbagi lagi menurut hak akses yang dimiliki. Untuk lebih jelasnya, lihat gambar di bawah ini.

user management

Registered, adalah user dengan tingkat akses terendah. User dengan tingkat ini diperbolehkan untuk mengirim weblink dan mengedit profilnya sendiri, seperti mengganti password, nama, dan lain-lain.

Author, memiliki hak tambahan untuk mengirim article dan mengedit article yang dia kirim.

Editor, memiliki hak yang lebih besar dari Author. Sebagai Editor, user dapat juga melakukan editing terhadap article yang dikirimkan user lain.

Publisher, adalah user dengan hak akses tertinggi pada kelompok Public Front end. Selain memiliki akses layaknya Editor, Publisher juga diperbolehkan untuk mempublish article-article yang ada sehingga dapat tampil di halaman situs. 

Manager, user back end dengan hak akses terhadap media manager, mengedit menu, melihat statistik website, dan mengelola content.

Administrator, user yang lebih tinggi dari manager dan memiliki kelebihan lain untuk mengakses global configuration, user manager, frontpage manager, extensions manager, trash manager, menambah menu, archive manager.

Super Administrator, penguasa tertinggi website Joomla yang memiliki semua hak user lainnya. Kelebihan lainnya adalah berhak melakukan akses terhadap Global Check-in. Global Check-in adalah menu untuk mengaktifkan semua content yang dalam kondisi terkunci. Konten yang terkunci tidak akan dapat diedit. Konten dapat terkunci dikarenakan berbagai hal, diantaranya proses saving yang gagal dan mengklik tombol back untuk keluar dari halaman editing konten.

Senin, 14 September 2009

0
Instalasi Extension Baru pada Joomla 1.5

Untuk menambah template, module, component, plugin, maupun language pada website Joomla, Anda dapat mencari extension tersebut di website. Setelah Anda mendownload extension yang Anda butuhkan, Anda perlu menginstalnya terlebih dahulu. Untuk menginstal, masuk ke halaman administrator dan klik menu Extensions. Pilih menu Install/Unistall.

install-extensions 

Pada tab pertama, Anda akan menemukan menu Install untuk menginstall component, module, plugin, language, template. Joomla menyediakan 3 jenis cara untuk melakukan instalasi. Cara pertama dengan Upload Package File, yakni meng-upload paket zip dari ekstension yang hendak Anda instal. Cara kedua, Install from Directory, yakni dengan memasukkan direktori folder dari file-file yang dibutuhkan untuk melakukan instalasi. File-file installer harus di-unzip terlebih dahulu. Cara ketiga dengan Install from URL. Masukkan URL address lokasi file installer berada.

Tab selanjutnya menampilkan daftar dari extension-extension yang telah terinstal dalam website Joomla Anda.

install-extensions   

Untuk melakukan unistall, klik tombol radio di samping nama extension yang hendak dibuang. Kemudian klik tombol Unistall pada toolbar di kanan atas. Nama extension yang berwarna abu-abu menandakan bahwa extension tersebut adalah bawaan dari Joomla yang tidak dapat di-unistall.

Untuk menonaktifkan component, klik tanda centang hijau di samping nama komponen. Language dan Template yang sedang aktif/default tidak dapat diunistall. 

Jumat, 31 Juli 2009

0
Mengganti Tampilan (Template) Joomla 1.5

Kemudahan menggunakan CMS Joomla adalah terpisahnya isi/konten website dari kerangka/tampilan website itu sendiri. Tampilan pada CMS Joomla diatur dengan file yang disebut template. Untuk mengubah tampilan, Anda tinggal mengaktifkan template yang Anda sukai. Untuk mengganti template dapat dilakukan pada Template Manager pada Menu Extensions di halaman administrator.

Pada Joomla terdapat 2 jenis template, yakni template untuk situs (Site) dan template untuk halaman administrator (Administrator). Template situs untuk tampilan halaman front end situs Anda. Template Administrator untuk mengatur tampilan halaman back end situs Joomla Anda.

template-management 

Pada halaman Template Manager, Anda akan mendapati list dari template yang Anda miliki. Secara default, Joomla telah menyediakan ketiga template yang dapat Anda lihat pada gambar di atas. Klik Administrator untuk melihat list dari template admin Anda. Untuk menambah template yang ada, Anda dapat mendownload dari internet kemudian menginstalnya terlebih dahulu.

Secara default, template situs Anda akan menggunakan template rhuk_milkyway dan template Admin akan menggunakan template Khepri. Untuk mengganti template yang aktif, Anda harus mengklik tombol radio di samping nama template yang Anda inginkan. Kemudian klik toolbar Default yang ber-icon bintang. Lihat hasilnya pada halaman front end Anda. Template yang sedang aktif akan memiliki tanda bintang di samping namanya.

Untuk melakukan perubahan lebih lanjut, klik nama template yang bersangkutan. Berikut adalah perubahan-perubahan yang dapat Anda lakukan pada template Anda.

template-management 

Template menyediakan parameter yang memudahkan Anda mengganti warna, ukuran, maupun fitur lainnya. Meskipun begitu, tidak semua template menyediakan pengaturan parameter ini.

template-management  

Pada toolbar yang terletak di halaman parameter, Anda dapat menemukan menu Preview untuk melihat tampilan template berikut posisi/slot module yang dimilikinya. Edit HTML untuk megedit file HTML template situs yang bersangkutan. Anda mungkin dapat mengubah posisi module, header, logo, dsb. Edit CSS untuk mengedit file CSS template situs bersangkutan. File CSS adalah file yang mengatur nilai-nilai seperti warna, efek grafis, ukuran huruf, dan jenis huruf dari template.

Klik Apply untuk mengaktifkan perubahan parameter tanpa keluar dari halaman tersebut. Save untuk mengaktifkan dan keluar dari halaman parameter. Close untuk keluar tanpa menyimpan perubahan yang dilakukan. Help untuk mengakses bantuan dari situs ofisial Joomla.

Senin, 27 Juli 2009

2
Mengatur Global Configuration Joomla 2

Pada posting ini, saya hanya akan membahas beberapa konfigurasi yang saya anggap penting. Untuk konfigurasi yang tidak saya bahas, sebaiknya dibiarkan saja secara default. Konfigurasi yang akan saya bahas adalah sebagai berikut.

Tab System

global-configuration
  1. Allow User Registration. Pilih Yes untuk membiarkan pengunjung melakukan registrasi menjadi member pada website Anda.
  2. New User Registration Type. Tingkatan user yang akan diberikan untuk member yang melakukan registrasi. Ada 4 tingkatan dimulai dari yang paling rendah adalah Registered, Author, Editor, Publisher.
  3. New User Account Activation. Jika diaktifkan, maka pengguna akan dikirimkan link aktivasi melalui email terlebih dahulu sebelum bisa melakukan login.
  4. Front-end User Parameters. Pilih Show untuk membiarkan member mengelola sendiri preferensi bahasa dan editor yang diinginkannya.
global-configuration
Yang perlu diperhatikan pada Media Settings yakni:
  1. Path to Media Folder. direktori tempat menyimpan file media.
  2. Path to Image Folder. direktori tempat menyimpan file gambar.
Meskipun Anda dapat mengganti direktori media Joomla, Anda tetap tidak boleh mengganti atau menghapus folder-folder media bawaan Joomla seperti images/banners, images/M_images, images/smilies, images/stories.

Tab Server

global-configuration
Ganti Time Zone dengan zona waktu UTC +07:00 Bangkok, Hanoi, Jakarta.
Sekian penjelasan beberapa setting yang memberikan hasil praktis bagi website Joomla 1.5 Anda.

Jumat, 19 Juni 2009

1
Mengatur global configuration joomla 1 (Tab Site)

Global Configuration atau konfigurasi global Joomla dapat diakses pada menu Site – Global Configuration. Dalam Global Configuration terdapat 3 tab menu yakni Site, System, Server. Berikut penjelasan dan tips untuk masing-masing konfigurasi.

Tab Site

global-configuration

  1. Site Offline, klik yes untuk meng-offline-kan halaman front end. Berguna pada saat melakukan maintenance website Anda. Contoh halaman offline adalah sebagai berikut.global-configuration
  2. Offline Message. Pesan yang terdapat pada halaman offline untuk menjelaskan kepada pengunjung website Anda. Anda mungkin perlu menggantinya ke dalam bahasa Indonesia, misalnya “Mohon maaf, website kami sedang dalam maintenance.”
  3. Site Name. Nama daripada website Anda.
  4. Default WYSIWYG Editor, untuk memilih editor konten yang Anda inginkan. WYSIWYG adalah kependekan dari What You See Is What You Get, merupakan editor yang menampilkan output. Masing-masing editor memiliki layout, warna, dan fungsi sendiri. Untuk menambah editor yang ada, Anda harus menginstal plugin editor lain terlebih dahulu. Contih tampilan editor WYSIWYG.global-configuration
  5. List Length, men-set jumlah list pada jendela administrator untuk semua user.
  6. Feed Length, men-set jumlah konten yang ditampilkan pada halaman feed. Feed adalah format data yang menampilkan upate konten secara terus-menerus. Contoh halaman feed adalah.global-configuration
  7. Feed Email. Alamat email yang akan ditampilkan beserta feed dari website Anda. Anda bisa memilih di antara email penulis atau email website.

global-configuration 

  1. Global Site Meta Description. Isikan deskripsi singkat dari website Anda.
  2. Global Site Meta Keywords. Kata kunci yang menggambarkan website Anda. Isikan dengan segala kata atau frase yang mungkin diketikkan seseorang pada search engine.
  3. Show Title Meta Tag. Secara default adalah Yes, untuk menampilkan Title Meta Tag pada konten. Meta Tag adalah kata kunci yang mewakili konten tersebut.
  4. Show Author Meta Tag. Mengatur apakah Author Meta Tag akan ditampilkan pada konten atau tidak.

global-configuration

  1. Search Engine Friendly URLs. Pilihan untuk mennyederhanakan URL pad website Anda. Secara default tampilan URL adalah sebagai berikut: http:/domainanda.com/index.php?option=com_content&view=article&id=19&Itemid=27. Ini merupakan URL yang kurang disukai dan susah dibaca seach engine. Jika Anda pilih Yes, Joomla akan menyederhanakan URL barusan menjadi: http://domainanda.com/index.php/joomla-overview.
  2. Use Apache mod_rewrite. Pilihan untuk mengaktifkan mod_rewrite. Namun, Anda harus merename file htaccess.txt menjadi file .htaccess terlebih dahulu.
  3. Add suffix to URLs. Pilihan untuk menambahkan akhiran pada URL website Anda sesuai dengan format dokumen Anda.

Setiap kali Anda mengubah konfigurasi yang ada, pastikan bahwa Anda telah menyimpannya dengan mengklik tombol Save atau Apply.

global-configuration 

Untuk Tab System dan Tab Server akan dibahas pada posting selanjutnya.

Jumat, 12 Juni 2009

3
Istilah Penting Joomla: Template, Module, Component, Plugin, etc

Dalam menggunakan Joomla, Anda harus familiar terlebih dahulu dengan istilah-istilah berikut ini.

  1. Template, adalah tampilan dari website. Template ini layaknya Theme pada Windows atau Skin pada Winamp. Anda tinggal memilih template dengan style, warna, font, dan layout yang paling Anda suka.
  2. Component, adalah aplikasi yang menambah nilai atau fungsi dari Joomla. Sebuah komponen biasanya memiliki konfigurasi dan control panelnya sendiri. Komponen yang telah disertakan pada Joomla yakni komponen weblink, contact form, polling, dsb.
  3. Module, adalah aplikasi atau unit fungsi yang ditampilkan pada halaman front-end Joomla. Module berfungsi menampilkan fitur-fitur utama sebuah website. Contoh module misalnya module main menu, top menu, banner, login form, polling.
  4. Plugin/Mambot, adalah aplikasi atau unit fungsi Joomla yang disisipkan untuk memanipulasi ataupun menerjemahkan konten yang diproses sebelum ditampilkan. Pada Joomla 1.0 dan Mambo, unit fungsi ini disebut Mambot. Namun, pada Joomla 1.5, istilah ini digantikan dengan Plugin. Contoh plugin adalah plugin images, page break, dan read more.
  5. Article/Content, adalah semua berita, artikel, dsb yang merupakan inti dari website Anda. Istilah Content untuk Joomla 1.0 dan Mambo kemudian digantikan dengan istilah Article untuk Joomla 1.5.

Selasa, 19 Mei 2009

0
Konsep Pengelolaan Back End & Front End Joomla

Setelah Anda menyelesaikan instalasi Joomla, Anda tentunya telah mengetahui bahwa Joomla memiliki halaman back end atau halaman administrator dan tampilan front end (bagian web yang akan dilihat oleh publik/pengunjung). Halaman back end / administrator ini dapat Anda akses dengan menambahkan administrator setelah url address website Anda.

Contohnya adalah http://localhost/domainanda/administrator, apabila Anda menginstal di localhost dan http://www.domainanda.com/administrator, apabila website Anda sudah online.

Halaman back end adalah bagian yang khusus diperuntukkan para administrator untuk mengelola websitenya (website management). Dengan adanya bagian back end ini lah yang memungkinkan seseorang yang tidak mengerti bahasa pemrograman dapat memodifikasi isi website-nya.

Untuk memasuki halaman back end, Anda harus memiliki username dan password administrator. Password adalah password yang Anda isikan pada proses instalasi. Username diberikan kepada Anda pada tahap terakhir proses instalasi. Biasanya username yang diberikan adalah admin. Berikut adalah gambar daripada halaman login administrator.

admin_joomla

Setelah login, Anda akan mendapati tampilan sebagai berikut:

admin_joomla

Berikut penjelasan tampilan yang terlihat sesuai dengan nomor pada gambar di atas:

  1. Menu Bar, yang berisi kumpulan menu administrasi Joomla yang masing-masing memiliki beberapa sub menu.
  2. Preview untuk melihat tampilan front end website Anda dan informasi admin seperti jumlah email masuk dan user online, serta fasilitas log out dari halaman admin.
  3. Control Panel yang berisi ikon menu-menu yang sering digunakan pada proses administrasi Joomla. Menu-menu disini dapat Anda temukan juga pada Menu Bar.
  4. Berisikan informasi mengenai CMS Joomla, user terdaftar yang sedang login, artikel dengan frekuensi akses paling banyak, artikel terbaru yang dimasukkan di website, dan jumlah menu yang ada pada website.

Demikianlah isi dan tampilan dari halaman back end website Joomla Anda secara garis besar. Sekarang kita beralih ke pembahasan mengenai apa saja yang terdapat pada halaman front end website Anda ketika pertama kali Anda menginstal Joomla. Berikut gambar dari halaman front end website Joomla Anda secara default:

front_end

Berikut penjelasan halaman front end sesuai dengan nomor urutannya:

  1. Header, tempat meletakkan logo, gambar, animasi, dan sebagainya. Biasa untuk memberitahu nama website.
  2. Newsflash, digunakan untuk menampilkan sejumlah artikel/news singkat yang ditampilkan bergantian secara acak.
  3. Top Menu, menampilkan menu secara vertikal yang ditempatkan di bagian atas halaman website.
  4. Search, digunkan untuk menjalankan fungsi search pada website.
  5. Breadcrumb, menampilkan lokasi halaman yang sedang dilihat berikut jalur yang telah dilalui.
  6. Main Menu, yakni berisi kumpulan menu utama sebuah website.
  7. Resources, berisi menu-menu lain di luar menu utama.
  8. Key Concept, sama dengan Resources.
  9. Login Form, digunakan bagi user untuk register menjadi member maupun login ke website.
  10. Latest News, menampilkan artikel-artikel terbaru dari website.
  11. Popular, menampilkan artikel-artikel dengan frekuensi akses paling banyak.
  12. Content, menampilkan konten-konten dari website.
  13. Polls, yakni polling atau jajak pendapat bagi pengunjung website.
  14. Who’s Online, menampilkan jumlah pengunjung yang sedang online.
  15. Advertisement, menampilkan link bagi pemasang iklan di website Anda.
  16. Banner, menampilkan banner/spanduk iklan beserta link.
  17. Footer, berisi keterangan dari website, perusahaan, pembuat, dsbnya yang terletak di bagian bawah website.
  18. RSS/Syndicate, layanan untuk menampilkan artikel secara ter-update pada website lain.

Selain Header dan Content, semua bagian di atas merupakan module default Joomla. Module adalah unit fungsi dari Joomla yang berfungsi untuk menampilkan fitur-fitur sebuah website. Module ini dapat dipindah-pindahkan letaknya sesuai keinginan Anda.

Secara default, letak module pada Template adalah seperti gambar di atas. Template pada Joomla hanya menyediakan slot-slot pada body web. Anda tinggal menyusun Module pada slot-slot/posisi yang dimiliki masing-masing template.

Selain module-module di atas, masih banyak lagi module yang dapat Anda instal dan gunakan, baik untuk bagian front end maupun back end dari website Joomla Anda.

Minggu, 17 Mei 2009

0
How to install Joomla 1.5 pada Localhost Bag. 2 (Instal Joomla)

Pertama-tama, Anda harus memiliki paket installer Joomla 1.5 terlebih dahulu. Apabila Anda tidak memilikinya, Anda dapat men-download paket installer Joomla 1.5 terbaru di website resminya www.joomla.org atau klik link halaman download Joomla.

Versi stabil yang terbaru ketika tulisan ini dibuat adalah versi 1.5.10. Biasanya paket installer Joomla memiliki 2 versi, yakni full package dan upgrade package. Versi upgrade package digunakan untuk meng-upgrade file Joomla versi sebelumnya yang pernah Anda install. Misalkan Anda pernah menginstall Joomla versi 1.5.9 di komputer, maka Anda cukup menambahkan file dari upgrade package 1.5.9 to 1.5.10 untuk meng-upgrade versi Joomla Anda.

Oleh karena tutorial ini ditujukan untuk Anda yang baru pertama kali menggunakan Joomla, maka langkah berikutnya adalah men-download paket installer Joomla 1.5 yang terbaru. Paket Joomla 1.0 juga masih dapat didownload di situs Joomla. Oleh karena itu, pastikan Anda telah men-download versi yang benar.

Selama proses download berlangsung, Anda buat saja dulu sebuah folder baru pada direktori c:\wamp\www (atau direktori tempat Anda meng-install Wamp Server). Berikan nama folder sekehendak Anda. Dalam tutorial ini, kita beri saja nama foldernya adalah “myweb”, sehingga sekarang terbentuk struktur direktori c:\wamp\www\myweb.

Setelah Anda berhasil mendownload paket installer Joomla 1.5, ekstraklah file paket Joomla tersebut dan tempatkan isinya pada folder myweb (c:\wamp\www\myweb) yang baru saja Anda buat. Berikut adalah gambar struktur file dan folder Joomla yang berada di dalam folder myweb.

stuktur_file_joomla

Kemudian, buka browser internet Anda dan ketikkan http://localhost/myweb. Pastikan Wamp Server Anda telah diaktifkan. Apabila semua berjalan dengan baik, maka di browser akan muncul tampilan sebagai berikut:

install_joomla

Pada langkah pertama ini, Anda diminta untuk memilih bahasa yang digunakan dalam proses instalasi. Biarkan saja secara default, yakni bahasa inggris, karena Anda tidak akan menemukan bahasa Indonesia di dalamnya untuk saat ini. Klik tombol Next untuk melanjutkan ke langkah berikutnya.

install_joomla

Pada jendela ini ditampilkan persyaratan minimum yang harus dipenuhi agar Joomla dapat digunakan. Pastikan semua persyaratan telah dipenuhi yang ditandai dengan kata Yes berwarna hijau. Di bawahnya, ditampilkan rekomendasi setting yang sebaiknya Anda gunakan. Anda tidak harus mengikuti semua setting yang direkomendasikan. Apalagi, kalau memang Anda tidak mengerti apa pengaruh dari setting-setting tersebut.

Untuk sementara, Anda tidak perlu memusingkannya, karena setting-setting tersebut dapat Anda akses kembali kapan saja. Setting aktual yang berwarna merah atau tidak sesuai dengan rekomendasi Joomla juga tidak berpengaruh terhadap keberhasilan proses instalasi Joomla. Klik saja tombol Next untuk melanjutkan ke langkah berikutnya.

install_joomla

Pada tahap ketiga, Anda diberitahu apa saja yang terdapat dalam lisensi Joomla. Lisensi Joomla bersifat open source atau memiliki lisensi GNU/GPL. Dengan kata lain, Anda bebas menyalin, memodifikasi, dan menyebarluaskan kembali paket tanpa tersandung masalah copyright. Klik Next kembali untuk melanjutkan.

install_joomla  

Pada tahap keempat, Anda diminta untuk menentukan setting database. Untuk latihan kali ini, sebaiknya Anda isi saja Host Name dengan localhost, Username diisi dengan root, Password dikosongkan, dan Database Name dengan nama myDB atau sesuka Anda. Klik kembali Next untuk melanjutkan.

install_joomla

Pada tahap kelima, Anda diminta untuk menentukan konfigurasi dari FTP (File Transfer Protocol). Bagi Anda yang menggunakan Operating System Windows, Anda tidak perlu untuk mengisi konfigurasi FTP. Klik saja tombol Next untuk melanjutkan

install_joomla

Pada tahap keenam, kita akan mengisi konfigurasi dari web kita. Isikan nama website Anda pada kotak isian Site Name. Isikan saja seadanya dulu. Site Name dapat Anda ganti lagi kapan saja.

Your Email diisi saja dengan email Anda. Admin Password merupakan password yang akan digunakan untuk masuk ke jendela Administrator nantinya. Masukkan password yang Anda inginkan dan jangan sampai lupa. Masukkan kembali password Anda pada kotak isian Confirm Admin Password.

Pada konfigurasi berikutnya mengenai Load sample data, restore, or migrate, Pilih Install Default Sample Data dan klik tombol Install Sample Data. Pilihan ini akan menginstalkan data untuk website contoh. Pilihan kedua hanya berlaku untuk melakukan migrasi web ke Joomla 1.5. Klik tombol Next dan kemudian klik OK untuk jendela konfirmasi berikut ini:

install_joomla    

Selamat! Anda telah berhasil meng-install Joomla 1.5 ketika Anda telah sampai pada jendela berikut:

install_joomla

Tulisan berwarna merah berupa peringatan untuk menghapus folder Installation di direktori Joomla Anda. Hal ini untuk menjaga bocornya data rahasia di website Anda. Oleh karena itu, hapuslah folder Installation di direktori c:\wamp\www\myweb Anda. Di bawah pesan ini juga diberikan username untuk login ke jendela Administrator, yakni admin.

Kemudian, klik tombol Site di kanan atas untuk melihat hasil installasi paket Joomla yang telah Anda lakukan. Klik tombol Admin disampingnya untuk masuk ke jendela login Administrator. Atau masukkan http://localhost/myweb pada browser untuk melihat tampilan Front End website Anda. Atau http://localhost/myweb/administrator untuk login ke Back End atau jendela login administrator.

Setelah login, Anda dapat mengelola banyak hal yang berkaitan dengan website Anda, seperti menulis artikel, mengganti templates, dan sebagainya tanpa perlu mengerti bahasa pemrograman sedikit pun.

Selasa, 12 Mei 2009

0
How to Install Joomla 1.5 pada Localhost Bag. 1 (Instal WAMP)

CMS Joomla dan kebanyakan CMS lain yang beredar di internet saat ini menggunakan:

  1. Bahasa pemrograman PHP
  2. Web Server Apache, dan
  3. Database MySQL

Ketiga software di atas dapat dengan mudah kita peroleh dan yang penting adalah legal, karena software-software tersebut bersifat open source.

Dalam menginstal Joomla, kita dapat menginstal Joomla di web server offline (localhost) atau langsung menginstal pada web server online (remote server). Pada posting kali ini kita akan belajar untuk menginstal Joomla pada web server lokal terlebih dahulu.

Mengapa kita membutuhkan web server untuk membuat website Joomla? Hal ini dikarenakan penggunaan script PHP yang bersifat server-side. Server-side berarti program diproses pada sisi server, bukannya pada komputer klien/pengakses. Dengan demikian, program akan dijalankan dengan lebih cepat dan tidak membebani kinerja komputer klien. 

Untuk menginstal pada localhost tentunya kita membutuhkan ketiga software pendukung di atas terlebih dahulu. Lain halnya dengan web server remote/online yang telah memiliki ketiga fungsi software di atas.

Dengan begitu, kita harus mendownload dan menginstal ketiga software satu demi satu. Tetapi, tentunya cukup merepotkan bukan? Untungnya sekarang sudah tersedia software yang bersifat multi aplikasi, artinya dengan sekali instal, ketiga aplikasi pendukung langsung terinstal dan terkonfigurasi dengan baik. Software multi aplikasi untuk Joomla yang paling populer adalah WAMP (Window Apache MySQL & PHP) dan XAMPP. Dalam posting kali ini kita akan menggunakan software WAMP.

Download software WAMP terbaru yang telah berganti nama menjadi WampServer 2.0 pada situs resminya di http://www.wampserver.com/en/download.php atau klik disini. File installer berukuran 16mb.

Klik ganda file installer WampServer2.0.exe, sehingga terbuka jendela peringatan sebagai berikut:

InstallWamp1

Pesan di atas mengingatkan Anda untuk terlebih dahulu meng-uninstall dan menghapus folder Wamp apabila Anda memiliki WAMP5 versi 1.x di komputer Anda. Setelah proses uninstall, folder WAMP masih akan menyisakan database dan direktori Joomla yang pernah Anda buat. Oleh karena itu, sebaiknya Anda cukup me-rename folder WAMP atau memindahkan isinya apabila masih Anda butuhkan. Klik tombol Yes untuk melanjutkan ke jendela instalasi sebagai berikut:

Install Wamp 2 

Klik tombol Next, sehingga tampil jendela License Agreement seperti berikut:

Install Wamp3

Klik opsi I accept the agreement dan klik tombol Next

Install Wamp 4

Pada jendela ini, kita harus menentukan lokasi folder tempat penyimpanan file-file WampServer nantinya. Secara default, program akan disimpan pada lokasi c:\wamp. Anda dapat mengubah dengan cara mengetikkan lokasi yang Anda inginkan atau mengklik tombol Browse…  untuk memilih lokasi penyimpanan. Setelah Anda menentukan lokasi penyimpanan, klik tombol Next, sehingga tampil jendela berikut:

Install Wamp

Bagian ini untuk membuat Ikon/short cut bagi program WampServer. Klik/tandai pilihan yang Anda inginkan. Pilihan pertama untuk membuat ikon Quick Launch, yakni ikon yang terdapat di samping start menu windows atau kiri bawah layar komputer Anda. Pilihan kedua untuk membuat ikon di desktop atau tampilan utama layar Windows Anda. Klik saja keduanya bila Anda kurang paham. Klik tombol Next untuk berpindah ke jendela berikutnya.

Install Wamp

Jendela ini memberitahukan bahwa software WAMP siap diinstal. Klik tombol Install untuk mengeksekusinya. Tunggu beberapa saat hingga proses instalasi sempurna dan menampilkan jendela sebagai berikut:

Install Wamp

Pada jendela ini, kita diberi kebebasan menentukan aplikasi browser default untuk menjalankan Joomla nantinya. Biarkan saja apa adanya dan klik tombol Open untuk menyelesaikan proses instalasi software WampServer.

Install Wamp

Pada jendela ini, Anda diminta untuk menentukan server SMTP dan alamat email Anda. Biarkan saja secara default. Klik tombol Next.

Install Wamp

Pada jendela terakhir ini, klik tombol Finish. Sesaat kemudian, Wamp Server segera aktif yang ditandai dengan munculnya ikon Wamp ( iconwamp ) pada sebelah kanan taskbar windows Anda. Klik ikon Wamp, sehingga tampil menu seperti berikut:

Install Wamp  

Anda dapat menggunakan menu-menu ini untuk keperluan web nantinya. Periksa apakah server Apache, PHP, dan database MySQL sudah aktif dan berjalan dengan baik, dengan cara:

  1. Buka browser Anda atau Internet Explorer.
  2. Ketikkan localhost pada bagian addressnya.
  3. Pastikan halaman yang tampil sebagai berikut.

Install Wamp    

Selamat! Anda telah berhasil menginstal Wamp Server pada komputer Anda. Untuk tutorial install Joomla 1.5 akan dimuat pada posting How to Install Joomla 1.5 pada Localhost Bag. 2 (Install Joomla).

Jumat, 08 Mei 2009

0
Beda Joomla 1.0 dan 1.5

Setelah Anda sejenak mencari tahu mengenai Joomla, Anda akan dibingungkan dengan adanya dua versi Joomla, yakni Joomla 1.0 dan Joomla 1.5. Apakah perbedaan dari keduanya?

Joomla 1.0 masih dikembangkan dengan basis Mambo, sedangkan Joomla 1.5 merupakan versi CMS yang dikembangkan dari nol. Namun, pada awalnya pengembangan Joomla 1.0 terus dilakukan karena penggunanya sangat banyak dan didukung pula oleh extension yang melimpah.

Keluarnya Joomla 1.5 pada awalnya agak susah menarik para pengguna Joomla 1.0. Hal ini diakibatkan pengguna Joomla 1.0 lebih familiar dengan tampilan operasi Joomla 1.0. Selain itu, pengguna Joomla 1.0 juga masih meragukan tingkat keamanan Joomla 1.5 yang belum teruji meskipun telah diklaim memiliki sistem keamanan yang lebih baik oleh penciptanya. Kemudahan dalam mencari template, component, dan module bagi versi 1.0 juga salah satu faktor yang menahan para pengguna untuk segera beralih ke versi 1.5.

Peningkatan Joomla 1.5 yang mencolok tentunya dari tampilan administrasi yang lebih indah dengan dukungan efek animasi yang lebih smooth. Template awal Joomla 1.5 yang lebih indah dan semakin dalamnya option untuk mengatur parameter dan feature template. Template-template yang tersedia untuk di-download juga kualitasnya jauh di atas template-template yang tersedia untuk Joomla 1.0.

Kemudian perbedaan lainnya adalah bergantinya istilah mambot menjadi plugin, toolbar yang lebih ringkas, dan semakin dioptimalkannya fitur SEF (Search Engine Friendly) pada Joomla 1.5.

Pengembang Joomla juga secara resmi telah menghentikan pengembangan versi 1.0 dan berfokus sepenuhnya untuk mengembangkan versi 1.5. Penghentian ini didasarkan pada meningkatnya jumlah pengguna Joomla 1.5 dan meningkatnya dukungan extension bagi Joomla 1.5. Saat ini, Joomla 1.5 sudah digunakan secara luas dan extension yang tersedia juga sudah melimpah ruah.

Dalam blog Sayonara Webmaster, hanya akan dibahas mengenai Joomla 1.5, karena para pengguna Joomla 1.0 juga kebanyakan telah bermigrasi atau memindahkan websitenya ke basis Joomla 1.5. Extension pada Joomla 1.0 secara teknis tidak dapat digunakan untuk Joomla 1.5. Namun, Joomla 1.5 telah menyediakan Legacy Mode yang memungkinkan extension dari Joomla 1.0 dapat dijalankan di Joomla 1.5. Meskipun begitu, tetap saja tidak semua extension Joomla 1.0 dapat dijalankan via Legacy Mode.

Senin, 04 Mei 2009

0
CMS Joomla : Web Design Tanpa Menguasai HTML

Joomla_Symbol_Color_bigger Web design menggunakan tool dan cara tradisional (HTML statis) membutuhkan tenaga kerja yang ahli dan biaya yang besar. Sebagai contoh, apabila ingin mengubah kata dalam webpage tentunya dibutuhkan orang yang menguasai HTML. Jika server web yang ingin diubah memiliki ratusan webpage, maka berapa banyak tenaga kerja, waktu, dan biaya yang harus dikeluarkan!?  Dengan CMS, pengaturan isi dan penampilan web dapat dilakukan oleh user yang tidak menguasai HTML sekalipun.

Content Management System (CMS) adalah perangkat lunak yang berfungsi untuk membangun dan mengupdate web, yang dirancang sedemikian rupa sehingga proses pembuatan dan pemeliharaan web lebih mudah, efektif, dan efisien, baik bagi orang yang mengerti tentang teknologi web maupun yang tidak.

CMS terbaik & paling banyak digunakan di dunia saat ini adalah CMS Joomla yang bersifat open source. Dikatakan open source karena pengguna dapat memodifikasi, menghapus, dan menambah script yang disertakan dalam software tersebut asal tetap menghormati hak cipta dan mentaati peraturan yang telah ditetapkan secara bersama-sama.

Dengan Joomla kita dapat membuat website apa saja yang kita inginkan. Misalnya membuat website seperti http://detik.com, http://id-joomla.com, http://xl.co.id bahkan bisa juga http://amazon.com. Untuk melihat contoh website lainnya yang berbasis Joomla, silahkan lihat di Joomla Community Site Showcase.

CMS Joomla dikembangkan dengan basis PHP dan database MySQL. Secara teknis, CMS memisahkan konten web dengan body web yang ditampilkan di muka. Konten web disimpan dalam database MySQL dan dipanggil dengan skrip/kode pada index.php. Dengan demikian, modifikasi menjadi jauh lebih dinamis karena tidak perlu lagi membongkar body untuk mengganti isi atau pun sebaliknya.  

CMS Joomla juga menyediakan adanya panel administrasi yang friendly user bagi orang awam sekalipun. Didalamnya disediakan sistem manajemen konten dan editor konten bersifat WYSIWYG, sehingga tidak perlu berkutat dengan bahasa pemrograman. Dengan pemisahan body dan isi juga memungkinkan penggantian tampilan web dengan mengaktifkan template. Template dapat dengan mudah dicari dan diinstal.

Untuk mendownload dan mempelajari lebih banyak mengenai CMS Joomla, silahkan buka situs ofisial Joomla di http://www.joomla.org. Selain Joomla, masih terdapat CMS lainnya yang bersifat open source maupun komersil. Silahkan kunjungi http://opensourcecms.com untuk referensi CMS yang bersifat open source.

Sejarah CMS Mambo & Lahirnya Joomla

Joomla merupakan pengembangan dari open source project Mambo, yang dahulu sering disebut sebagai Mambo Open Source atau MOS. Mambo sebenarnya dikembangkan oleh sebuah perusahaan yang bernama Miro. Miro memberikan Mambo secara gratis kepada sebuah komunitas open source untuk dikembangkan. Pada bulan Agustus 2005, terjadi perselisihan prinsip antara pihak komunitas pengembang Mambo dengan MIRO.

Perselisihan dikarenakan pihak Miro ingin membentuk Mambo Foundation yang bertugas mengelola pengembangan Mambo. Dengan adanya Mambo Foundation, ditakutkan Mambo akan beralih menjadi software komersil.

Akibat perselisihan ini, beberapa orang pengembang inti Mambo keluar dari project dan akhirnya membentuk project open source baru yang diberi nama Joomla. Kata Joomla sendiri diambil dari  kata Jumla, bahasa Suaheli dari penduduk Kenya dan Tanzania di benua Afrika yang berarti “all this together” atau “secara bersama-sama”. Secara bersama-sama dikembangkan dan secara bersama-sama digunakan.

Pada tanggal 17 September 2005, dirilis Joomla versi 1.0.0. Versi ini merupakan versi alias dari Mambo versi 4.5.3. Joomla secara terus menerus dikembangkan oleh berbagai komunitas open source yang sangat aktif dan tertarik dengan sistem ini. Joomla versi 1.0.0 ini berakhir pada versi 1.0.15 dan diteruskan oleh Joomla versi 1.5 yang tidak lagi berbasis Mambo. Joomla versi 1.5 saat ini telah mencapai versi 1.5.10 pada saat tulisan ini dibuat.

0
CMS Joomla – Membuat website tanpa memahami bahasa pemrograman

Dulu kita mengenal HTML sebagai sarana utama dalam membuat website. Tetapi, pembuatan website dengan menggunakan HTML sangat menghabiskan waktu. Untuk membuat satu halaman website saja, kita perlu mengetik sampai puluhan, bahkan ratusan baris kode HTML . Kemudian, mengulang proses yang sama untuk halaman kedua, ketiga, dan seterusnya. Bagaimana kalau website Anda membutuhkan beratus-ratus halaman layaknya Amazon atau Ebay?

Masalah Anda akan semakin bertambah apabila Anda sama sekali tidak menguasai bahasa HTML. Anda harus menyewa seorang webmaster apabila hendak membuat website atau pun mengubah sepatah kata dalam website Anda. Jika website Anda memiliki ratusan halaman, bayangkan berapa banyak tenaga ahli, waktu, dan biaya yang harus Anda keluarkan?

Dengan CMS Joomla, pengaturan isi dan penampilan web dapat dilakukan oleh user yang tidak menguasai HTML sekalipun. CMS Joomla saat ini adalah CMS terbaik dan paling banyak digunakan di dunia. Kabar yang lebih baik lagi, CMS Joomla yang canggih ini berlisensi open source atau dengan kata lain merupakan software gratisan. Meskipun gratisan, CMS Joomla didukung oleh komunitas yang berjumlah puluhan ribu di seluruh dunia yang bekerja dalam ribuan proyek setiap tahunnya. Website yang tercatat menggunakan CMS Joomla menurut data tahun 2008 saja telah mencapai lebih dari 20 juta website.

Meskipun dengan mudah digunakan oleh orang awam, CMS Joomla tetap memiliki fleksibilitas dan tingkat modifikasi yang tinggi. Fleksibitas website Joomla untuk dikembangkan hanya terbatas oleh kreatifitas dan kemampuan penciptanya. Berikut contoh situs-situs yang dikembangkan dengan Joomla:

  1. http://www.id-joomla.com
  2. http://www.xl.co.id
  3. http://www.intanproperty.com
  4. http://www.joomla.org
  5. http://www.porsche.com.br
  6. http://www.travelshopireland.com
  7. http://www.livinggallery.eu
  8. Dan lebih banyak lagi di Joomla Community Site Showcase.

Anda yang sampai pada situs saya tentunya didorong oleh keinginan yang besar untuk mempelajari cara membuat website sendiri. Oleh karena itu, saya melalui blog Sayonara Webmaster akan membimbing Anda dengan menyediakan tutorial-tutorial dasar Joomla. Apabila tutorial saya masih kurang jelas, Anda dapat memberikan pertanyaan kepada saya melalui fasilitas Comments di blog Sayonara Webmaster ini. Kedepannya, saya juga akan menyediakan semua resources atau sumber daya yang Anda butuhkan untuk menciptakan website Joomla yang semakin baik lagi.