Membina Web Joomla v32

Membina Laman Web Menggunakan Joomla! Mohd Hazmi Kasmin Pusat Teknologi Maklumat Universiti Tun Hussein Onn Malaysia Jan 2014

Isi Kandungan 1.0 Pengenalan ............................................................................................................... 4 1.1 Sejarah Joomla! .......................................................................................................... 7 1.2 Aplikasi Joomla!.......................................................................................................... 8 1.2.1 Joomla! hari ini dan masa hadapan. ..................................................................... 8 1.2.2 Spesifikasi bagi memasang Joomla! .................................................................... 9 1.3 Rujukan ...................................................................................................................... 9 2.0 Memasang Joomla! di Komputer Sendiri. ............................................................. 10 2.1 Pakej Perisian XAMPP bagi Windows ...................................................................... 10 2.1.1 Instalasi Pakej Xampp. ....................................................................................... 12 2.2 Pakej Perisian WAMP ............................................................................................... 15 2.2.1 Muat Turun WAMP ............................................................................................. 16 2.3 Windows Web Platform Installer ............................................................................... 19 2.4 Pemasangan Joomla! Di Komputer Peribadi............................................................. 21 2.4.1 Muat Turun Aplikasi Joomla! .............................................................................. 21 2.4.2 Menyediakan Pangkalan Data MySQL ............................................................... 23 2.4.3 Pemasangan Joomla!......................................................................................... 25 2.4.4 Konfigurasi Utama.............................................................................................. 26 2.4.5 Konfigurasi Pangkalan Data ............................................................................... 27 2.4.6 Ringkasan Pemasangan .................................................................................... 28 3.0 Mentadbir laman web Joomla! ............................................................................... 31 3.1 Menu Sisi Panel Kawalan ......................................................................................... 33 3.2 Menu Utama Joomla!................................................................................................ 34 3.2.1 Menu System ..................................................................................................... 35 3.2.2 Menu Users........................................................................................................ 39 3.2.3 Menu Menus ...................................................................................................... 40 3.2.4 Menu Content .................................................................................................... 43 3.2.5 Menu Components ............................................................................................. 44 3.2.6 Menu Extensions................................................................................................ 45

Pusat Teknologi Maklumat, UTHM

2

Membina Laman Web Menggunakan Joomla!

4.0 Menggunakan Joomla! ........................................................................................... 51 4.1 Templat .................................................................................................................... 52 4.1.1 Kenapa Templat ................................................................................................. 53 4.1.2 Menguruskan Templat........................................................................................ 54 4.1.3 Memasang Templat ........................................................................................... 56 4.2 Pengurusan Artikel ................................................................................................... 59 4.2.1 Membina Kategori .............................................................................................. 60 4.2.2 Membina Artikel ................................................................................................. 61 4.3 Pengurusan Menu .................................................................................................... 64 4.3.1 Membina Menu .................................................................................................. 65 4.3.1 Menambah Item Menu ....................................................................................... 68 4.3.1.1 Jenis Item Artikel bagi Menu ........................................................................ 70 4.4 Pengurusan Modul.................................................................................................... 72 5.0 Penutup ................................................................................................................... 77 6.0 Indeks ...................................................................................................................... 78

3

Pusat Teknologi Maklumat, UTHM

1.0 Pengenalan Pada asasnya menguruskan laman web memerlukan pengetahuan HTML atau Hypertext Markup Language, suatu protokol yang membolehkan text dipaparkan menerusi pelayan sesebuah laman web. Namun dengan menggunakan aplikasi pengurus kandungan laman web Joomla!, jika ia sudah siap terpasang disesebuah laman web maka pengetahuan cara menggunakan Joomla! sahaja yang diperlukan. Ini adalah disebabkan aplikasi Joomla! telah dibangunkan sebagai sebuah pengurus kandungan laman web yang mempunyai ciri-ciri media penulisan sebagaimana perisian Microsoft Word dan juga pelbagai ciri yang membolehkan sesiapa juga menguruskan laman web dengan mudah tanpa pengetahuan teknikal yang mendalam terhadap teknologi pembangunan laman web. Diantara ciri yang ketara adalah fungsi didalam memberi akses kepada suatu pasukan atau jawatankuasa untuk terus membina kandungan sesebuah laman web dengan bantuan minima daripada bahagian teknologi maklumat. Ini amat berbeza dengan laman web tradisi yang mengkehendakkan setiap artikel perlu dikodkan kepada bahasa HTML barulah ia berupaya dipaparkan di sesebuah laman web. Joomla! akan menukarkan artikel penulisan biasa kepada kod HTML secara automatik. Salah satu kelebihan penting menggunakan Joomla! adalah kerana bahagian pentadbir Joomla! adalah berasaskan web sepenuhnya, oleh yang demikian walau dimana individu yang mentadbir laman web tersebut berada, hanya dengan akses kepada internet beliau berupaya mentadbir laman web tersebut tanpa perlu untuk pergi secara fizikal kepada pelayan di mana laman web tersebut berada. Ini amat berguna kerana ia membolehkan laman web ditadbir pada bila-bila masa sahaja dan dimana sahaja lokasi pentadbir itu berada. Rajah 1 menunjukkan laman web rasmi Joomla! iaitu http://www.joomla.org dan Rajah 2 pula menunjukkan contoh sebuah laman web yang dibangunkan menggunakan Joomla!.

Pusat Teknologi Maklumat, UTHM

4

Membina Laman Web Menggunakan Joomla!

Rajah 1 Laman Web Rasmi Joomla!, http://www.joomla.org

Rajah 2 Contoh Laman Web Menggunakan Joomla!.

5

Pusat Teknologi Maklumat, UTHM

Rajah 3 dan Rajah 4 memberikan perbandingan diantara laman web tradisi dan laman web dinamik menggunakan aplikasi pengurus kandugan seperti Joomla!.

Permintaan Pengguna

Imej, video, HTML

Pengguna

Pelayan web

Rajah 3 Laman Web Statik HTML

Permintaan Pengguna Joomla!

PHP [templat]

Pengkalan Data

Imej, video, HTML Pengguna

Pelayan web

Rajah 4 Laman Web Dinamik Joomla!

Pusat Teknologi Maklumat, UTHM

6

Membina Laman Web Menggunakan Joomla!

1.1 Sejarah Joomla! Joomla! adalah berasal daripada perisian Mambo yang dibina oleh para jurutera laman web di sebuah syarikat di Australia bernama Miro Corporation. Namun disebabkan terdapat percanggahan pendapat diantara pihak pengurusan Miro Corporation dan para pembangun Mambo didalam memberikan lesen sumber terbuka sepenuhnya terhadap aplikasi tersebut, maka lahirlah Joomla!, berasaskan daripada kod program Mambo oleh beberapa orang pembangun utama yang keluar daripada syarikat tersebut. Nama Joomla! telah diambil daripada perkataan Swahili iaitu jumla yang membawa maksud “all together” atau “as a whole” ataupun semua bersatu. Joomla! versi 1.0.0 telah dilancarkan pada 16 September 2005 dibina berasaskan Mambo versi 4.5.2.3. Joomla! adalah antara perisian pengurus kandungan laman web yang popular selain Wordpress dan Drupal.

