Joomla dalah CMS yang bersifat opensource ditulis menggunakan PHP dan basis data MySQL.selain joomla kita mengenal berbagai CMS yang bersifat gratis dan terbuka,seperti Drupal,Mambo,dan PHP Nuke.Joomla pertama kali dirilis dengan versi 1.0.0 pada 17 September 2005 dan hingga kini terus mengalami perkembangan.Joomla merupakan versi turunan dari Mambo yang sebenarnya pengembang intinya juga pengembang Mambo yang telah hengkang sehingga menyebabkan banyak kemiripan di antaranya.
1. Www.xl.co.id
Secara garis besar Joomla terdiri atas PHP sebagai script.MySQL sebagai basis data yang saling terhubung melaui web server.Joomla tidak dapat digunakan tanpa adanya ketiga perangkat lunak tersebut.Anda harus meninstal server lokal dahulu untuk menggunakan Joomla,diantaranya : PHP Triad,Easy PHP,App-serv,dan Xampp.kali ini kta akan membahas menggunakanXampp.Untuk menggunakan perangkat Lunak ini anda harus menginstal nya terlebih dahulu.
1.1 Mendesain tampilan Joomla
Penampilan sebuah situs Web amatlah penting untuk menarik perhatian pengunjung.Sebuah web harus dapat mencerminkan kegunaan dari situs web itu sendiri.Di samping penampilan ,tentunya sebuah situs web juga harus user friendly artinya mudah dimengerti atau digunakan.Setiap pengunjung dapat mudah menggunakan fasilitas temu balik informasi tanpa harus melakukan langkah-langkah yang terlalu panjang.Dalm Joomla,template atau tema dapat anda instal,edit,atau buat sendiri sesuai keinginan anda.Ada banyak situs yang menyediakan template-template gratis yang dapat diunduh,tetapi mungkin tidak semua template yang disediakan pada situs tersebut gratis.
Situs tersebut diantaranya:
Cara menginstal Program Xampp(server Local):
1. Download Xampp di alamta Www.apachefriends.org/en/xampp.html
2. Klik ganda pada xampp.org
3. Pilih bahasa indonesia sebagai bahasa menu ,klik OK
4. Pada layar menu selanjutnya klik maju.tidak sedang menjalankan program lainnya saat instalasi.Pilih saya Setuju.
5. Biarkan pilihan tujuan folder di C:\ dan Klik Install
6. Tunggu sampai proses Instalasi selesai lalu klik Selesai.
7. Untuk memulai Xampp,klik Start- All- Program - Xampp basic start.Di bawah basic Start,terdapat pilihan Xampp Basic stop untuk menghentikan Program.
8. Jika anda menggunkan Windows XP maka akan muncul peringatan seperti tampilan berikut dan Klik Unblock.
9. Setelah itu pada Browser Internet akan muncul Program Xampp seperti gambar di bawah.Klik tulisan English untuk memunculkan menu dalam Bahasa Inggris.
10. Untuk menjalankan PHPmyadmin pertama muali dahulu program Xampp seperti yang telah disebutkan di atas.Pada layar menu Tools sebelah kiri layar ambil pilihan phpmyadmin maka akan muncul layar seperti gambar berikut.
11. Pada tampilan tersebut anda dapat mengubah bahasa ke dalam Bahasa Indonesia,menciptakan database baru,atau mengubah dan menambah hak akses.
12. Untuk sekarang anda bisa menambahkan sebuah database baru dan mengabaikan dahulu yang lainnya.Ketikkan “Myweb” pada form kosong,lalu Klik Ciptakan maka sebuah database baru bernama Myweb sudah anda buat.Dtabase ini berformat Mysql.nantinya anda akan menggunakan database ini untuk menggarap aplikasi E-commerce yang akan anda buat.
Cara menginstal program Joomla:
1. Download program Joomla di alamat www.Joomla.org
2. Jalankan program Localhost seperti Xampp melaui perintah xampp basic start lalu ketikkan alamat Localhost/myweb pada web browser anda.Anda akan langsung diarahkan menuju tahap instalasi Joomla.
3. Pada tahap pertama tampilan instalasi Joomla,Joomla akan secara otomatis mengecek kebutuhan untuk setting,Anda dapat langsung klik Next di kanan atas.
4. Tahap selanjutnya anda akan masuk ke dalam lisensi penggunaan perangkat lunak Joomla.klik Next
5. Tahap selanjutnya lakukan konfigurasi database yang akan anda gunakan.
6. Ketik Localhost pada kolom Hostnama,Ketik Root pada kolom mysql user name,Kosongkan kolom mysql password,Ketik myweb pada kolom mysql database name.Terakhir biarkan saja mysql table prefiks dan tanda centang pada instal sample data.Setelah itu klik Next
7. Selanjutnya anda akan diminta memberi nama situs sesuai dengan nama yang akn anda inginkan.Kali ini kita memakai nama myweb sebagai contoh.
8. Tahap selanjutnya anda diminta mengisi data admin dan path.Ketik alamat email anda yang sesuai.Untuk admin password,gunakan password contoh 112211.untuk pilihan lainnya ,biarkan saja.
9. Tahap instalasi telah selesai ,sebaiknya ingat selalu User-name dan password anda untuk halaman admin karena anda harus memasukkan nya setiap amsuk ke halaman admin.Sebelum melihat tampilan web Joomla,anda hapus terlebih dahulu folder Instalasi beserta seluruh isinya yang terdapat pada lokasi C:\apachefriends\xampp\htdocs\myweb untuk mencegah orang lain menginstal ulang situs anda dengan database yang sama.
10. Sekarang jalankan web browser anda dan ketikkan alamat Localhost/myweb(pastikan xampp masih aktif)Untuk memunculkan situs Joomla yang baru anda Instal.Selamat anda berhasil Menginstal Joomla.
Cara menginstal template:
1. Masuk ke halaman admin dan pilih Installer->Templates Site
2. Klik Browse pilih template yang diinginkan.Klik File Upload &install
3. Setelah berhasil maka akan muncul pesan”UPLOAD TEMPLATE SUCCESS”.kemudian klik Continue
2.1 Pengaturan Template
Setelah menginstal template untuk situs.Anda harus mengedit ulang template tersebut sesuai dengan kegunaan dari situs yang akan di buat.Dalam Joomla,Anda dapat mengedit background,gambar,dan isi template.Jika anda paham tentang HTML ,anda dapat membuat template sendiri.Untuk mengedit tampilan gambar yang muncul di halaman situs,Anda dapat mengedit tampilan gambar yang muncul di halaman situs,anda dapat dengan mudah mengganti dengan file tipe dan nama yang sama.
Untuk mengedit tempalate,Anda dapat mengikuti langkah berikut:
1. Buka alamat Localhost/myweb,klik kana pada tulisan iklan “Open Source Matters” pilih Save picture as.
2. Buka gambar yang tadi anda save dengan image editor seperti Photoshop,Coreldraw,ACDSee,Ms paint,Coreldraw.Anda dapat menghapus tulisan tersebut dan memasukkan text box dengan tulisan baru.
3. Simpan gambar yang telah anda edit di folder lain dengan nama yang sama.
4. Copy file gambar tersebut ke folder apachefriend\XAMPP\Htdocs\myweb\image\banners
5. Selanjutnya anda dapat mengubah tampilan header dan ads yang terdapat pada folder myweb\template\bluestuff\image dengan cara mengedit sesuai keinginan anda
6. Sekarang anda sudah bisa membuka lagi alamt tersebut.
3.1 Pengaturan Menu
Setelah pada bab sebelumnya anda mempelajari cara-cara instalasi,sekarang anda mulai mempraktikannya.Hal pertama yang perlu anda lakukan untuk membuat web adalah membuat konsep dari web store yang akan anda buat terlebih dahulu.Anda harus mengetahui produk apa yang akan di tawarkan ke konsumen.apakah peralatan elektronik,perlengkapan komputer,atau jasa /produk lainnya.Selain itu anda harus mengetahui sasaran konsumen.Selama memikirkan hal tersebut,penulis akan lagsung memberikan contohnya.Seperti yang mungkin sudah anda tebak sebagi contoh kita membuat hardware store atau toko elektornik.Beberapa modul yang kita pakai selain komponen Virtue Mart:VirtualMart,VirtueMart Topten,Virtuemart latestprod,VirtueMart Cart,Virtue Mart Search,Produk scroller,Counter dan who’s online.
1. Top Menu
Hampir semua situs apaun yang pernah anda kunjungi tidak akan melewatkan untuk menempatkan top menu.Dalam top menu biasanya berisikan menu navigator ke halaman Utama(Home,Hubungi kami(Contact Us),Tentang Kami(About us),dan sebagainya.Intinya top menu ialah tempat di mana pengunjung dapat mendapatkan info tentang situs yang di kunjunginya.Baiklah kita memulai untuk membuatkan fasilitas top menu di dalam web.Di sini kita hanya akan mengedit menu Home dan Contact Us menjadi menu Halaman utama dan Hubungi kami,sedangkan untuk menu Tentang kami dan Faq,kita akan membuatkan menu yang baru.
Untuk membuat Menu Halaman Utama dan Hubungi Kami,ikuti langkah-langkah berikut:
1) Konsep dahulu menu apa saja yang akan di buat.Disini kita akan membuat menu halaman Utama,Hubungi kami,Tentang Kami,dan Faq.
2) Memasuki halaman Admin,pilih Menu Manager
3) Pada layar selanjutnya klik edit menu item pada baris top menu.
4) Selanjutnya klik pada tulisan Home untuk mengeditnya
5) Gantilah nama Home Menjadi Halaman utama.Setelah itu klik Save di bagian kanan atas.
6) Setelah itu lakukanlah hal yang sama pada menu Contact Us klik tulisan tersebut dan anda ganti dengan nama Hubungi Kami lalu klik Save.
Untuk membuat menu Tentang Kami & Faq,Anda dapat mengikuti langkah berikut:
a. Centang pilihan News dan Links Lau klik Unplubish untuk menyembunyikan kedua menu ini.
b. Selanjutnya klik New pada bgian kana atas untuk membuat menu baru.Pada layar new item,pilih item Link-Statistic Content.Setelah itu klik Next pada bagian kanan atas
c. Selanjutnya masukkan nama Tentang Kami dan klik Joomla Licence Guidelines.setelah itu klik save.
d. Kembali ke halaman admin,pilih Content-Statistic Content Manager
e. Pada halaman selanjutnya ,klik New dibagian kanan atas pada halaman berikutnya,ketik Faq di kolom title,title alias,dan text form untuk sementara,setelah itu klik Save As di bagian kanan atas.
f. Kembali ke halamn admin dan pilih menu topmenu.selanjutnya Klik new pada bagian kanan,pilih link-Statistic Content,dan klik Next di bagian kanan atas.
g. Pada halaman selanjutnya,ketik Faq pada kolom nama dan hubungkan dengan statistic content:Faq di kolom bawahnya.Setelah itu klik Save.
h. Anda dapat mengurutkan urutan posisi menu Tentang kami dan Faq ke urutan 3 dan 4 dengan cara mengklik tombol reorder naik.Anda dapat melihat hasilnya denganperintah Preview.
0 komentar:
Posting Komentar