PANDUAN PENGGUNAAN Joomla! Versi 1.5 Oleh: Anon Kuncoro Widigdo anonkuncoro@yahoo.com Kendari 2009-2010
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 2
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 3
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 4
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 5
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 6
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 Password : admin : password Setelah itu klik tombol Login. Jika Username dan Password yang Anda tuliskan benar maka akan masuk dalam halaman Administrator. 7
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. 8
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 masingmasing. Grup yang dapat dipilih antara lain: Superadministrator Administrator Manager Public Back end Publisher Editor Author Registered Public Front End 9
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 Username E Mail New Password Verify Password Group Block User : Nama lengkap pengguna : Nama user yang akan digunakan masuk pada halaman administrator : Alamat e mail pengguna : Kata sandi : Konfirmasi kata sandi : Kelompok pengguna : Pemblokiran pengguna 10
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 Unpublish Copy Delete Edit New : Mempublikasikan section. : Section tidak dipublikasikan. : Menyalin sebuah section menjadi section yang baru. : Hapus section. : Menyunting detail section. : Membuat sebuah section baru. 11
Gambar 2.8 Form penambahan section baru Title Alias Published Order Access Level Image Image Position Description : Judul untuk section yang akan dibuat. : Nama alias : Pilihan apakah section akan langsung terpublikasi. : Metode pengurutan. : Tingkatan hak akses. : Pilihan gambar untuk section. : Letak posisi gambar. : 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. 12
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. 13
Gambar 2.10 Form penambahan kategori baru Title Alias Published Section Access Level Image Image Position Description : Judul untuk kategori yang akan dibuat : Nama alias : Pilihan apakah kategori akan langsung terpublikasi : Pilihan section letak kategori yang akan ditempatkan : Tingkatan hak akses : Pilihan gambar untuk kategori. : Letak posisi gambar. : 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 14
D. ADD NEW ARTICLE situs web Anda. Bagian ini digunakan untuk membuat sebuah artikel atau tulisan baru sebagai materi konten Figure 2.12 Form pembuatan artikel baru Beberapa bagian dalam form penulisan artikel baru yang perlu diketahui adalah: Title Alias Section Published Front Page Category Image Pagebreak Read More : Judul materi tulisan : Nama alias : Bagian section untuk menempatkan tulisan : Pilihan untuk mempublikasikan artikel : Pilihan untuk menempatkan artikel dalam halaman depan : Pilihan kategori untuk menampatkan artikel : Digunakan untuk menyisipkan gambar pada artikel : Digunakan untuk memberikan tanda perpindahan halaman : 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 15
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 16
Gambar 2.14 Memilih file gambar yang akan di upload Gambar yang telah disisipkan 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 17
Garis tanda Read More 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 18
Gambar 2.18 Tampilan jendela Insert Page Break 5. Setelah itu klik gambar tombol Insert Page Break Garis sebagai tanda Page Break Gambar 2.19 Tampilan tanda Page Break Article Index Gambar 2.20 Tampilan Article Index 19
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 Auhor Alias Access Level Created Date Start Publishing Finish Publishing : Penulis artikel : Nama alias penulis : Tingkatan hak akses : Tanggal artikel dibuat : Tanggal mulai artikel dipublikasikan : Batas tanggal akhir publikasi. Pilihan Never jika artikel tersebut tanpa batas tanggal akhir publikasi. 20
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 21
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 22
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 Preview Radio Button Default Gambar 3.7 Memilih site template yang telah tersedia 23
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. Menu Items Gambar 3.9 Menu Manager 24
Pada bagian Menu Manager dapat diatur sub menu yang ada didalamnya dengan meng klik pilihan Menu Items. Membuat Menu Item baru Gambar 3.10 Menu Item Manager Untuk membuat sebuah Menu Item baru dapat dilakukan dengan cara sebagai berikut: 1. Klik tombol New New : digunakan untuk membuat Menu Item baru Gambar 3.11 Tombol New 2. Kemudian akan ditampilkan pilihan jenis menu pada bagian Menu Item Type. 25
3. Pilih salah satu jenis menu yang sesuai Gambar 3.12 Menu Item Type 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 Menu yang telah dibuat Gambar 3.14 Contoh Menu Item yang telah dibuat 26
27