belajar untuk mandiri

Joomla adalah salah satu dari ratusan free CMS yang tersedia di Internet yang memiliki jumlah pengguna yang besar. Kemudahan pengaturan content, dukungan di Internet yang banyak, plugin yang melimpah; merupakan keunggulan CMS Joomla yang membuat Joomla banyak diminati orang.

Pada Joomla, setiap halaman dari web memuat bermacam-macam block dari content, block ini disebut juga position. Anda mengatur layout untuk halaman dengan sebuah template, termasuk penempatan banyak block pada halaman web, font, warna, dan background. Lalu Anda menempatkan bermacam-macam module dalam sebuah block. Dan tera khir Anda menambahkan content dan menampilkan pada halama n utama web Anda.

a. Aplikasi yang Anda butuhkan :

1. Paket AMP (Apache, MySQL, dan PHP) : salah satunya adalah XAMPP yang sudah terintegrasi AMP didalamnya dan menghemat resource komputer dibandingkan menginstall AMP satu-persatu.
2. CMS Joomla versi 1.5.3
3. Notepad++, freeware untuk mengedit bahasa pemrograman. Alternatif : Wordpad, 
4. Editplus, Macromedia Dreamweaver atau PHP editor lainnya.
5. 7zip, freeware program kompresi yang powerful. Alternatif : WinZip atau WinRar
6. Internet browser, contoh: Internet Explorer atau Opera atau Firefox.

b. Instalasi paket AMP (XAMPP)

Instalasi paket AMP pada komputer Anda (sebelum Anda menguploadnya ke Internet) diperlukan untuk menjalankan CMS Joomla.

Pastikan MySQL dan Apache sudah aktif (Running)

Untuk mengetesnya akses pada internet browser ketik localhost.

Selanjutnya file dan folder web Anda aka n ditempatkan di : C:\Program 

Files\xampp\htdocs

a. Ekstrak paket Joomla [Joomla_1.0.10.zip] ke folder C:\Program Files\xampp\htdocs

b. Rename folder hasil ekstrasi dengan nama yang Anda inginkan. Misalkan webmakanan

c. Jalankan internet browser Anda, akses : localhost/webmakanan. Jadi instalasi CMS Joomla 

dilakukan via internet browser.

d. Pre-installation check : pastikan setiap item ditandai warna hijau. Lalu klin Next.

e. License : Klik Next

f. Database 

Langkah 1 : Isi konfigurasi database se suai dengan yang Anda gunakan.

g. FTP Configuration : klik Next

h. Configuration

Langkah 2 : Isi nama web Anda pada field Si te name Misalkan Aneka Makanan. 

Langkah 3 : Isi field Your E-mail dengan email Anda dan field Admin Password dengan Password  yang Anda inginkan.

Langkah 4 : Sebagai pemula, jangan lupa mengklik ”Install Sample Data” yang nantinya akan berubah menjadi ” Sample Data Installed Succesfully”

Kemudian kilk Next

i. Finish

Langkah 5 : Hilangkan folder [installation] pada folder web Anda 

[C:\Program Files\xampp\htdocs \webmakanan\]

Langkah 6 : klik Admin untuk melihat halaman admin web. Atau dengan mengakses localhost/webmakanan/administrator

Langkah 7 : Klik Site untuk melihat halaman depan web baru Anda. Atau dengan mengakses localhost/webmakanan.

Pada CMS Joomla halaman web terbagi dua bagian yaitu halaman Backend dan Frontend. Halaman Backend adalah halaman admin yang digunakan untuk melakukan segala konfigurasi web Anda. Akses : localhost/webmakanan/administrator

Halaman Frontend adalah halaman yang akan tampil dan dapat dilihat oleh semua pengunjung web Anda. Akses : localhost/webmakanan

Setelah Anda menginstall CMS Joomla, Anda dapat memulai untuk be kerja dengan content. Versi Joomla saat ini mempunyai hirarki content yang statis : Anda harus membagi content ke dalam tiga hirarki, tidak lebih, tidak kurang. Tiga hirarki itu adalah : Sections, Categories, dan Content. Sections seperti kontainer yang besar yang berisi semua categories. Categorie s adalah container yang lebih kecil dan berisi content. Segala teks dan gambar yang tampil pada halaman web adalah content. Anda tak dapat membuat content tanpa memiliki sections dan categories.