Rajah 5 Perbandingan Google Trend Menggunakan Katakunci Carian

7

Pusat Teknologi Maklumat, UTHM

1.2 Aplikasi Joomla! Aplikasi web Joomla! boleh dimuat-turun daripada laman web rasmi Joomla! iaitu http://www.joomla.org dan di laman web tersebut terdapat pelbagai ruang seperti forum perbincangan di Joomla! Forum, pautan bagi memuat-turun aplikasi tambahan yang dikenali sebagai extensions kepada Joomla! seperti Component, Module dan Plugins dan juga berita berkaitan dengan Joomla! iaitu Joomla! Magazine.

1.2.1 Joomla! hari ini dan masa hadapan. Para pembangun Joomla! telah memulakan operasi merombak rangka yang mendokong Joomla! kepada sesuatu yang unik dan tidak lagi bergantung kepada kod-kod asal yang diwarisi daripada Mambo. Rangka kerja baru ini telah menyebabkan lahirnya versi Joomla! 1.5.0, 1.6, 1.7 dan yang terkini versi 2.5 yang lebih dinamik dan versatil dan dilihat dapat meningkatkan lagi tahap keupayaan Joomla! dalam mendokong teknologiteknologi pembinaan laman web masa hadapan. Joomla! versi 1.0 mula dibangunkan pada tahun 2005 dan sehingga tahun 2009 versi stabil adalah Joomla! 1.0.15 dan pembangunan diberhentikan pada September 2009.

Versi

Keterangan

1.0

Diberhentikan pada September 2009.

1.5

Versi stabil diperkenalkan pada Januari 2008 dan akan diberhentikan pembangunan (End of Life, EOL) pada April 2012.

1.6

Versi stabil diperkenalkan pada Januari 2011

1.7

Versi stabil pada Julai 2011

2.5

Versi terkini Joomla! diperkenalkan pada Januari 2012 sebagai versi Long Term Release (LTR) selepas versi 1.5 dan semua versi sebelumnya dinasihatkan agar dinaiktaraf kepada versi 2.5.

3.2

Versi terbaru yang disarankan digunakan bagi laman web baru.

3.5

Versi terbaru dilancarkan pada Mac 2014.

Rajah 6 Garis Masa Versi Joomla

Pusat Teknologi Maklumat, UTHM

8

Membina Laman Web Menggunakan Joomla!

1.2.2 Spesifikasi bagi memasang Joomla! Spesifikasi yang diperlukan untuk memasang aplikasi Joomla! adalah pelayan web seperti Apache Web Server, perisian PHP dan pangkalan data MySQL. Kebanyakkan syarikat yang memberi perkhidmatan pelayan laman web komersil pada kebiasaannya sudah mempunyai spesifikasi ini dan juga mempunyai skrip khas yang boleh digunakan bagi memasang Joomla! untuk kegunaan pembangunan laman web. Bagi membina laman web menggunakan komputer peribadi, perisian XAMPP, WAMP atau Microsoft Web Platform Installer boleh digunakan untuk menyediakan persekitaran untuk pembangunan laman web dan aplikasi berasaskan web kerana ia memudahkan pemasangan komponen asas Apache, PHP dan MySQL.

1.3 Rujukan 1. Joomla!, http://www.joomla.org 2. XAMPP, http://www.apachefriends.org 3. PHP, http://www.php.net 4. MySQL, http://www.mysql.org 5. Microsoft Web Platform Installer, WPI, http://www.microsoft.com/web/downloads/platform.aspx

9

Pusat Teknologi Maklumat, UTHM

2.0 Memasang Joomla! di Komputer Sendiri. Bagi tujuan pembangunan dan pembelajaran, adalah dinasihatkan agar memasang Joomla! di komputer peribadi dahulu sehingga anda berpuashati dengan laman web tersebut dan kemudiannya memindahkan ke pelayan sebenar. Terdapat beberapa cara untuk menyediakan persekitaran pembangunan laman web di komputer peribadi. Pakej perisian seperti XAMPP, WAMP dan Microsoft Web Platform Installer (WPI) boleh digunakan untuk tujuan tersebut. Namun adalah diingatkan pakej ini adalah tidak sesuai untuk dijadikan laman web utama kerana isu-isu sekuriti dan ia hanya sesuai untuk proses pembangunan sahaja.

2.1 Pakej Perisian XAMPP bagi Windows

Rajah 7 Perisian XAMPP

Pusat Teknologi Maklumat, UTHM

10

Membina Laman Web Menggunakan Joomla!

Perisian XAMPP adalah suatu pakej yang mempunyai semua perisian-perisian bagi membolehkan untuk membangunkan sebuah laman web. Ia mempunyai pelayan web Apache, pengkalan data MySQL dan juga komponen PHP yang diperlukan bagi membolehkan Joomla! digunakan untuk menguruskan kandungan laman web. Ia juga mempunyai perisian phpMyAdmin bagi menguruskan pangkalan data MySQL. Kesemua aplikasi yang digunakan adalah mempunyai lesen sumber terbuka oleh yang demikian tiada lesen berbayar yang diperlukan. Ia boleh dimuat-turun melalui laman web rasmi XAMPP iaitu http://www.apachefriends.org/ dan terdapat beberapa versi bagi kegunaan pelbagai pengguna seperti versi Microsoft Windows, versi Linux, versi Mac OS X dan versi Solaris.

XAMPP juga boleh dipasang di peranti USB mudahalih bagi memudahkan kerja-kerja pembangunan laman web dan membolehkan pengguna mempunyai persekitaran pembangunan bagi tujuan persembahan dan sebagainya. Pengguna hanya perlu memuat-turun versi XAMPP Portable iaitu XAMPP USB Lite dan meletakkan kesemua komponen yang diperlukan di dalam peranti USB dan komponen seperti Apache dan MySQL diaktifkan apabile perlu sahaja.

Rajah 8 Muat Turun XAMPP

11

Pusat Teknologi Maklumat, UTHM

2.1.1 Instalasi Pakej Xampp. Jadual 2.1 Instalasi Perisian XAMPP

Muat turun pakej tersebut daripada laman web http://www.apachefriends.org dan kemudian pasangkan fail tersebut. Sila ambil versi untuk Windows.

Sila pilih di mana anda ingin memasang pakej Xampp tersebut.

Pusat Teknologi Maklumat, UTHM

12

