TUTORIAL JOOMLA Untuk Pemula

advertisement
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:wwwdata 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
melihat hasil
Nur Aini R, http://ai23.wordpress.com
melakukan
administrasi
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
Nur Aini R, http://ai23.wordpress.com
Inti isi dari
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
Download