ݺߣ

ݺߣShare a Scribd company logo
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
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
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 
Nur Aini R, http://ai23.wordpress.com 
Klik gambar
Membuat kategori 
Nur Aini R, http://ai23.wordpress.com 
Klik gambar
Nur Aini R, http://ai23.wordpress.com
Membuat Artikel 
Nur Aini R, http://ai23.wordpress.com 
Klik gambar
Nur Aini R, http://ai23.wordpress.com 
Section 
dan 
kategori 
artikel 
Tulisan awal yang 
tampil. 
Sebagai ketrangan 
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 
Nur Aini R, http://ai23.wordpress.com 
kategori dan section 
dalam 
bentuk blog 
Membuat menu langsung 
ke halamang 
Membuat menu kumpulan 
kategori dan section 
dalam bentuk daftar tabel
Membuat link 
untuk komponen 
Nur Aini R, http://ai23.wordpress.com 
tertentu
Blog - Content Category 
Nur Aini R, http://ai23.wordpress.com
Blog - Content Category 
Muncul di top 
menu 
Nur Aini R, http://ai23.wordpress.com 
Hasil blog
Blog - Content Section 
Nur Aini R, http://ai23.wordpress.com
Blog - Content Section 
Muncul di main 
menu 
Nur Aini R, http://ai23.wordpress.com 
Hasil blog
Table - Content Category 
Nur Aini R, http://ai23.wordpress.com
Table - Content Category 
Muncul di main 
menu 
Nur Aini R, http://ai23.wordpress.com 
Hasil tabel
Link - Content Section 
Nur Aini R, http://ai23.wordpress.com
Link - Content Section 
Muncul di main 
menu 
Nur Aini R, http://ai23.wordpress.com 
Hasil daftar link
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 
Nur Aini R, http://ai23.wordpress.com 
buat baru
Membuat Poling 
Nur Aini R, http://ai23.wordpress.com
Membuat Poling 
Klik untuk 
ubah 
Nur Aini R, http://ai23.wordpress.com
Membuat Poling 
Nur Aini R, http://ai23.wordpress.com 
pindah posisi
Membuat Poling 
Nur Aini R, http://ai23.wordpress.com 
hasil tampilan 
polling

More Related Content

1 273-iin-joomlabaru

  • 1. TUTORIAL JOOMLA Untuk Pemula Nur Aini Rakhmawati http://ai23.wordpress.com Nur Aini R, http://ai23.wordpress.com
  • 2. 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
  • 3. 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
  • 4. 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
  • 5. 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
  • 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. langsung melihat hasil Nur Aini R, http://ai23.wordpress.com melakukan administrasi
  • 12. 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
  • 13. Cek Instalasi Web Nur Aini R, http://ai23.wordpress.com
  • 15. Nur Aini R, http://ai23.wordpress.com
  • 16. Section dan Kategori Section merupakan bagian tertinggi Section terdiri atas kategori Kategori terdiri atas artikel Nur Aini R, http://ai23.wordpress.com
  • 17. Membuat Section Nur Aini R, http://ai23.wordpress.com Klik gambar
  • 18. Membuat kategori Nur Aini R, http://ai23.wordpress.com Klik gambar
  • 19. Nur Aini R, http://ai23.wordpress.com
  • 20. Membuat Artikel Nur Aini R, http://ai23.wordpress.com Klik gambar
  • 21. Nur Aini R, http://ai23.wordpress.com Section dan kategori artikel Tulisan awal yang tampil. Sebagai ketrangan Inti isi dari artikel
  • 22. 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
  • 23. Membuat Menu atau Nur Aini R, http://ai23.wordpress.com
  • 24. Membuat Menu Klik untuk mengubah item menu Nur Aini R, http://ai23.wordpress.com
  • 25. 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
  • 26. Nur Aini R, http://ai23.wordpress.com
  • 27. Membuat menu kumpulan Nur Aini R, http://ai23.wordpress.com kategori dan section dalam bentuk blog Membuat menu langsung ke halamang Membuat menu kumpulan kategori dan section dalam bentuk daftar tabel
  • 28. Membuat link untuk komponen Nur Aini R, http://ai23.wordpress.com tertentu
  • 29. Blog - Content Category Nur Aini R, http://ai23.wordpress.com
  • 30. Blog - Content Category Muncul di top menu Nur Aini R, http://ai23.wordpress.com Hasil blog
  • 31. Blog - Content Section Nur Aini R, http://ai23.wordpress.com
  • 32. Blog - Content Section Muncul di main menu Nur Aini R, http://ai23.wordpress.com Hasil blog
  • 33. Table - Content Category Nur Aini R, http://ai23.wordpress.com
  • 34. Table - Content Category Muncul di main menu Nur Aini R, http://ai23.wordpress.com Hasil tabel
  • 35. Link - Content Section Nur Aini R, http://ai23.wordpress.com
  • 36. Link - Content Section Muncul di main menu Nur Aini R, http://ai23.wordpress.com Hasil daftar link
  • 37. Mengubah Template Tampilan Download template Joomla Install template Nur Aini R, http://ai23.wordpress.com
  • 38. Mengubah Template Tampilan Nur Aini R, http://ai23.wordpress.com
  • 39. Mengubah Template Tampilan pilih template Nur Aini R, http://ai23.wordpress.com
  • 40. ganti gambar Nur Aini R, http://ai23.wordpress.com
  • 41. Membuat Poling Nur Aini R, http://ai23.wordpress.com buat baru
  • 42. Membuat Poling Nur Aini R, http://ai23.wordpress.com
  • 43. Membuat Poling Klik untuk ubah Nur Aini R, http://ai23.wordpress.com
  • 44. Membuat Poling Nur Aini R, http://ai23.wordpress.com pindah posisi
  • 45. Membuat Poling Nur Aini R, http://ai23.wordpress.com hasil tampilan polling