Membina Laman Web Menggunakan Joomla!

Pilih instalasi yang bersesuaian dengan kehendak anda. Klik pada “Install” untuk memulakan instalasi.

Proses instalasi bermula.

Proses selesai. Klik “Finish” dan “Yes” bagi memulakan aplikasi kawalan Xampp.

13

Pusat Teknologi Maklumat, UTHM

Aplikasi kawalan Xampp yang membantu dalam menghidupkan pelayan Apache dan MySql. Hidupkan MySQL dahulu diikuti dengan Apache. i)

Klik “Start” bagi MySQL.

ii)

Klik “Start” bagi Apache.

Untuk memastikan laman web telah tersedia, sila taip http://localhost pada ruangan alamat laman web. Jika paparan skrin seperti disebelah maka anda adalah bersedia untuk membuat instalasi Joomla!.

Pusat Teknologi Maklumat, UTHM

14

Membina Laman Web Menggunakan Joomla!

2.2 Pakej Perisian WAMP

Rajah 9 Perisian WampServer

Pakej WAMP boleh dimuat-turun daripada laman web rasmi di http://www.wampserver.com/en/ dan pengguna boleh memilih samada ingin menggunakan pakej WAMP 32 bits atau WAMP 64 bits. Bagi kegunaan di versi Windows 7 932bits), Windows XP dan ke bawah boleh menggunakan versi WAMP 32bits tetapi jika menggunakan versi Windows 7 64bits maka perlu memilih WAMP 64bits.

15

Pusat Teknologi Maklumat, UTHM

2.2.1 Muat Turun WAMP

Rajah 10 Paparan Muat Turun WAMP

Apabila menu “Download” dipilih, sila tekan penyataan “download it directly” kerana borang yang peru diisi hanya opysen jika ingin mendapatkan maklumat terkini perkembangan pakej WAMP. Sila ikut arahan yang diberikan bagi memasang pakej WAMP tersebut.

Rajah 11 Paparan Skrin Utama WAMP Setup Pusat Teknologi Maklumat, UTHM

16

Membina Laman Web Menggunakan Joomla!

Apabila pakej WAMP berjaya dipasang segala aturan bagi aplikasi tersebut boleh dibuat menggunakan program yang boleh diakses di kanan bawah Task Bar bagi Windows.

Rajah 12 Tray icon Wampserver

Pakej WAMP berjaya dipasangkan dengan memastikan paparan skrin WAMP Server ditayangkan pada alamat URL http://localhost di pelayar web.

17

Pusat Teknologi Maklumat, UTHM

Rajah 13 Paparan http://localhost

Pusat Teknologi Maklumat, UTHM

18

Membina Laman Web Menggunakan Joomla!

2.3 Windows Web Platform Installer

Rajah 14 Skrin Windows Web Platform

Microsoft Web Platform Installer (WPI) adalah satu aplikasi yang membantu untuk memasang aplikasi-aplikasi sumber terbuka di persekitaran Windows. Menggunakan WPI membolehkan pemasangan aplikasi seperti Joomla!, Wordpress, phpBB dan pelbagai lagi aplikasi untuk tujuan pembangunan di komputer peribadi sendiri.

Rajah 15 Skrin Web Platform Installer

19

Pusat Teknologi Maklumat, UTHM

Rajah 16 Skrin Instal WPI WPI ini akan secara automatik memastikan segala aplikasi yang berkaitan untuk membolehkan Joomla! digunakan akan dipasang bersama sebagaimana yang boleh dilihat pada rajah diatas.

Pusat Teknologi Maklumat, UTHM

20

Membina Laman Web Menggunakan Joomla!

2.4 Pemasangan Joomla! Di Komputer Peribadi 2.4.1 Muat Turun Aplikasi Joomla!

A

Rajah 17 Laman Web Joomla, http://www.joomla.org

Layari laman web Joomla! di http://www.joomla.org dan kemudian tekan butang “Download” sebagaimana yang ditunjukkan pada [A] di gambarajah di atas.

21

Pusat Teknologi Maklumat, UTHM

Bagi pemasangan Joomla! baru sila pilih untuk memuat-turun versi Joomla! 3.2.1 Full Package [A] yang tekini manakala jika untuk menaiktaraf dari versi sebelumnya hanya perlu memuat-turun versi naiktaraf sebagai contoh “3.2.x to 3.2.1 Upgrade Package” [B] sebagaimana yang ditunjukkan di gambarajah di bawah.

A

B

Rajah 17 Skrin Muat-turun Joomla!

Pusat Teknologi Maklumat, UTHM

22

Membina Laman Web Menggunakan Joomla!

2.4.2 Menyediakan Pangkalan Data MySQL Tatacara berikut ini adalah dengan menganggap bahawa XAMPP telah terpasang di computer peribadi sendiri dan telah diletakkan pada lokasi c:\xampp serta Apache dan MySQL telah diaktifkan. Sila buka pelayar web dan taipkan alamat http://localhost atau http://127.0.0.1 bagi membuka laman web peribadi anda.

phpMyadmin

Rajah 18 Skrin Pengurusan XAMPP

Sila pilih phpMyAdmin pada menu sebelah kiri untuk membina pangkalan data bagi digunakan oleh Joomla! kemudian klik pada tab “Database”.

23

Pusat Teknologi Maklumat, UTHM

Rajah 19 Tab Database phpMyAdmin

Kemudian taip “myjoomla” [A] dan tekan butang “Create” [B].

A

B

Rajah 20 Membina Pangkalan Data

Pangkalan data “myjoomla” boleh dilihat pada senarai di sebelah kiri.

Pusat Teknologi Maklumat, UTHM

24

Membina Laman Web Menggunakan Joomla!

Rajah 21 Pangkalan Data myjoomla

2.4.3 Pemasangan Joomla! Sila extract fail Joomla! 3.2.1 Full Package yang telah dimuat-turn ke dalam direktori c:\xampp\htdocs\myjoomla atau c:\wamp\www\myjoomla bagi yang menggunakan wampserver.

Rajah 22 Skrin Windows Explorer 25

Pusat Teknologi Maklumat, UTHM

Dan buka alamat URL http://localhost/myjoomla bagi mengakses laman web Joomla! tersebut.

2.4.4 Konfigurasi Utama

Rajah 23 Skrin Konfigurasi Utama

Di skrin ini konfigurasi seperti Site Language, Site Name, Description, Admin email, Admin username, Admin Password dan samada Site Offline boleh ditetapkan.

Pusat Teknologi Maklumat, UTHM

26

Membina Laman Web Menggunakan Joomla!

2.4.5 Konfigurasi Pangkalan Data

A

Rajah 24 Skrin Konfigurasi Pangkalan Data Pada skrin ini konfigurasi seperti Database Type [MySQLi], Host Name [localhost], Username [root], Password [ ], Database Name [myjoomla], Table prefix akan ditetapkan. 27

