Belajar & praktik joomla15 -Manual Kursus

7,226 views

Published on

Manual untuk kegunaan kursus Joomla!. bimbingan Sifu Azmi Sulaiman. Free untuk yang berminat. Semoga dapat membantu.

Published in: Education, Technology
2 Comments
8 Likes
Statistics
Notes
No Downloads
Views
Total views
7,226
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2,091
Comments
2
Likes
8
Embeds 0
No embeds

No notes for slide

Belajar & praktik joomla15 -Manual Kursus

  1. 1. Joomla-AdaWeb JOOMLA! Manual Belajar dan Praktikal Bimbingan Azmi Sulaiman Azmi Sulaiman Hakcipta Terpelihara © 2009-2011 1 http://Joomla-AdaWeb.Com & http://lamanKU.my
  2. 2. ISI KANDUNGAN Perkara Halaman Silibus 3 Pengenalan & Webserver 6 Pendahuluan Tutor 6 Pengenalan Asas (Web, Web Dinamik, Domain & Hosting 7-8 CMS & Joomla 8-9 Webserver 11 1. USBWebserver 12 - Installasi Joomla 15 2. MoWes Webserver 25 Panel Kawalan Administrator (Cpanel Admin) 34 Pengenalan & Login 34 Halaman Utama 35 Menu-menu kawalan 36 – 42 Ikon-ikon Manager 43 Tools Panel Info 44 Membina Kandungan & Menu 45 Konsep Kandungan (content) 45 - 50 Parameter Kandungan 51 - 52 Mencipta Menu & Jenis-jenis Menu 53 – 56 Rekabentuk Asas Joomla 57 Web Agensi Kerajaan 58 Asas Rekabentuk (Component,module,plugin & language) 59 - 64 Templates 66 Rekabentuk & Arkitektual Joomla 71 Kerangka & Database 71 Model View Controller 72 Fail & Folder Aplikasi 73 Database & Jadual data 77 Edit & Update data 77 Konsep Merekabentuk & Pembanggunan 78 Component 78 Module 88 Plugin 93 Template 98 Asas CSS 105 Backup & Restore Joomla! 126 Localhost 126 Backup fail & folder aplikasi 126 Backup database 128 Hosting Server 131 Restore fail & folder aplikasi 131 Restore database 135 Penutup & Contoh Web Joomla 137 2
  3. 3. Silibus Umum JOOMLA 1.5Pendahuluan dan Pengenalan  Web & Web Dinamik  Domain & Hosting  CMS  Joomla! o Sejarah Mambo & JoomlaPengenalan Kepada Webserver  USBWebserver o Pakej Apache, PHP & MySQL o Installasi Joomla!  MoWes Webserver o Installasi MoWes o Penggunaan & SettingPanel Kawalan Administrator  Pengenalan & Login  Halaman Utama  Menu-menu kawalan  Ikon-ikon Manager Utama  Tools Panel InfoMembina Kandungan Web & Menu  Konsep Kandungan (content) o Aliran kandungan o Mencipta Section, Category & Article  Parameter o Parameter Article, Advanced & Information  Mencipta Menu o Jenis Menu o Menu ItemRekabentuk Asas Joomla  Merekabentuk web agensi kerajaan o Syarat & Peraturan  Pekeliling Pengurusan Web/Portal Agensi Kerajaan  Merekabentuk web secara asas o Component o Extensions  Module, plugin & language 3
  4. 4. o Template  Modifikasi grafik & persembahan  Modifikasi HTML & CSSRekabentuk & Arkitektual MVC Joomla  Kerangka & Database o Model View Controller o Fail & Folder Aplikasi o Database & PhpMyAdmin o Jadual-jadual data  Edit & Update data  Konsep Merekabentuk & Pembangunan o Components o Module o Plugin o Language o Template  Fail-fail PHP dan XML  Grafik  CSSBackup & Restore Joomla!  Local webserver o Backup fail & folder Joomla! o Backup Database  PhpMyAdmin  Eksport data web  Hosting Server: o Restore fail & folder Joomla.  Installation & configuration o Restore Database  Cipta database, username, password dan host  Import data webTamat dan Penilaian 4
  5. 5. AMARAN: Hak Cipta Terpelihara © 2009 – 2011 Mohd Azmi Sulaiman Tiada sebarang bahagian dan isi kandungan sama ada teks, grafik dan lakaran yang terkandung di dalammanual ini boleh disalin, diulang cetak, diduplikasi secara digital atau elektronik tanpa izin dan pengetahuanpenulis. Kecuali untuk penggunaan dan tujuan latihan yang dijalankan oleh penulis atau melalui penjualan secaradalam talian menerusi laman http://www.joomla-adaweb.com dan http://www.lamanku.my sahaja. 5
  6. 6. Pengenalan & Web ServerPENDAHULUAN Salam sejahtera! Dokumen ini adalah hasil penulisan saya (Mohd Azmi Sulaiman) yangmerupakan seorang pendidik dan jurulatih dalam bidang web CMS khususnya Joomla!. Sebagaiseorang pendidik saya lebih selesa dikenali dan dipanggil dengan gelaran cikgu atau sifu. Antarapanggilan yang biasa diberikan kepada saya adalah Sifu Azmi atau Cikgu Azmi. Pengalaman dalam bidang pendidikan telah melebihi 15 tahun dan sebagai jurulatihMambo/Joomla telah lebih 9 tahun. Terlibat dengan web CMS sejak tahun 2002 bermula denganPHPNuke, Mambo dan phpBB. Selepas tahun 2005, akibat berlaku perpecahan dalam versi Mamboseterusnya melahirkan Joomla! 1.0. Sejak itu hingga kini saya banyak menghasilkan tutorial, manualdan panduan pengguna berbentuk teks seperti ini untuk CMS Joomla. Kebanyakan artikel penulisandan nukilan saya diterbitkan secara dalam talian menerusi laman web saya seperti http://joomla-adaweb.com dan http://lamanku.my . Sehingga kini berpuluh artikel sama ada panduan untuk pengurusan laman web Joomla!Mahupun topik lain yang bersangkutan dengan penggunaan CMS Joomla telah saya hasilkan,semuanya diedar dan diterbitkan menerusi laman web saya sejak 2005 lagi. Kali ini saya hasilkan pula penulisan yang menyentuh perkara yang lebih teknikal danmendalam khusus kepada pengguna yang telah sedia dan berpengalaman menggunakan Joomla!.Pengguna dianggap telah faham dan mahir dalam selok-belok pengendalian Joomla secaramenyeluruh. Maka kini saya tambahkan lagi kemahiran dan pengetahuan anda dalam menguasaisepenuhnya CMS ini. Semoga penulisan kali ini dapat membantu menjadikan anda seorang admin Joomla yanglebih mahir, kreatif dan boleh menghasilkan produk baru kepada Joomla!. Tidak sahaja menjadipengguna tetapi juga menjadi penyumbang kepada penghasilan produk baru sama ada untukkegunaan sendiri, perkongsian atau komersial. Selamat maju jaya dalam mempelajari Joomla!.Sifu Azmi Sulaimanhttp://www.lamanku.my & http://joomla-adaweb.com 6
  7. 7. PENGENALAN ASASPengenalan Kepada Web Web jika diterjemahkan bermaksud jaringan halaman. Jaringan ini menghubungkan manusia dengan manusia lain, malah kini boleh pula menghubungkan manusia dengan sistem yang berkecerdikan buatan. Rangkaian jaringan ini boleh berbentuk luas (wide) dikenali sebagai internet atau terhad (lan) iaitu inranet. Teknologi web telah berkembang dari web 1.0 sebelum tahun 2000 kepada web 2.0 sehingga kini. Namun telah bermula teknologi web 3.0 pada masa kini. Joomla! adalah sebuah aplikasi CMS (Content Management System) bagi web yang menyokong teknologi web era 2.0 (Teknologi Web Simantik) yang wujud pada hari ini. Pembangunan web dalam era teknologi simantik ini diistilahkan sebagai Era ‘Read-Write-Publish’ berbanding era ‘Read-Only’ semasa zaman web 1.0 dengan teknologi HTML sahaja. Seterusnya evolusi teknologi web 3.0 kini telah bermula dan Joomla! juga kini menuju ke arah teknologi web ‘berkecerdikan buatan’ (Intelligent Web) untuk kegunaan masa depan. Disamping keupaya interaktif, web yang seterusnya nanti juga bijak dan ‘hidup’ sebagai sebuah entiti yang bekerja sendiri secara dalam talian. Semasa era web 1.0, hanya orang berpengalaman dan berpengalaman dengan kod aturcara html diberi kepercayaan membina web. Tetapi dalam era web 2.0 walaupun tanpa pengetahuan tersebut, ramai mampu dan diberi kepercayaan menghasilkan laman web. Walaupun tanpa pengetahuan itu web era 2.0 dapat dihasilkan dengan lebih menarik dan dinamik. Apakah web dinamik? Dari segi istilah, web dinamik merupakan web yang mempunyai isi kandungan dan template paparan yang bolehubah mengikut input pengguna. Web dinamik juga bersifat interaktif dan menghasilkan direktori pengguna berdaftar. Setiap pengguna dan isi kandungan dikategorikan mengikut aras capaian yang pelbagai. Capaian oleh pengguna dan persembahan isi kandungan berbeza pengikut aras dan pengguna yang mengaksesnya. Web dinamik juga dihasilkan oleh pembangun dengan kod aturcara hebat (Perl, ASP,JSP,Coldfusion, PHP) dan digabungkan dengan HTML. 7
  8. 8. Domain Domain adalah nama yang menjadi pengenalan kepada satu set nombor protokol internet (IP) atau alamat internet. Sebagai contoh nama domain adalah google.com mewakili suatu alamat IP iaiatu 209.85.175.147. Domain dapat memudahkan pengguna mengingati alamat dalam bentuk perkataan berbanding dalam bentuk nombor. Ringkasnya domain merupakan nama unik/alamat untuk laman web kita, domain merupakan nama yang diakhiri dengan .com, .net, .org, .biz, .tv, .my, .gov.my, .com.my, .net.my, .org.my dan lain-lain. Hosting Hosting kadangkala dipanggil juga web hosting adalah rumah untuk menyimpan fail-fail dan folder yang menjana sesebuah laman web. Dalam satu hosting boleh dimuatkan lebih dari satu laman web bergantung kepada sais simpanan datanya (ruangan hosting). Anda boleh membina server sendiri menjadi hosting atau menyewa ruangan hosting dari pihak ketiga yang juga dikenali sebagai Dedicated hosting atau Dedicated Server. Contohnya anda menyewa hosting dengan exabytes.com.my atau dengan datakl.com dan sebagainya.Apakah maksud Content Management System (CMS)?Content Management System atau dalam bahasa melayu ( Sistem Pengurusan Kandungan)membawa maksud ia adalah sebuah aplikasi untuk menguruskan isi kandungan khusus bagimembangunkan sebuah laman web, seperti sebuah perpustakaan yang menyimpan artikel, majalahdan buku-buku. Kandungan yang dimaksudkan meliputi teks, foto/grafik, music, video, dokumenserta apa sahaja bentuk format fail yang difikirkan sesuai bagi menyalurkan maklumat.Pada asasnya perkara terpenting yang perlu ada pada seorang pengendali laman web seperti andaadalah mengetahui serta menguasai semua kemahiran dan skil menguruskan isi kandungan webCMS sahaja bukanya memikirkan bagaimana untuk pembangunan sebuah sistem laman web yangcanggih dan sistematik seperti Joomla. Ringkasnya dengan menggunakan CMS anda hanya 8
  9. 9. memfokuskan kerja sebagai pengurus kandungan web sahaja tanpa mengambil tahu tentangpembangunan dan pengaturcaraan membina sebuah sistem web.Tetapi untuk menjadikan web anda unik dan berbeza dengan web lain yang menggunakan Joomlamahu tidak mahu anda perlu juga mengambil tahu dan mempelajari keseluruhan tentang Joomlatermasuk seni bina dan struktur arkitektualnya. Sebagai sebuah aplikasi menggunakan teknologiICT, Joomla mempunyai struktur arkitektualnya yang tersendiri.Menerusi buku ini, saya tulis pendokumentasian dan panduan untuk anda memahami danmempelajari seni bina Joomla 1.5 secara teknikal meliputi kerangka core Joomla dari sudutarkitektual, hubungannya dengan database, juga memahami struktur dan teknikal pembangunanextension seperti component, module, plugin dan template.Tetapi dokumetasi ini tidak akan mengajar anda bagaimana menulis koding PHP, SQL, XHTML danHTML sepenuhnya. Saya hanya sertakan contoh dan panduan tentangnya. Kemahiran tersebutanda perlu pelajari sendiri dan saya beranggapan anda telah sedia mahir tentang penulisan kodingtersebut atau setidak-tidaknya boleh memodifikasikannya dengan pengetahuan sedia ada anda.Semoga dengan sedikit penjelasan dan panduan menerusi tulisan saya ini, diharapkanpembaca/pengguna dapat memahami dan menghasilkan extension Joomla sama ada component,module, plugin dan templates khas untuk kegunaan sendiri.Pengenalan Kepada Joomla Joomla! Adalah aplikasi web CMS dengan “engine” PHP iaitu bahasa aturcara web moden yangdipanggil Hypertext Preprocessor atau ringkasnya PHP. Joomla! ialah sebuah Sistem Pengurusan Kandungan Sumber Terbuka yang diedarkan secarapercuma. Ia ditulis dalam bahasa pengaturcaraan PHP untuk menerbitkan kandungan ke laman web danintranet dengan menggunakan Pangkalan data MySQL.Ciri-ciri unik Joomla! termasuklah laman cache untuk meningkatkan prestasi, RSS, laman boleh cetak,berita terkini, blog, undian, carian laman, dan bahasa-bahasa. 9
  10. 10. Nama "Joomla" diambil daripada perkataan Swahili iaitu jumla yang bermaksud "mari bersama-sama"atau "secara keseluruhannya". Ia dipilih bagi menunjukkan komitmen pasukan pembangunan dankomuniti projek berkenaan. Keluaran pertama Joomla! (Joomla! 1.0.0) diumumkan pada 16 September2005. Ini adalah keluaran penjenamaan semula Mambo 4.5.2.3 digabungkan dengan pembaikankeselamatan serta pepijat komputer. Pasukan pembangunan asas menyatakan bahawa Joomla! 1.5adalah kod yang ditulis semula dengan dibinaan menggunakan bahasa pengaturcaraan PHP 5.Joomla! mula wujud apabila terjadinya kontroversi antara pasukan pembangunan perisian daripadaversi Mambo dengan pemodal iaitu Miro Corporation dari Australia, yang juga pemegang hak ciptaMambo pada masa itu. Kedua-dua kumpulan berpisah pada 17 Ogos 2005. Miro Corporationmenubuhkan sebuah yayasan dengan tujuan untuk menaja projek itu dan melindunginya daripadatindakan undang-undang. Pasukan pembangunan mendakwa bahawa banyak struktur yayasanberkenaan melanggari perjanjian yang dibuat oleh Jawatankuasa Mambo yang dilantik. Mereka jugamendakwa kurangnya perbincangan dengan pemegang saham utama dan melanggari nilai-nilai asasSumber Terbuka.Pasukan pembangunan mencipta sebuah laman web yang dipanggil OpenSourceMatters untukmengedarkan maklumat kepada para pengguna, pemaju, pereka web dan komuniti secara amnya. Ketuaprojek pada waktu itu, Andrew Eddie, juga dikenali sebagai "MasterChief," menulis sepucuk suratterbuka kepada komuniti, yang mucul di papan pemberitahuan di forum awam di mamboserver.com.Menjelang keesokkan harinya, 1000 orang telah menyertai laman forum opensourcematters.org dengankebanyakan mesej menunjukkan perkataan-perkataan semangat dan galakan kepada PasukanPembangunan, salah seorang diantaranya adalah saya yang menulis manual ini. Laman web berkenaanmenerima komen dan artikel berita berhubung peristiwa berkenaan di newsforge.com, eweek.com, andZDnet.com. CEO Miro, Peter Lamont, memberi respon awam di dalam artikel bertajuk KontroversiSumber Terbuka - 20 Soalan Bersama Miro.Peristiwa ini telah mengakibatkan komuniti sumber terbuka berfikir semula tentang apa tafsiran"Sumber Terbuka". Laman-laman forum di kebanyakan projek sumber terbuka dibanjiri dengan mesej-mesej menyokong dan menentang tindakan kedua-dua pihak berkenaan. Khabar-khabar angin dantuduhan tentang kesilapan yang dilakukan oleh Miro dan Yayasan Mambo mula menjadi hangat.Dalam masa dua minggu selepas pengumuman Eddie, pasukan-pasukan mula disusun semula dankomuniti ini mula tumbuh. Pada 1 September 2005 nama baru diumumkan dengan sambutan berbezaoleh 3000+ penyokong setia Pasukan Pembangunan. Sejak itu Joomla! mula dipopularkan dandikembangkan sehingga ke hari ini. 10
  11. 11. Joomla! dilindungi di bawah Lesen Dokumentasi Bebas GNU, dimana pengguna bebas membuat salinansemula, duplikasi, penerbitan dan pengubahsuaian dan salinan baru harus dibebaskan juga secaraterbuka di bawh lesen yang sama dan dikongsi bersama secara percuma.PENGENALAN KEPADA WEBSERVER Aplikasi PHP seperti Joomla ini perlu dipasang (hidup) dalam persekitaran webserver yangmenyokongnya. Untuk menghasilkan persekitaran webserver kita perlu pakej yang mengandungigabungan beberapa aplikasi iaitu: i- Apache ii- MySQL iii- PHP Pakej ini boleh dipasang sekali menggunakan pakej aplikasi webserver yang berbagai jenis seperti WAMP, XAMPP, Server2Go, MoWes,Tonido dan jenis portable seperti USB Webserver yang akan digunakan untuk tujuan pembelajaran kali ini. Semua webserver ini dikenali sebagi WAMP kerana dipasang di dalam engine Windows. Selain itu terdapat juga yang berjenis LAMP untuk OS Linux atau MAMP untuk OS Mac.Bersama manual ini akan diterangkan bagaimana mengguna dan memasang dua jenis webserver untukwindows iaitu USBWebserver dan MoWes.1. Webserver I – USBWebserver 8 Jika memilih USBWebserver, anda perlu install dahulu webserver diikuti Joomla selepasnya. Untuk kali ini USB Webserver (Versi 8.0) kan digunakan, pemilihannya kerana ia boleh dibawa kemana segaja (portable) dan boleh dimuatkan terus ke dalam USB drive peserta yang mempelajari Joomla untuk kali ini. Aplikasi ini boleh dimuat turun secara percuma di http://www.usbwebserver.com/ dan anda boleh dapatkan versi yang lebih terkini selepas ini. Webserver ini dipakejkan dengan semua aplikasi untuk mewujudkan persekitaran web seperti yang dinyatakan di atas. USB Webserver dipakejkan dengan: i- Apache (Httpd 2.2.15) ii- MySQL 5.1.44 iii- PHP 5.2.13 11
  12. 12. Serta aplikasi antaramuka MySQL iaitu PHPMyAdmin 3.3.1rc1 yang boleh membantu andamenyelenggara database dan jadual data untuk laman web Joomla! anda nanti.1. Memasang USB Webserver ke dalam USB drive:Anda akan diberikan fail termampat aplikasi ini dengan nama fail “USBWebserver v8_en.zip”kemudian anda unzip/nyah mampat fail tersebut ke USB drive anda.Anda boleh simpan dahulu fail ini di USB drive sebelum menyahmampatkannya.Seterusnya baru anda nyahmampatkan fail ini terus dari USB drive anda menggunakan aplikasi“winzip” atau “winrar”.Jika anda memilih menggunakan winrar , klik kanan pada fail termampat tadi  pilih menu“Extract to USBWebserver v8_en”Tetapi jika anda pilih menggunakan Winzip, klik kanan pada fail termampat tadi  pilih Winzip pilih menu “Extract to folder J:USBWebserver v8_en”Hasilnya, anda akan dapat folder baru dengan nama USBWebserver v8_en seperti ini:Kenal pasti folder USBWebserver seperti di atas dan di dalamnyamengandungi pakej aplikasigabungan antara Apache, MySQL, PHP dan PHPMyAdmin. Anda boleh buka folder dan lihatkandungannya. 12
  13. 13. Untuk menghidupkan webserver ini anda hanya perlu klik 2 kali pada ikon aplikasi bernama“usbwebserver.exe”. Apabila anda hidupkan aplikasi webserver ini, ia akan dipaparkan sepertiini:Tetingkap ini menunjukkan Apache dan MySQL telah dihidupkan dengan sempurna melaluitanda pada tetingkap tersebut. Jika ia gagal berfungsi dengan baik ikon tersebut akanditandakan sebagai bermakna ia tidak berfungsi dan bekerja dengan sempurna.Anda juga diberikan butang kemudahan untuk masuk ke “root” direktori iaitu tempatmeletakkan laman web anda nanti, butang ke “Localhost” iaitu untuk melancarkan pelayar webanda dan butang untuk melancarkan antaramuka “PHPMyAdmin” serta butang online ke lamanweb USBWebserver.com, contoh paparan adalah seperti di bawah: Setelah mengenali webserver yang akan digunakan sekarang tiba masa untuk memasukkan aplikasi Joomla! ke direktori atau lokasi foldernya yang biasa digelar sebagai “Root”. 13
  14. 14. 2. Memasang Joomla! ke dalam USBWebserver.Terdapat banyak versi Joomla! bermula dari Joomla 1.0 hingga yang digunakan sekarang iaituJoomla! 1.5 (kali ini kita menggunakan Joomla! 1.5.21). Anda boleh dapatkan pakej Joomla!termampat dengan memuat turunnya daripada lamannya di http://www.joomla.org .Catatan: Kini sudah tercipta Joomla! 1.6 tetapi masih belum sesuai untuk digunakan sebagailaman web sebab masih dalam proses pengujian dan dalam versi Beta. ( Joomla! 1.6.Beta11).Pakej termampat yang anda muat turun tadi hendaklah dinyahmampat sama seperti prosessemasa memasukkan USBWebserver ke USBdrive anda sebelum ini. Pakej Joomla! yangdinyahmampat ini harus diletakkan di dalam root. Jika anda buka folder USBWebserver andaakan lihat holder bernama root. Letakkan Joomla! yang anda nyahmampat(unzip) tadi di situ.Bagaimana meletak fail dinyahmampat ke USB drive:Klik kanan pada pakej Joomla! termampat – contoh Joomla_1.5.21-Stable-Full_Package.zip Pilih Winzip/Winrar pilih menu “extract to..”  pilih lokasi USB drive anda eg: E:  pilihfolder USBWebserver  pilih folder “root” cipta folder baru “joomla” seterusnya laksanakanproses menyahmampat. Kemudian proses menyahmampat akan dilaksanakan oleh aplikasi sehingga 100% siap. Anda akan perolehi dalam folder E:/../root/joomla/ tersebut akan di paparkan beberapa folder dan fail pakej aplikasi Joomla! hasil proses tersebut. Semak bilangan ini dalam folder joomla: Bilangan fail = 4,201 fail Bilangan folder = 792 folderCatatan: Bilangan berbeza jika anda mengguna pakej Joomla! versi yang berbeza.Kini anda boleh meneruskan untuk proses installasi laman web anda. 14
  15. 15. Proses Installasi Joomla Proses installasi ini anda boleh gunakan di semua webserver sama ada local atau online. Kaedahdan langkah installasinya adalah sama tertakluk kepad versi yang anda gunakan. Jika anda menggunakan USBWebserver, semua fail dan folder aplikasi Joomla! 1.5 telah tersediadi dalam E:/../root/joomla. Anda sudah boleh mulakan menginstall laman web anda. Anda bolehlancarkan pelayar web anda (web browser) secara manual atau anda gunakan butang “localhost” padatetingkap USBWebserver anda.Semasa anda melancarkan “localhost” pada pelayar internet anda akan dipaparkan halaman index bagiUSBWebserver seperti ini:Ini kerana URL yang dilaksanakan adalah http://localhost:8080/ untuk melancarkan laman web Joomlaanda bagi memulakan proses installasi tuliskan alamat URL menjadi seperti inihttp://localhost:8080/joomla di mana ‘/joomla’ akan memanggil folder aplikasi Joomla! dari direktoriroot yang anda nyahmampat tadi. 15
  16. 16. Jika anda gunakan URL http://localhost:8080/joomla tetingkap pelayar web anda akan membukaaplikasi installasi laman web anda seperti di atas.Berikut adalah langkah-langkah dalam proses menginstallasi laman web Joomla! anda:Langkah 1:Penerangan: Apabila pelayar internet anda membuka alamat URL http://localhost:8080/joomla aplikasiJoomla akan meminta anda membuat installasi bagi SEBUAH laman web baru menggunakan CMSJoomla. Terdapat 7 langkah installasi bermula dengan langkah 1 untuk anda memilih bahasa yang akananda gunakan dalam proses installasi. Oleh kerana tiad kemudahan bahasa melayu anda boleh pilihbahasa lain contohnya bahasa English(US). Sesudah anda menetapkan bahasa pilihan anda tersebut, teruskan proses installasi denganbutang “Next” di sisi kanan atas. Tetingkap akan memaparkan proses seterusnya dalam langkah ke 2. 16
  17. 17. Langkah 2:Penerangan: Dalam langkah ke 2 anda akan dipaparkn dengan maklumat berkaitan kemudahan sokongan dansetting pada system hosting yang anda gunakan. Perkar ini sangat berguna apabila anda melangganhosting internet sebenar nanti untuk anda mengetahui kualiti dan kekuatan server hosting yang andabayar dan sewa itu. Anda mungkin tidak mengetahui sepenuhnya keperluan sebenar yang dikehendaki oleh aplikasiJoomla, tetapi anda boleh semak seperti paparn di atas. Dalam kotak pertama pastikan tiada tanda “No”berwarna merah dipaparkan. Kerana senarai dalam kotak pertama ini sangat perlu untuk Joomla bekerjaseperti kemudahan aplikasi yang menyokong kod PHP, Zlib, XML, MySQL dan lainyer. Jika tiada aplikasiini laman web anda tidak akan bekerja dan boleh digunakan. Proses installasi akn berhenti jika dalamkotak pertama ini ada yang bertanda “No”. Begitu juga dengan kotak kedua, senari menunjukkan arhan kerja PHP untuk memberikanJoomla keselesaan untuk bekerja sebagai laman web yang sempurna. Semak antara “Recommended”dan “Actual”. Pastikan mengikut seperti yang dicadangkan dalam “Recommended”. Tetapi aplikasiJoomla masih boleh diinstall walaupun ada tanda merah “On” dipaparkan. Kerana ad sesetengahcadangan boleh diatasi secara manual dan menggunakan penambahan fungsi selepas proses installasinanti. Teruskan ke langkah 3 dengan butang “Next”. 17
  18. 18. Langkah 3:Penerangan: Pada langkah ke 3 ini pengguna perlu membac dan memahami perjanjian dan kontrakpenggunaan aplikasi Joomla. Dalam akuan perjanjian ini dinyatakan jenis warranty, sekatan atauhalangan membuat duplikasi, jenis lesen penggunaan dan terma dan syarat penggunaan aplikasi Joomla. Anda tidak perlu risau menggunakan, menyalin dan mengedar aplikasi Joomla kerana iadiisytiharkan sebagai aplikasi sumber terbuka (Open Sources) yang berada di bawah lesen “GNU GeneralPublic License”. Anda boleh menduplikasi aplikasi atau membuat penambahan dan pengurangan padasistem Joomla mengikut keperluan dan kesesuaian yang perlu untuk laman web anda. Pastikan anda tidak lagi menggunakan laman web yang dipublishkan kepada umum tetapidihasilkan dengan menggunakana perisian yang tidak sah (cetak rompak). Ia bukan sahaja salah darisegi moral malah melanggar undang-undang cyber seperti Akta Komunikasi dan Multimedia, AktaHakcipta malah melanggar Undang-undang Negara. 18
  19. 19. Langkah 4:Penerangan: Dalam langkah ke 4 ini anda perlu memasukkan maklumat berkaitan dengan Database andaiaitu jenis database (pilih MySQL), nama host bagi database MySQL anda ( biasanya nombor IP ataudomain – untuk proses pembelajaran ini masukkan sebagai “localhost”). Jika anda menggunakan MySQL secara online anda perlu membina dahulu satu database barubeserta dengan satu nam database, satu nama “username” dan satu katalaluan (password). Prosesmembina database dapat dilakukan menggunakan antaramuka MySQL yang dipanggil PHPMyAdmin. Setelah anda mendapat database baru dengan usernam dan passwordnya, lakukan proses inidengan memasukkan semua maklumat tersebut dalam ruangan Username, Password dan DatabaseName. Tetapi untuk proses pembelajaran ini anda masukkan; Username = root , Password = usbw danDatabase Name = joomla_db1 Teruskan proses ke langkah 5 menggunakan butang “Next”. 19
  20. 20. Langkah 5:Penerangan: Pada langkah ini anda boleh menetapkan sama ada ingin menggunakan FTP layer iaitu sistemuntuk anda menguruskan fail-fail ke dalam Joomla. Proses ini dapat membantu anda menguruskankemasukan dan pengurusan fail ke dalam sistem Joomla dengan lebih terkawal dan selamat. Jika anda pengguna baru dan tidak mahu terlalu remeh dalam mengendalikan Joomla, sayacadngkan pilih sahaja tidak menggunakan FTP layer ini. Jika anda tidak mahu menggunakan kemudahanini pilih “No” dan teruskan ke langkah seterusnya dengan butang “Next”. Jika berminat dengan kemudahan ini anda pilih “Yes” kemudian masukkan “FTP User” iaituusername bagi akun FTP anda, diikuti dengan katalaluannya (password FTP). Pada FTP Root Path tuliskanlokasi root Joomla anda, contoh jika dalam USB drive – E:/USBWebserver/root/joomla atau jika pathonline masukkan seperti ini - /home/lamankumynet/public_html/joomla Tetapi setiap kali anda ingin buka, memasukkan, edit dan memadh fail, layer akan berfungsi danmeminta kepastian identiti anda. Anda perlu masukkan username dan katalaluan jika salh layer akanmenghalang aktiviti anda. Cadangan saya pilih “No” bagi pengguna baru Joomla bagi melancarkan proses pembelajarandan kerja-kerja membina laman web anda. Teruskan dengan butang “Next” untuk ke langkahseterusnya. 20
  21. 21. Langkah 6:Penerangan: Dalam langkah ini anda perlu menetapkan satu konfigurasian tentang laman web andaantaranya, menamakan laman web anda – contoh: Laman Joomla 1.5 – Azmi. Anda juga perlu memasukkan alamat email untuk urusan penerimaan dan pengiriman emailselaku Administrator web. Masukkan alamat email yang sah dan aktif – contoh: azmi@lamanku.my . Seterusnya masukkan kata laluan/ password (rahsiakan) untuk anda masuk ke backend iaitumasuk ke Halaman kawalan web atau Admin Control Panel Site. Untuk tujuan pembelajaran andadigalakkan menggunakan data sample untuk memberikan anda satu laman contoh yang lengkap. Klikpada “Install sample data” dan seterusnya klik butang “Next” untuk ke langkah terakhir. 21
  22. 22. Langkah 7:Penerangan: Pada langkah ini anda perlu buat catatan tentang nama “Username” anda dankatalaluan/password yang anda masukkan semasa langkah ke 6 tadi. Ini untuk kegunaan bila berlakumasalah anda hilang/lupa username atau katalaluan anda di masa hadapan. Anda juga diingatkan dengan mesej merah seperti di sebalah. Apa yang anda perlu ikuti seperti diarahkan ialah, anda masuk ke direktori root seterusnya ke folder joomla dan padam folder bernama “installation”. 22
  23. 23. Setelah anda padamkan folder “installation” maka selesailah proses memasang laman web joomla andadan kini ia telah sedia digunakan. Untuk ke halaman hadapan (frond-end) Joomla taipkan URL nyaseperti ini http://localhost:8080/joomla dan paparn seperti di bawah akan anda lihat.Front-end JoomlaPaparan ini adalah berbeza jika admin menggunakan template Joomla yang berbeza untuk lamanwebnya. Jika admin menggunakan template Milkyway, paparan adalah seperti ini. 23
  24. 24. Seterusnya anda boleh juga melihat paparan halaman kawalan admin (Cpanel Admin / back-end)dengan URL ini : http://localhost:8080/joomla/administrator dimana anda sambung perkataanadministrator pada URL asal.Back-end Joomla Sebelum anda berjaya masuk ke halaman utama Cpanel Admin, anda perlu masukkan username dan katalaluan seperti yang saya minta anda catatkan pad langkah ke 7 tadi. Jika username dan katalaluan yang anda masukkan tepat, halaman utama Cpanel Admin akan dibuka dan dipaparkan seperti di bawah:Jika anda rasa sukar menggunakan USBWebser anda boleh melangkau langkah-langkap installasiwebserver dan Joomla seperti diterangkan di atas dengan menggunakan Webserver MoWes. MoWesdidatangkan dengan pakej Webserver dan Joomla! sekali dalam satu pakej. 24
  25. 25. 2. Webserver II- MoWes Webserver.Jika anda memilih webserver MoWes, anda akan memperolehi webserver dan Joomla sekaligus.1. Download file dari laman pembekal; Untuk mendapatkan pakej aplikasi MoWes anda boleh muat-turun daripada laman web : http://www.chsoftware.net/en/ Anda boleh pakej yang mengandungi keperluan sebuah webserver iaitu Apache, MySQL, PHP dan Joomla. Pastikan juga anda memilih beberapa tools untuk kemudahan menyelenggara webserver dan web anda nanti seperti PHPMyAdmin dan ImageMagick. Kegunaannya akan diterangkan nanti.2. Unzip; Setelah anda berjaya muat turun, fail tersebut adalah dalam pakej termampat (zip) dengan nama fail ‘mowes_portable.zip’ . Gunakan aplikasi yang ada dalam komputer anda untuk menyahmampat (unzip) fail tersebut dan letakkan sama ada di dalam peranti storan komputer anda atau ke dalam USB drive.3. Pasang MoWes: Pakej yang anda telah nyahmampat akan dipecahkan kepada beberapa fail dan folder seperti di bawah. Langkah seterusnya yang anda perlu lakukan adalah memasang (install) aplikasi pakej webserver MoWes. Untuk tujuan tersebut anda perlu 2x klik pada aplikasi dengan ikon dengan nama fail ‘mowes.exe’. 25
  26. 26. 4. Pemasangan Aplikasi MoWes; Anda boleh jalankan proses pemasangan dengan mengikuti langkah-langkah berikut- Jika amaran keselamatan seperti di bawah dipaparkan, klik pada ‘Run’.5. Seterusnya bila aplikasi dibenarkan berjalan, paparan logo dan tetingkap installasi seperti di bawah akan dipaparkan. 26
  27. 27. 6. Langkah installasi akan meminta anda membuat pilihan bahasa yang anda akan digunakan semasa proses pemasangan ini. Pilih sahaja bahasa ‘English’, diikuti dengan menekan butang OK untuk meneruskan proses.7. Kemudian diikuti dengan paparan tetingkap terma dan syarat penggunaan aplikasi webserver ini. Jika anda bersetuju dengan terma dan syarat tersebut klik pada kekotak “I understand and accept this conditions…..” diikuti tekan pada butang OK untuk meneruskan proses. 27
  28. 28. 8. Proses seterusnya akan memasang satu persatu pakej yang mengandungi Apache, MySQL, PHP, Joomla, PHPMyAdmin dan ImageMagick. Anda tunggu dan ikuti setiap arahan dan langkah pemasangan pakej-pakej tersebut sehingga selesai.9. Semasa proses memasang pakej-pakej aplikasi jika komputer memaparkan tetingkap seperti ini anda pilih OK yang menunjukkan anda ingin pakej aplikasi tersebut dipasang. Lakukan perkara yang sama jika berulang. 28
  29. 29. 10. Seterusnya, bila aplikasi sempurna di pasang ke dalam folder ‘Mowes_Portable’, aplikasi seperti MySQL dan Apache akan menghidupkan dirinya. Jika komputer anda meminta kebenaran seperti tetingkap di bawah anda pilih ‘Allow access’ sebagai kebenaran untuk aplikasi dihidupkan. Ulang perkara sama jika Apache juga ingin dihidupkan.11. Tetingkap di bawah juga dipaparkan sebagai pemberitahuan tentang kerja dan amaran berkaitan aplikasi MySQL. Klik pada OK menandakan anda memberikan kebenaran untuk kerja dan faham amaran tersebut. 29
  30. 30. 12. Jika semuanya berjalan lancar dan sempurna, tetingkap pelayar web (browser) anda akan menghidupkan index start bagi aplikasi MoWes Webserver seperti di bawah: URL untuk laman ini adalah http://localhost/start/index.php.... Ambil perhatian tentang username dan katalaluan bagi pakej Joomla anda iaitu ; Username: ‘admin’ dan password: ‘password’.13. Seterusnya klik pada butang ‘Back’ dan halaman utama webserver MoWes akan dipaparkan seperti di sebelah. Pada halaman ini ditunjukkan semua aplikasi yang sedang bekerja di dalam webserver MoWes iaitu Apache, PHP, MySQL dan ImageMagick. Ditunjukkan juga aplikasi pakej web yang terdapat dalam webserver ini iaitu web yang akan anda pelajari iaitu Joomla dan lain-lain seperti PHPMyAdmin yang akan digunakan sebagai antara muka MySQL anda nanti. 30
  31. 31. 14. Selain tetingkap utama pada bowser internet anda, terdapat juga tetingkap aplikasi MoWes seperti di bawah dipaparkan pada desktop anda. Tetingkap ini juga menyatakan sama ada Apache dan MySQL anda bekerja atau tidak. Anda boleh menutup dan memberhentikan ia bekerja dengan menekan butan ‘Stop Server’ atau menamatkan fungsi webserver dengan menutupnya menggunakan butang ‘End’. 31
  32. 32. 15. Semasa webserver bekerja anda boleh melayari laman web secara offline tetapi terus dari webserver anda dengan URL http://127.0.0.1/... Atau http://localhost/... Diikuti dengan nama folder projek web anda contoh http://127.0.0.1/joomla dan sebagainya. Lihat contoh di bawah: Front-End Joomla!. Anda boleh buka back-end Joomla dengan URL http://127.0.0.1/joomla/administrator .16. Pada sebarang masa, jika anda ingin menghidupkan webserver anda dan bekerja membina laman web, anda mulakan dengan menghidupkan dahulu webserver MoWes pada ikon seperti di sebelah pada desktop anda. Atau klik pada ikon aplikasi mowes.exe pada folder ‘mowes_portable’ anda di dalam drive komputer atau di dalam USB drive anda. 32
  33. 33. Bagaimana membuat pilihan?Jika anda ingin menggunakan Joomla! tanpa perlu mengetahui bagaimaana proses installasinya di dalamwebserver, pilihlah MoWes.Jika anda ingin pantas menggunakan laman web Joomla! tanpa kerenak dan proses installasi yangrencam atau anda adalah pengguna baru Joomla, saya cadangkan anda menggunakan MoWes.Walau bagaimanapun kedua-duanya adalah webserver yang ringan (light) di mana libry dan fungsidalam system server local ini adalah sedikit dan terhad. Untuk permulaan adalah sesuai tetapi untukperingkat advance dan lebih tinggi dicadangkan anda menggunakan webserver lain yang lebih besar danlengkap seperti XAMPP atau WAMP. 33
  34. 34. Panel Kawalan Joomla!Pengenalan dan Login ke Panel Kawalan Untuk membolehkan anda masuk ke panel kawalan (Control Panel Administrator) anda perlumengetahui Username dan Password untuk laluan ke back-end (belakang pentas) untuk mengendalikansecara konfigurasian dan kawalan ke atas laman web Joomla. Jika anda mempunyai atau mengetahui dua perkara tersebut, sekarang gunakan pelayarinternet anda dan tetapkan alamat URL untuk ke halaman CPanel Admintersebut iaitu. Caranya padaakhir URL lengkap anda (untuk membuka web Joomla) masukkan perkataan ‘ administrator ’ contoh: http://localhost/joomla/administrator Penting! : Jika anda menggunakan webserver yang menggunakan nombor IP anda gantikan localhostdengan 127.0.0.1 dan terdapat juga webserver yang perlu anda memasukkan nombor port laluancontoh : localhost:8080 dan sebagainya. Pastikan anda gunakan URL yang betul untuk localhost sepertiyang dikehendaki oleh webserver yang anda gunakan. Jika URL anda tepat tetingkap yang memerlukan anda mengisi maklumat username danpassword seperti di bawah akan dipaparkan. Masukkan dua maklumat itu dengan betul dan klik padabutang ‘Login’. Panel Login Administrator Joomla Login Ke Panel Kawalan Admin 34
  35. 35. Setelah anda berjayamemasukkan username dan katalaluan yang SAH anda akan dapat aksesterus ke halaman utama Cpanel Admin /Panel Kawalan Admin Joomla. Anda akan perolehi paparantetingkap seperti ini: Halaman Utama Panel Kawalan Joomla!. Anda kenali dan fahami setiap fungsi yang terdapat pada laman utama CPAdmin ini, kerana andaakan lebih banyak bekerja di bahagian ini untuk mengendalikan persembahan dan konfigurasian lamanweb anda. 35
  36. 36. Bahagian atas halaman ini disediakan beberapa kemudahan iaitu; 1. Pengenalan kepada nama laman web dan versi Joomla yang anda gunakan 2. Top Menu Kiri untuk kerja-kerja administrator dan Top Menu Kanan untuk membuka paparan web (front-end), statistik email dan pengguna di talian admin serta butang log keluar dari panel kawalan ini. Menu-menu kerja administrator di bahagikan kepada Site, Menus, Content, Components, Extensions, Tools dan Help. Setiap satu mempunyai fungsi dan guna kerja yang berbeza. Berikut adalah pecahan fungsi bagi setiap menu kawalan yang anda perlu fahami dan kenali fungsinya: 2.1 Site Penerangan & Sub menu: Submenu Fungsi Control Panel Menu ini anda boleh gunakan pada sebarang masa untuk anda kembali ke paparan Halaman Utama Panel Kawalan ini. Jika anda berada di halaman lain, gunakan butang ‘Control Panel’ dan paparan kembalu ke halaman ini. User Manager Menu untuk anda membuka ‘User Manager’ untuk melihat ahli yang telah mendaftar, atau ingin mengedit maklumat ahli sedia ada, atau ingin mendaftar secara manual ahli baru. 36
  37. 37. Media Manager Jika anda memerlukan media seperti grafik dan animasi dengan format fail .jpg .bmp .png atau .gif , semua fail tersebut dimuat naik dan diselenggara menerusi ‘Media Manager’. Anda juga boleh mencipta folder-folder khusus untuk memudahkan penulisan artikel nanti. Semua grafik untuk tujuan penulisan artikel perlu di simpan dalam submenu utama bernama ‘Stories’. Global Configuration Konfigurasian utama laman web seperti nama laman, menutup semetara perkhidmatan web, maklumat tentang laman, sistem dan server termasuk nama database dan alamat mail admin semuanya terletak dalam ‘Global Configuration’. Logout Kemudahan untuk anda keluar dari laman kawalan admin. Anda perlu ‘logout’ apabila berhenti dari bekerja di halaman kawalan supaya tidak disalahguna oleh pengguna lain yang tidak bertauliah.2.2 Menus Penerangan & Sub menu: Submenu Fungsi Menu Manager Menu ini membantu anda memaparkan semua module menu yang ada di halaman anda. Anda boleh membina module menu baru, mengedit, menduplikasi dan juga menghapuskan module menu sedia ada. Menu Trash Semua module menu yang anda hapuskan disimpan sementara di ‘Menu Trash’ jika anda ingin menggunakannya kembali anda boleh masukkan semula ‘Restore’ ia ke ‘Menu Manager’ dan aktifkan semula. Main Menu Ini adalah andatara module menu yang diberi nama ‘Main Menu’, anda boleh edit kepada nama lain menggunakan 37
  38. 38. Menu Manager. Anda perlu berada dalam menu ini ntuk membina submenu dan anak-anak menu baginya. Anda boleh tambah menu, edit, salin dan buang menu sedia ada. Setiap menu dihasilkan sama ada dari pautan dalam (internal link), pautan luar (external link), separator (selitan/placeholder) dan alias (pautan kepada menu sedia ada). User Menu, Top Menu, Semua nama-nama module menu yang terdapat dalam Resources, Ecample Pages & laman sample. Anda boleh tambah, edit, rename, salin Key Concepts dan buang module-module menu sedia ada ini dan gantikan dengan nama-nama yang sesuai dengan keperluan dan kehendak laman web anda.2.3 Content Penerangan & Sub menu: Submenu Fungsi Article Manager Menu ini boleh membantu anda memaparkan semua artikel yang terdapat di halaman anda. Anda boleh filter/sisihkan artikel mengikut nama penulis, jenis category atau section untuk memudahkan carian artikel. Menerusi menu ini anda boleh buat artikel baru, edit, salin dan hapus artikel sedia ada. Article Trash Semua artikel yang telah dipadam tidak terhapus terus tetapi tersimpan di dalam ‘Article Trash’. Anda boleh masukkan kembali (restore) artikel yang telah dipadam ini kembali ke Article Manager dan aktifkannya semula. Section Manager Sebelum anda boleh menulis artikel perlu ada dahulu ‘section’ untuk meletakkan artikel tersebut. Pada ‘Section Manager’ anda boleh mencipta section baru, dan juga mengedit atau memadam section sedia ada. Category Manager Selepas ada section perlu pula ada category. Pada ‘Categori Manager’ anda boleh mencipta category untuk setiap section yang telah dicipta. Anda juga boleh mengedit serta memadam category sedia ada. 38
  39. 39. Front Page Manager Mana-mana artikel yang penting boleh anda paparkan pad halaman utama (Front Page). Pemilihan dan susunan artikel untuk paparan di halaman utama boleh di selenggara menggunakan ‘Front Page Manager’. Anda juga boleh menutup dan membuka paparan artikel menerusinya.2.4 Components Penerangan & Sub menu: Submenu Fungsi Banner, Contacts,News Feeds, Component adalah aplikasi kecil dalaman yang Polls, Search & Web Links membantu anda menyediakan banyak kemudahan di dalam laman web Joomla. Antaranya seperti banner, contact, news feeds, polls, search dan web link. Setiap satu sistem aplikasi tersebut mempunyai menu kawalannya pada submenu ‘Components’. 3rd Party Component: Anda boleh juga menambah beberapa lagi component Forum, Download, Gallery, baru kepada web Joomla anda. Component tambahan ini ….. dikenali sebagai 3rd party component kerana ia datang dari pihak ketiga. Anda boleh dapatkan pakej component dari sumbernya secara download dan kemudian install (pasang) ke laman andaa. Antara yang popular seperti forum, download sistem, gallery dan banyak lagi. Catatan: Untuk memudahkan pengendalian anda terhadp component 3rd party yang anda ingin pasang dan gunakan pada laman web anda, sila pastikan anda mempunyai manual/panduan menggunakan component tersebut dari laman web anda memuat- turunnya. 39
  40. 40. 2.5 Extensions Penerangan & Sub menu: Submenu Fungsi Install/Uninstall Menu ‘Intall/Uninstall’ adalh kemudahan untuk anda menambah sebarang 3rd party pakej sama ada component, module, template, plugin atau language. Anda juga boleh uninstall mana-mana pakej tersebut yang anda tidak mahu lagi pad laman web anda. Untuk melakukan pemasangan anda dapatkan secara muat turun pakej yang dikehendaki dan di pasang menggunakan kemudahan ini dalam bentuk fail termampat (.zip). Module Manager Semua modul sedia ada atu model baru yang anda install boleh dilihat dan dikawal menggunakan ‘Module Manager’ ini. Anda boleh tentukan lokasi letak modul pada halaman hadapan (front-end) mengikut lokasi yang disokong oleh template yang anda gunakan. Anda juga boleh konfigurasi dan edit module anda di sini. Plugin Manager Sama seperti module manager, ‘Plugin Manager’ berfungsi menyenaraikan plugin yang ada termasuk yang baru diinstall. Kawalan lain adalah untuk mengedit penggunaan dan keaktifan plugin sedia ad. Template Manager ‘Template Manager’ pula menyenaraikan semua template yang ada dan mengawal pemilihan dan mengedit template pilihan (default). Anda perlu sedikitpengetahuan untuk mengedit template anda seperti koding CSS dan HTML. Anda juga boleh mengenal pasti lokasi yang disediakan oleh template untuk module dan konfigurasian lain yang berbeza mengikut template. Language Manager Pada ‘Language Manager’ anda boleh melihat senarai bahasa yang terdapat pada laman anda. Anda boleh tentukan bahasa mana ingin diaktifkan dan dijadikan bahasa pada penggunaan web anda. 40
  41. 41. 2.6 Tools Penerangan & Sub menu: Submenu Fungsi Read Messages Apabila anda login ke Cpanel Admin, anda boleh lihat pad sisi atas kanan sama ada mesej atau tidak untuk anda. Jika ada pada ikon surat terdapat angka menunjukkan bilangan mesej yang ada dalam peti mesej anda. Boleh klik pada ikon tersebut atau pada menu ‘Read Messages’ untuk membaca/buka kiriman mesej itu. Write Message Anda boleh menulis mesej kepada semua pengguna berdaftar di laman web anda secara personal dengan memilih seorang nama pengguna untuk menerima mesej anda. Pilih nama penerima, tulis tajuk, seterusnya tulis mesej dan klik ‘send’. Mass Mail Kemudahan ini membolehkan admin mengirim email kepada email pengguna. Satu email boleh dikirim kepada satu kumpulan pengguna. Contoh, anda boleh mengirim satu email kepada semua pengguna berdaftar (register) di laman anda terus ke alamat email mereka. Global Check-in Kemudahan ini membolehkan anda menyemak jadual (table) pangkalan data anda. Jika data tertentu pada jadual di isi, akan dicatatkan bilangannya (item) untuk rujukan dan pengetahuan anda sebagai admin. Clean Cache Pada ‘Global Configuration’ anda boleh aktifkan ‘cache’ tetapi ini akan menyebabkan laman web anda slow sedikit. Jika anda mengaktifkan cache, anda boleh mengosongkan cache lama dengan butang ‘Clean Cache’. Purge Expired Cache Cache lama yang anda yang telah melebihi masa (expired) boleh dibuang terus untuk mengecilkan simpanan dalam storan hosting anda dengan menggunakan kemudahan ‘Purge Expired Cache’. Tetapi cache semasa tidak akan hilang hanya cache yang telah luput tarikh sahaja yang akan dibersihkan terus. 41
  42. 42. 2.7 Help Penerangan & Sub menu: Submenu Fungsi Joomla! Help Butang ini akan membuka kemudahan bantuan yang dijana terus secara talian ke server Joomla!. Banyak persoalan boleh dicari dan penyelesaiannya dicadangkan pada halaman bantuan (help) ini. Banyak pautan, menu sisi atas dan cadangan penyelesaian secara talian terus disediakan untuk membantu anda yang baru mengenali Joomla! untuk menjadi admin yang cekap dan mahir. Sistem Info Semua informasi berkaitan web boleh anda semak menggunakan tab-tab semakan bagi; System info, PHP setting, configuration file, directory information dan PHP Information. Info ini berguna jika anda ingin bertukar server dan menyediakan server dan sistem berkaitan untuk memantapkan kerja pada laman web anda.Selain dari menu-menu kawalan di atas anda juga boleh menggunakan ikon kawalan pada halamanutama. Kebanyakan menu ini merupakan perkara dan pautan kepada perkara-perkara penting dan kerapdiurus dan dikendalikan selaku seorang admin. Anda boleh menggunakan ikon-ikon ini jika tidak mahumemilih menu kerja seperti diterangkan sebelum ini.Contoh ikon menu yang terdapat di halaman utama Cpanel Admin; Ikon Penting / Popular Dalam Kerja Pengendalian Administrator. 42
  43. 43. Penerangan Ikon dan Fungsi: Ikon Fungsi Memudahkan anda untuk terus membuka Editor Pengarangan WYSIWYG untuk menulis satu artikel baru. Membuka ‘Artikel Manager’ terus untuk melihat senari artikel. Untuk terus membuka ‘Front Page Manager’ untuk memilih, menyusun dan menyelenggara semua artikel pilihan untuk di paparkan di halaman utama (Front Page). Terus membuka editor untuk mencipta section baru. Terus membuka editor untuk mencipta category baru Terus ke ‘Media Manager’ untuk menguruskan folder dan fail berkaitan grafik yang akan digunakan dalam banner dan artikel web anda. Membuka ‘Menu Manager’ untuk pengurus dan pengendalikan semua menu yang perlu dan wujud dalam laman anda. 43
  44. 44. Membuka terus ‘Language Manager’ untuk memilih bahasa utama dan melihat senarai bahasa lain yang telah diinstall ke laman anda. Membuka ‘User Manager’ untuk menambah, membuang, mengedit dan reset katalaluan untuk pengguna berdaftar dengan laman web anda. Membuka terus menu ‘Global Configuration’ untuk membuat penetapan dan setting konfigurasian bagi site, sistem dan server yang digunakan oleh laman web anda.Satu lagi kemudahan yang terdapat di halaman utama Cpanel Admin ini adalah kemudahan maklumatyang saya panggil Tools Panel Info - mengandungi perkara-perkara seperti di bawah:Terdapat 6 pecahan dalam Tools Panel Info;Nama bahagian Kandungan InformasiWelcome to Joomla! Ucapan dan maklumat untuk anda sebagaai pengunjung ke halaman kawalan admin ini.Logged in Users Menyenaraikan pengguna yang log masuk ke laman anda sama ada di halaman kawalan (back-end) atau di halaman hadapan (site/front-end).Popular Menyenaraikan nama artikel yang paling banyak dibaca (hits) dengan senari tajuk dan tarikh artikel ditulis.Recent added Article Menyenarikan artikel terkini, tajuk artikel, tarikh dan nama penulisnya.Menu Stats Menyenaraikan nama-nama module menu dan bilangan item menu yang menjadi submenunya.Joomla! Security Newsfeed Maklumat kawalan entiti berita berkaitan yang disambung kepada ‘Newsfeed Joomla!’. Berita berbentuk ‘Newsfeed’ ini hanya dipersembahkan jika anda mempunyai capaian internet sahaja. 44
  45. 45. Membina Kandungan Web & Menu Joomla! adalah sebuah CMS atau Sistem Pengurusan Kandungan, ini bermakna isi kandunganuntuk web adalah tugasan utama yang diselenggara secara sistematik menggunakan aplikasi Joomla ini.Dalam setiap aplikasi CMS, isi kandungan atau ‘content’ adalah raja. Maknanya, isi kandungan adalahyang perkara utama yang perlu dimuatkan daan dibangunkan bukannya module, wiget, template atautheme, component dan sebagainya. Pembangunan dan kerja memuatkan isi kandungan ini ada kaedahatau konsepnya. Ciri-ciri dan aturan yang sistematik digunakan di dalam Joomla! bagi tujuanpembangunan isi kandungannya. Konsep Isi Kandungan (Content) Perkara terpenting dalam sesebuah laman web adalah isi kandungan (content) iaitu maklumat yang disalurkan oleh sesebuah laman web. Laman web yang baik adalah laman web yang kaya dengan maklumat. Untuk memudahkan pengguna memperolehi maklumat, semua isi kandungan perlu dipersembahkan dengan baik serta mempunyai menu atau sambungan (hyperlink) kepada artikel yang disediakan menerusi laman web. Web yang baik juga bercirikan interaktif dan mesra pengguna. Untuk menghasilkan artikel di dalam Joomla! anda perlu mengetahui konsep isi kandungannya. Kerana Joomla! mempersembahkan artikelnya secara bersistematik. Kaedah terancang ini perlu dipatuhi bagi memudahkan admin membina menu atau capaian kepada artikel yang dikarang. 45
  46. 46. Konsep isi kandungan dalam Joomla! boleh di jelaskan oleh diagram-diagram di bawah. Maklumat Section Diagram 1Bagi menyalurkan maklumat, perkara utama yang perlu ada adalah section. Section adalah skopbesar mewakili suatu bidang/pecahan utama suatu kumpulan maklumat. Eg: Produk/Perkhidmatan. Maklumat Section Category Diagram 2 Diagram 2 menunjukkan di mana dalam satu section wajib/mesti ada sekurang-kurangnya satu Category. Maknanya dalam satu section boleh ada lebih dari satu category. Artikel tidak akan wujud jika dalam section tiada category. Contoh category adalah Produk Kesihatan. Maklumat Section Category *Artikel1 *Artikel2 *Artikel3 *…. * Diagram 3 46
  47. 47. Setelah wujud section dan category, barulah anda boleh masukkan/tulis artikel sebagaimaklumat yang ingin disampaikan. Banyak artikel boleh ditulis mengikut pecahan categorynya.Contoh artikel (tajuk artikel)  Category Produk Kesihatan  Section Produk ; i. Khasiat Produk A – Artikel/maklumat penggunaan produk A. ii. Khasiat Produk A – Khasiat dan Testimoni penggunaan produk A. iii. Pengambilan Produk B – Artikel/maklumat penerangan penggunaan produk B. iv. Kempen Penggunaan Produk C – Artikel/maklumat kempen jualan produk C. Cara Pengunaan Produk A Khasiat dan Testimoni Produk/ Perkhidmatan Penerangan Produk B Produk Kempen Produk C Jualan Section Category Artikel Aliran Konsep Kandungan Joomla!Jika terdapat Category lain, anda perlu cipta category baru untuk mewakili categori keduaseterusnya baru anda boleh tulis artikel dan maklumat berkaitan category tersebut. Tiada hadbilangan artikel ditetapkan untuk sesuatu category. Tetapi setiap section perlu ada sekurang-kurangnya satu category sebelum boleh menulis artikel/maklumat berkaitanperkhidmatan/produk berkaitan. Boleh ada lebih dari satu category untuk satu section. 47
  48. 48. Untuk mencipta section, anda gunakan ‘Section Manager’. Untuk mencipta category, gunakan ‘Category Manager’. Untuk menulis artikel boleh gunakan terus ikon ‘Add New Article’. Atau boleh juga buka dahulu ‘Article Manager’ kemudian klik ‘New’. Pastikan 3 perkara ini digunakan ketika anda menghasilkan isi kandungan web Joomla!. Section, Category dan Article. Mencipta Section Pada Section Manager pilih New. Editor Mencipta Section Baru 48
  49. 49. Lengkapkan pada ruangan ‘Title’ dengan tajuk/nama section anda. Pada ‘Alias’ boleh tulis nama unik kepada tajuk tersebut sebagai ID atau abaikan kosong. Pada ‘Publish’ pilih Yes. ‘Access Lavel’ adalah bermaksud level pengguna yang boleh mengakses maklumat ini, pilih ‘Public’ jika membenarkan semua orang boleh mengaksesnya, atau pilih ‘Register’ jika anda hanya mahu ahli web yang mengaksesnya. Jika anda pilih ‘Special’ hanya pengguna aras tinggi seperti ‘Super Admin’, ‘Administrator’ dan ‘Manager’ sahaja yang boleh mengaksesnya. Jika ingin meletakkan imej, pilih imej yang disenaraikan dalam ‘Image’ dan jika telah memilih imej, anda boleh tentukan lokasi/kedudukannya pada ‘Image Position’. Pada ruangan ‘Description’ tuliskan maklumat/penerangan tentang section anda untuk rujukan pengguna. Pada penerangan ini anda juga boleh selitkan imej dengan menggunakan butang ‘Image’. Menggunakan editor WYSIWYG ini, anda dengan mudah boleh mengendalikan kawalan format kepada teks yang ditulis. Tetapi jika anda tidak mahu menggunakan kemudahan editor ini anda boleh pilih ‘Toggle Editor’ dimana anda tulis terus secara koding HTML pada ruangan editor toggle. Akhir sekali, simpan dengan butang ‘Save’ maka terciptalah section pertama anda. Jika anda memerlukan lebih dari satu section, ulang perkara yang sama untuk mencipta section kedua dan seterusnya. Mencipta Category Prosesnya hampir sama seperti mencipta section, gunakan ‘Category Manager’ kemudian pilih New. Editor Mencipta Category Baru 49
  50. 50. Lakukan proses yang sama seperti pencipta section tadi, cuma pada ruangan senarai section pilih nama section anda kehendaki, contoh : ‘Produk’ atau section lain yang berkaitan dengan category anda. Seterusnya lengkapkan ‘Access Level’, pemilihan grafik dan lokasi jika berkaitan dan tuliskan sedikit penerangan tentang category yang anda sedang hasilkan. Akhir sekali simpan dengan butang ‘Save’. Apabila anda kembali ke Category Manager anda akan lihat banyak senarai category lain termasuk category yang baru anda cipta tadi. Jika anda tidak mahu cipta category baru, anda boleh edit nama category sedia ada kepada nama yang ingin anda gunakan. Semuanya bergantung kepad kreativiti dan perancangan anda. Menulis Artikel Untuk mencipta article anda boleh terus menggunakan ikon ‘Add New Article’ atau anda pilih dahulu ‘Article Manager’ kemudian klik New. Kedua-dua kaedah ini akan membuka editor WYSIWYG seperti di bawah: Editor WYSIWYG untuk menulis artikel baru. 50
  51. 51. Seperti contoh tadi anda perlu tuliskan nama/tajuk artikel pada ruangan ‘Title’ diikuti dengantajuk unik pada ruangan ‘Alias’. Seterusnya pada section pilih section pilihan anda begitu jugapada ruangan category. Pada ‘Publish’ pilih Yes menunjukkan artikel akan dipaparkan. Pada‘Front Page’ anda boleh pilih Yes jika memilih memaparkannya di halaman utama. Jika pilih Noanda perlu menyediakan menu untuk membolehkan artikel ini diakses oleh pengguna.Seterusnya tuliskan sepenuhnya artikel anda dan masukkan imej jika perlu dengan butang‘Image’. Anda boleh memformat teks dengan kemudahan ikon-ikon pada editor WYSIWYGtersebut. Jika artikel panjang anda boleh pendekkan dengan memilih ‘Read more’, jika artikeldipaparkan pada halaman utama hanya sedikit artikel terpapar, selebihnya akan dipaparkan jikapengguna klik pada butang ‘Read more’.Terdapat juga butang ‘Pagebreak’, kemudahan ini untuk membahagikan halaman kepadabeberapa pecahan, Contoh artikel anda panjang, dengan sekali klik ‘pagebreak’ anda akanmenghasilkan dua halaman untuk satu artikel tersebut. Jika anda gunakan dua kali ‘pagebreak’anda akan menghasilkan tiga halaman untuk satu artikel yang sama. Anda boleh menamakansub-tajuk untuk halaman yang berbeza semasa memilih butang ‘pagebreak’, contoh; Menamakan sub-menu Untuk Artikel Yang PanjangJika anda mahir dan lebih suka menulis menggunaan koding HTML klik pada butang ‘ToggleEditor’. Seterusnya tetapkan parameter untuk artikel ini.P Parameter Article: Tetapkan nama penulis jika anda ingin gunakan nama penulis lain selain ID anda. Tentukan ‘Access Level’. Tarikh artikel ditulis telah disiapkan. Anda cuma tetapkan tarikh artikel ingin dipaparkan dan seterusnya bila artikel tamat dipaparkan. Caranya klik pada ikon dan pilih tarikh yang dikehendaki. 51
  52. 52. Parameter Advanced:Anda boleh pilih penetapan lain untuk artikelanda seperti menyembunyikan (Hide) maklumattersebut, atau memaparkannya (Show) atau lain-lain penetapan seperti yang umum (Global).Parameter Information:Di sini anda tuliskan sedikit penerangan tentangartikel termasuk kata kunci (key), robot dan namapenulis untuk metadata dan memudahkanpencarian oleh enjin carian terhadap artikel andaini. Pastikan anda simpan ‘Save’ sebelummenamatkan proses penulisan ini. 52
  53. 53.  Menu Menu adalah pintu untuk masuk ke artikel yang anda tulis untuk diakses oleh pengguna. Ini kerana semasa menulis artikel anda kebiasaannya tidak memilih supaya artikel dipaparkan pada halaman utama (front-page). Keadaan ini memerlukan anda menyediakan menu untuk membolehkan artikel tersebut diakses oleh pengguna. Jika anda memilin papar di ‘Front Page’ semasa menulis artikel tadi, pengguna boleh mengakses terus artikel anda walaupun tiada menu untuknya. Untuk mencipta menu, pilih ‘Menus’ kemudian pilih ‘Menu Manager’ untuk mencipta satu modul baru khusus sebagai menu-menu kepada artikel baru anda. Atau anda boleh terus pilih modul sedia ada pada sub menu “Menus’ seperti Main Menu, User Menu, Top Menu, … dan letakkan menu artikel sebagai sub-menu kepada modul tersebut. Tetapi untuk kali ini saya bercadang untuk menciptakan satu module menu baru dengan nama ‘MyProduk’. Untuk tujuan itu pada Menu Manager klik pula New. Anda perlu isikan semua ruangan yang dikehendaki dengan maklumat berkaitan modul menu baru anda itu. Contoh seperti di sebelah - Selepas itu simpan (Save). Apabila paparan kembali ke senarai Menu Manager, telah wujud nama menu baru anda sebagai MyProduk. Sekarang anda perlu aktifkan modul ini dan juga tentukan kedudukannya pada paparan di halaman utama (sama ada di left,right,top dan sebagainya). Untuk itu pergi ke menu kerja ‘Extension’  seterusnya pilih ‘Module Manager’. Apabila Module Manager menyenaraikan modul-modul yang ada, anda akan temui module menu yang baru anda cipta tadi, contohnya; 53
  54. 54. Paparan Module Manager.Lihat pada senarai module baris ke 4 –: module name = MyProduk –: Enable = ini bermaknamodul menu bernama MyProduk masih belum lagi aktif (Enabled). Kemudian lihat kedudukandan susunan/urutannya;Urutannya adalah sebagai modul menu pertama (1) pada lokasi kanan (left) dan akandipaparkan pad semua halaman ( All) serta modul ini berjenis menu (mod_mainmenu).Sekarang jadikan supaya ia sebegini;Modul menu bernama MyProduk akan aktif (Enabled) , berada pada urutan ke 2 selepasMain Menu, boleh diakses oleh semua level (Public) berada dikedudukan lokasi kanan (Left) dandipaparkan di semua halaman pada web ini (All).Untuk mengaktifkannya (Enabled) - klik sekali pada ikon bertanda dan ia akan bertukarkepada aktif dan ditanda sebegini: . Untuk menyusun urutan menjadi ke 2, tulis urutanmengikut susunan seperti anda kehendaki kemudian klik butang ‘save’ padabarisan Order : selepas anda tulis urutannya dalam bentuknombor-nombor seperti di sebelah kanan ini:Anda boleh ubah juga urutan module-module yang disenaraikan dengan cara lainiaitu dengan cara mengerakkannya turun atau naik menggunakan tata-tanda anakpanah begini: 54
  55. 55. Kemudian pilih sama ada turun atau naik, gerakkan module tersebut sehingga ia berada padaaurutan yang anda kehendaki.Kini menu MyProduk telah aktif, berada pada urutan ke-2 di bawah menu Main Menu. Sekarangciptakan sub-menu untuk artikel anda supaya pengguna dapat mengakses artikel yang telahanda hasilkan sebelum ini tadi.Kembali ke menu kerja ‘Menus’ dan anda akan lihat di bawah submenu tersebut ada modulmenu bernama MyProduk. Sekarang klik pada modul menu bernama MyProduk. Kemudian anda akan berada dalam Menu Item Manager: [myproduk]. Anda akan dapati masih tiada satu pun sub-menu dalam menu item manager tersebut. Untuk mencipta sub menu dalam kumpulan menu MyProduk klik pada New. Senarai MenusApabila anda klik New, menu item manager akanmembuka tetingkap Menu Item untukmembantu anda membina pautan menu anda. Pada Menu Item anda boleh membina berbagai bentuk pautan menu: 1- Internal Link: Pautan kepada Artikel/Contact/News Feeds/Pool/Search/User/Wen Link/Wrapper. 2- External Link: Pautan kepada halaman lain. 3- Separator: Pautan “Plaveholder” atau sisipan. 4- Alias: Pautan baru kepada menu sedia ada yang telah tersedia di halaman ini. 55
  56. 56. Jenis-jenis Menu Oleh kerana anda ingin mencipta menu untuk artikel yang anda sendiri tulis dihalaman ini, maka pilih Internal Link pilih Article  pilih sama ada: Menu Item 1- Archive: o Merupakan artikel karangan orang lain yang diluluskan oleh admin untuk kegunaan di laman web. 2- Article: o Memaparkan satu artikel pilihan dari senarai artikel. 3- Category: o Menu memaparkan satu Category pilihan, artikel boleh diakses dari senarai artikel dalam category tersebut Paparan dalam 2 bentuk samada List/Blog. 4- Front Page: o Mencipta menu utama/index sebagai Front Page bagi halaman anda. 5- Section: o Menu memaparkan satu Section pilihan, pengguna boleh pilih senarai Category seterusnya baru artikel. Catatan: Semua bentuk menu dalam bentuk Article ini boleh membuka artikel, sama ada dengan sekali klik (Menu Article) , 2 kali klik (Menu Category) atau 3 kali klik (Menu Section). Yang mana pilihan anda, bergantung kepada kreativiti dan perancangan anda semasa membangun laman web.Selain membina menu kepad article. Menu Item Manager juga boleh membina menu jenis Internal Linkkepada pelbagai jenis Component yang ada di halaman anda seperti Contact, News Feeds, Polls, Search,User, Web Link dan lain-lain menu yang anda tambah kemudian nanti contohnya forum, gallery, bukutetamu dan macam-macam lagi.Menu jenis Wrapper pula membina menu dalam persekitaran tema web anda tetapi boleh dipautkepada URL luar. Kemudahan ini membolehkan seolah-olah laman itu asli dari laman anda walaupunsebenarnya ia adalah halaman URL asing.Selain itu anda boleh juga membina menu berbentuk External Link (pautan luar), menu berbentukSeparator (sisipan) atau berbentuk Alias (iaitu pautan baru untuk menu yang telah sedia ada). 56
  57. 57. Rekabentuk Asas Joomla!Dalam merekabentuk web menggunakan Joomla!, seseorang admin perlu kreativiti, inovasi danberpengetahuan tentang grafik dan kod aturcara web. Pengetahuan grafik dan aturcara web tidaksemestinya dikuasai secara mendalam memadai tahu sedikit secara asas untuk tujuan modifikasi danpenghasilan rekabentuk dan keperluan pada web yang dibangunkan, melibatkan beberapa aspekantaranya: a. Templates b. Components c. Modules d. Plugin e. Language Merekabentuk web Joomla! memerlukan kepakaran dan kemahiran visual serta pengetahuanasas dalam pengaturcaraan.Kerana dengan menggunakankan Joomla! anda tidak perlu kemahiran visualdan pengaturcaraan yang tinggi. Memadai anda faham dan boleh menggunakan sedikit kemahirantersebut untuk tujuan memodifikasi, menambah dan mengubahsuai grafik, warna dan aturan paparanbagi laman anda untuk memberikan ia sentuhan dan kelainan yang unik. Dalam merekabentuk dan menghasilkan laman web yang menarik, visual yang unik, kemudahanyang lengkap dan aturan persembahan, kreatif dan inovasi dapat dihasilkan melalui kebolehan adminmengawal, membuat pilihan, dan modifikasi keperluan web Joomla! seperti Templates, Component, 57
  58. 58. Module, Plugin dan Language. Lebih menarik lagi jika admin mampu menghasilkan sesuatu yang baruseperti yang diperlukan dalam laman masing-masing.Templates, Component, Module, Plugin dan Language ini dapat memainkan peranan dalam menjadikanlaman web anda kelihatan canggih, lengkap dengan fungsi, keperluan pengguna, serta warna,persembahan, animasi, video atau video yang unik dan menarik. Sebagai admin anda perlumenguasainya satu-persatu dan mampu mengendalikan semua elemen tersebut dengan cekap dantepat. A. Merekabentuk Web Agensi Kerajaan (jika berkaitan) Khusus untuk pembangunan laman web agensi kerajaan, seperti laman kementerian, pejabat /jabatan kerajaan, portal institusi pendidikan, universiti, kolej, sekolah, badan berkanun dan sebagainyaharuslah mengikuti dan tertakluk kepada syarat dan pekeliling yang diturunkan oleh pihak berwajib. “ Pekeliling dan Panduan Laman Web Agensi dan Institusi Kerajaan.” Pekeliling Am Bil. 1 Tahun 2006 “Pengurusan Laman Web/Portal Sektor Awam” (Sumber: http://arcadia.mampu.gov.my/mampu/pdf/pa012006.pdf) Mana-mana institusi kerajaan yang berhasrat membangun dan pengurus penyaluran maklumat semestinya pengikuti pekeliling dan panduan ini sepenuhnya dan tanggungjawab ini adalah di bawah pengarah/ketua jabatan berkenaan.Berikut antara perkara dan sedikit panduan untuk tujuan pembangunan/pengurusan laman web agensikerajaan. Amalan Terbaik Global - Interaksi dengan pelanggan, Mesra pelanggan, Perkhidmatan kepada pelanggan, Ciri-ciri sokongan pelanggan & merangkumi amalan global dari segi ciri-ciri utama portal, arkitektur portal, pengurusan dan sokongan teknikal portal. Prinsip Asas Laman Web - Saluran rasmi, Maklumat rasmi, Perkhidmatan Berterusan, Kemas kini dan lengkap, Menyokong Kerajaan Elektronik, Kesediaan dan keupayaan perkakasan, perisian dan rangkaian, Mesra pengguna, Mempromosi kerajaan, Memberi penjelasan, Penggunaan bahasa yang betul & Keberkesanan kos. Perkara Yang Dilarang - Mengiklankan perkhidmatan yang ditawarkan oleh pihak luar, Memaparkan isu-isu sensitif, Menyebarkan perkara-perkara yang tidak ada kaitan dengan perkhidmatan yang ditawarkan oleh agensi, Memaparkan kenyataan-kenyataan yang boleh menjejaskan imej kerajaan. 58
  59. 59.  Ciri-ciri Asas Mandatori Laman Web - Penyataan perkataan laman web rasmi, Jata (crest) kerajaan, Logo rasmi agensi, Penyataan pengenalan agensi, Dasar-dasar utama agensi, Piagam pelanggan agensi, Maklumat perkhidmatan agensi, Maklumat untuk dihubungi, FAQ, Pernyataan penafian, Dasar Privasi, Dasar Keselamatan, Kemudahan maklum balas/komen, Fungsi luput secara automatik, Keupayaan muat turun, Kemudahan search engine, Kandungan laman web sekurang-kurangnya dalam dua bahasa, Pautan ke myGovernment, Agensi yang melaksanakan aplikasi MSC, meletakkan logo MSC Malaysia, Site map, Domain “.gov.my” & Notis hak cipta. Ciri-ciri Tambahan Laman Web - Memaparkan klip video/audio perkhidmatan agensi, Capaian sokongan, Kemudahan W3C Disability Accessibility, Pengguna buta warna, Pengguna cacat penglihatan, Pengguna cacat pendengaran & Warga tua. Ciri-ciri Portal - ditambah dengan perkhidmatan online yang disediakan, Tandatangan digital, Saluran pembayaran secara elektronik, Pengawalan had capaian (access control rights) & Ciri-ciri remember me Langkah-langkah Keselamatan – keupayaan system web untuk backup dan restore, Kawalan keselamatan (pentadbiran, logical, fizikal), Pengesahan Kuasa (Authorization), Pengesahan Capaian (Authentication), Encryption, Protokol & Penamatan Sesi. Pengukuran Prestasi - Bilangan perkhidmatan online dalam tempoh setahun, sebulan/seminggu, Bilangan capaian kepada sesuatu topik, Bilangan carian yang gagal dan Kepuasan hati pelanggan termasuk penghargaan dan maklum balas membina.  Tanggungjawab Agensi – Mematuhi prinsip dan ciri digariskan, melaksanakan langkah keselamatan, pengukuran prestasi web & mewujudkan pasukan tadbir urus laman web.  Tadbir Urus Laman Web/Portal Sektor Awam - Menetapkan matlamat, merangka strategi penyaluran maklumat, pengisian maklumat, mempromosi laman web, semak broken link, kemaskini maklumat, penerbitan maklumat terkini, menambah kandungan baru, menambahbaik susun-atur dan grafik serta menguruskan pangkalan data. Pematuhan kepada pekeliling ini adalah mandatori dan hanya boleh diabaikan jika perkar tersebut tiada kaitan dengan agensi atau di luar perkhidmatan yang agensi tawarkan. (Sumber: http://www.mampu.gov.my/) B. Merekabentuk Web Secara Asas Sebagai permulaan, saya terangkan bagaimana mereka bentuk lima perkara di atas secara asas tanpa melibatkan mencipta baru. Mereka bentuk secara asas ini hanya memerlukan anda menggunakan pakej-pakej template, component, module, plugin dan language yang telah disediakan oleh pembangun ketiga. Muat turun dan dapatkan pakej tersebut dalam bentuk fail termampat(zip). Terdapat dua kategori sumber perolehan bahan-bahan tersebut sama ada dari sumber terbuka (percuma) atau dari sumber komersial (berbayar). Berikut diterangkan satu-persatu kaedah mereka bentuk secara asas. 59
  60. 60. 1- Components Selain template yang menarik laman web anda juga perlu dilengkapkan dengan kemudahan yang istimewa seperti kemudahan forum, gallery, download system dan sebagainya. Pastikan anda meletakkan component tambahan yang menarik untuk menggalakkan pengguna menggunakan laman web anda. Terlalu banyak component yang boleh dimuat-turun dari pelbagai laman web. Anda boleh mencuba pelbagai component yang menarik sama ada yang diperolehi secara percuma atau berbayar. Tempat paling mudah untuk anda mencari component ada di Rumah Joomla! sendiri iaitu di http://www.joomla.org  klik pada menu ‘Extension’ dan anda pasti akan menemui pelbagai component baru di sana. Component yang anda muat turun adalah berbentuk fail termampat (.zip) , setelah anda selesai memuat turun, pergi ke panel kawalan admin Joomla! anda, klik menu Extension  kemudian pasang dengan Install/Uninstall. Caranya sama seperti anda menginstallasi template seperti yang diterangkan sebelum ini tadi. Apabila proses installasi ini berjaya, component baru anda akan disenaraikan di bawah menu Components pada Cpanel Admin anda, contoh: saya install satu component forum bernama ‘Discussions’ – dalam senarai baru component telah ditunjukkan component ini dengan nama ‘Discussions’. Anda boleh klik pada menu tersebut untuk melihat konfigurasian dan settingnya. Sebagai admin anda mesti mendapatkan manual pengendaliannya dari laman pembekal. Senarai Baru Components Setelah anda konfigur dan setting tajuk serta subtajuk untuk forum tersebut anda perlu buatkan menu untuk capaian ke atasnya. Menu anda adalah berjenis ‘Internal Link’. Untuk mencipta menu tersebut anda pergi ke ‘Menus’  pilih module menu untuk anda tempatkan, contoh – pilih ‘Main Menu’  kemudian klik New  pilih Internet Link  klik pada component bernama ‘Discussion’  lengkapkan borang menu dengan Title sebagai Forum  simpan (Save). Semak pada halaman utama web anda sudahkan menu Forum terhasil. Dan klik pada menu untuk menguji adakah paparannya akan dipaparkan dengan sempurna. Jika gagal buat semula dan pastikan semua langkah kerja anda adalah tepat dan sempurna. Semua langkah ini (installasi, konfigurasi & buat menu kepada component) perlu anda lalui bila anda install lagi suatu component kepada laman anda. Semuah laman web yang sempurna 60
  61. 61. mempunyai component yang mencukupi dan memudahkan penggunanya. Pastikan anda tidak memasukkan component yang tidak berguna kerana jika terlalu banyak component tetapi tidak berfungsi dan berfaedah hanya akan memenuhkan hosting dan melambatkan kerja sistem web anda sahaja.2- Modules Module pula adalah antara perkara yang banyak dapat dilihat dalam laman web Joomla!. Terdapat hampir 30 module yang tersedia pada pemasangan awal pakej Joomla!. Namun jumlah ini masih kurang dan tidak lengkap. Dari masa ke semasa anda perlu menambah module baru untuk menambahkan fungsi dan penyaluran maklumat yang menarik menerusi module tertentu di laman web anda. Berikut adalah sebahagian dari senarai module asal yang disertakan semasa pakej Joomla! diinstall: Module Manager – senarai module sedia ada. Tidak semua module yang dimasukkan/disediakan akan di aktifkan (Enabled). Bergantung kepada keperluan. Setiap module disusun mengikut urutan pada lokasi (position) tertentu seperti left, right, foorwe, breadcrumb, top, user1, user2 dan sebagainya. Module juga ditetapkan tahap peringkat pengaksesannya oleh pengguna, serta pada halaman tertentu sahaja 61
  62. 62. atau pada semua halaman ia akan dipaparkan untuk tatapan pengguna. Setiap module diberikanID khas untuk memudahkan penyusunan datanya di dalam sistem database.Dari masa ke semasa jika perlu anda boleh install module yang baru untuk kegunaan di halamanweb anda. Contohnya, saya ingin masukkan module yang menyatakan tentang topik danperbincangan baru dalam component forum. Saya kene dapatkan pakej module berkaitan darihalaman pembekalnya. Saya donwload pakej termampat tersebut (.zip) dan menyimpannyasementara di komputer saya. Lakukan kerja installasi yang sama seperti installasi template dancomponent tadi iaitu pergi ke menu Extension kemudian klik Install/Uninstall,  cari pakejmodule anda dengan butang Browse,  seterusnya klik butang Upload File & Install. Bilaberjaya mesej berjaya akan dipaparkan.Seterusnya pergi semua ke Extension  Module Manager, dan anda akan lihat nama modulebaru anda install tadi sudah berada dalam senarai Module Manager anda, contoh: Module Manager - Senarai ModuleJika anda perhatikan banyak juga module sedia ada yang tidak enabled. Begitu juga denganmodule yang baru anda install. Lihat pada baris ke-17 ‘Discussions RecentX’ – sekarang tukarkanstatusnya dari tidak aktif kepada aktif (enabled), klik sekali pada ikon dan ikan akanberubah menjadi . Jika anda tidak bersetuju kedudukan module ini dalam senarai posisinya,gerakkan ia supaya berada pada kedudukan yang anda kehendaki. Urutkan secaramenomborkan module atau gerakkan dengan butang anak panah .Akhirnya simpan (save) dan anda lihat paparaan halaman hadapan anda (front-end) dan andaakan lihat dimana module tersebut akan muncul. Ubahsuai jika anda tidak berpuas hati dengankedudukannya.Sama seperti components pastikan anda install sesuatu module hanya jika module tersebutpenting dan berguna di laman web anda. Jika module tersebut tidak sesuai atau sudah tidak 62

×