TUTORIAL JOOMLA

1. Nur Aini R, http://ai23.wordpress.com
TUTORIAL JOOMLA
Untuk Pemula
Nur Aini Rakhmawati
http://ai23.wordpress.com

2. 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

3. 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

4. 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

5. 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/

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

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

8. 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

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

10. Nur Aini R, http://ai23.wordpress.com
Pastikan
direktori benar
Ganti password
yang mudah
diingat sendiri

11. Nur Aini R, http://ai23.wordpress.com
langsung
melihat hasil
melakukan
administrasi

12. 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

13. Nur Aini R, http://ai23.wordpress.com
Cek Instalasi Web

14. Nur Aini R, http://ai23.wordpress.com
Halaman administrator
http://localhost/nama_folder/administrator/

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

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

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

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

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

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

21. Nur Aini R, http://ai23.wordpress.com
Tulisan awal yang
tampil.
Sebagai ketrangan
Section
dan
kategori
artikel
Inti isi dari
artikel

22. Nur Aini R, http://ai23.wordpress.com
Tgl penerbitan
artikel bisa diatur
Ganti nama penulis
(terserah)
Yang bisa baca siapa
saja (umum,
org2 terdaftar atau
org2 tertentu
Diletakkan di
halaman awal web ?
simpan artikel

23. Nur Aini R, http://ai23.wordpress.com
Membuat Menu
atau

24. Nur Aini R, http://ai23.wordpress.com
Klik untuk
mengubah item
menu
Membuat Menu

25. 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

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

27. 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

28. Nur Aini R, http://ai23.wordpress.com
Membuat link
untuk komponen
tertentu

29. Nur Aini R, http://ai23.wordpress.com
Blog - Content Category

30. Nur Aini R, http://ai23.wordpress.com
Blog - Content Category
Muncul di top
menu
Hasil blog

31. Nur Aini R, http://ai23.wordpress.com
Blog - Content Section

32. Nur Aini R, http://ai23.wordpress.com
Blog - Content Section
Muncul di main
menu
Hasil blog

33. Nur Aini R, http://ai23.wordpress.com
Table - Content Category

34. Nur Aini R, http://ai23.wordpress.com
Table - Content Category
Muncul di main
menu
Hasil tabel

35. Nur Aini R, http://ai23.wordpress.com
Link - Content Section

36. Nur Aini R, http://ai23.wordpress.com
Link - Content Section
Muncul di main
menu
Hasil daftar link

37. Nur Aini R, http://ai23.wordpress.com
Mengubah Template
Tampilan
 Download template Joomla
 Install template

38. Nur Aini R, http://ai23.wordpress.com
Mengubah Template
Tampilan

39. Nur Aini R, http://ai23.wordpress.com
Mengubah Template
Tampilan
pilih
template

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

41. Nur Aini R, http://ai23.wordpress.com
Membuat Poling
buat baru

42. Nur Aini R, http://ai23.wordpress.com
Membuat Poling

43. Nur Aini R, http://ai23.wordpress.com
Membuat Poling
Klik untuk
ubah

44. Nur Aini R, http://ai23.wordpress.com
Membuat Poling
pindah posisi

45. Nur Aini R, http://ai23.wordpress.com
Membuat Poling
hasil tampilan
polling