Pusat Teknologi Maklumat, UTHM

2.4.6 Ringkasan Pemasangan

B

A

Rajah 25 Skrin Gambaran Keseluruhan Pemasangan

Skrin memaparkan ringkasan pemasangan Joomla! dan juga memberikan pilihan untuk menyediakan laman web dengan Sampel Data [A], Brochure English(GB) Sample Data dan untuk meneruskan pemasangan Joomla!, sila tekan butang Install [B].

Pusat Teknologi Maklumat, UTHM

28

Membina Laman Web Menggunakan Joomla!

Rajah 26 Skrin Proses Pemasangan Joomla!

A

Rajah 27 Skrin Pemasangan Joomla!

29

Pusat Teknologi Maklumat, UTHM

Rajah 27 menunjukkan pemasangan Joomla! selesai dan anda pelu menekan butang Remove Installation Folder [A] bagi menyempurnakan tugas.

Rajah 28 Skrin Laman Web MyJoomla!

Pusat Teknologi Maklumat, UTHM

30

Membina Laman Web Menggunakan Joomla!

3.0 Mentadbir laman web Joomla! Skrin pentadbir bagi Joomla! boleh diakses melalui alamat web seperti berikut “http://localhost/administrator” atau “http://www.yoursite.com/administrator” dengan menambahkan “administrator” dibelakang alamat web laman web tersebut. Rajah 29 menunjukkan contoh skrin Log Masuk ke laman web pentadbir Joomla!.

A B

C

Rajah 29 Skrin Log Masuk Laman Pentadbir Joomla!

Bagi proses log masuk pengguna perlu menaip Kata nama [A] dan Kata laluan [B] dan menekan butang Log in [C].

31

Pusat Teknologi Maklumat, UTHM

A B

C

Rajah 30 Skrin Utama Laman Pentadbir Joomla!

Skrin Utama laman web pentadbir Joomla! juga dikenali sebagai Skrin Panel Kawalan mengurustadbir segala operasi berkaitan dengan laman web. Pada asasnya ia mempunyai Menu Utama [A], Menu Sisi [B] dan Ruang Makluman [C]. Lihat Rajah 30.

Pusat Teknologi Maklumat, UTHM

32

Membina Laman Web Menggunakan Joomla!

3.1 Menu Sisi Panel Kawalan Menu Sisi Panel Kawalan Joomla! merupakan akses capaian pantas terhadap menumenu utama yang paling biasa digunakan dalam menguruskan sebuah laman web. Ia memudahkan pengguna membuat operasi asas dalam menggunakan Joomla!.

Jadual 3.1 Penerangan Menu Sisi

Menu Sisi

Penerangan  Add New Article – membina artikel baru  Article Manager – menguruskan artikel dengan menyenaraikan segala artikel yang telah dibina.  Category Manager – mecipta kategori bagi artikel.  Media Manager – membuat proses berkaitan dengan gambar seperti muat naik media dan sebagainya.  Menu Manager – menbina, mengemaskini dan menguruskan menu Joomla!  Module Manager – menyusun atur modul Joomla! mengikut templat.  User Manager – Pengurus Pengguna bertujuan membina pengguna baru, memadamkan dan memberikan tahap akses.  Global Configuration – skrin konfigurasi bagi keseluruhan laman web tersebut.  Template Manager – skrin bagi menguruskan templat bagi laman web.  Language Manager – skrin pengurusan bahasa.

33

Pusat Teknologi Maklumat, UTHM

 Install Extension – skrin bagi memuatnaik komponen Joomla!  File Browser – skrin pengurusan fail,

memerlukan pemasangan komponen JCE Editor bagi membolehkan menu ini diwujudkan.  Checking Joomla! – membuat semakan berkaitan dengan versi Joomla! yang terkini.  Checking Extensions – membuat semakan

berkaitan dengan komponen-komponen didalam Joomla!.

Jadual 2.2 di atas menerangkan serba ringkas bagi skrin utama laman web pentadbir Joomla! dan Menu Sisi tersebut adalah capaian pantas bagi menguruskan laman web dan setiap menu tersebut boleh juga diakses melalui Menu Utama di sebelah atas skrin utama pentadbir sebagaimana [A] dalam Rajah 30.

3.2 Menu Utama Joomla! Menu utama pentadbir Joomla! merupakan komponen utama yang membolehkan Joomla! diuruskan dengan berkesan. Di sini terdapat beberapa komponen utama iaitu Menu Pengurusan Sistem, Menu Pengurusan Pengguna, Menu Pengurusan Menu Joomla!, Menu Pengurusan Isi Kandungan, Menu Pengurusan Komponen, Menu Pengurusan Komponen Tambahan dan Menu Bantuan.

Pusat Teknologi Maklumat, UTHM

34

Membina Laman Web Menggunakan Joomla!

3.2.1 Menu System

Rajah 31 Menu Pengurusan Sistem Joomla!

Menu System atau Menu Pengurusan Sistem Joomla! adalah diantara menu paling utama didalam membuat konfigurasi keseluruhan kepada laman web dari segi perkara asas berkaitan dengan pelayan dan Joomla! dan juga dalam mengetahui setiap tetapan yang perlu bagi memastikan bahawa Joomla! akan berjalan dengan lancar. Jadual 3.2 memberi penerangan ringkas berkaitan dengan Menu Pengurusan Sistem Joomla!.

Jadual 3.2 Menu Pengurusan Sistem Joomla! 35

Pusat Teknologi Maklumat, UTHM

Menu Pengurusan Sistem Joomla!

Penerangan

Control Panel

Laman utama skrin pentadbir

Global Configuration

Skrin konfigurasi laman web seperti Site Name, Penetapan Default Editor, dan sebagainya. Memberi akses terus kepada skrin semua penetapan “Options” bagi setiap komponen didalam Joomla!. Lihat Rajah 32.

Global Check-in

Menu bagi membolehkan segala kunci atau lock dilepaskan.

Clear Cache

Membersihkan segala Cache yang elah disimpan oleh komponen atau Joomla!.

Purge Expired Cache

Membersihkan Cache yang telah luput tarikh.

System Information

Makluman berkaitan dengan Pelayan dan Joomla! seperti versi,

Pusat Teknologi Maklumat, UTHM

36

Membina Laman Web Menggunakan Joomla!

A

B

Rajah 32 Skrin Global Configuration Rajah 32 menunjukkan : [A] Konfigurasi keseluruhan Joomla! [B] Capaian pentas kepada menu “Options” setiap komponen Joomla!

37

Pusat Teknologi Maklumat, UTHM

Rajah 33 Contoh Skrin System Information

