Praktikum Web Halaman 1

TUTORIAL
INSTALASI JOOMLA
1.0.12
Oleh:
Finna Suroso

Finna Suroso
Praktikum Web Halaman 2

Kebutuhan
 Jika anda menggunakan sistem operasi
Windows anda dapat menginstall XAMPP
http://www.apachefriends.org/en/xampp-
windows.html

 Jika anda menggunakan Sistem operasi

Linux, install apache, php dan MYSQL

Finna Suroso
Praktikum Web Halaman 3

Instalasi
 Instalasi pada Windows:

Peletakkan Direktori
 Ekstrak paket Joomla pada direktori
/xampp/htdocs
 Rename Folder Joomla dengan
paperbag
 Buka Web Browser ketik pada Web
address http://localhost/paperbag
Finna Suroso
Praktikum Web Halaman 4

 Instalasi pada Linux:

Sistem Operasi Linux yang saya gunakan
adalah Debian dan Ubuntu 6.10

Peletakkan Direktori

 Ekstrak paket Joomla pada direktori

/var/www
 Misal : /var/www/paperbag
 Ubah pemilikan direktori dan akses file
agar dapat diakses dari luar
Finna Suroso
Praktikum Web Halaman 5

 Buka file globals.php pada /xampp/htdocs/paperbag ->

 edit define( 'RG_EMULATION', 1 ); menjadi define( 'RG_EMULATION',
0 );
 Simpan file globals.php
 Klik Next
Finna Suroso
Praktikum Web Halaman 6

 Klik Next
Finna Suroso
Praktikum Web Halaman 7

 Klik Next
Finna Suroso
Praktikum Web Halaman 8

 Klik Next

Finna Suroso
Praktikum Web Halaman 9

 Klik Next

Finna Suroso
Praktikum Web Halaman 10

 Buka folder paperbag pada /xampp/htdocs/

 Hapus folder installation kemudian refresh

||--||-- SELAMAT MEMBUAT WEBSITE !!! --||--||

Finna Suroso
Praktikum Web Halaman 11

TUTORIAL
PENGGUNAAN JOOMLA
1.0.12
Oleh:
Finna Suroso

Finna Suroso
Praktikum Web Halaman 12

Halaman Administrator

Finna Suroso
Praktikum Web Halaman 13

Finna Suroso
Praktikum Web Halaman 14

Mengganti username atau nama pengguna

 Klik admin

Finna Suroso
Praktikum Web Halaman 15

 Klik save
Finna Suroso
Praktikum Web Halaman 16

Membuat Isi website

 Buat Section (merupakan bagian tertinggi/kata umum) Buat Category

(kata khusus)  Buat Content Item Manager

Konten Anda dapat diorganisasikan menjadi dalam (sections) bagian dan

(categories) kategori:
(Sections) Bagian adalah kontainer yang berfungsi menyimpan satu
atau lebih Kategori
(Categories) Kategori adalah kontainer, berfungsi menyimpan satu
atau lebih Item Konten
(Content Items) Item Konten adalah artikel yang merupakan isi dari
situs Anda.

Finna Suroso
Praktikum Web Halaman 17

Umpamanya, jika Anda adalah seorang penasehat keuangan yang

ingin menerbitkan artikel yang berisi saran tentang pilihan investasi yang
menarik, Anda mungkin membuat sebuah bagian (Section) yang berjudul
`Investasi', dengan kategori (Categories) di dalamnya seperti ` Asuransi
Jiwa', `Tabungan', dan `Bursa/Saham'. Di dalam kategori `Asuransi Jiwa',
Anda bisa memasukkan berbagai item isi/konten yang berkenaan dengan
kategori itu, seperti `Tunjangan', `Anuitas (Tunj.Tahunan)', dan lain lain.

Finna Suroso
Praktikum Web Halaman 18

 Buat Section (merupakan bagian tertinggi/kata umum)

Pilih Content Section Manager atau pilih home 

Finna Suroso
Praktikum Web Halaman 19

 Untuk membuat sebuah bagian [section] baru, klik saja tombol ‘New' pada
toolbar.

Judul (title) adalah satu atau dua kata pendek/singkat yang dapat digunakan untuk
menu teks atau daftar, sedangkan nama `name' dapat sedikit lebih panjang dan dapat
Finna Suroso
Praktikum Web Halaman 20

digunakan sebagai judul halaman (heading) tersebut. Anda dapat menggunakan yang
teks sama untuk kedua-duanya, judul dan nama.
 Klik save
 Buat Category (kata khusus)
Pilih Content Category Manager atau pilih home 

 Ketika Anda meng-klik tombol toolbar `New'. Sesungguhnya, satu-satunya

