Anda di halaman 1dari 45

TUTORIAL JOOMLA

Untuk Pemula
Nur Aini Rakhmawati
http://ai23.wordpress.com

Nur Aini R, http://ai23.wordpress.com


CopyLeft

Anda boleh mempublikasikan tutorial


ini seluas-luasnya. Boleh dipakai
training, mengajar dll. Semoga berguna.

Saran dan Kritik dapat dikirim lewat blog :


http://ai23.wordpress.com

Nur Aini R, http://ai23.wordpress.com


Kebutuhan
 Jika anda menggunakan sistem
operasi Windows anda dapat
menginstall XAMPP
http://www.apachefriends.org/en/xam
pp-windows.html
 Jika anda menggunakan Sistem
operasi Linux, install apache, php dan
MYSQL

Nur Aini R, http://ai23.wordpress.com


Instalasi
 Pada instalasi kali ini saya lebih
banyak membahas instalasi pada
Linux, Sistem Operasi Linux yang saya
gunakan adalah Debian dan Ubuntu
6.10

Nur Aini R, http://ai23.wordpress.com


Peletakkan Direktori
 ekstrak paket Joomla pada direktori
/var/www
 Misal : /var/www/padslab
 Ubah pemilikan direktori dan akses
file agar dapat diakses dari luar
 root@dcslab-linux:/home/aini# cd /var/www/
 root@dcslab-linux:/var/www# find /var/www/padslab/ -type
d -exec chmod 755 {} \;
 root@dcslab-linux:/var/www# find /var/www/padslab/ -type
f -exec chmod 644 {} \;
 root@dcslab-linux:/var/www# chown -R www-data:www-
data padslab/

Nur Aini R, http://ai23.wordpress.com


Nur Aini R, http://ai23.wordpress.com
Nur Aini R, http://ai23.wordpress.com
Nama user dan
password pada
mysql
Kalau baru install
mysql usernya bisa
root sedangkan
password dikosongi

Nama database
terserah

Drop saja
Tidak perlu install
contoh data

Nur Aini R, http://ai23.wordpress.com


Nur Aini R, http://ai23.wordpress.com
Pastikan
direktori benar

Ganti password
yang mudah
diingat sendiri

Nur Aini R, http://ai23.wordpress.com


langsung melakukan
melihat hasil administrasi

Nur Aini R, http://ai23.wordpress.com


Cek Instalasi Web
 http://localhost/nama_folder/
 Contoh : http://localhost/padslab










 hapus folder installation pada folder tempat ekstrak
Joomla kemudian refresh lagi

Nur Aini R, http://ai23.wordpress.com


Cek Instalasi Web

Nur Aini R, http://ai23.wordpress.com


Halaman administrator
http://localhost/nama_folder/administrator/

Nur Aini R, http://ai23.wordpress.com


Nur Aini R, http://ai23.wordpress.com
Section dan Kategori
 Section merupakan bagian tertinggi
 Section terdiri atas kategori
 Kategori terdiri atas artikel

Nur Aini R, http://ai23.wordpress.com


Membuat Section
Klik gambar

Nur Aini R, http://ai23.wordpress.com


Membuat kategori
Klik gambar

Nur Aini R, http://ai23.wordpress.com


Nur Aini R, http://ai23.wordpress.com
Membuat Artikel
Klik gambar

Nur Aini R, http://ai23.wordpress.com


Section
dan
kategori
artikel

Tulisan awal yang


tampil.
Sebagai ketrangan

Inti isi dari


Nur Aini R, http://ai23.wordpress.com artikel
simpan artikel

Diletakkan di
halaman awal web ?

Yang bisa baca siapa


saja (umum,
org2 terdaftar atau
org2 tertentu

Ganti nama penulis


(terserah)

Tgl penerbitan
artikel bisa diatur

Nur Aini R, http://ai23.wordpress.com


Membuat Menu

atau

Nur Aini R, http://ai23.wordpress.com


Membuat Menu

Klik untuk
mengubah item
menu

Nur Aini R, http://ai23.wordpress.com


Membuat Menu
 Menu Atas = Menu Top
 Membuat Menu Utama = Main Menu
Biasanya terletak di samping
 Membuat Menu User = User Menu
Menu akan muncul jika user login

Nur Aini R, http://ai23.wordpress.com


Nur Aini R, http://ai23.wordpress.com
Membuat menu kumpulan
kategori dan section
dalam
bentuk blog

Membuat menu langsung


ke halamang

Membuat menu kumpulan


kategori dan section
dalam bentuk daftar tabel

Nur Aini R, http://ai23.wordpress.com


Membuat link
untuk komponen
tertentu

Nur Aini R, http://ai23.wordpress.com


Blog - Content Category

Nur Aini R, http://ai23.wordpress.com


Blog - Content Category
Muncul di top
menu

Hasil blog

Nur Aini R, http://ai23.wordpress.com


Blog - Content Section

Nur Aini R, http://ai23.wordpress.com


Blog - Content Section
Muncul di main
menu

Hasil blog

Nur Aini R, http://ai23.wordpress.com


Table - Content Category

Nur Aini R, http://ai23.wordpress.com


Table - Content Category
Muncul di main
menu

Hasil tabel

Nur Aini R, http://ai23.wordpress.com


Link - Content Section

Nur Aini R, http://ai23.wordpress.com


Link - Content Section
Muncul di main
menu

Hasil daftar link

Nur Aini R, http://ai23.wordpress.com


Mengubah Template
Tampilan
 Download template Joomla
 Install template

Nur Aini R, http://ai23.wordpress.com


Mengubah Template
Tampilan

Nur Aini R, http://ai23.wordpress.com


Mengubah Template
Tampilan

pilih
template
Nur Aini R, http://ai23.wordpress.com
ganti gambar

Nur Aini R, http://ai23.wordpress.com


Membuat Poling

buat baru

Nur Aini R, http://ai23.wordpress.com


Membuat Poling

Nur Aini R, http://ai23.wordpress.com


Membuat Poling

Klik untuk
ubah

Nur Aini R, http://ai23.wordpress.com


Membuat Poling

pindah posisi

Nur Aini R, http://ai23.wordpress.com


Membuat Poling

hasil tampilan
polling

Nur Aini R, http://ai23.wordpress.com

Beri Nilai