Sebagai contoh, kita akan membuat sebuah web laboratorium. Hirarkinya sebagai berikut :

Section: Makanan

Section : Kue-kue

Category : 

Category :

Makanan Traditional

Kue Kering

Makanan Modern

Kue Basah

Makanan Sehari-hari

Puding

Section : Minuman

Category :

Minuman Traditional

Minuman Modern

a. Untuk mengatur segala konfigurasi web, termasuk pengubahan hirarki content, masuk ke halaman administrator Joomla (localhost/workshop/administrator).

b. Masukkan username dan password.

Membuat Section Klik pada menu atau icon untuk menambah atau mengedit section Ini akan membawa Anda menuju layer section manager Klik lingk untuk mengedit section yang asal Klik icon New untuk membuat section baru

Secara default, joomla sudah menginstall beberapa section (begitu juga category dan content).

a. Klik salah satu link untuk mengedit link yang ada. Misalkan link About Joomla!

b. Masukkan pada field Title dan Alias : Makanan

c. Klik icon Save untuk menyimpan perubahan dan kembali ke halaman Section Manager.

NB : Icon Apply untuk menyimpan perubahan dan kembali ke halaman Section Editor. 

Icon Close untuk membatalkan perubahan.

[ .:: Latihan ::. ] Buat 2 section lainnya dengan mengedit section yang sudah ada (News dan 

FAQs), yaitu Minuman dan Kue-kue

Hasil Akhir :

NB : Untuk kembali ke halaman administrator awal, klik menu Site -> Control Panel.

Membuat Category

Klik pada menu atau icon untuk menambah atau mengedit category 

Ini akan membawa Anda menuju layer Category Manager.

Klik untuk mengedit category yang ada Klik icon New untuk membuat  category baru

a. Klik icon New untuk membuat category baru.

b. Masukkan pada field Title dan Alias : Makanan Traditional

c. Pilih Section : Makanan

d. Klik icon Save untuk menyimpan perubahan dan kembali ke halaman Section Manager.

NB : Icon Ap ply untuk menyimpan perubahan dan kembali ke halaman Section Editor. 

Icon Close untuk membatalkan perubahan.

[ .:: Latihan ::. ] Buat 7 category lainnya dan sesuaikan dengan category yang seperti dalam contoh, dengan mengedit category yang sudah ada dan meng-unpublish category yang tidak diperlukan.

Hasil Akhir :

Membuat Content Item

Ada beberapa cara untuk membuat content :

Anda dapat menggunakan salah satu opsi-opsi untuk mengakses conten items

Kita akan menggunakan opsi menu Content -> Artikel Manager

Klik icon published agar content dapat terlihat oleh pengunjung web

Klik pada content title untuk mengedit content yang ada Klik icon frontpage untuk menampilkan di halaman depan web Kolom order dan tombol save untuk mengatur urutan-urutan content

Klik icon New untuk membuat content baru

a

b

c

d

e Text

f g h

a. Isi field Title

b. Jika content ingin di tampilkan di web, pilih option Yes, Jika content ingin ditampilkan di halaman depan web, pilih option Yes

c. Pilih Section

d. Pilih Category

e. Ketikkan atau masukkan artikel ke Text 

f. Tombol Image digunakan untuk memasukkan gambar

Untuk mengambil gambar di komputer, b rowse files -> Start Upload -> Pilih gambar di deretan gambar -> klik Insert

g. Tombol Pag ebreak digunakan untuk melanjutkan teks ke halaman selanjutnya

h. Tombol Read more… digunakan untuk memotong artikel yang panjang.

[ .:: Latihan ::. ]

Isi content pada category : [Content bisa diambil di internet]

Makanan Traditional : Nasi Uduk

Minuman Traditional : Bajigur

Sate Ayam

Cendol Bandung

Opor Ayam

