SlideShare a Scribd company logo
1 of 45
Download to read offline
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        melakukan
                              melihat hasil   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
Section
                                               dan
                                             kategori
                                              artikel



                                        Tulisan awal yang
                                        tampil.
                                        Sebagai ketrangan




                                            Inti isi dari
Nur Aini R, http://ai23.wordpress.com         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

More Related Content

Viewers also liked

MINITUTORIAL: Com inserir una imatge al WORD.
MINITUTORIAL: Com inserir una imatge al WORD.MINITUTORIAL: Com inserir una imatge al WORD.
MINITUTORIAL: Com inserir una imatge al WORD.Irenemarta95
 
La entrevista en psicologia clinica b
La entrevista en psicologia clinica bLa entrevista en psicologia clinica b
La entrevista en psicologia clinica bdumatv
 
2 Logos 1 Standard Eib To Knx
2 Logos 1 Standard Eib To Knx2 Logos 1 Standard Eib To Knx
2 Logos 1 Standard Eib To Knxdavidolivergomila
 
Sesion cuatro lecturas-resumen
Sesion cuatro lecturas-resumenSesion cuatro lecturas-resumen
Sesion cuatro lecturas-resumentacram
 
Разрушаем негативные мифы Ruby, Rails.
Разрушаем негативные мифы Ruby, Rails.Разрушаем негативные мифы Ruby, Rails.
Разрушаем негативные мифы Ruby, Rails.Ravil Bayramgalin
 
HND Electrical Electronic Engineering..
HND Electrical Electronic Engineering..HND Electrical Electronic Engineering..
HND Electrical Electronic Engineering..Andrew Withers MInstMC
 
Correo electronico por Douglas Comer
Correo electronico por Douglas ComerCorreo electronico por Douglas Comer
Correo electronico por Douglas Comermigdalys19
 
Línea...
Línea...Línea...
Línea...ximebue
 
Clinica de la sugestion, clinica del significante luz mery zapata[1]
Clinica de la sugestion, clinica del significante   luz mery zapata[1]Clinica de la sugestion, clinica del significante   luz mery zapata[1]
Clinica de la sugestion, clinica del significante luz mery zapata[1]dumatv
 

Viewers also liked (13)

MINITUTORIAL: Com inserir una imatge al WORD.
MINITUTORIAL: Com inserir una imatge al WORD.MINITUTORIAL: Com inserir una imatge al WORD.
MINITUTORIAL: Com inserir una imatge al WORD.
 
Diseño y metodos 2010 ii
Diseño y metodos  2010  iiDiseño y metodos  2010  ii
Diseño y metodos 2010 ii
 
La entrevista en psicologia clinica b
La entrevista en psicologia clinica bLa entrevista en psicologia clinica b
La entrevista en psicologia clinica b
 
Resume
ResumeResume
Resume
 
2 Logos 1 Standard Eib To Knx
2 Logos 1 Standard Eib To Knx2 Logos 1 Standard Eib To Knx
2 Logos 1 Standard Eib To Knx
 
Sesion cuatro lecturas-resumen
Sesion cuatro lecturas-resumenSesion cuatro lecturas-resumen
Sesion cuatro lecturas-resumen
 
Разрушаем негативные мифы Ruby, Rails.
Разрушаем негативные мифы Ruby, Rails.Разрушаем негативные мифы Ruby, Rails.
Разрушаем негативные мифы Ruby, Rails.
 
B2B Oudeland
B2B OudelandB2B Oudeland
B2B Oudeland
 
HND Electrical Electronic Engineering..
HND Electrical Electronic Engineering..HND Electrical Electronic Engineering..
HND Electrical Electronic Engineering..
 
Correo electronico por Douglas Comer
Correo electronico por Douglas ComerCorreo electronico por Douglas Comer
Correo electronico por Douglas Comer
 
Línea...
Línea...Línea...
Línea...
 
Menu minuman
Menu minumanMenu minuman
Menu minuman
 
Clinica de la sugestion, clinica del significante luz mery zapata[1]
Clinica de la sugestion, clinica del significante   luz mery zapata[1]Clinica de la sugestion, clinica del significante   luz mery zapata[1]
Clinica de la sugestion, clinica del significante luz mery zapata[1]
 

tutorial joomla

  • 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. 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
  • 9. Nur Aini R, http://ai23.wordpress.com
  • 10. Pastikan direktori benar Ganti password yang mudah diingat sendiri Nur Aini R, http://ai23.wordpress.com
  • 11. langsung melakukan melihat hasil administrasi Nur Aini R, http://ai23.wordpress.com
  • 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 Klik gambar Nur Aini R, http://ai23.wordpress.com
  • 18. Membuat kategori Klik gambar Nur Aini R, http://ai23.wordpress.com
  • 19. Nur Aini R, http://ai23.wordpress.com
  • 20. Membuat Artikel Klik gambar Nur Aini R, http://ai23.wordpress.com
  • 21. Section dan kategori artikel Tulisan awal yang tampil. Sebagai ketrangan Inti isi dari Nur Aini R, http://ai23.wordpress.com 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 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
  • 28. Membuat link untuk komponen tertentu Nur Aini R, http://ai23.wordpress.com
  • 29. Blog - Content Category Nur Aini R, http://ai23.wordpress.com
  • 30. Blog - Content Category Muncul di top menu Hasil blog Nur Aini R, http://ai23.wordpress.com
  • 31. Blog - Content Section Nur Aini R, http://ai23.wordpress.com
  • 32. Blog - Content Section Muncul di main menu Hasil blog Nur Aini R, http://ai23.wordpress.com
  • 33. Table - Content Category Nur Aini R, http://ai23.wordpress.com
  • 34. Table - Content Category Muncul di main menu Hasil tabel Nur Aini R, http://ai23.wordpress.com
  • 35. Link - Content Section Nur Aini R, http://ai23.wordpress.com
  • 36. Link - Content Section Muncul di main menu Hasil daftar link Nur Aini R, http://ai23.wordpress.com
  • 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 buat baru Nur Aini R, http://ai23.wordpress.com
  • 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 pindah posisi Nur Aini R, http://ai23.wordpress.com
  • 45. Membuat Poling hasil tampilan polling Nur Aini R, http://ai23.wordpress.com