ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Nur Aini R, http://ai23.wordpress.com
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
melihat hasil
melakukan
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
Tulisan awal yang
tampil.
Sebagai ketrangan
Section
dan
kategori
artikel
Inti isi dari
artikel
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
Nur Aini R, http://ai23.wordpress.com
Membuat Menu
atau
Nur Aini R, http://ai23.wordpress.com
Klik untuk
mengubah item
menu
Membuat 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

More Related Content

1 273-iin-joomlabaru

  • 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