tutorial joomla

Click here to load reader

Post on 20-Aug-2015

379 views

Category:

Technology

0 download

Embed Size (px)

TRANSCRIPT

  1. 1. TUTORIAL JOOMLAUntuk PemulaNur Aini Rakhmawati http://ai23.wordpress.comNur Aini R, http://ai23.wordpress.com
  2. 2. CopyLeftAnda boleh mempublikasikan tutorialini seluas-luasnya. Boleh dipakaitraining, mengajar dll. Semoga berguna.Saran dan Kritik dapat dikirim lewat blog :http://ai23.wordpress.comNur Aini R, http://ai23.wordpress.com
  3. 3. Kebutuhan Jika anda menggunakan sistemoperasi Windows anda dapatmenginstall XAMPPhttp://www.apachefriends.org/en/xampp-windows.html Jika anda menggunakan Sistemoperasi Linux, install apache, php danMYSQL Nur Aini R, http://ai23.wordpress.com
  4. 4. Instalasi Pada instalasi kali ini saya lebihbanyak membahas instalasi padaLinux, Sistem Operasi Linux yang sayagunakan adalah Debian dan Ubuntu6.10 Nur Aini R, http://ai23.wordpress.com
  5. 5. Peletakkan Direktori ekstrak paket Joomla pada direktori/var/www Misal : /var/www/padslab Ubah pemilikan direktori dan aksesfile agar dapat diakses dari [email protected]:/home/aini# cd /var/www/[email protected]:/var/www# find /var/www/padslab/ -type d -exec chmod 755 {} ;[email protected]:/var/www# find /var/www/padslab/ -type f -exec chmod 644 {} ;[email protected]:/var/www# chown -R www-data:www- data padslab/Nur Aini R, http://ai23.wordpress.com
  6. 6. Nur Aini R, http://ai23.wordpress.com
  7. 7. Nur Aini R, http://ai23.wordpress.com
  8. 8. Nama user danpassword padamysqlKalau baru installmysql usernya bisaroot sedangkanpassword dikosongiNama databaseterserahDrop sajaTidak perlu installcontoh dataNur Aini R, http://ai23.wordpress.com
  9. 9. Nur Aini R, http://ai23.wordpress.com
  10. 10. Pastikandirektori benarGanti passwordyang mudahdiingat sendiriNur Aini R, http://ai23.wordpress.com
  11. 11. langsungmelakukanmelihat hasil administrasiNur Aini R, http://ai23.wordpress.com
  12. 12. Cek Instalasi Web http://localhost/nama_folder/ Contoh : http://localhost/padslab hapus folder installation pada folder tempat ekstrakJoomla kemudian refresh lagi Nur Aini R, http://ai23.wordpress.com
  13. 13. Cek Instalasi Web Nur Aini R, http://ai23.wordpress.com
  14. 14. Halaman administratorhttp://localhost/nama_folder/administrator/Nur Aini R, http://ai23.wordpress.com
  15. 15. Nur Aini R, http://ai23.wordpress.com
  16. 16. Section dan Kategori Section merupakan bagian tertinggi Section terdiri atas kategori Kategori terdiri atas artikelNur Aini R, http://ai23.wordpress.com
  17. 17. Membuat SectionKlik gambarNur Aini R, http://ai23.wordpress.com
  18. 18. Membuat kategoriKlik gambarNur Aini R, http://ai23.wordpress.com
  19. 19. Nur Aini R, http://ai23.wordpress.com
  20. 20. Membuat ArtikelKlik gambarNur Aini R, http://ai23.wordpress.com
  21. 21. Section dan kategoriartikelTulisan awal yangtampil.Sebagai ketranganInti isi dariNur Aini R, http://ai23.wordpress.com artikel
  22. 22. simpan artikelDiletakkan dihalaman awal web ?Yang bisa baca siapasaja (umum,org2 terdaftar atauorg2 tertentuGanti nama penulis(terserah)Tgl penerbitanartikel bisa diaturNur Aini R, http://ai23.wordpress.com
  23. 23. Membuat MenuatauNur Aini R, http://ai23.wordpress.com
  24. 24. Membuat MenuKlik untukmengubah itemmenuNur Aini R, http://ai23.wordpress.com
  25. 25. Membuat Menu Menu Atas = Menu Top Membuat Menu Utama = Main MenuBiasanya terletak di samping Membuat Menu User = User MenuMenu akan muncul jika user loginNur Aini R, http://ai23.wordpress.com
  26. 26. Nur Aini R, http://ai23.wordpress.com
  27. 27. Membuat menu kumpulankategori dan section dalambentuk blog Membuat menu langsung ke halamangMembuat menu kumpulan kategori dan sectiondalam bentuk daftar tabelNur Aini R, http://ai23.wordpress.com
  28. 28. Membuat link untuk komponen tertentuNur Aini R, http://ai23.wordpress.com
  29. 29. Blog - Content CategoryNur Aini R, http://ai23.wordpress.com
  30. 30. Blog - Content CategoryMuncul di topmenuHasil blogNur Aini R, http://ai23.wordpress.com
  31. 31. Blog - Content Section Nur Aini R, http://ai23.wordpress.com
  32. 32. Blog - Content Section Muncul di main menu Hasil blog Nur Aini R, http://ai23.wordpress.com
  33. 33. Table - Content CategoryNur Aini R, http://ai23.wordpress.com
  34. 34. Table - Content CategoryMuncul di mainmenuHasil tabelNur Aini R, http://ai23.wordpress.com
  35. 35. Link - Content Section Nur Aini R, http://ai23.wordpress.com
  36. 36. Link - Content Section Muncul di main menu Hasil daftar link Nur Aini R, http://ai23.wordpress.com
  37. 37. Mengubah TemplateTampilan Download template Joomla Install templateNur Aini R, http://ai23.wordpress.com
  38. 38. Mengubah Template TampilanNur Aini R, http://ai23.wordpress.com
  39. 39. Mengubah Template TampilanpilihtemplateNur Aini R, http://ai23.wordpress.com
  40. 40. ganti gambarNur Aini R, http://ai23.wordpress.com
  41. 41. Membuat Polingbuat baruNur Aini R, http://ai23.wordpress.com
  42. 42. Membuat PolingNur Aini R, http://ai23.wordpress.com
  43. 43. Membuat PolingKlik untukubah Nur Aini R, http://ai23.wordpress.com
  44. 44. Membuat Polingpindah posisiNur Aini R, http://ai23.wordpress.com
  45. 45. Membuat Polinghasil tampilanpollingNur Aini R, http://ai23.wordpress.com