Skrin System Information memberikan maklumat penting berkaitan dengan versi pelayan, versi Joomla!, versi Pangkalan Data, Tetapan PHP, Tetapan yang dibuat di Global Configuration, Directory Permission iaitu tahap akses direktori di dalam pelayan dan maklumat PHP yang dicapai menggunakan fungsi phpinfo().

Pusat Teknologi Maklumat, UTHM

38

Membina Laman Web Menggunakan Joomla!

3.2.2 Menu Users

Rajah 34 Menu Pengguna Joomla!

Jadual 3.3 Menu Pengguna Joomla! Menu Pengguna Joomla!

Penerangan

User Manager

Mencipta, memadam, mengubahsuai tahap akses pengguna.

Groups

Mencipta, memadam, mengubahsuai tahap akses kumpulan bagi pengguna.

Access Levels

Akses kepada tahap pengguna.

User Notes

Nota kepada pengguna skrin pentadbir

User Note Categories

Kategori nota

Mass Mail Users

Menghantar mekluman kepada semua pengguna skrin pentabir

39

Pusat Teknologi Maklumat, UTHM

3.2.3 Menu Menus

Rajah 35 Menu Pengurusan Menu

Menu Pengurusan Menus ini adalah dimana Menu dicipta, dikemaskini dan dipadam mengikut kesesuaian laman web. Lihat Rajah 36 contoh bagaimana menu dipaparkan di laman web dan Rajah 37 bagaimana ia dibina di Menu Pengurusan Menus.

Pusat Teknologi Maklumat, UTHM

40

Membina Laman Web Menggunakan Joomla!

A

Rajah 36 Contoh Paparan Menu

Rajah 36 menunjukkan contoh paparan menu Main Menu [A] yang telah dibina didalam Menu Pengurusan Menus sebagaimana yang dipaparkan oleh Rajah 37.

41

Pusat Teknologi Maklumat, UTHM

B

A

Rajah 37 Contoh Paparan Menu Pengurusan Menus

Rajah 37 menunjukkan nama menu Main Menu [A] dan item yang ada didalam menu tersebut [B].

Pusat Teknologi Maklumat, UTHM

42

Membina Laman Web Menggunakan Joomla!

3.2.4 Menu Content

Rajah 38 Paparan Menu Isi Kandungan / Content

Jadual 3.4 Menu Isi Kandungan Joomla! Menu Content Joomla!

Penerangan

Article Manager

Mencipta, memadam, mengubahsuai artikel.

Category Manager

Mencipta, memadam, mengubahsuai kumpulan bagi artikel.

Featured Articles

Penetapan artikel Fitur yang dipaparkan dimuka hadapan laman.

Media Manager

43

Skrin pentadbir media

Pusat Teknologi Maklumat, UTHM

3.2.5 Menu Components

Rajah 39 Paparan Menu Komponen / Components

Paparan Menu Komponen Joomla! adalah menu capaian kepada komponen Joomla! seperti Banner, Contacts, Messaging, Search, Weblinks dan pelbagai lagi menu yang berkaitan dengan operasi Joomla!. Menu ini akan bertambah mengikut pertambahan atau instalasi yang dibuat oleh pengguna. Sebagai contoh JCE Editor pada Rajah 39 di atas adalah menu yang wujud selepas Komponen JCE Editor dipasang dan ia tidak datang secara automatik dengan pemasangan Joomla!.

Pusat Teknologi Maklumat, UTHM

44

Membina Laman Web Menggunakan Joomla!

3.2.6 Menu Extensions

Rajah 40 Paparan Extensions

Jadual 3.5 Menu Extensions Joomla! Menu Extensions Joomla!

Penerangan

Extension Manager

Skrin Pengurus Extensions. Lihat Rajah 41.

Module Manager

Mencipta, memadam, mengurus Modul Joomla!. Lihat Rajah 42.

Plugin Manager

Mencipta, memadam, mengurus Plugins Joomla!. Lihat Rajah 43.

Template Manager

Mencipta, memadam, mengurus Templates Joomla!. Lihat Rajah 44.

Language Manager

Mencipta, memadam, mengurus languages atau bahasa yang dipaparkan di laman web. Lihat Rajah 45.

45

Pusat Teknologi Maklumat, UTHM

A

B C

Rajah 41 Paparan Pengurus Extensions

Pengurus Extensions akan membantu dalam menguruskan komponen Joomla! [A] bagi seperti memasang, mengemaskini, memadam dan juga mencari komponen yang tidak dipasang melalui Pengurus Extensions ini menggunakan fungsi Discover. Bagi proses pemasangan komponen Joomla! pengguna perlu memuat-turun komponen dan mencari komponen tersebut di komputer pengguna [B] dan menekan butang “Upload & Install” [C] bagi membuat proses pemasangan.

Pusat Teknologi Maklumat, UTHM

46

Membina Laman Web Menggunakan Joomla!

A

B

Rajah 42 Paparan Pengurus Modules

Rajah 42 menunjukkan skrin Pengurus Modules yang berfungsi dalam menguruskan modul Joomla! seperti membina, mengubahsuai, memaparkan dan memadam modul tersebut [A] dan juga menyelaraskan susun atur modul-modul [B] seperti Modul Log Masuk dan Modul Main Menu berpandukan kepada templat yang digunakan dan dengan mengubahkan kedudukan atau Position bagi modul tersebut, pengguna boleh mengubah kedudukan modul mengikut kesesuaian sebuah laman web.

47

Pusat Teknologi Maklumat, UTHM

A

B

Rajah 43 Paparan Pengurus Plugins

Skrin Pengurus Plugins akan membantu dalam menguruskan Plugins seperti mengemaskini, mengaktif atau tidak mengaktifkan Plugins [A] yang telah dipasang di Joomla!. Plugins berfungsi sebagai enjin automatik yang membantu operasi Joomla! [B] seperti enjin carian, membantu proses pengesahan Log Masuk pengguna, membantu paparan emel daripada carian Spam melalui fungsi Email Cloaking dan pelbagai lagi fungsi asas Joomla! seperti navigasi dan sebagainya.

Pusat Teknologi Maklumat, UTHM

48

Membina Laman Web Menggunakan Joomla!

A B

Rajah 44 Paparan Pengurus Templates

Skrin Pengurus Templat adalah skrin yang menguruskan templat yang terpasang di Joomla! seperti penetapan templat lalai, mengemaskini dan ubahsuai templat, membuat duplikasi, dan memadamkan templat [A]. Di skrin ini juga senarai segala templat yang dipasang di Joomla! boleh dilihat [B].

49

Pusat Teknologi Maklumat, UTHM

A

B

Rajah 45 Paparan Pengurus Language

Skrin Pengurus Bahasa atau Language ini akan membantu dalam menguruskan bahasa yang akan digunakan di laman web. Bahasa baru boleh dipasangan [A] dan diuruskan mengikut kesesuaian pengguna [B].

