BAB 7 JOOMLA - 7. Pembuatan Website dengan JOOMLA

BAB 7 JOOMLA

7.1 Introduction to Joomla!

  “Joomla! is one of the most powerful Open Source Content Management Systems on the

  1.2 CMS Joomla [www.joomla.org] 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

7.2.1 Struktur Direktori Joomla mempunyai beberapa direktori yang mempunyai fungsi tersendiri.

  Setiap direktori mempunyai subdirektori dan file-file pendukung sesuai fungsinya. Berikut ini adalah struktur direktori Joomla.

  1. Administrator, ini merupakan direktori khusus administrator untuk keperluan pengelolaan website Joomla. Mulai dari proses installasi modul, komponen.

  Mambot, bahasa sampai dengan proses maintenance web secara

7.3 Istilah-Istilah Penting Pada Joomla

  Banyak istilah-istilah yang kedengaran baru, jika kita betul-betul pemula dengan Joomla. Agar pemahaman kita terhadap Joomla lebih mudah, berikut ini diberikan penjelasan terhadap beberapa istilah yang akan sering digunakan nantinya.

  1. Module, adalah bagian unit fungsi dari Joomla yang berguna untuk menampilkan fitur-fitur utam Joomla serta menampilkan beberapa komponen terkait. Secara default, Joomla telah menyediakan be berapa modul, seperti

7.4 Pra Instalasi CMS Joomla

  2.1 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 1.0.10, atau juga Joomla versi terbaru

  3. Notepad++, freeware untuk mengedit bahasa pemrograman. Alternatif : Wordpad,

  Pastikan Apache dan MySQL sudah aktif (Running), kemudian buka browser anda ( internet explorer ataupun mozila dan ketikan alam

7.5 Instalasi CMS Joomla

  1. Ekstrak paket Joomla [Joomla_1.0.10.zip] atau versi terbaru ke folder ( C:\Program Files\xampp\htdocs )

  2. Rename folder hasil ekstrasi dengan nama yang Anda inginkan, misalkan :workshop

  3.Jalankan internet browser Anda, akses : localhost/workshop. Sehingga proses instalasi CMS Joomla dilakukan via internet browser.

  4. Pre-installation check : pastikan setiap item ditandai warna hijau. Lalu klik Next. Keterangan : 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/workshop/administrator Halaman Frontend adalah halaman yang akan tampil dan dapat dilihat oleh semua pengunjung web Anda. Akses : localhost/workshop

  7 .6 Manajemen Content Joomla

  Setelah menginstall CMS Joomla, kita dapat memulai untuk bekerja 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, C ategories, dan Content.

  Sections seperti kontainer yang besar yang berisi semua categories. Categories adalah kontainer 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 :

  Klik disini untuk Klik icon new untuk mengedit section yang membuat section yang

A. Membuat Category

  Klik pada menu atau icon untuk menambah atau mengedit category

  Ini akan membawa Anda menuju layar Category Manager.

  2. Masukkan pada field Title dan Category Name : Laboratorium.

  3. Pilih Section : Profil.

  4. Klik icon Save untuk menyimpan perubahan dan kembali ke halaman Category Manager. Hasil Akhir :

  Digunakan untuk membuat Section atau Category Name menjadi bisa di akses pada tampilan web. Digunakan untuk membuat Section atau Category Name menjadi tidak bisa di akses pada tampilan web. Berfungsi untuk meng-copy Section beserta Category-nya pada Section yang baru(Fungsi pada Section Manager). Berfungsi untuk meng-

B. Membuat Content Item

  Ada beberapa cara untuk membuat content :

  12 Icon Preview untuk melihat artikel yang Anda buat.

  6 1 3

  4

C. Mengubah tampilan content pada frontpage.

  1. Akses Menu mainmenu 2. Pada Menu Item, klik Home. 1 2 3. Ubah nilai pada field # Leading, # Intro, Columns, #Links.

  4. Klik icon Save Hasil akhir:

5. Pengelolaan Menu pada Joomla

  Menu merupakan sekelompok item yang merujuk kepada sebuah static content ,section, dan atau category dan lain sebagainya. Sehingga dengan menu kita dapat membuat jalan pintas terhadap sebuah content.

  Dalam Joomla, menu dihubungkan dengan lima kelompok, yaitu:

  1. Content, dalam kelompok ini terdapat 9 jenis item lagi, yaitu:

  a. Blog Content Category, adalah sebuah menu yang menampilkan sebuah pengiriman artikel. Menu ini biasanya diset level = registered, karena user dengan status register yang boleh mengirimkan content. i. Table-Content Category, adalah menu yang menampilkan content berdasarkan kategorinya dalam bentuk table.

  2. Component, dalam kelompok ini terdapat tujuh jenis item, yaitu : a. Component, menu yang langsung me-link ke Component .

  Contoh Separator/Placeholder

5.2 Pengenalan Tab Menu

  1. Buka Control Panel Joomla yang telah kita install

  2. Setelah jendela Control Panel terbuka, pilih tab Menu Setelah membuat content yang terstruktur, maka dibutuhkan sebuah link agar end user dapat mengakses informasi yang diinginkan. Untuk mengakses 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 Hasil akhir : Untuk menambah atau mengurangi link pada menu : Menu nama_menu (misal : mainmenu)

  [ .: Latihan :. ]

  1. Pada menu usermenu, tambahkan link Kirim Artikel dengan opsi Submit - Content untuk section Ekstra dan delete link Submit News dan Submit Weblinks..

  2. Pada menu kegiatan, tambahkan link dengan opsi Blog – Content Category untuk setiap category pada section Kegiatan (Praktikum, Riset, Proyek, dan Study Group).

  3. Pada menu ekstra, tambahkan link dengan opsi Blog – Content Category untuk setiap category pada section Ekstra (IT Room, Pengumuman, dan Taushiyah). Hasil akhir :

  3. Atur urutan menu sehingga tampak seperti gambar di samping

  1. Akses ke halaman Template Manager : Site Template Manager Site Templates.

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

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

  3 header

7.8 Expand Your Joomla! – Module, Component, & Mambot

  Module, Component, atau Mambot adalah plug-in bagi web Joomla Anda sehingga dapat menambah feature-feature bagi web Joomla Anda. Menu-menu yang pernah Anda buat, sebenarnya adalah plug-in Joomla, yaitu Module. Fasilitas Login Form, Search, Polls; adalah plug-in Joomla, yaitu Module. Jadi Module adalah plug-in yang tampak di front-end web.

  Sedangkan Component adalah plug-in yang berada di back-end web. Salah satu fungsinya, yaitu mengatur konfigurasi dari module. Misalnya membuat list pertanyaan pada module Instalasi Plug-in Module 1. Akses menu Installers Modules.

  2. Pada Upload Package File, klik Brows…

  3. Pilih paket module-nya dan klik Open.

  1 4. Klik Upload File & Install.

  2 4 Konfigurasi Plug-in Module Segala konfigurasi module terdapat pada menu Modules Site Modules.

7.9 Backup and Restore Database

  Backup database

  1. Akses : localhost/phpmyadmin

  2. Pilih Database yang telah Anda buat

  1

  4. Klik pada link Select All.

  5. Beri tanda cek pada opsi Save as file.

  6. Beri nama file databasenya pada field File name template.

  7. Klik Go untuk menyimpan file database pada harddisk.

  Restore database

  1. Akses : localhost/phpmyadmin 2. Pilih Database yang diinginkan. Sebelum merestore (import) database yang kita inginkan, database yang lama harus dihilangkan terlebih dahulu.

  3. Untuk menghilangkan database lama, klik Check All 4. Pilih opsi Drop.