panduan penggunaan joomla -...

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


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


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


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


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


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.


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.


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


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


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.


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.


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.


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


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”


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”


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


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


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


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.


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


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


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


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


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


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


27

panduan penggunaan joomla -...

Documents