Pusat Teknologi Maklumat, UTHM

50

Membina Laman Web Menggunakan Joomla!

4.0 Menggunakan Joomla! Beberapa perkara perlu diketahui dalam membolehkan pengguna mempelajari bagaimana menggunakan Joomla! dengan baik. Diantara perkara tersebut adalah Templat, Kategori, Artikel, Menu dan Modul. Lihat Jadual 4.1.

Jadual 4.1 Topik Berkaitan Joomla! Tajuk

Penerangan

Templat

Templat mengawal susunatur sesebuah laman web. Ia mengintegrasi isi kandungan laman web iaitu artikel-artikel yang dibina, modul-modul yang menjadi rangka laman web dan bagaimana ia dipaparkan kepada pelawat laman web tersebut.

Kategori

Setiap laman web yang dibangunkan dengan menggunakan Joomla! mempunyai cara bagi memaparkan dan menyimpan isi kandungan dengan teratur. Cara yang paling mudah adalah dengan penggunaan kategori dan sub-kategori dan Joomla! memberikan pelbagai cara penggunaan kategori mengikut setiap komponen didalamnya.

Artikel

Artikel atau isi kandungan merupakan asas sesebuah laman web.

Menu

Menu pula adalah sistem navigasi sesebuah laman web dan susunatur yang baik membudahkan pelawat mencari isi kandungan laman web dengan cepat dan efisien.

Modul

Setiap paparan laman web Joomla! adalah pada asasnya suatu fitur yang dipanggil Modul Joomla!. Susunaturnya dikawal oleh Templat dan ia boleh diolah mengikut kehendak pembina laman web dalam mempersembahkan sebuah laman web yang teratur dan menarik. Diantara modul yang biasa disebuah laman web adalah seperti Modul Log masuk, Modul Carian, Modul Banner, Modul Menu, Modul Berita Terkini dan pelbagai modul lagi.

51

Pusat Teknologi Maklumat, UTHM

4.1 Templat Templat merupakan pengawal susunatur sebuah laman web yang menggunakan Joomla!. Ia diuruskan oleh komponen Joomla! yang dipanggil pengurus templat atau Template Manager.

A C

B D

E

F G

Rajah 46 Contoh Templat Web Joomla! Rajah 46 menunjukkan contoh modul didalam susunatur sebuah templat seperti Modul Tajuk atau Title [A], Modul Carian [B], Modul Menu [C], Modul Banner [D], Modul Tepi Kanan atau Side [E], Modul Artikel Utama [F] dan Modul Log Masuk [G].

Pusat Teknologi Maklumat, UTHM

52

Membina Laman Web Menggunakan Joomla!

4.1.1 Kenapa Templat Joomla! adalah suatu aplikasi yang memudahkan pengguna didalam pelbagai cara dan salah satunya adalah dengan penggunaan templat dalam menguruskan susunatur laman web. Menggunakan templat memudahkan pentadbir laman web disamping memberikan nilai estetik dan membuatkan laman web lebih menarik. Ia juga bertujuan agar setiap komponen, modul dan plugins boleh diletak dan dialih pada bila-bila masa mengikut susunatur sesebuah templat. Membina laman web memerlukan perancangan terperinci seperti dimana Menu perlu diletak, apa Font yang sesuai untuk digunakan, apakah stail susunan artikel dan sebagainya. Jika membina laman web secara tradisi setiap laman yang dibina perlu dibuat satu persatu, namun dengan menggunakan Joomla!, komponen templat memudahkan membina laman web yang sekata dan tetap mengikut satu templat bagi semua halaman di laman web tersebut. Secara amnya dengan penggunaan templat, pentadbir dan pengurus laman web akan boleh menumpukan kepada pengisian isi kandungan laman web dan tidak asyik terbelenggu oleh rekabentuk laman web sahaja. Joomla! mempunyai templat yang datang semasa instalasi, iaitu bagi laman pentadbir templat dengan nama ISIS dan Harthor, manakala templat bagi laman web adalah Protostar dan Beez 3. Rajah 46 menunjukkan penggunakan templat laman web Protostar.

Jadual 4.2 Ciri-ciri Utama Templat Ciri-ciri

Penerangan

Susunatur

Memberikan susunatur konsisten sebuah laman web.

Skema Warna

Memberikan skema warna yang piawai.

Imej dan Efek

Imej Banner, efek Menu mudah dikawal.

Font

Font yang sama keseluruhan web.

Kesesuaian Pelayar Web

Web yang berlainan boleh diselaraskan dengan mudah.

53

Pusat Teknologi Maklumat, UTHM

4.1.2 Menguruskan Templat Pengurus Templat atau Template Manager adalah tempat bagi menguruskan templat bagi tujuan konfigurasi atau menukar dari satu templat kepada yang lain. Ia boleh dicapai dengan membuat log masuk kepada laman pentadbir dan mengakses menu Template Manager.

A

Rajah 47 Akses Template Manager Joomla!

Jika menu bagi Template Manager Rajah 47 [A] tidak dapat dilihat ada kemungkinan pengguna bukan seorang Super Administrator. Rajah 48 pula menunjukkan skrin Pengurus Templat atau Template Manager dan ia menyenaraikan semua templat yang telah dipasang.

Pusat Teknologi Maklumat, UTHM

54

Membina Laman Web Menggunakan Joomla!

A

B

Rajah 48 Skrin Pengurus Templat Joomla!

Butang-butang operasi [A] adalah bagi menetapkan templat semasa, mengemaskini templat, membuat duplikasi dan memadam templat berkenaan.Templat semasa yang digunakan adalah dengan melihat tanda bintang

[B] ditanda pada templat

berkenaan. Walaupun templat semasa atau default perlu ditetapkan, pengguna boleh menetapkan pada bila-bila masa agar Menu tertentu menggunakan templat tertentu dengan memilih templat tersebut dan menekan butang Edit dan menetapkan menu yang mana perlu menggunakan templat tersebut. Sebagai contoh, templat semasa adalah Protostar tetapi pengguna menetapkan artikel “About Us” menggunakan templat Beez3, maka di tab Menu Assignment ia boleh ditetapkan. Lihat Rajah 49.

55

Pusat Teknologi Maklumat, UTHM

Rajah 49 Skrin Kemaskini Style Templat

4.1.3 Memasang Templat Pemasangan templat boleh dilakukan dengan menggunakan Extension Manager yang juga adalah tempat dimana komponen-komponen lain Joomla! dipasang. Lihat Rajah 50.

Pusat Teknologi Maklumat, UTHM

56

Membina Laman Web Menggunakan Joomla!

A

Rajah 50 Skrin Pengurusan Extension