Minuman Modern : Banana Milkshake

Makanan Modern : Chicken Ste ak

Kue Kering : Nastar 

Spaghetti

Kastengle

Makanan Sehari-hari : Sayur Asem Jakarta

Kue Basah : Putri Ayu

Tempe Bacem

Cucur

Puding : Puding Caramel

Puding Buah

Mengubah Tampilan Content pada Front Page

a. Akses Menu -> Main Menu

c. Ubah nilai pada field #Leading, #Intro, 

#Columns dan #Links

d. Klik Icon Save

b. Pada Menu Item, klik Home

Hasil Akhir :

Welcome to the Frontpage

Opor Ayam

<< Isi Cari di Internet>>

Nastar

<< Isi Cari di Internet>>

Putri Ayu

<< Isi Cari di Internet>>

Puding Caramel

Sate Ayam

<< I si Cari di Internet>>

<< Isi Cari di Internet>>

More Articles...

Puding Buah

Banana Milkshake

« Start Prev 1 2 Next End»

Membuat Menu

Setelah membuat content yang terstruktur, maka dibutuhkan sebuah link agar end user dapat mengakses informasi yang diinginkan. Untuk mengakse s content, user membutuhkan sebuah menu yang berisi link-link untuk dapat mengakses content yang diinginkan.

CMS Joomla yang telah terinstall, secara default telah terinstall beberapa menu, yaitu Main Menu, Other 

Menu, Top Menu, dan User Menu. Kita dapat membuat menu sendiri atau mengedit yang sudah ada.

Top Menu

Main

Menu

Resources

Key 

Example 

Concepts

Pages

User Menu

Untuk menambah atau mengurangi menu : Menu -> Menu Manager

Untuk menghilangkan menu, pilih menu lalu klik icon Delete Untuk menambah menu, klik icon New

[ .:: Latihan ::. ]

1. Delete menu Example Pag es dan menu Key Concepts

2. Buat menu : makanan (Makanan) dan kue (Kue)

3. Edit menu Resources menjadi minuman (Minuman) 

Untuk menambah ata u mengurangi link pada menu : klik Menu Item di baris nama Menu

Klik disini Untuk menghilangkan link, pilih link lalu klik icon Trash, Untuk menambahkan link, 

klik icon New

Articles – Article Layout : membuat link ke artikel yang kita pilih

Article Submission Layout : mengijinkan user untuk mengirimkan/membuat artikel. Ini 

hanya berlaku bagi penulis dan anggota.

Category Blog Layout atau Category List Layout : membuat link ke category

Front Page Blog Layout : membuat link ke artikel yang berstatus front page yang 

telah diatur tampilannya

Section Blog Layout atau Section Layout : membuat link ke section

[ .:: Latihan ::. ]

1. Pada menu mainmenu, Delete Menu Item 2, 3, 4, 5, 6, 7, 8 dan 9. Buat item Profil dengan opsi Articles – Article Layout. Sebelum membuat item tersebut, Buatlah artikel dengan judul Profil sebagai berikut :

Hasil akhir :

2. Pada menu usermenu, ubah nama item Submit an Article dengan nama Kirim Artikel, ubah nama item Your Details dengan nama My Details dan hapus item Submit a Web Link.

3. Pada menu topmenu buat menu item Story of This Web dan D3 Unggulan dengan opsi Articles – Article Layout. (Buat terlebih dahulu masing-ma sing artikel nya). Kemudian hapus item yang tidak diperlukan. 

4. Pada menu minuman buat menu item Traditional dengan opsi Articles – Category Blog Layout menu item Modern dengan opsi Articles – Category List Layout. Kemudian hapus item yang tidak diperlukan.

5. Pada menu makanan buat menu item Traditional dan Modern dengan opsi Articles – Category Blog Layout menu item Lauk-Pauk dengan opsi Articles – Category List Layout. Kemudian hapus item yang tidak diperlukan.

6. Pada menu kue buat menu item Bas ah dan Kering dengan opsi Articles – Category Blog Layout menu item Puding dengan opsi Articles – Category List Layout. Kemudian hapus item yang tidak diperlukan.

