Modul 9
Administrasi Joomla
1.1 Tujuan
a. Mahasiswa dapat memanajemen joomla dengan benar b. Mahasiswa dapat mendesain web dengan joomla 1.2 Materi
a. Administrasi Joomla 1. 5 b. Proteksi Joomla
1.3 Alat dan Bahan a. Joomla b. Xampp c. mysql
1.4 Prosedur Praktikum
a. Peserta membaca dan mempelajari materi praktikum seb elumny a b. Instruktur menerangkan dan menjelaskan teori dan cara kerja c. Peserta mempraktikan materi percobaan
d. Peserta membuat penyelesaian terhadap soal latihan 1.5 Teori
CMS Joomla
Dalam sebuah website, ketersediaan fasilitas untuk mendownload artikel maupun be rita seringkali dimanfaatkan oleh pengunjung untuk mendapatkan informasi yang lebih lengkap. Adakalanya fasilitas tersebut diatur berdasarkan pengguna (public atau registered). Jika pengguna mendaftarkan sebagai anggota maka dapat mendownload informasi yan g lebih lengkap. Hal inilah yang membedakan antara pengguna umum dan pengguna khusus. Fitur download manager dapat dipasang (install) ke dalam sistem Joomla! dengan mudah namun memiliki fitur lengkap s eperti: statistik jumlah artikel yang didownload, artikel baru yang didownload, artikel paling banyak didownload, dan statistik lainnya.
Dalam sistem Joomla! versi 1.5.x, Statistic dan Document Manager disebut sebagai Extensions. Sedangkan pada Joomla veri 1.0.x disebut sebagai Component dan Module.
Secara umum, jumlah Extension (ekstensi) sangat banyak yang terbagi menjadi beberapa tipe yaitu: Component, Language, Module, Plugins (Mambots), Special, dan Template. Dari beberapa tipe tersebut dapat dibagi lagi menjadi beberapa kategori. Untuk mengetahui lebih detailnya, berikut ini daftar Extension yang diambil dari website resmi Joomla (http://www.joo mla .org).
Component
Secara umum, komponen (Component) berfungsi untuk menambah fungsionalitas sistem Joomla yang memiliki halaman untuk mengatur beberapa paramet er. Sebagai contoh, fasilitas Document Manager (DOCMAN) memiliki pengaturan untuk membuat kategori artikel, deskripsi, image, hak cipta, alamat link, dan lain-lain.Jumlah Component yang berkembang saat ini lebih dari ratusan dan akan terus bertambah seiring dengan perkembangan zaman dan kebutuhan penggunanya. Untuk menginstal Component, terlebih dulu harus mendownloadnya di website resmi Joomla. Component ada yang gratis dan berbayar, namun tidak perlu khawatir karena jumlah Component yang gratis lebih banyak dari yang berbayar. Keduanya sama-sama memiliki fitur yang lengkap dan handal karena sudah teruji dan akan terus “dipantau” oleh komunitas Joomla, forum diskusi maupun komentar dari para pengguna untuk perbaikan sistem agar lebih baik. Banyaknya extension yang dikembangkan oleh pihak ketiga (3rd development) merupakan salah satu faktor Joomla berkembang sangat pesat dan diminati banyak pengguna terutama bagi pengembang web pemula yang memiliki keterbatasan pengetahuan tentang bahasa pemrograman web.
Hal itu dikarenakan Joomla dirancang untuk dapat terintegrasi dengan beberapa fitur tambahan yang dikembangkan oleh pihak ketiga mencakup component, module, plugin, dan template. Intinya, Joomla dirancang untuk membangun web yang paling sederhana hingga web portal yang kompleks dengan beberapa tambahan extension
secara mudah.
Jadi, bentuk website yang dihasilkan bergantung pada rancangan awal pembuatan website itu sendiri kemudian tinggal memasukkan beberapa extension yang diperlukan. Disarankan untuk mempelajari beberapa fungsi component yang disediakan. Berikut ini beberapa contoh component yang menurut penulis penting untuk diketahui dan sudah pernah digunakan dalam berbagai keperluan sesuai tema website yang dibangun.
Community Builder (com_comprofiler.zip): berguna untuk membangun website komunitas seperti: organisasi profesi, keagamaan, kedokteran, dan komunitas lainnya. Perlu diingat, component ini memerlukan module agar sistem bekerja lebih baik. Dalam CD buku ini telah disertakan satu paket
untuk membangun website komunitas.
Fireboard (FireBoard_1.0.4_Stable_CompletePackage.zip): berguna untuk membuat forum diskusi dan dapat terintegrasi dengan Community Builder sehingga informasi dapat saling melengkapi satu sama lain.
PHP Free Chat (com_pfchat15_1.0.1.zip): berfungsi untuk menyediakan fasilitas chatting online tanpa memerlukan server lain seperti Yahoo Messenger, MSN Messenger, maupun mIRC.
Jevent (com_events_1.4.3rc2.zip): berfungsi untuk menampilkan agenda kegiatan (Event Calendar), misalnya jadwal pelatihan, jadwal mengajar, jadwal rapat, dan lain-lain. Component ini memerlukan module agar tampil di halaman utama.
VirtueMart (com_virtuemart_1.0.15.zip): berfungsi untuk membuat website toko online. Component ini juga memerlukan beberapa module untuk menampillkan produknya. Biasanya ketika mendownload extension ini, semua file pendukung akan disertakan.
Module
Module adalah sebuah aplikasi mini yang ditempatkan di bagian kiri, kanan, atas maupun bawah halaman utama sebuah website. Module berfungsi untuk menampilkan beberapa component yang telah terinstall. Jadi, ketika menginstal sebuah component maka secara otomatis menginstal pula module. Salah satunya adalah component multibahasa, ketika pertama kali diinstal maka secara otomatis akan menginstal pula module pilihan bahasa untuk ditampilkan di halama utama website. Module memiliki peran sangat penting untuk keindahan tampilan website karena dapat mengendalikan interface dan component yang terinstal. Module juga dapat menampilkan website yang inovatif dengan cara menampilkan gambar dan artikel secara random, menjalankan dokumen video, audio dan animasi serta dokumen lain sehingga tidak memiliki kesan monoton. Sama halnya dengan component, module yang akan diinstal ke dalam website harus didownload terlebih dulu. Dan ciri khas file module memiliki awalan “mod” di depan nama file, contohnya mod_cd_login_1.0.9.zip.
Berbeda dengan component, module tidak memiliki halaman untuk mengatur parameter khusus seperti component. Mod ule hanya dapat me-nonaktifkan dan mengaktifkan di bagian kiri, kanan, atas, maupun bawah pada halaman utama
Bisnis di internet belum banyak dilakukan oleh sebagian masyarakat Indonesia, hal ini dikarenakan belum meratanya pemanfaatan teknologi informasi hingga ke daerah-daerah terpencil (rural). Di daerah perkotaan sendiri juga belum memanfaatkan jaringan internet sebagai “lahan bisnis” yang menggiurkan. Padahal banyak sekali manfaat yang didapat dengan memanfaatkan internet, seperti: bisnis toko online, training online, konsultasi online, desain web, hingga penjualan domain dan hosting. Dulu sebelum munculnya software semacam Joomla!, para pengembang web butuh waktu minimal tiga bulan untuk mendesain web. Belum lagi tahap pengujian dan perbaikan sistem. Perlu proses yang sangat panjang, apalagi pihak konsumen sering mengubah tampilan, fitur dan navigasi, yang akan menambah pekerjaan ekstra pagi seorang programmer. Kini dengan adanya Joomla!, proses para webmaster merasa terbantu. Paling tidak bagi seorang webmaster pemula yang ingin membangun sebuah website secara cepat meskipun pengetahuan tentang bahasa pemrograman sangat terbatas. Banyaknya module yang dikembangkan oleh pihak memiliki peran penting khususnya dari segi tampilan dan inovasi. Namun tidak semua module yang dikembangkan tersebut bersifat gratis, ada juga yang harus beli alias berbayar. Meskipun sebagian besar module bersifat gratis, bukan berarti tidak memiliki fitur yang lengkap atau kurang aman. Berikut ini beberapa module yang penting untuk diketahui dan dimanfaatkan sesuai dengan tema web yang akan dibuat. Beberapa module telah digunakan oleh penulis ketika membangun website dalam berbagai kebutuhan.
Caraousel Banner (mod_carousel_banner.zip): berfungsi untuk menampilkan iklan (banner) secara acak dan inovatif. Iklan yang ditampilkan akan bergerak secara otomatis dan bergantian sesuai jumlah gambar iklan. Dan masing-masing gambar iklan memiliki alamat URL (link) yang berbeda.
Media Player (mod_mediaplayerJ15v-1-0en.zip): berfungsi untuk menampilkan dan menjalankan (play) audio secara online. Module ini sering digunakan jika ingin membangun website bertemakan musik.
Trans Menu (mod_TransMenu_v1.3.zip): berfungsi untuk membuat menu interaktif yang memiliki submenu (pull down). Module ini dapat dimanfaatkan untuk mengubah tampilan website lebih informatif dengan navigasi yang sederhana namun powerfull.
Random Article (mod_randomartikel.zip): berfungsi untuk menampilkan artikel secara acak. Module ini sering digunakan untuk membuat website portal yang berisi informasi atau berita. Artikel akan tampil secara acak sesuai jumlah artikel. Daftar artikel dapat ditentukan pada parameter module tersebut.
Birthday (mod_CbBirthday1.1.zip): berfungsi untuk sistem pengingat tanggal lahir anggota (ulang tahun). Module ini biasanya digunakan pada sebuah website komunitas yang terintegrasi dengan komponen Community Builder dan Forum.
Sliding Menu (Camp26_KwickSliding_menu_J15.zip): berfungsi untuk menampilkan menu secara Sliding. Module ini dimanfaatkan untuk menyederhanakan tampilan menu yang jumlahnya banyak. Dengan module ini daftar item menu tidak akan muncul sebelum mengaktifkan menu yang dimaksud.
Plugin/Mambots
Pada Joomla versi 1.0.x disebut sebagai Mambots, sedangkan untuk versi Joomla 1.5.x berubah menjadi Plugins. Plugins/Mambots adalah aplikasi mini yang disisipkan untuk memanipulasi, menambah atau membuat perubahan pada contents
atau artikel. Secara default, sistem Joomla versi 1.5.x memiliki 6 kategori plugins yaitu:
Authentication: berkaitan dengan otentikasi yang terintegrasi dengan sistem Joomla, misal otentikasi Gmail.
Contents: berkaitan dengan manipulasi contents atau artikel.
Editors : berkaitan dengan manipulasi editor yang digunakan untuk menulis contents atau artikel.
Editor-xtd : berkaitan dengan manipulasi fitur-fitur editor yang lebih kompleks. Search : berkaitan dengan manipulasi fungsi search / pencari pada website System: berkaitan dengan sistem Joomla seperi Legacy 1 untuk beberapa
module atau component yang bekerja pada versi sebelumnya. Beberapa plugins/mambots standar “bawaan” Joomla yaitu:
Image : mambot yang berfungsi untuk mengkonversi perintah {mosimage} di content menjadi perintah untuk menyisipkan gambar pada HTML (tag img) Pagebreak : mambot yang berfungsi untuk navigasi halaman (memotong
sebuah halaman website yang panjang menjadi beberapa halaman lengkap dengan daftar isi.
Moscode : mambot yang berfungsi untuk menggati perintah {moscode} {/moscode} menjadi perintah tag yang menandakan kode programming.
Jumlah plugins/mambot yang dikembangkan tidak sebanyak component, module, dan template. Tidak ada alasana yang jelas alasan mereka tidak banyak mengembangkan plugin/mambots, kemungkinan karena jangkauan pemanfaatan tidak terlalu luas dan lebih sulit dalam pengembangannya. Pengaman penulis dalam memanfaatkan plugin/mambots, terdapat beberapa plugin yang penting terutama untuk mengamankan website (security site). Berikut ini beberapa contoh plugins/mambots, yaitu:
Antiflood (floodcontrol.systembot.v.1.2.zip): berfungsi untuk mengamankan website dari flooding (membuat kerja server sibuk, misalnya melakukan Refresh berulang-ulang).
Content Protector (mbt_contentprotector.zip): berfungsi untuk memproteksi sebuah artikel (content) bagi pengunjung. Plugin ini biasaya digunakan untuk memisahkan antara pengunjung dengan anggota (Registered). All Videos (plg_jw_allvideos-v2.5.3_j1.5.zip): berfungsi untuk menjalankan file dalam bentuk video dengan tipe: Flash, QuickTime, Shockware, Windows Media, dan Real Media.
Jsecure Authentication (plgSystemJSecure-1.0.6.zip): berfungsi untuk memproteksi halaman administrator dari serangan hacker. Ada sebagian pengembang website tidak memproteksi halaman administrator, sehingga sangat mudah untuk dihacker orang. Plugin ini sangat berguna untuk menyembunyikan folder administrator.
Template
Tampilan sebuah website sangat mempengaruhi emosi pengunjung dalam menikmati informasi yang disajikan. Tidak heran jika sebuah web yang hanya berisi iklan akan segera ditinggalkan oleh peng unjung. Penempatan navigasi yang serasi, warna yang sejuk, berita yang informatif dan tata bahasa yang lugas akan mengundang semua pengguna internet untuk berkunjung website tersebut. Oleh karena itu, template memiliki peran yang sangat penting dalam sebua h website disamping berita yang informatif. Mengenal Template Masing-masing template akan menghasilkan tampilan website yang berbeda-beda.
Hal itu dikarenakan tiap template memiliki parameter yang berbeda-beda mulai dari huruf (font) yang digunakan, warna huruf, warna hyerlink, warna latar belakang (background), ketebalan bingkai tabel, hingga posisi modul. Pengaturan warna teks, hyperlink, jenis huruf untuk bodytext, heading 1, heading 2, maupun footer umumnya dikendalikan oleh CSS (Cascading Style Sheet). Pengetahuan tentang CSS akan dibahas pada bab lain dalam buku ini. Sedangkan untuk mengatur gambar header adakalanya, dapat diedit langsung pada file index.php di dalam folder nama template tersebut. Pada Joomla versi terbaru, umumnya tidak dapat menginstal template yang digunaka pada versi sebelumnya meskipun sudah mengktifkan plugin Legacy 1, di mana plugin tersebut berfungsi untuk melegalkan beberapa ekstensi (component, module, mambots, dan template) pada versi di bawahnya. Beberapa website telah menyediakan template yang dapat didownload secara gratis, namun ada juga template yang berbayar. Tentunya template yang berbayar memiliki keunggulan dibandingkan yang gratis. Harga sebuah template pun bervariasi antara $45 – $200, hal ini dikarenakan dalam sebuah template disertakan pula ekstensi (component, module, dan plugin). Sehingga tampilan website lebih informatif dan inovatif.
Proteksi Halaman Web
Sebuah folder yang terbuka dapat digunakan oleh seorang “hacker” untuk mencoba menembus administrasi sebuah sistem. Penyediaan form, seperti: Halaman Login dan mesin pencari (Searching) akan dimanfaatka oleh hacker untuk menyusupkan kode SQL y ang lebih dikenal dengan istilah MySQL Injection. Seorang hacker akan memanfaatakan form tersebut untuk menginjeksi bebe rapa kode SQL. Karena pada dasarnya, Halaman Login dan Searching mengarah ke database.
Semua pasti tahu, halaman login ke administrator Joomla sangat terbuka dan mudah diakses. Meskipun terdapat kolom user dan password, justeru hal itulah yang sering dimanfaatkan oleh hacker dalam melakukan mysql injection. Ada beberapa cara untuk memproteksi folder tersebut, diantaranya: memproteksi folder dengan password melalui fasilitas CP anel, memproteksi folder dengan .htaccess, memproteksi folder dengan kode tambahan (Misal: php, asp, dll), atau memanfaatkan extensions Joomla.
Joomla memiliki sebuah hambatan, pengguna dapat dengan mudah mengetahui situs dibuat dalam Joomla! dengan mengetikkan URL untuk mengakses administrasi wilayah (misal: www.sitename.com/administrator). Hal ini membuat hacker untuk meng -hack situs mereka dengan mudah terhadap id dan password Joomla!
Ada beberapa ekstensi (extensions) Joomla untuk memproteksi halaman administrator baik yang bersifat gratis ataupun berbay ar. Berikut ini terdapat sebuah plugins dan module yang dapat digunakan untuk memproteksi halaman administrator Joomla. Module jSecure Authentication mencegah seseorang untuk mengakses halaman login administrator dengan cara menambahkan kunci akses (key access). Module ini dapat berfungsi pada Joomla 1.0.x, dan Joomla 1. 5.x.
1. Pertama kali, download file JSecure Authentication atau anda dapat mendownloadnya di situs resmi Joomla http://extensions.joomla.org).
2. Masuklah ke halaman login administrator
3. JIka menggunakan Joomla 1.0.x, pilih menu Module > Installer.
4. Klik tombol Browse, tent ukan file yang akan diupload. Klik tombol Upload & Install. 5. Jika menggunak an Joomla 1.5.x, pilih menu Extensions > Install/Uninstall. 6. Klik tombol Brow se, tentukan file yang akan diupload. Klik tombol Upload & Install. 7. Tunggu beberapa saat hingga proses instalasi berhasil.
8. Setelah berhasil terinstal, ada be berapa baris script yang harus dimas ukkan ke dalam file Joomla. Untuk Joomla 1.0.x, temukan file login.php dalam folder /administrator/templates/joomla_admin.
9. Masukkan script script di bawah ini.
require_once( $mosConfig_absolute_path . '/administrator/includes/admin.php' ); mosLoadAdminModule s( 'left' );
10. Masuk ke halaman Administrator kembali. Pilih menu Module > Administrator Modules. 11. Klik link jSecure Authentication.
13. Pada Tab P arameter, masukkan teks sebagai kata kunci setelah administrator. Sehingga, untuk masuk halaman administrator Joomla sudah berubah menjadi http://domainmu.com/administrator?goto4dm1n. Ingat !!, terdapat akhiran ?goto4dm1n setelah administrator. Jika sudah yakin, tekan tombol Save unt uk menyimpan. Pastikan tidak lupa dengan kunci tersebut, jika lupa maka tidak akan dapat login ke halaman administator Joomla.
14. Untuk Joomla 1.5.x, setelah berhasil terinstal pilih menu Extensions > Module Manager. 15. Pilih Admini strator.
16. Temukan module jSecure Authentication. 17. Pilih Enabled.
18. Pada P arameter, masukkan kat a untuk memprot eksi halaman administrator. S elanjutnya, klik tombol Save untuk menyimpan perubahan.
19. Ujilah website anda, login ke halaman Administrator dengan cara menuliskan alamat URL http://domainmu.com/administrator. Apa yang terjadi ? !!!
Templat e joomla terdiri dari beberapa file di dalamny a, agar mudah mengedit atau sekedar mangganti image, kita harus tahu dulu struktur file template joomla. Nah jika kita sudah mengenal strukturnya kita akan mudah mengedit dan mengotak-atik templat e joomla tersebut.Struktur file template joomla standar terdiri dari beberapa file diantaranya :
CSS Folder Images Folder Index.php Index. html Templat e_thumbnail.png Templat eDetails.xml
Struktur diatas hanyalah template yang standar, setiap templat e strukturnya akan berbeda tergatung si Empu/ pembuat template, apakah ada file javascriptnya atau lain sebagainya.
Nah mari kita coba kenali satu persatu file-file ters ebut:
1. CSS folder ini merupakan tempat disimpannya file-file berextensen .css (Cascading style sheet) yaitu file-file yang fungsiny a untuk mengat ur tampilan atau wajah dari web kita. mulai dari lebar template, margin, font, warna, sampai ke pengaturan image baground yang akan di tampilkan di halaman web kita.
2. Image folder ini merupakan tempat disimpannya file gambar/image templat e kita. seperti file header, list, buton, baground dan sebagainya. formatnya ada yang jpg, png, gif dan lain sebagainya.
3. Index.php ini merupakan file utama template dimana di dalam nya merupakan program-program yang meramu semua k omponen dan susunan modul -modul yang akan di tampilkan di halaman website kita. kayaknya perlu mengupas tersendiri tentang file index.php ini. 4. Index.html file ini tidak berisikan file apa alias kosong hal ini berfungsi jika ada yang
mengakses langsung ke folder ini dan menggunakan file index.html maka file inilah yang akan dieksekusi. dan jika di lihat di brows er maka tidak akan terlihat apa-apa. begitu juga dengan file yang sama yang berada dalam folder css dan image.
5. Template_thumnail.png ini hanyalah screen shoot dari template kita. File ini akan berfungsi saat kita akan memilih template mana yang akan di pake baik itu di menu beckend maupun frontend. kalau nama mungkin bisa lupa tapi kalau ngelihat gambarnya kita akan ingat..tampilan template-ny a.
6. TemplateDetails.xml biasanya ini merupakan file tempat menyimpan instruksi-instruksi saat penginstallan juga berisikan info si pembuat tempalte yang ak an tampil pada menu beckend. Dan file ini juga sebagai insttalerny a template joomla kita.
Nah itu hanya s ebat as file template standar lain halnya jika File tersebut ada Javasript nya maupun ada Flash biasanya file-file tersebut disimpan dalam folder sendiri -sendiri. Jika sudah mengerti minimal yang standar ini mudah-m udahan dalam mengedit template joomla akan lebih mudah dan cepat. Selamat berexperimen dan mengedit template joomla.
1.6 Latihan
1. Modifikasi web dengan cms joomla yang telah dibuat pada modul 8, agar lebih secure. 2. Modifikasi juga tampilan scriptsnya dan nilai dengan menggunakan y -Slow, untuk
mengetahui tingkat kesalahan atau bug yang ditimbulkan oleh script yang tidak jelas. 3. Upload kembali semua hasil modifikasi dengan menggunakan login masing-masing ke