Melalui Skrin Pengurus Extension pengguna boleh memasang pelbagai komponen Joomla! seperti Templat, Plugins, Komponen-komponen khas Joomla!, Pakej Bahasa dan juga Pakej Upgrade bagi Joomla! dalam proses naik versi Joomla!. Ada 3 cara yang boleh digunakan dalam penggunaan Pengurus Extensions : i. Muatnaik Pakej Fail ii. Memasang dari Direktori di dalam pelayan iii. Memasang dari laman web lain Opsyen i) adalah yang paling mudah kerana pengguna tidak perlu untuk membuat tetapan atau konfigurasi tertentu. Pengguna hanya perlu memilih pakej yang ingin dipasang daripada komputer peribadi pengguna dan kemudian menekan butang Upload File and Install. Lihat Rajah 51.

57

Pusat Teknologi Maklumat, UTHM

A B

Rajah 51 Skrin Pemasagan Komponen dan Extensions

Pusat Teknologi Maklumat, UTHM

58

Membina Laman Web Menggunakan Joomla!

4.2 Pengurusan Artikel Artikel atau isi kandungan merupakan perkara asas didalam membina sebuah laman web dan Joomla! memudahkan operasi berkaitan dengan pengurusan isi kandungan kerana ia mempunyai fungsi dalaman pengurusan dokumen yang tidak memerlukan ia dipasang dimana-mana cukup hanya dengan menggunakan pelayar internet sahaja seperti Microsoft Internet Explorer, Google Chrome atau Mozilla Firefox.

A B

Rajah 52 Skrin Pengurusan Isi Kandungan

Bagi membina artikel, pengguna perlu membina kategori bagi artikel tersebut terlebih dahulu bagi memudahkan pencarian kembali dikemudian hari dan juga agar penyimpanan artikel lebih teratur dan sistematik. Rajah 53 menunjukkan bahawa artikel dengan tajuk Intro, Visi & Misi dan Carta Organisasi perlu diletak dibawah kategori yang dinamakan Mengenai Kami. Oleh yang demikian, kategori perlu dibina terlebih dahulu sebelum sesebuah artikel ditulis. Lihat Rajah 54.

59

Pusat Teknologi Maklumat, UTHM

4.2.1 Membina Kategori Bagi membina kategori yang betul dan teratur gambaran keseluruhan bagi kesemua artikel perlu dibuat sebagaimana yang ditunjukkan pada Rajah 53 dibawah.

Rajah 53 Contoh Isi Kandungan

Pusat Teknologi Maklumat, UTHM

60

Membina Laman Web Menggunakan Joomla!

A B Rajah 54 Contoh Pengurus Kategori Artikel

4.2.2 Membina Artikel Artikel boleh dibina dengan mengakses skrin pengurus artikel dan disini operasi berkaitan dengan artikel boleh dibuat.

61

Pusat Teknologi Maklumat, UTHM

A D B

C

Rajah 55 Contoh Pengurus Artikel

Rajah 55 di atas menunjukkan Skrin Pengurus Artikel yang membolehkan operasi seperti membina artikel, mengemaskini, menerbitkan artikel bagi paparan pelawat, membuat nyahterbit, menjadikan sesuatu artikel sebagai artikel muka depan dan sebagainya [A]. Bahagian [B] pula menunjukkan senarai artikel yang telah ditulis dan boleh diuruskan kembali dengan menekan tetikus kepada tajuk artikel [C] tersebut. Bagi membina artikel baru pengguna perlu menekan butang New [D] dan skrin sebagaimana Rajah 56 akan dipaparkan.

Pusat Teknologi Maklumat, UTHM

62

Membina Laman Web Menggunakan Joomla!

Dalam membina artikel baru, beberapa perkara penting diperlukan seperti Tajuk Artikel [A], Isi Kandungan Artikel [B], Kategori [C], Terbit atau tidak [D], Papar Muka Depan [E], Tahap Paparan [F], Operasi Artikel [G] dan Opsyen lain [H].

G

A C H

B

D E F

Rajah 56 Membina Artikel Baru

Apabila telah selesai menulis artikel tersebut, tekan butang Save untuk menyimpan, Save & Close untuk menyimpan dan keluar dari skrin ini, Save & New bagi menyimpan dan membuka skrin baru bagi menulis artikel lain atau Cancel jika tidak ingin untuk menyimpan artikel.

63

Pusat Teknologi Maklumat, UTHM

4.3 Pengurusan Menu Setelah berjaya membina artikel, penggunaan menu yang betul akan membantu memaparkan artikel tersebut untuk mudah dicari dan dibaca oleh pelawat laman web. Menu adalah diuruskan oleh Pengurus Menu atau Menu Manager. Lihat Rajah 57.

A

Rajah 57 Akses Pengurus Menu

Rajah 58 menunjukkan carta alir didalam pembinaan sesuatu menu. Pengguna perlu membina Modul Menu di skrin Pengurus Menu atau Menu Manager : Menus terlebih dahulu kemudian perlu memasukkan item-item di Menu Manager : Menu Items. Dan kemudian perlu menetapkan kedudukan atau letak atur menu tersebut di laman web menggunakan Pengurus Modul atau Modul Manager.

Pusat Teknologi Maklumat, UTHM

64

Membina Laman Web Menggunakan Joomla!

Rajah 58 Carta Alir Pembinaan Menu

4.3.1 Membina Menu Rajah 59 menunjukkan Skrin Pengurus Menu yang memaparkan senarai menu [A] yang telah dibina dan segala operasi seperti membina menu baru, memadam menu, mengemaskini menu dan membina semula struktur menu di laman web [B]. Bagi membina menu baru, pengguna perlu menekan Butang New iaitu membina modul menu tersebut terlebih dahulu. Skrin paparan pembinaan modul menu sebagaimana Rajah 60 boleh dilihat.

65

Pusat Teknologi Maklumat, UTHM

B

A

Rajah 59 Skrin Pengurus Menu

Rajah 60 Skrin Tambah Menu

Pusat Teknologi Maklumat, UTHM

66

Membina Laman Web Menggunakan Joomla!

Setelah proses menambah menu dibuat sebagaimana Rajah 60, jika kembali ke skrin Pengurus Menu maka boleh dilihat menu tersebut tersenarai sebagaimana Rajah 61 [B] di bawah.

A B

Rajah 61 Skrin Pengurus Menu

Apabila tajuk Main Menu Rajah 61 [A] di atas ditekan menggunakan tetikus, skrin akan memaparkan item-item yang terdapat didalam Main Menu. Menu Items merupakan kesemua menu yang akan dipaparkan di laman web mengikut lokasi modul yang telah ditetapkan. Sebagaimana Rajah 62, bahagian [A] merupakan operasi bagi menambah, memadam, mengubahsuai dan menerbit item bagi menu tersebut. Manakala bahagian [B] pula menyenaraikan item-item bagi menu dan memberi penerangan berkenaan status penerbitan, tajuk item, bahasa bagi item, tahap akses, nombor id dan juga susunan item samada menaik atau menurun. Susunan ini boleh diperbetulkan mengikut kehendak dengan menggunakan operasi di bahagian [C].