Agar menu dapat tampil di halaman frontend web :

1. Akses menu Extentions -> Module Manager

Pada pembuatan menu manager sebelumnya, Menu Minuman diedit dari menu Resources, maka di module manager tidak terdapat m odule minuman. Oleh karena itu, ubah module Resources menjadi Minuman.

2. Atur urutan menu sehingga tampak seperti gambar di samping

Mengatur Tampilan Joomla Templates

Template dapat dianalogikan seperti “themes” pada OS Microsoft Windows, jadi yang bertanggung jawab pada tampilan web Anda. Pada template biasanya terdapat sebuah file index.php yang mende finisikan tampilan secara umum semua halaman web dan file css (cascading style sheet) yang mendefinisikan format dari halaman web.

1. Akses ke halaman Template Manager : Extensions -> Template Manager

2. Untuk mempreview template yang akan digunakan, arahkan mouse ke atas link template.

3. Untuk menggunakan template yang Anda inginkan, pilih templatenya lalu klik icon Default .

4. Untuk menggunakan template yang berbeda di halaman tertentu, klik template name, 

kemudian di Menu Assigment pilih Select from List setelah itu pilih menu yang akan di bedakan template nya.

Modules

Merupakan plug-in yang tampak di front-end web. Digunakan sebagai jembatan antara Component dan Joomla. Anda membutuhkan Module untuk meng-a ktifkan componen yang di pilih. Contoh module seperti : fasilitas Login Form, Search, Pools dll.

1. Akses ke halaman Module Manager : Extensions -> Module Manager

2. Untuk menggunakan module yang Anda inginkan, aktifkan status enable.Components Plug-in yang berada di back-end web. Salah satu fungsinya, yaitu mengatur konfigurasi dari module. Misalknya membuat list pertanyaan pada module Pools.

1. Akses ke halaman Components : Components -> Pilih component yang dituju

2. Masing-masing component memiliki setting-an dan fungsi yang berbeda.

Plugins

Plugin disebut juga dengan istilah Mambots, yang terintegrasi dengan content, sehingga menambah fe ature dari content itu. Contoh yang paling jelas adalah editor untuk membuat suatu content, sehingga content dapat dibuat layaknya editor Microsoft Word dengan tampilan WYSIWYG. Nama Mambot itu adalah MCE Editor.

1. Akses ke halaman Components : Components -> Pilih component yang dituju

2. Untuk menggunakan module yang Anda inginkan, aktifkan status enable.

Language

Merupakan salah satu plugin yang digunakan untuk menambahkan bahasa di website kita. 

1. Akses ke halaman Lang uage Manager : Extensions -> Language Manager

2. Untuk mengaktifkan, pilih bahasa yang akan diaktifkan, kemudian klik tombol Default yang ada di pojok kanan atas.

Cara Install/Uninstall Module, Plugin, Template, Language dan Component.

1. Akses ke halaman Install/Uninstall : Extentions -> Install/Uninstall

2. Browse file yang akan di install, kemudian klik upload file & install

3. Untuk meng-uninstall, masuk ke plugin yang dituju kemudian pilih yang akan di uninstall.

[ .:: Latihan ::. ]

1. Install dan gunakan template dengan nama Pizza.zip sebagai defaultnya. 

2. Install dan gunakan template dengan nama Frooty Fresh.zip sebagai Assign untuk halaman 

Minuman Modern

3. Install dan gunakan module mod_vvisit_counter.zip atur setting nya.

4. Install dan gunakan module camp26_smoothgallery_J15x.zip atur settingnya dengan width dan height 800. Kemudian masuk ke : modules/mod_camp26_smoothgallery/images_smoothgallery/  

masukkan gambar(ukuran 500x70) yang akan ditampilkan dan ubah title menjadi Our Gallery

5. Install dan gunakan module mod_ulti_clocks.zip

6. Untuk plugin component pool s, buat pernyataan sebagai berikut :

7. Install dan gunakan com_easygb.zip. Buat menu dengan nama Buku Tamu di Top 

Menu dan pilih item nya Easy GuestBook.