PANDUAN PENGGUNAAN
Joomla! Versi 1.5
Oleh: Anon Kuncoro Widigdo [email protected]
Kendari 2009 - 2010
Panduan Penggunaan Joomla! Versi 1.5
2
MODUL I
Pendahuluan
Joomla adalah sebuah aplikasi sistim manajemen konten atau Content Management System (CMS) yang dapat membantu mempermudah dalam pembuatan sebuah website. Joomla bersifat free opensource (bebas dan terbuka). Joomla ditulis dengan menggunakan PHP dan database MySQL.
Aplikasi Joomla dapat Anda download secara gratis pada alamat : http://www.joomla.org
Gambar 1.1 Tampilan website joomla.org
Gambar 1.2 Download Joomla
Panduan Penggunaan Joomla! Versi 1.5
3
A. Tahap Instalasi 1. Extract‐lah file ZIP Joomla yang telah di download 2. Letakkan (upload) pada web server Anda 3. Jalankan proses instalasi
Gambar 1.3 Pemilihan bahasa yang digunakan
4. Langkah pertama dalam proses instalasi adalah memilih bahasa yang akan digunakan. Kemudian klik tombol Next
Gambar 1.4 Pemeriksaan sistim sebelum instalasi
5. Berikutnya adalah tahap “Pre‐installation Check”, jika tidak ada kesalahan pada proses ini lanjutkan dengan klik tombol Next
Panduan Penggunaan Joomla! Versi 1.5
4
Gambar 1.5 Lisensi Joomla
6. Tahap selanjutnya adalah menampilkan Lisensi Joomla. Bacalah baik‐baik aturan lisensi penggunaan Joomla tersebut. Setelah itu klik tombol Next
Gambar 1.6 Pengaturan database Joomla
7. Kemudian aturlah konfigurasi database pada web server antara lain: a. Database Type b. Host Name c. Username d. Password e. Database Name
Panduan Penggunaan Joomla! Versi 1.5
5
Gambar 1.7 Pengaturan FTP
8. Langkah berikutnya adalah FTP Configuration. Pada bagian ini memungkinkan kita untuk menggunakan akses FTP dalam web server kita. Secara default konfigurasi ini dipilih “No”
Gambar 1.8 Pengaturan nama site Joomla
Panduan Penggunaan Joomla! Versi 1.5
6
9. Tahap berikutnya adalah pengaturan Nama Website, E‐Mail dan Password untuk Administrator pengelola website. Setelah itu klik tombol Next
Gambar 1.9 Instalasi telah selesai
Gambar 1.10 Peringatan untuk menghapus folder Installation
10. Proses instalasi Joomla telah sukses. Jangan lupa setelah proses instalasi ini selesai hapuslah folder/directory INSTALLATION
Panduan Penggunaan Joomla! Versi 1.5
7
MODUL II
Halaman Administrator
Halaman Administrator pada Joomla terletak pada alamat :
http://alamatwebsite/administrator
Gambar 2.1
Halaman Login Administrator
Isilah bagian Username dan Password, sesuai dengan Username dan Password yang telah Anda peroleh saat instalasi Joomla.
Contoh: Username : admin Password : password
Setelah itu klik tombol Login. Jika Username dan Password yang Anda tuliskan benar maka akan masuk dalam halaman Administrator.
Panduan Penggunaan Joomla! Versi 1.5
8
Gambar 2.2 Halaman Control Panel
Pada bagian ini akan menampilkan beberapa pada bagian Control Panel antara lain:
Add New Article Digunakan untuk membuat sebuah tulisan atau artikel baru.
Article Manager Digunakan untuk mengatur pengarsipan dan publikasi tulisan atau artikel yang telah ditulis.
Front Page Manager Digunakan untuk mengatur tulisan yang akan diletakkan pada halaman depan.
Section Manager Digunakan untuk pengaturan section.
Category Manager Digunakan untuk mengatur kategori.
Media Manager Digunakan untuk mengatur file‐file gambar yang dapat digunakan.
Menu Manager Digunakan untuk mengatur dan membuat menu pilihan.
Language Manager Digunakan untuk memilih bahasa yang digunakan.
User Manager Digunakan untuk mengatur dan menambahkan pengguna yang nantinya dapat masuk ke halaman administrator.
Panduan Penggunaan Joomla! Versi 1.5
9
Global Manager Digunakan untuk mengatur konfigurasi situs web, sistim dan server.
Bagian lain yang perlu diketahui adalah gambar‐gambar ikon pada bagian Toolbar, antara lain:
New Digunakan untuk membuat baru pada suatu bagian
Publish Digunakan untuk mempublikasikan suatu bagian sehingga dapat dilihat oleh pengunjung lain.
Unpublish Digunakan untuk menutup publikasi bagian tertentu sehingga tidak dapat terlihat oleh pengunjung lain.
Move Digunakan untuk merubah letak atau posisi bagian tertentu.
Copy Digunakan untuk menyalin suatu bagian tertentu.
Delete Digunakan untuk menghapus bagian tertentu.
Edit Digunakan untuk menyunting/merubah bagian tertentu.
Help Melihat halaman bantuan penjelasan mengenai suatu bagian
A. USER MANAGER Menu ini digunakan untuk menambahkan dan mengatur pengguna menurut grupnya masing‐
masing. Grup yang dapat dipilih antara lain:
• Superadministrator
• Administrator
• Manager
• Public Back‐end
• Publisher
• Editor Author
• Registered
• Public Front End
Panduan Penggunaan Joomla! Versi 1.5
10
Gambar 2.3 User Manager
Untuk menambahkan pengguna baru klik pada gambar tombol “New”. Setelah itu akan ditampilkan form untuk penambahan pengguna. Seperti pada Gambar 2.4 dibawah ini.
Gambar 2.4 Form Penambahan Pengguna
Beberapa bagian form yang harus diisi adalah:
Name : Nama lengkap pengguna
Username : Nama user yang akan digunakan masuk pada halaman administrator
E‐Mail : Alamat e‐mail pengguna
New Password : Kata sandi
Verify Password : Konfirmasi kata sandi
Group : Kelompok pengguna
Block User : Pemblokiran pengguna
Panduan Penggunaan Joomla! Versi 1.5
11
Receive System E‐Mails : Menerima e‐mail dari system
Gambar 2.5
Toolbar Icon Save, Apply , Cancel dan Help
Setelah semua form diisi dengan lengkap, simpan dengan meng‐klik gambar tombol “Save”.
Gambar 2.6 Pengguna baru berhasil ditambahkan
B. SECTION MANAGER
Section merupakan bagian pengelompokkan tertinggi dan utama dalam sebuah konten dinamis yang nantinya akan dibagi lagi menjadi beberapa kategori. Untuk membuat sebuah section baru klik pada gambar tombol “New”.
Gambar 2.7 Toolbar pada Section Manager
Publish : Mempublikasikan section.
Unpublish : Section tidak dipublikasikan.
Copy : Menyalin sebuah section menjadi section yang baru.
Delete : Hapus section.
Edit : Menyunting detail section.
New : Membuat sebuah section baru.
Panduan Penggunaan Joomla! Versi 1.5
12
Gambar 2.8 Form penambahan section baru
Title : Judul untuk section yang akan dibuat.
Alias : Nama alias
Published : Pilihan apakah section akan langsung terpublikasi.
Order : Metode pengurutan.
Access Level : Tingkatan hak akses.
Image : Pilihan gambar untuk section.
Image Position : Letak posisi gambar.
Description : Penjelasan uraian detail tentang section yang akan dibuat.
Setelah semua bagian isian form pembuatan section baru diisi dengan lengkap, klik gambar tombol “Save” untuk menyimpannya.
Panduan Penggunaan Joomla! Versi 1.5
13
Gambar 2.9 Section baru berhasil ditambahkan
C. CATEGORY MANAGER
Sebuah kategori merupakan pengelompokan bagian dari dinamis konten. Kategori mirip sekali dengan pengertian section dan kategori adalah bagian dari sebuah section. Untuk membuat sebuah kategori baru, klik gambar tombol “New” pada bagian Toolbar.
Panduan Penggunaan Joomla! Versi 1.5
14
Gambar 2.10 Form penambahan kategori baru
Title : Judul untuk kategori yang akan dibuat
Alias : Nama alias
Published : Pilihan apakah kategori akan langsung terpublikasi
Section : Pilihan section letak kategori yang akan ditempatkan
Access Level : Tingkatan hak akses
Image : Pilihan gambar untuk kategori.
Image Position : Letak posisi gambar.
Description : Penjelasan uraian detail tentang kategori yang akan dibuat.
Setelah semua bagian isian form pembuatan kategori baru diisi dengan lengkap, klik gambar tombol “Save” untuk menyimpannya.
Gambar 2.11 Kategori yang telah dibuat
Panduan Penggunaan Joomla! Versi 1.5
15
D. ADD NEW ARTICLE
Bagian ini digunakan untuk membuat sebuah artikel atau tulisan baru sebagai materi konten
situs web Anda.
Figure 2.12
Form pembuatan artikel baru
Beberapa bagian dalam form penulisan artikel baru yang perlu diketahui adalah:
Title : Judul materi tulisan
Alias : Nama alias
Section : Bagian section untuk menempatkan tulisan
Published : Pilihan untuk mempublikasikan artikel
Front Page : Pilihan untuk menempatkan artikel dalam halaman depan
Category : Pilihan kategori untuk menampatkan artikel
Image : Digunakan untuk menyisipkan gambar pada artikel
Pagebreak : Digunakan untuk memberikan tanda perpindahan halaman
Read More : Digunakan untuk memberikan tanda “Read More” (baca : selanjutnya).
Fungsi ini digunakan untuk membagi konten tulisan artikel menjadi dua
bagian. Bagian pertama biasanya adalah berupa bagian ringkasan atau
sekilas tentang artikel yang ditulis. Bagian kedua adalah bagian artikel
keseluruhan. Bila pengunjung tertarik untuk membaca keseluruhan
artikel maka dapat meng‐klik tombol link “Read More”
Panduan Penggunaan Joomla! Versi 1.5
16
Toogle Editor : Untuk merubah model tampilan editor antara WYSWYG HTML Editor
dan Plain Text Editor.
Menyisipkan Gambar
Untuk menyisipkan gambar dalam suatu artikel dapat dilakukan dengan cara meletakkan kursor pada posisi yang akan disisipkan gambar, kemudian klik gambar tombol “Image”.
Gambar 2.13 Jendela untuk memilih gambar
Setelah itu akan ditampilkan sebuah jendela yang akan menampilkan gambar‐gambar yang dapat dipilih untuk disisipkan dalam artikel. Pilihlah salah satu gambar yang akan disisipkan, kemudian klik gambar tombol “Insert”.
Kita bisa juga meng‐upload gambar lain dari komputer kita kedalam situs web yang kita buat dengan cara sebagai berikut:
1. Klik gambar tombol “Browse” 2. Pilih file yang akan di‐upload 3. Klik gambar tombol “Open” 4. Klik gambar tombol “Start Upload” 5. Setelah gambar berhasil di‐upload, pilihlah gambar tersebut dan klik gambar tombol
“Insert”
Panduan Penggunaan Joomla! Versi 1.5
17
Gambar 2.14 Memilih file gambar yang akan di‐upload
Figure 2.15 Gambar yang sudah disisipkan dalam artikel
Menyisipkan “Read More”
Read More adalah suatu bagian dari artikel yang akan membagi suatu artikel menjadi dua bagian. Bagian pertama adalah paragraph pertama, yang biasanya berisi ringkasan suatu berita atau materi artikel. Bagian kedua biasanya berisi materi artikel secara detail. Detail materi artikel akan ditampilkan jika pengunjung meng‐klik tombol “Read More”.
Cara untuk membuat Read More adalah sebagai berikut:
1. Letakkan kursor pada posisi tepat setelah paragraph pertama. 2. Klik gambar tombol “Read More”
Gambar yang telah disisipkan
Panduan Penggunaan Joomla! Versi 1.5
18
Gambar 2.16 Tampilan garis tanda Read More
Gambar 2.17 Hasil tampilan Read More
Membuat Halaman Index
Jika isi suatu materi artikel yang Anda buat sangatlah panjang, Anda bisa membagi artikel tersebut menjadi beberapa halaman . Serta menampilkan index halaman atau daftar isi pada bagian artikel, sehingga pengunjung dapat dengan mudah untuk menelusuri isi artikel jika isi artikel tersebut sangat panjang.
Cara untuk menyisipkan index halaman adalah sebagai berikut:
1. Letakkan kursor pada awal bagian paragraph suatu halaman 2. Klik gambar tombol “Page Break" 3. Setelah itu akan ditampilkan jendela isian seperti Gambar 2.17 4. Bagian form isian yang harus diisi adalah :
a. Page Title : Judul halaman b. Table of Content Alias : Nama alias pada daftar isi artikel
Garis tanda Read More
Panduan Penggunaan Joomla! Versi 1.5
19
Gambar 2.18 Tampilan jendela Insert Page Break
5. Setelah itu klik gambar tombol “Insert Page Break”
Gambar 2.19 Tampilan tanda Page Break
Gambar 2.20 Tampilan Article Index
Garis sebagai tanda Page Break
Article Index
Panduan Penggunaan Joomla! Versi 1.5
20
Menambahkan Parameters Article
Dalam pembuatan sebuah artikel, kita dapat menambahkan beberapa parameter tambahan untuk mengatur artikel tersebut, misalnya: penulis artikel, kapan artikel tersebut dibuat, kapan artikel tersebut mulai dipublikasi, hingga kapan artikel tersebut terpublikasi dll.
Gambar 2.21 Pengaturan Tampilan Parameters Article
Bagian pengaturan Parameters Article terletak pada bagian kanan layar saat artikel tersebut dibuka. Isian pada Parameters Article yang dapat kita atur adalah:
Author : Penulis artikel
Auhor Alias : Nama alias penulis
Access Level : Tingkatan hak akses
Created Date : Tanggal artikel dibuat
Start Publishing : Tanggal mulai artikel dipublikasikan
Finish Publishing : Batas tanggal akhir publikasi. Pilihan “Never” jika artikel tersebut tanpa
batas tanggal akhir publikasi.
Panduan Penggunaan Joomla! Versi 1.5
21
MODUL III
Site Template dan Menu
Site Template adalah suatu desain template pada halaman frontend. Dengan menggunakan Joomla , kita tidak perlu repot untuk mendesain sendiri site template untuk halaman web. Karena tersedia ribuan site template yang dapat Anda download dari internet. Kemudian meng‐install site template tersebut dalam Joomla.
Yang perlu Anda perhatikan adalah beberapa site template hanya dapat digunakan pada Joomla versi tertentu saja. Misalnya Joomla versi 1.5 hanya cocok untuk site template yang khusus dirancang untuk Joomla versi 1.5.
A. UPLOAD PACKAGE FILE File site template yang tersedia di internet biasanya telah berbentuk file paket yang telah
terkompresi dalam format ZIP. Paket file site template itulah yang harus kita upload kedalam CMS Joomla. Cara meng‐upload paket site template adalah sebagai berikut:
1. Pilih menu Install / Uninstall
Gambar 3.1 Menu Install/Uninstall
Panduan Penggunaan Joomla! Versi 1.5
22
2. Kemudian akan muncul Extension Manager. Pilih paket file site template dalam format ZIP yang akan di install, dengan cara klik tombol “Browse”
Gambar 3.2 Extension Manager
Gambar 3.3 Memilih package file yang akan di upload
3. Setelah itu klik tombol “Upload File & Install”
Gambar 3.4 Upload File & Install
Panduan Penggunaan Joomla! Versi 1.5
23
4. Proses upload berhasil
Gambar 3.5 Install Template Success
B. TEMPLATE MANAGER
Template Manager adalah bagian yang digunakan untuk mengatur site template yang telah di install yang akan digunakan.
Gambar 3.6 Menu Template Manager
Cara mengganti site template adalah sebagai berikut: 1. Masuk dalam menu Extensions ‐ Template Manager
Gambar 3.7 Memilih site template yang telah tersedia
Preview
Default
Radio Button
Panduan Penggunaan Joomla! Versi 1.5
24
2. Klik “radio button” pada nama site template yang Anda inginkan 3. Klik “Default” 4. Untuk melihat hasil perubahan site template klik tombol “Preview”
Gambar 3.8 Site template yang sudah dirubah
C. MENU MANAGER
Menu Manager adalah bagian yang dapat digunakan untuk mengatur susuna menu pada Joomla. Dengan menggunakan Menu Manager, Anda dapat mengatur menu dan sub menu sesuai dengan keinginan.
Gambar 3.9 Menu Manager
Menu Items
Panduan Penggunaan Joomla! Versi 1.5
25
Pada bagian Menu Manager dapat diatur sub menu yang ada didalamnya dengan meng‐klik pilihan “Menu Items”.
Gambar 3.10 Menu Item Manager
Membuat Menu Item baru
Untuk membuat sebuah Menu Item baru dapat dilakukan dengan cara sebagai berikut:
1. Klik tombol “New”
Gambar 3.11 Tombol New
2. Kemudian akan ditampilkan pilihan jenis menu pada bagian Menu Item Type.
New : digunakan untuk membuat Menu Item baru
Panduan Penggunaan Joomla! Versi 1.5
26
Gambar 3.12 Menu Item Type
3. Pilih salah satu jenis menu yang sesuai
Gambar 3.13 Membuat External Link pada Menu Item
4. Isilah bagian yang diperlukan antara lain:
• Title
• Alias
• Link
• Display In
• Parent Item
• Published
• Access Level
• On Click Open In 5. Klik tombol “Save”
Gambar 3.14 Contoh Menu Item yang telah dibuat
Menu yang telah dibuat
Panduan Penggunaan Joomla! Versi 1.5
27