perbedaan adalah bahwa Anda juga harus menetapkan kategori yang
Anda pilih itu mau dimasukkan ke bagian (section) mana.

Finna Suroso
Praktikum Web Halaman 21

Judul (title) adalah satu atau dua kata pendek/singkat yang dapat
digunakan untuk menu teks atau daftar, sedangkan nama `name' dapat sedikit
lebih panjang dan dapat digunakan sebagai judul halaman (heading) tersebut.

Finna Suroso
Praktikum Web Halaman 22

Anda dapat menggunakan yang teks sama untuk kedua-duanya, judul dan
nama.
 Klik save
 Buat Content Item Manager
Pilih Content All Content Item atau pilih home 

Finna Suroso
Praktikum Web Halaman 23

Finna Suroso
Praktikum Web Halaman 24

Finna Suroso
Praktikum Web Halaman 25

Finna Suroso
Praktikum Web Halaman 26

Finna Suroso
Praktikum Web Halaman 27

Ketika Anda ingin menambahkan gambar dalam konten/artikel,

gunakanlah tombol khusus `mosimage' di bagian kiri bawah HTML Editor. Hal
ini akan menyisipkan teks {mosimage} di dalam artikel/kontent Anda {
mosimage} adalah placeholder yang memberi instruksi kepada Joomla! untuk
menyisipkan gambar dalam daftar gambar pada lokasi itu. Gambar tidak akan
muncul dalam kontent/artikel sampai Anda mem-preview website itu. Anda
bisa menggunakan {mosimage} sebanyak yang Anda inginkan; setiap kali
placeholder {mosimage} ditemukan, Joomla! hanya akan mengambil gambar
berikutnya dari daftar maka pastikan gambar dalam daftar ada dalam urutan
yang benar dengan menggunakan tombol ‘atas' dange' di bagian kiri bawah
HTML Editor (lihat gambar 10). Hal ini akan menyisipkan teks {mosimage} di
dalam artikel/kontent Anda {mosimage} adalah placeholder yang memberi
instruksi kepada Joomla! untuk menyisipkan gambar dalam daftar gambar
pada lokasi itu. Gambar tidak akan muncul dalam content/artikel sampai Anda
mem-preview website itu. Anda bisa menggunakan {mosimage} sebanyak
yang Anda inginkan; setiap kali placeholder {mosimage} ditemukan, Joomla!
hanya akan mengambil gambar berikutnya dari daftar maka pastikan gambar

Finna Suroso
Praktikum Web Halaman 28

dalam daftar ada dalam urutan yang benar dengan menggunakan tombol
‘atas' dan `bawah'.

Membuat Menu

Atau

Finna Suroso
Praktikum Web Halaman 29

 pilih menu items untuk mengubah item 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
Finna Suroso
Praktikum Web Halaman 30

 pilih link-content item untuk membuat menu langsung ke halaman

Finna Suroso
Praktikum Web Halaman 31

Menyisipkan Gambar (Media Manager)

 Buka Home (Control Panel)  Media Manager

Finna Suroso
Praktikum Web Halaman 32

Finna Suroso
Praktikum Web Halaman 33

Finna Suroso
Praktikum Web Halaman 34

 pilih folder stories

Browse untuk mencari file gambar

Klik upload

Finna Suroso
Praktikum Web Halaman 35

Mengatur templates

Download template Joomla

Install template

Finna Suroso
Praktikum Web Halaman 36

Finna Suroso
Praktikum Web Halaman 37

Finna Suroso
Praktikum Web Halaman 38

 pilih template yang diinginkan lalu klik default

Finna Suroso
Praktikum Web Halaman 39

Membuat Polling

 klik new untuk membuat baru

Finna Suroso
Praktikum Web Halaman 40

Finna Suroso
Praktikum Web Halaman 41

 klik polls untuk ubah

Finna Suroso
Praktikum Web Halaman 42

 Position untuk ubah posisi

 Hasil tampilan polling
Finna Suroso
Praktikum Web Halaman 43

Finna Suroso
Praktikum Web Halaman 44

Mengatur Global Configuration

 pilih hide yang tidak perlu ditampilkan

Finna Suroso
Praktikum Web Halaman 45

Selamat mencoba,
Dan
Selamat berkarya

Finna Suroso