67

Pusat Teknologi Maklumat, UTHM

A

B

C

Rajah 62 Skrin Menu Items Bagi Main Menu

4.3.1 Menambah Item Menu Item bagi setiap modul menu boleh dibuat pada skrin Pengurus Item Menu, sebagai contoh boleh dilihat dengan membuat kemaskini kepada modul Menu Bawah dalam Rajah 61 [B]. Sila tekan butang New pada Skrin Menu Items bagi Menu Bawah sebagaimana Rajah 63. Paparan Rajah 64 pula memaparkan skrin penambahan menu baru bagi Menu Bawah.

Pusat Teknologi Maklumat, UTHM

68

Membina Laman Web Menggunakan Joomla!

A

Rajah 63 Skrin Menu Items Bagi Menu Bawah

Rajah 64 Skrin New Menu Item Bagi Menu Bawah 69

Pusat Teknologi Maklumat, UTHM

4.3.1.1 Jenis Item Artikel bagi Menu

Menu bagi paparan jenis artikel memberikan pelbagai opsyen bagaimana artikel itu akan dipaparkan. Rajah 65 menunjukkan jenis item manakala Rajah 66 merupakan contoh menu bagi article dengan jenis Category Blog.

Rajah 65 Skrin New Menu Item Bagi Menu Bawah

Pusat Teknologi Maklumat, UTHM

70

Membina Laman Web Menggunakan Joomla!

Rajah 66 Contoh Skrin Menu Item Jenis Category Blog

71

Pusat Teknologi Maklumat, UTHM

4.4 Pengurusan Modul Modul merupakan antara komponen Joomla! yang paling penting dalam membina laman web yang menarik. Ia berkait rapat dengan penggunaan templat kerana ia memaparkan perkara seperti Menu, Log Masuk, Artikel-artikel dan pelbagai perkara lagi. Bagi membolehkan modul Joomla! ini digunakan dengan baik, pengguna atau pentadbir laman web perlu mengetahui dengan betul lokasi di mana modul tersebut perlu diletak dan salah satu cara paling mudah adalah dengan mengaktifkan prebiu bagi lokasi modul dengan mengakses opsyen di Pengurus Template. Lihat Rajah 67.

A

Rajah 67 Template Manager Options Setelah mengaktifkan status tersebut kepada Enabled seperti Rajah 67 [A], lokasi modul boleh dilihat dengan menggunakan alamat web seperti http://localhost/?tp=1, iaitu menambah kod ?tp=1 pada akhir laman web tersebut.

Pusat Teknologi Maklumat, UTHM

72

Membina Laman Web Menggunakan Joomla!

A

C

B

Rajah 68 Lokasi Modul

Setelah mengetahui kedudukan modul di templat, maka dengan mudah untuk mengubah susun atur modul pada bila-bila masa yang dikehendaki. Sebagai contoh jika ingin memindahkan lokasi sedia ada Modul Log Masuk pada lokasi terkini Position-7 di Rajah 68 [B] kepada Position-8 [C], maka pengguna yang menjadi pentadbir perlu membuka Pengurus Modul atau Module Manager sebagaimana Rajah 69 [A] dan mencari Modul Log Masuk sebagaimana Rajah 70 [A] dan kemudian menukarkan Position modul tersebut kepada yang baru sebagaimana Rajah 71 [A].

73

Pusat Teknologi Maklumat, UTHM

A

Rajah 69 Skrin Menu Module Manager

A

B

Rajah 70 Skrin Pengurus Modul

Pusat Teknologi Maklumat, UTHM

74

Membina Laman Web Menggunakan Joomla!

A

Rajah 71 Skrin Pengurus Modul

Setelah posisi bagi modul tersebut ditukar kepada yang baru, jika laman web dilihat semula, Modul Log Masuk sekarang akan bertukar ke posisi baru iaitu Position-8 disebelah kiri. Lihat Rajah 72.

75

Pusat Teknologi Maklumat, UTHM

A

Rajah 72 Skrin Template Preview

Perkara yang sama boleh dilakukan ke atas setiap modul didalam Joomla!. Ini memberikan kuasa bagi pengguna dalam mentadbir sesebuah laman web dengan lebih mudah dan menjadikan laman web tersebut lebih menarik dan tidak terkongkong kepada satu paparan yang statik sahaja.

Pusat Teknologi Maklumat, UTHM

76

Membina Laman Web Menggunakan Joomla!

5.0 Penutup Joomla! memudahkan pengguna yang telah diberikan tugas sebagai penadbir dalam menguruskan sebuah laman web tanpa perlu mengetahui dengan mendalam segala askpek teknikal dalam membangunkan laman web. Skrin pentadbiran Joomla! mempunyai fungsi yang sama sebagaimana membina dan menerbitkan sebuah majalah. Setiap pengguna yang menjadi ahli jawatankuasa pengurusan sesebuah lama wen boleh diberikan tugas bagi mentadbir mengikut tahap seperti Pengarang, Pengolah, Penerbit dan sebagainya mengikut apa yang ditentukan oleh jawatankuasa tersebut.

Oleh yang demikian, jika ahli jawatankuasa tersebut menjalankan tugas dengan baik, laman web tersebut akan sentiasa penuh dengan berita terkini dan menjadi tarikan bagi pelawat untuk kembali bertandang melihat laman web tersebut dengan lebih kerap.

77

Pusat Teknologi Maklumat, UTHM

6.0 Indeks A Add New Article, 33 Article Manager, 33 Artikel, 51

L Language Manager, 33 log masuk, 31, 54

M

C Category Blog, 69, 70 Category Manager, 33 Checking Joomla!, 34

D Database Type, 27

E

Media Manager, 33 Menu, 51 Menu Bawah, 67 Menu Items, 63 Menu Manager, 33 Menus, 2, 40, 41, 42, 63 Modul, 51 Module Manager, 33 Muatnaik Pakej Fail, 57

P

Extension Manager, 45, 56

F File Browser, 34

G

Pangkalan data, 24 Pengurus Artikel, 61 Pengurus Modules, 47 Pengurus Templat, 49, 54, 55 phpMyAdmin, 11, 23, 24

S

Global Configuration, 33

H

Sampel Data, 28 Skrin Panel Kawalan, 32

Host Name, 27

I Install Extension, 34

T Templat, 2, 51, 52, 53, 54, 55, 56, 57 Template Manager, 33, 45, 52, 54, 71

U

J User Manager, 33

JCE Editor, 34, 44 jumla, 7

K

W WAMP, 2, 9, 10, 15, 16, 17

Kategori, 51

Pusat Teknologi Maklumat, UTHM

78