table of contents - library.uitm.edu.my · nama pengguna, anda akan pergi ke halaman user edit...

Membangunkan laman web dengan Joomla v1.0x Rahim Bin Utah

Copyright @ 2008 to Rahim Utah - PSMB

Hala

ma

n1

Table of Contents JOOMLA ................................................................................................................................ 4

Bab 1 : Pengenalan Joomla ............................................................................................... 4

Bab 2 : Memasang Joomla ................................................................................................ 6

BAB 3 : PENGURUSAN JOOMLA .......................................................................................... 9

Joomla – Frontend ............................................................................................................... 9

Menu .................................................................................................................................. 9

Kandungan ( Content ) ................................................................................................... 9

First Page/Front Page .................................................................................................... 10

Pesanan terbaru ( Latest Messages )/ Perkara yang selalu di baca ( Most Often Read Messages) ............................................................................................................. 10

Iklan ( Advertising) .......................................................................................................... 10

Function ........................................................................................................................... 11

Login Area ....................................................................................................................... 11

Joomla - Back End ............................................................................................................. 12

Bab 4 : Mentadbir dan mengurus laman web .............................................................. 13

Menu bar ......................................................................................................................... 13

Menu Pintas ..................................................................................................................... 13

Tab Kawalan ................................................................................................................... 13

Tab Logged ..................................................................................................................... 14

Tab Component ............................................................................................................. 14

Tab Popular ..................................................................................................................... 14

Tab Latest Item ............................................................................................................... 14

Tab Menu Stats ............................................................................................................... 15

Semak Versi Joomla ....................................................................................................... 16

Global Configuration ........................................................................................................ 18

Bab 5 : Memasang Template ........................................................................................... 22

Memilih Template .............................................................................................................. 23

Bab 6 : Mengurus Kandungan ......................................................................................... 24

Kandungan mengikut Section ..................................................................................... 24

Section ............................................................................................................................. 24

Category ......................................................................................................................... 24

Content Item ( Kandungan ) ........................................................................................ 25



Hala

ma

n2

Latihan ............................................................................................................................. 25

Menyunting Section ........................................................................................................... 27

Membina Category ....................................................................................................... 28

Membina kandungan ( Content ) ............................................................................... 29

Membina helaian halaman ( Multi-page content Items) ........................................ 30

Lab ....................................................................................................................................... 31

Parameter kandungan (Content Parameter) ............................................................... 32

Menetapkan MetaData pada dokumen. ................................................................. 33

Bab 7 :MEDIA MANAGER .................................................................................................. 34

Maklumat ............................................................................................................................ 34

Memuatnaik fail Media ................................................................................................. 35

Menghapuskan Fail Media ........................................................................................... 35

Mendapatkan Pauntan kepada Fail ( Fail Link) ........................................................ 36

LAB ....................................................................................................................................... 36

Memasukkan fail media dengan menggunakan MOSimages .................................. 37

Kaedah memasukan fail media .................................................................................. 37

LAB ....................................................................................................................................... 38

Bab 8 :Menyusun layout muka depan ( halaman utama ) ........................................ 39

Bab 9: Module Manager .................................................................................................. 40

LAB ....................................................................................................................................... 41

Publish Module. .............................................................................................................. 41

Meminda Posisi Module ( Module position ) .............................................................. 42

Memasang Module ....................................................................................................... 44

LAB .................................................................................................................................... 45

Bab 10 : Mengurus dan Memasang Component ......................................................... 46

Mengurus Contact Categories .................................................................................... 46

Memasang Components .............................................................................................. 47

Bab 11 : CORE MODULE .................................................................................................... 48

Module Latest News .......................................................................................................... 48

LAB .................................................................................................................................... 49

Menyalin Module. .......................................................................................................... 50

Konfigure Newflash Module ............................................................................................. 52

Custom Module. ................................................................................................................ 53

Menggunakan Poll ......................................................................................................... 54



Hala

ma

n3

Module Random Image ................................................................................................... 55

LAB .................................................................................................................................... 55

Konfigure Who’s Online Module ...................................................................................... 56

Bab 12 : Menu Manager ................................................................................................... 58

Menambah Menu Item. ................................................................................................ 62

LAB ....................................................................................................................................... 64

Membina Menu Item Utama ........................................................................................ 64

Membina sub menu ....................................................................................................... 65

Menghapuskan Menu Item .......................................................................................... 66

Bab 13 : User Manager ...................................................................................................... 68

Public Frontend............................................................................................................... 69

Public Backend .............................................................................................................. 69

Bab 14 : Mengurus Muka depan ( Front end ) .............................................................. 70

RUJUKAN .......................................................................................................................... 71



Hala

ma

n4

JOOMLA

Bab 1 : Pengenalan Joomla Apabila World Wide Web telah dilahirkan, mencipta halaman web bukan perkara mudah, anda dikehendaki belajar bahasa Web: HTML. Semenjak itu, beberapa langkah-langkah dalam kuasa jaringan authoring perisian telah dilakukan dengan adanya jaringan profesion editor-editor seperti Adobe Dreamweaver dan Microsoft FrontPage.

Satu jenis perisian yang khas dinamakan sistem pengurusan kandungan (CMS) telah di cipta.

CMS adalah satu aplikasi web yang digunakan untuk menguruskan laman web dan kandungan laman tersebut. Dengan CMS, banyak program-program boleh didapati, ia adalah menarik dan menarik perhatian bahawa Joomla sahaja telah di gunakan oleh satu spectrum individu-individu, perbadanan dan pertubuhan-pertubuhan tanpa keuntungan. Joomla mempunyai ciri-ciri yang sukar ditandingi, dengan adanya ciri-ciri professional yang terbina di dalamnya.

Kuasa dan kesederhanaan aplikasi Joomla mungkin sukar difahami jika anda tidak mempunyai pengalaman di dalam pengurusan kandungan atau penggunaan CMS. Bagaimanapun, webmaster boleh melihat bahawa ciri-ciri pentadbiran yang terlibat dapat menambat perhatian:

1. Kemungkinan pengurusan lengkap melalui satu antara muka web yang teguh

2. Pengurusan Web-based aset-aset tapak ibarat grafik, fail, dan media lain 3. Ciri-ciri kelulusan penyiaran, membenarkan ahli menghantar atau

memasukkan kandungan, atau artikel.

Banyak perkara yang anda boleh lakukan dengan perisian content management system joomla, anda boleh membangunkan laman web berasaskan perdagangan, portal berita, magazine, laman web peribadi, blog serta laman web korporat dan sebagainya.

Kebanyakan modul-modul tambahan banyak terdapat di dalam laman web yang boleh di perolehi secara percuma dan sebahagiannya berbayar dengan kos yang kecil.

Joomla menggunakan sepenuhnya teknologi sumber terbuka (LAMP), linux, apache, MySQL dan PHP. Walaubagaimana pun joomla boleh beroperasi dengan pengoperasian Windows. Dan anda perlu memasang beberapa perisian tambahan bagi membolehkannya beroperasi.



Hala

ma

n5



Hala

ma

n6

Bab 2 : Memasang Joomla Pemasangan Joomla bukan lah satu proses yang rumit, walaubagaimana pun keperluan sistem dan peralatan yang sesuai perlu di ketahui. Joomla beroperasi di atas jaringan sistem sumber terbuka (LAMP) dengan sistem pengoperasian Linux, aplikasi web berasaskan PHP dan database MySQL. Anda boleh mendapatkan kod sumber Joomla dengan memuat turun perisian tersebut daripada joomla.org.

Langkah-langkah

1. Buka browser anda dan taipkan pada medan URL http:/www5.uitm.edu.my/myjoomla/trainxx dan tekan kekunci enter

2. Pastikan semua Directory and File Permissions Check adalah writeable dan tekan butang Next

3. Tekan butang Next untuk skrin berikutnya.



Hala

ma

n7

4. Pada paparan skrin step 1, masukkan maklumat pada Hostname, mySQL user Name, nama database dan klik pada option Install Sample Data.

5. Apabila anda sudah pastikan klik butang Next

6. Popup berikut akan di paparkan, klik pada butang OK jika anda sudah pasti. 7. Seterusnya masukkan nama web site anda misalnya TebuanMaya.com

8. Seterusnya klik pada butang Next 9. Pada tetingkap step 3 sila masukkan alamat emel anda dan juga katalaluan

untuk administrator. Biarkan yang lain secara default. Dan klik butang Next.



Hala

ma

n8

10. Tahniah! anda telah berjaya memasang content management system Joomla. Tetapi ada lagi satu langkah yang perlu anda buat iaitu membuang folder installation di dalam folder Joomla.

11. Gunakan SSH untuk login ke Server aplikasi Joomla. Dalam hal ini anda perlu ada kebenaran untuk mengakses server. Dalam hal lain, sesetengah penyedia perkhidmatan akan membuang direktori installation secara automatik.



Hala

ma

n9

BAB 3 : PENGURUSAN JOOMLA

Joomla – Frontend Joomla terbahagi kepada dua bahagian penting iaitu Frontend dan juga Backend. Front End adalah khas untuk paparan kepada pelawat. Dan yang satu lagi di panggil Back End, Back End merupakan tempat di mana anda mengawal atau mengendalikan laman web anda seperti memasukkan kandungan, memasukkan imej, membina menu, memasang component dan juga modul dan juga menyusun susunatur paparan di Front End.

Template mengambarkan susunatur pada laman web anda. Template boleh di tukar dan juga diubah mengikut selera anda.

Terdapat 5 kategori yang berbeza pada laman web Joomla.

• Menu • Kandungan ( Content ) • Iklan ( Advertising ) • Function • Decorative Elements ( contoh site Modul)

Menu Menu adalah navigasi daripada satu halaman kepada satu halaman yang lain, ianya memudahkan pelawat untuk mencari sesuatu maklumat berdasarkan kepada Menu. Di dalam Joomla anda boleh membina beberapa jenis menu misalnya, top menu, user menu dan sebagainya.

Kandungan ( Content ) Kandungan boleh jadi mesej, cerita, artikel atau halaman statik dengan penerangan. Kandungan juga boleh menjadi pautan dinamik seperti http://www.uitm.edu.my.



Hala

ma

n10

First Page/Front Page Kandungan adalah pemberitahuan pada halaman utama/pertama di dalam sesuatu laman web seperti yang dipaparkan pada rajah berikutnya. Ianya boleh menjadi berita utama atau perkara-perkara yang hendak di jadikan sebagai tajuk utama.

Pesanan terbaru ( Latest Messages )/ Perkara yang selalu di baca ( Most Often Read Messages) Pesanan atau pemberitahuan boleh di paparkan dalam bentuk yang berbeza. Lihat pada gambaran berikutnya.

Iklan ( Advertising) Apabila laman web anda menjadi popular, anda boleh menjual ruang iklan pada laman web anda. Ruang iklan bermaksud pautan banner.



Hala

ma

n11

Banner hendaklah dalam format jpg, png atau gif yang memperkenalkan kepada pelawat sesuatu produk dan boleh di buat pautan untuk bergerak kepada laman web pengiklan.

Function Function merupakan satu elemen yang penting untuk menghias laman web anda. Dalam joomla di panggil modules

Login Area Modul login adalah berguna jika anda mahu memisahkan kandungan diantara paparan untuk awam atau untuk paparan ahli sahaja. Pengguna boleh mendaftar di laman web anda dengan beberapa maklumat perlu di isikan.



Hala

ma

n12

Joomla - Back End Back End merupakan tempat di mana anda (pentadbir) menguruskan laman web anda. Untuk masuk ke administrator, anda perlu klik pada menu Administrator pada Main Menu atau taip terus URL laman web anda dengan menambah perkataan administrator di hujung URL laman web anda seperti berikut:

http:/www5.uitm.edu.my/myjoomla/trainxx/administrator dan paparan halaman login (daftar masuk) ke Backend akan di paparkan seperti dibawah.

Masukkan Username iaitu admin dan juga Password yang telah anda tetapkan semasa membuat pemasangan Joomla. Kemudian klik butang Login.

Jika salah satu (Username atau Password) salah, kekotak dialog berikut akan dipaparkan. Sila klik OK, dan masukkan semula username dan password yang tepat.



Hala

ma

n13

Bab 4 : Mentadbir dan mengurus laman web Anda boleh mengurus dan mentadbir laman web anda dengan mudah, setiap menu dan ikon yang terdapat di dalam zon pentadbiran mempunyai tugas dan fungsi yang tertentu, yang setiap satunya akan anda pelajari di dalam kelas ini.

Skrin Home Administrator merupakan tempat bermula yang mengandungi beberapa bahagian dengan fungsi masing-masing. Untuk pergi ke Home, klik menu Home di bar menu.

Menu bar Menu-menu ini adalah menu pilihan alternatif jika anda tidak memiliki atau melihat menu pintas atau ikon kawalan kerana fungsinya adalah sama.

Menu Pintas Menu pintas juga di sediakan untuk beberapa jenis menu seperti Add New Content dan sebagainya. Untuk mengaksesnya anda hanya perlu klik pada ikon berkenaan.

Tab Kawalan Mempunyai beberapa menu seperti siapa yang log ke laman web anda, jenis-jenis component, item-item yang popular dan juga item terkini dan sebagainya.



Hala

ma

n14

Tab Logged Anda boleh melihat pengguna/pelawat yang log masuk kedalam laman web (samada yang masuk dari bahagian Backend atau Frontend). Sekiranya klik pada nama pengguna, anda akan pergi ke halaman user edit untuk edit profile pengguna tersebut, atau anda boleh klik pada tanda pangkah untuk log keluar user tersebut.

Tab Component Memaparkan senarai berkenaan dengan Component yang terdapat dan yang di install pada laman web anda.

Tab Popular Memaparkan kandungan yang paling popular dalam turutan kandungan yang paling banyak diklik atau capai pada laman anda. Ia juga memaparkan tarikh artikel/kandungan tersebut dibina dan jumlah berapa kali ia dicapai pengunjung.

Tab Latest Item Memaparkan kandungan yang paling baru dicipta/dimasukkan. Selain itu, ia juga memaparkan tarikh dicipta dan juga nama penulis. Boleh klik pada kandungan tersebut untuk di edit.



Hala

ma

n15

Tab Menu Stats Memaparkan senarai semua menu dan bilangan link kandungan yang dicipta pada setiap menu. Bilangan link adalah jumlah untuk keseluruhan yang dicipta, bukan bilangan ia dipaparkan. Boleh klik pada menu untuk akses halaman yang mana menyenaraikan kandungan yang terdapat pada menu anda.



Hala

ma

n16

Semak Versi Joomla Anda boleh menyemak versi joomla dengan mudah. Untuk menyemaknya klik pada menu System > Version check.

Anda juga boleh mendapatkan maklumat tentang sistem joomla yang di pasang atau sedang anda gunakan dengan klik pada menu System > System Info

Seterusnya anda boleh menyemak mana Database Table yang di lock secara tidak sengaja oleh anda. Selalunya terjadi bila anda membuka satu-satu kandungan item atau module dan tidak menutup dengan sepatutnya atau anda menekan butang back pada pelayar. Anda boleh menggunakan kemudahan Global check-in untuk unlock. Untuk melaksanakannya klik pada menu System > Global check-in.



Hala

ma

n17



Hala

ma

n18

Global Configuration Global Configuration adalah tempat di mana anda akan membuat konfigurasi mengenai beberapa perkara tertentu seperti memberitahu pengguna laman web anda di dalam selenggaraan, menetap peraturan paparan pada laman web, jenis editor yang hendak di pakai dan sebagainya.

Langkah-langkah

1. Klik pada ikon Global Configuration atau menu Site > Global Configuration 2. Skrin Global Configuration akan di buka.

3. Klik pada tab Site, Jika anda mahu membuat selenggaraan dan memberitahu pengguna bahawa laman web anda sedang di selenggara, Klik pada radio button No di medan Site Offline.

4. Pada medan Offline Message, masukkan pesanan anda kepada pelawat. 5. Anda boleh meminda nama Site anda dengan menyunting medan Site

Name. 6. Jika anda mahu membenarkan pelawat mendaftar dan menjadi ahli, pada

medan Allow User Registration tandakan Yes. 7. Pada medan Require Unique E-mail tandakan Yes, Front-end Login tanda

Yes. Juga dengan option yang lain. 8. Pada medan Default WYSIWYG Editor anda boleh menetapkan samada ingin

menggunakan editor WYSIWYG (what you see is what you get) atau tidak, atau memilih jenis editor yang dikehendaki (jika ada lebih dari satu editor).



Hala

ma

n19

9. Seterusnya klik pada tab Locale. Anda boleh menetapkan beberapa perkara seperti memilih bahasa (jika anda ada memasang bahasa kedua), Time Offset dan sebagainya.

10. Seterusnya klik pada tab Content. Secara ringkas tab Content mengawal bentuk paparan kandungan laman web anda secara global dengan menetapkan beberapa parameter secara tetap (default). Tetapi peraturan ini boleh di pinda dengan adanya kemudahan parameter pada kandungan individu.



Hala

ma

n20

11. Seterusnya klik pada tab Database, memaparkan maklumat tentang database yang sedang anda gunakan. Anda tidak perlu meminda maklumat di dalamnya, kecuali anda tahu apa yang akan anda lakukan.

12. Seterusya klik pada tab Server, memaparkan maklumat berkaitan dengan server dan kaedah pengawalan fail sumber.

13. Seterunsya klik pada tab Metadata, Metadata berfungsi di dalam enjin pencarian seperti Google, anda menetapkan keyword bagi laman web anda dan juga penerangan mengenai laman web anda.

14. Seterusnya klik pada tab Mail, anda boleh menetapkan jenis sistem Mailer dan beberapa parameter yang lain seperti Mail From (masukkan alamat email anda), From Name (masukkan tajuk respon email anda) dan sebagainya.

15. Seterusnya klik pada tab Cache. Menetapkan dasar cache sistem anda. 16. Seterusnya klik pada tab Statistik, biarkan ianya secara default, anda boleh

menetapkan parameter mengikut keperluan, tetapi perlu melihat sejauh mana kewajarannya, kerana ianya melibatkan prestasi laman web anda.



Hala

ma

n21

17. Klik pada tab SEO, parameter yang menguruskan Search Engine Optimization, biarkan secara default.



Hala

ma

n22

Bab 5 : Memasang Template Secara tetap joomla aka menyediakan dua pilihan template. Anda boleh memuat turun dan memasang template dengan mudah. Selain itu anda juga boleh membangunkan template mengikut selera anda.

Langkah-langkah

1. Di menu bar klik Installers > Template – Site 2. Skrin Install new Template [ Site ] di buka

3. Klik pada butang Browse untuk memilih fail template. 4. Klik pada folder latihan/template/ja_sargas.zip, dan klik butang Open

5. Seterusnya klik pada butang Upload File & Install.

6. Template yang anda pasang tadi akan di senaraikan pada Template Manager [ Site ].



Hala

ma

n23

Memilih Template Anda boleh memilih mana-mana template dengan menggunakan kemudahan yang ada pada Template Manager [ Site ]

Langkah-langkah

1. Daripada menu bar klik Site > Template Manager > Template 2. Skrin Template Manager [Site] di buka.

3. Klik pada template yang di kehendaki dan klik ikon Default.



Hala

ma

n24

Bab 6 : Mengurus Kandungan Menu kandungan mengandungi semua bahagian kandungan. Kandungan di susun mengikut susunan berikut:

Ada dua kaedah untuk membina kandungan. Iaitu melalui

• Static Content Manager dan • Section manager ( Content by Section )

Kandungan mengikut Section Hiraki kandungan adalah di susun mengikut Section, kemudian Category dan seterusnya kandungan sebenar atau di panggil Item.

Section Merupakan hiraki paling atas, anda boleh menambah seberapa banyak section yang anda perlukan.

Category Setiap Section mestilah mengandungi sekurang-kurangnya satu Category atau lebih, Category boleh di tafsirkan sebagai bahagian tengah hiraki.



Hala

ma

n25

Content Item ( Kandungan ) Merupakan hiraki paling bawah dan merupakan kandungan sebenar laman web anda. Anda boleh membina seberapa banyak kandungan di bawah satu Category. Kandungan adalah artikel/berita yang khusus/relatif kepada Category dan Section yang diwakilinya.

Latihan Membina Seksyen

Langkah-langkah

1. Daripada menu bar, klik pada Contents > Section Manager, atau ikon Section Manager.

2. Skrin Section Manager akan di paparkan yang ianya mengandungi senarai section yang ada atau yang telah anda bina.

3. Seterusnya klik pada ikon New. 4. Pada skrin Section Details, masukkan maklumat berikut:

a. Title : Berita dan Aktiviti b. Section Name : Berita dan Aktiviti c. Description : Berita dan Aktiviti Jabatan. d. Access Level : Pilih sebagai :-

• Public – boleh dilihat oleh semua pengunjung • Registered – boleh dilihat oleh pengunjung yang

berdaftar. • Special – hanya boleh dilihat oleh pengguna

tertentu sahaja. e. Published : Yes



Hala

ma

n26

5. Selainya di biarkan secara default. 6. Seterusnya klik pada ikon save untuk disimpan ke dalam database. 7. Sistem akan kembali kepada Section Manager dan memaparkan senarai

Section yang terkini.



Hala

ma

n27

Menyunting Section 8. Di bawah Section Name klik pada tajuk Berita dan Aktiviti. Dan paparan

berikutnya akan dipaparkan pada skrin komputer anda. Anda boleh mengubah mana-mana bahagian yang anda mahu. Misalnya anda mahu memasukkan gambar pada section ini, klik pada Image dan pilih articles.jpg

9. Pinda maklumat di bahagian Description dengan memasukan maklumat berikut Sekitar Berita dan aktiviti Jabatan. Dan seterusnya klik butang Save.



Hala

ma

n28

Membina Category Dalam latihan berikutnya anda akan membina category berdasarkan kepada section yang sedia ada.

Langkah-langkah

1. Daripada menu bar klik pada Section -> Category Manager. 2. Seterusnya klik pada ikon New.

3. Skrin Category Details akan di paparkan. Dan masukkan maklumat berikut pada medan berkaitan:

a. Category Title : Lawatan b. Category Name : Lawatan c. Section : Berita dan Aktiviti d. Description : Lawatan rasmi dan tidak rasmi jabatan. Dan biarkan

secara default yang selebihnya.

4. Klik butang Save.



Hala

ma

n29

Membina kandungan ( Content ) Langkah-langkah

1. Di menu bar klik Content > Content by Section > Berita dan aktiviti > Berita dan aktiviti Item.

2. Pada Content Items Manager ( Section: Berita dan Aktiviti ) klik pada ikon New.

3. Pada Content Item : New, masukkan maklumat berikut pada bahagian yang di nyatakan :

a. Title : Lawatan b. Section : Berita dan Aktiviti c. Category : Lawatan d. Dalam Main Text (required) : Masih di dalam peringkat pembangunan

4. Klik ikon Save. 5. Senarai terbaru kandungan akan di pamirkan pada Content Item Manager (

Section: Berita dan Aktiviti)



Hala

ma

n30

Membina helaian halaman ( Multi-page content Items) Anda boleh menggunakan fungsi MOSpagebreak untuk membina kandungan dengan beberapa halaman, atau mengikut chapter.

Langkah-langkah

1. Buka Content Item Manager 2. Pada panel Content Item Manager, pilih mana-mana kandungan yang di

perlukan. 3. Seterusnya letakan kursor di bahagian mana yang ingin anda pisahkan. Dan

tekan ikon insert page break yang terletak pada bahagian bawah dokumen.

4. Klik ikon Save.



Hala

ma

n31

Lab Dalam latihan ini anda di kehendaki membina satu section, dua Category dan juga kandungan. Membina Section

1. Klik Content > Section Manager. 2. Klik Ikon New 3. Pada Section Details masukkan maklumat berikut :-

a. Title : About Malayisa b. Section Name : About Malaysia c. Description : All about Malaysia

4. Klik ikon Save. Membina Category

1. Klik Content > Category Manager 2. Klik Ikon New 3. Pada Category Detail masukkan maklumat berikut :-

a. Category title : General b. Category name : General c. Section : About Malaysia

4. Ulangi langkah 1 untuk membina category kedua di bawah section yang sama.

a. Category title : At Home b. Category name : At Home c. Section : About Malaysia

Membina Kandungan :

1. Di menu bar klik menu Content > Content by Section > About Malayisa > About Malaysia items.

2. Klik ikon New 3. Pada skrin Content Item masukkan maklumat berikut :

a. Title : Malaysia In Brief b. Section : About Malaysia c. Category : General

4. Daripada folder latihan, buka subfolder txt, buka fail about Malaysia, copy dan paste pada Description.

5. Klik ikon Save.



Hala

ma

n32

Parameter kandungan (Content Parameter) Setiap Kandungan yang di bina mempunyai parameter yang boleh di tetapkan oleh anda, misalnya kandungan mengenai sesuatu berita mungkin anda mahu di terbitkan pada tarikh tertentu dan di tamat pada tarikh berikutnya. Parameter di paparkan di dalam mod tab menu tersebut adalah Publishing, Images, Parameters, Meta Info dan Link to Menu.

Menetapkan parameter kandungan.

1. Di menu bar klik menu Content > Content by Section > Berita dan Aktiviti > Berita dan aktiviti items

2. Klik ikon New 3. Klik pada tab Publishing. Pada medan Finish Publishing klik pada ikon kotak

dengan tiga tanda titik untuk mengeluarkan Kalendar, klik pada tarikh tamat publishing bagi kandungan ini.

4. Klik ikon Save.



Hala

ma

n33

Menetapkan MetaData pada dokumen. MetaData amat berguna pada enjin carian seperti google, yahoo dan sebagainya. Anda boleh memasukkan ringkasan mengenai kandungan artikel anda dan juga keyword bagi artikel ini.

Langkah-langkah

1. Buka panel Content Item Manager. Klik Content >Content by Section >About Malaysia > About Malaysia Items

2. Klik pada artikel Malaysia In Brief. 3. Pada skrin Content Item edit…., klik pada tab Meta Info. Pada medan

Description masukan : For the perfect holiday full of surprises, eclectic cultures and natural wonders, the time is now, the place is Malaysia. Dan pada medan Keywords : Malaysia, Truly Asia.

4. Jika anda mahu memasukkan Seksyen, kategori dan Tajuk artikel ini sebagai Keyword, klik pada butang Add Sect/Cat/Title.

5. Klik ikon Save.



Hala

ma

n34

Bab 7 :MEDIA MANAGER Sistem CMS Joomla telah memasukkan alat untuk mengurus fail media, Administrator boleh melihat fail media dalam bentuk thumbnail. Administrator boleh memuat naik fail baru, membuang fail yang tidak diperlukan, membina direktori dan mengenalpasti secara tepat URL untuk media di dalam fail sistem.

Media Manager

Maklumat A – Toolbar

Ikon untuk memuatnaik fail yang telah di masukkan pada medan File Upload (B), membina direktori baru.

B – Direktori

Nama direktori yang sedang aktif, ikon uplevel jika di klik akan pergi ke direktori sebelumnya.

C – Fail

Fail Thumbnail media yang telah di masukkan, bersama dengan sub direktori. Klik pada direktori untuk melihat kandungan fail media yang berada di dalamnya.

G – Create Directory

Masukkan nama direktori dan tekan ikon Create untuk membina direktori yang baru.

F - Image URL



Hala

ma

n35

Medan ini akan memaparkan URLs bagi imej yang pilih.

Memuatnaik fail Media Anda boleh memuat naik fail media yang baru dengan mudah, seperti fail gambar, fail dokumen msword, Excel serta Powerpoint dan fail format pdf.

Langkah untuk mengupload Media

1. Di menu bar klik Site > Media Manager 2. Skrin Media Manager akan di buka 3. Klik butang Browse dan pilih fail media yang di perlukan. 4. Seterusnya klik butang Open dan sistem kembali semua kepada skrin Media

Manager 5. Klik ikon Upload. 6. Joomla akan memuat naik fail media tersebut dan memaparkan pesanan

upload fail telah berjaya.

Menghapuskan Fail Media Kadangkala anda perlu membuang fail media yang tidak lagi di gunakan daripada sistem Joomla, ini adalah kerana untuk menjimat ruang di dalam pelayan, atau peruntukan ruang yang di berikan kepada anda. Menghapuskan fail media adalah secara terus, ianya tidak di simpan di dalam Archive atau trash.

Langkah untuk menhapuskan fail media

1. Buka skrin Media Manager. 2. Klik pada ikon Trash yang ada pada setiap fail media.

3. Tetingkap pesanan akan di buka dengan amaran fail akan di hapuskan,

4. Klik butang OK. Dan fail media di hapuskan.



Hala

ma

n36

Mendapatkan Pauntan kepada Fail (Fail Link) Dalam keadaan tertentu anda memerlukan pautan URL image untuk di paparkan pada laman web anda.

Langkah untuk medapatkan URL pautan kepada fail media

1. Buka skrin Media Manager 2. Klik pada ikon pencil yang ada pada setiap fail media

3. Dan pada medan Image/URL code akan di paparkan kod atau link kepada fail media tersebut, salin URL tersebut dan paste pada dokumen atau kandungan artikel.

LAB

Dalam latihan berikutnya anda di kehendaki membina satu direktori untuk fail media yang baru, namakan direktori sebagai images dan direktori fail ini hendaklah berada di dalam subfolder stories. Dan muatnaik fail media dari direktori bahan kursus iaitu image01.jpg, image02.jpg, image03.jpg, image04.jpg dan image05.jpg. Kesemua fail media ini hendaklah di simpan di dalam folder images yang telah anda bina tadi.



Hala

ma

n37

Memasukkan fail media dengan menggunakan MOSimages Anda boleh memasukkan fail media, seperti gambar dengan mudah dengan adanya kemudahan fungsi MOSimages. MOSimages di reka untuk membenarkan pengguna memasukkan fail media tanpa perlu mengetahui tentang penggunaan kod HTML.

Kaedah memasukan fail media Sebelum anda boleh melakukan proses ini, terlebih dahulu anda perlu memuat naik fail media yang di simpan di dalam direktori tertentu di bawah subfolder images.

Langkah-langkah

1. Buka dokumen item yang anda mahu. 2. Pada skrin Item Details, klik pada Tab Images, Pilih fail media yang di perlukan

di bawah Gallery Images, dan klik pada butang anak panak kekanan untuk membawanya ke Content Images.

3. Seterusnya tempatkan kursor pada dokumen di mana anda mahu meletakan fail media tersebut dan klik pada ikon insert image

4. Klik ikon Save.



Hala

ma

n38

LAB Latihan memasukkan image pada dokumen HTML

1. Klik Content >Content by Section >About Malaysia > About Malaysia Items 2. Pada skrin Content Items Manager…, Klik pada Malaysia In Brief.

3. Klik pada Tab Images. Di bawah tajuk Gallery Images pilih fail media images01.png dan klik butang anak panah kekanan.

4. Seterusnya letakan kursor di bawah tajuk About Malaysia, Truly Asia dan klik ikon insert image. Dan hasilnya adalah seperti rajah di bawah.

5. Seterusnya klik ikon Save, dan preview laman front page laman web anda. 6. Ulangi langkah 2 untuk kandungan Fast Fact about Malaysia dengan

memasukkan fail media images02.png dan juga fail media pic01.jpg. fail media images02.png hendaklah di masukkan di bawah tajuk Fast Fact about Malaysia dan fail media pic01.jpg hendaklah di masukkan di bahagian paling bawah isi kandungan.



Hala

ma

n39

Bab 8 :Menyusun layout muka depan ( halaman utama ) Module memainkan peranan di dalam susunatur setiap muka laman web. Adalah wajar anda memahami peranan modul ini dengan lebih teliti. Misalnya anda boleh meletakan modul pada halaman pertama tetapi tidak pada halaman berikutnya. Ianya bergantung kepada kesesuai.

Walaubagaimanapun, susunatur sesuatu modul adalah bergantung kepada template yang di bina oleh anda atau pembangun yang lain yang mana ianya bergantung kepada posisi module yang di bina. Ianya terpulang kepada pembangun itu sendiri untuk meletakan posisi bagi module-module tersebut. Untuk melihat susunatur, anda boleh klik pada Menu bar Site > Preview > Inline with Position.

Contoh susunatur module.



Hala

ma

n40

Bab 9: Module Manager Anda boleh menggunakan module manager untuk membina, mengurus dan menempatkan module pada laman web anda. Antaramuka Module Manager membenarkan anda mengakses semua modul di dalam sistem, bersama dengan cara cepat anda meminda atau melihat status sesuatu module. Contoh paparan Module Manager.

Module Name Senarai semua module yang telah di pasang pada sistem.

Published Toggle Module untuk status published atau unpublish.

Order Susunatur kedudukan module, dimana ia menentukan turutan kedudukan modul dan ianya memberi kesan pada susunatur jika berada di dalam posisi yang sama.

Access Status Access bagi module tersebut, samada untuk Public, Registered dan Special.

Position Kedudukan module pada template. Position mempunyai banyak nama seperti – Top, left, right, user1, user2 dsb.

Pages Halaman mana module akan di paparkan.

ID Number ID dijana oleh sistem bagi satu-satu module.



Hala

ma

n41

LAB

Publish Module. Dalam latihan ini ada di kehendaki melakukan tugasan berikut:-

• Publish Module dan posisikannya pada semua halaman dan halaman pilihan

• Unpublish Module. • Memasang Module. • Custom Module.

Langkah-langkah

1. Pada menu bar klik Module > Site Module 2. Di senarai Module klik pada Statistics. 3. Pada Sitem Module : Edit (Statistic), Klik pada All di bawah senarai Menu Item

Link(s). dan pada option Published klik Yes

4. Klik Ikon Save, dan sistem akan menjana pesanan Successfully Saved Module: Statistics.

5. Perhatikan perubahan tanda Publish di dalam senarai module. 6. Refresh browser front end laman web anda.

Unpublish Module

7. Klik Module > Site Module 8. Pada baris Login Form, dibawah tajuk Published, klik pada ikon publish untuk

unpublish Login Form.



Hala

ma

n42

Meminda Posisi Module ( Module position ) 9. Daripada senarai module, klik Statistics 10. Pada skrin penyuntingan Site Module : Edit [Statistics], Pada option Position

pilih right daripada kotak senarai.

11. Klik ikon Save 12. Module akan berada di dalam posisi yang baru iaitu di sebelah kanan.

Assign Module pada halaman tertentu.

13. Daripada Module Manager, klik pada Module Statistics 14. Pada skrin Site Module : Edit [Statistics]. di bawah senarai Menu Item Link(s)

Ctrl+Klik pada mainmenu | Home dan mainmenu|Blog

15. Klik ikon Save



Hala

ma

n43

16. Refresh laman web anda.



Hala

ma

n44

Memasang Module Anda boleh membina module anda sendiri atau anda boleh memuat turun daripada laman web joomla, ada yang percuma dan ada yang perlu di bayar.

Langkah-langkah

1. Di menu bar klik Installers > Modules 2. Pada Skrin Install new Modules klik pada butang Browse, klik pada folder

latihan > module dan klik pada fail zip mod_janewslight, seterusnya klik butang Open.

3. Seterusnya klik pada butang Upload File & Install untuk memasang module tersebut pada sistem.

4. Sistem akan memaparkan pesanan Upload Module Success dan sebaliknya jika gagal.

5. Untuk melihat module yang telah dipasang tadi, klik pada Modules > Site Modules

6. Skrol kebawah sehingga berjumpa dengan module JA NewsLight. Secara default module ini di bawah status Unpublish dan posisi pada template di sebalah kiri ( left )

7. Seterusnya klik pada module Ja NewsLight. 8. Pada skrin Site Module: Edit [ JA NewsLight ], pada bahagian Detail masukan

Title : Special Report, Show Title: Yes dan Access Level : Public.



Hala

ma

n45

9. Seterusnya pada bahagian Parameters masukkan parameter berikut :- a. Category : News/Latest b. Max Chars : 100 c. Column : 1 d. Show Intro : Show e. Show image : hide f. Show Readmore : show g. Show Read All : hide

10. Dan pada bahagian Menu Item Link(s) pilih mainmenu | Home, kita mahu module ini hanya di paparkan pada muka depan halaman web sahaja.

11. Klik ikon Save dan refresh muka depan laman web anda.

LAB

Anda di kehendaki memasang Module mod_blogcal1.6, fail ini terdapat di dalam folder latihan/components/mod_blogcal1.6.zip. Seterusnya anda di kehendaki mengaktif module ini dan module ini hendaklah di pamirkanpada sebelah kiri laman web anda. Pastikan module ini hanya di paparkan pada home dan mainmenu|blog.



Hala

ma

n46

Bab 10 : Mengurus dan Memasang Component Sistem CMS Joomla secara default menyediakan beberapa component antaranya seperti Contact, Banner, mass mail, poll dan sebagainya.

Mengurus Contact Categories Anda boleh memasukkan senarai Contact melalui Component Contact. Tetapi sebelum itu anda perlu membina sekurang-kurangnya satu kategori.

Langkah-langkah

Mewujudkan Contact Category

1. Daripada menu bar klik Components > Contact 2. Klik pada Contact Categories 3. Di skrin Category Manager klik pada ikon New. 4. Pada skrin Category:New (Contact) masukkan maklumat berikut:

a. Category Title : Help Desk b. Category Name : Help Desk c. Published : Yes d. Description : Help Desk Service

5. Klik ikon Save.

Mengurus Contect Items

6. Di menu bar klik Components > Contact > Manage Contact. 7. Senarai Contact akan di pamirkan pada skrin Contact Manager, klik Ikon

New untuk membina Senarai Contact yang baru. 8. Masukkan maklumat di bahagian Contact Detail.



Hala

ma

n47

9. Pada Tab publishing info, pastikan Published di tanda dengan Yes. Dan access kepada Public.

10. Klik pada Tab image jika anda mahu memasukkan gambar atau imej. 11. Klik pada Tab parameter, pinda mana-mana parameter mengikut selera

anda. 12. Klik ikon Save.

Memasang Components Anda boleh memuaturun komponen daripada laman web joomla samada secara percuma ataupun yang berbayar.

Langkah-langkah

1. Di menu bar klik Installer > Components 2. Pada bahagian upload package file, klik pada butang Browse.

3. Buka folder latihan/components, dan pilih fail com_blogsidebar2.4.zip dan klik butang Open.

4. Seterusnya klik butang Upload File & Install.



Hala

ma

n48

Bab 11 : CORE MODULE

Module Latest News Anda boleh mempamirkan senarai kandungan terbaru dengan menggunakan Module Latest News. Secara default, semua kandungan terbaru yang anda masukkan akan di pamirkan pada Module ini. Jika anda mahu mempamirkan senarai kandungan mengikut section atau category tertentu anda boleh berbuat demikian dengan menetapkan parameter.

Konfigur Module Latest News

1. Di menu bar klik Module > Site Module 2. Skrin Module Manager [site] akan di buka. Klik pada tajuk Latest News.

3. Skrin Site Module Edit : [Latest News ] akan di buka. 4. Pada medan Frontpage items, Klik hide. Tujuannya adalah untuk tidak

menyenaraikan kandungan yang di siarkan pada muka depan di dalam senarai Latest News.

5. Secara default hanya 5 kandungan terbaru akan di senaraikan, anda boleh mengubahnya dengan memasukkan sebarang nombor pada medan Count.

6. Pada medan Category ID, masukkan ID bagi kategori yang di perlukan. ID bagi kategori boleh di dapati pada Category Manager. Jika anda mahu memasukkan lebih daripada satu id, guna tanda comma untuk memisahkan diantara id yang lain.

7. Pada Section ID, masukan Section ID yang di perlukan. Anda boleh memasukkan lebih daripada satu ID dengan menggunakan tanda comma untuk memisahkannya dengan ID yang lain.



Hala

ma

n49

LAB Dalam latihan ini anda akan menentukan section dan category mana yang di perlukan untuk mempamirkan maklumat pada Modul Latest News. Apabila sudah selesai semak perubahan pada muka depan laman web anda dan perhatikan pada module Latest News.

1. Buka skrin Section Manager untuk mendapatkan ID bagi section Berita dan Aktiviti.

2. Buka skrin Module Manager [site], untuk membukanya klik Module > Site Modules

3. Klik pada Module Latest News 4. Skrin Site Module Edit : [Latest News ] akan di buka. 5. Pada medan Frontpage items, Klik hide. 6. Pada section ID masukkan ID bagi Section Berita dan Aktiviti. 7. Klik ikon Save.



Hala

ma

n50

Menyalin Module. Anda boleh menyalin (copy) mana-mana module yang di sediakan untuk kegunaan yang lain tetapi bagi tujuan yang sama. Misalnya jika anda mahu mengadakan satu module untuk menyenaraikan Pengumuman.

Latihan .

Di bawah section Berita dan Aktiviti, bina satu category dan namakannya Announcement.

1. Di Menu Bar klik Content > Content by Section > Berita dan Aktiviti > Berita dan Aktiviti Category.

2. Panel Category Manager akan di buka. Klik ikon New 3. Masukkan maklumat seperti berikut :

4. Seterusnya klik ikon Save 5. Catat dan simpan Category ID bagi Announcements

Menyalin Module

6. Di Menu Bar klik Modules > Site Modules. 7. Tik pada kotak di hadapan Module Latest News.

8. Klik pada ikon Copy untuk menyalin modules tersebut.



Hala

ma

n51

9. Satu module baru akan di pamirkan pada panel Module Manager dengan nama Copy of Latest News.

10. Klik pada Module Copy of Latest News untuk menyuntingnya 11. Skrin Site Module edit : Copy of Latest News akan di buka. 12. Di medan Title taipkan perkataan Announcements. Pada medan Position

pilih right, seterusnya pada medan Published, klik Yes pada pilihan radio button. Pada Category ID masukan nombor ID yang telah anda catitkan tadi.

13. Di bawah tajuk Menu Item Link(s), klik pada mainmenu | Home. Module ini hanya akan di pamirkan pada muka depan sahaja.

Memasukkan Annoucements.

14. Klik pada menu Content > Content by Section > Berita dan Aktiviti > Berita dan Aktiviti Items.

15. Panel Content Item : New akan di buka. Dan masukkan maklumat berikut :- a. Title : Malaysia International Space Adventure. b. Category : Announcement c. Intro Text: (required ) : d. (1 Jan - 16 Apr 2008)

Experience the wonders and excitement of a space adventure here in Malaysia. Learn about the history of space exploration or discover more about planet Mars.

16. Klik ikon Save.



Hala

ma

n52

Konfigure Newflash Module Newflash module merupakan satu module yang efektif untuk mempamirkan mesej pendek pada laman web anda. Mesej yang di pamirkan akan berubah setiap kali halaman apabila web di refresh.

Konfigurasi bagi Newflash Module

1. Di menu bar klik Modules > Site Modules 2. Panel Module Manager akan di buka 3. Klik pada module NewFlash.

4. Panel Site Module : Edit [Newsflash] akan di buka. 5. Pada bahagian Parameters. Anda boleh menetapkan parameter mengikut

kesesuaian. Dan boleh memilih daripada Category mana maklumat ini akan di baca.

6. Klik ikon Save.



Hala

ma

n53

Custom Module. Anda boleh membina module anda sendiri dengan mudah, Sistem Joomla membolehkan anda membina Custom module yang simple. Atau anda boleh membangunkan module anda sendiri dengan menggunakan koding PHP.

Membina custom module yang mudah

1. Buka panel Site Module Manager. 2. Klik ikon New. 3. Skrin Panel Site Module : New akan di buka, Masukan parameter berikut :-

a. Tajuk : Iklan b. Show title : No c. Position : right d. Module Order : Random Image e. Access Level : Public

4. Seterusnya pada Custom Output, klik pada ikon Image.

5. Tetingkap berikut akan di buka, masukkan image URL anda dan tekan butang Update.

6. Klik ikon Save.



Hala

ma

n54

Menggunakan Poll Pemasangan Joomla adalah termasuk komponen sedia ada poll. Poll manager membenarkan anda untuk membina, menyunting dan membuang poll daripada laman web. Keputusan Poll akan di kira secara automatik dan di pamirkan pada halaman yang berlainan

Untuk mengurus poll anda,

1. klik pada Component > Polls 2. Skrin Poll Manager dibuka dan menyenarai Poll yang telah ada.

3. Klik pada ikon New untuk membina Poll. 4. Skrin Poll : New akan di buka. Masukkan tajuk Poll anda pada medan Title,

Published : Yes dan masukkan soalan pada options 1 dan seterusnya.

5. Pada bahagian Show on menu items, klik pada mainmenu | Home 6. Klik ikon Save.



Hala

ma

n55

Module Random Image Jika anda mahu meletakan gambar-gambar secara random anda boleh mengaktifkan module Random Image. Sebelum itu anda perlu mewujudkan satu direktori khas untuk menyimpan gambar-gambar yang hendak di pamirkan pada module Random Image.

LAB Mewujudkan direktori untuk Random Images.

Di dalam latihan berikutnya anda di kehendaki mewujudkan satu direktori yang di namakan sebagai random_image. Direktori ini hendaklah berada di dalam subdirektori Stories.

Seterusnya muat naik kesemua fail media yang berada di dalam folder latihan/random_images dan hendaklah di masukkan kedalam direktori random_image yang telah anda bina tadi.

Konfigure Module Random Image

1. Buka Site panel Module Manager. 2. Klik pada Module Random Image.

3. Skrin Site Module : Edit [ Random Image ] di buka. 4. Tukar tajuk Site Module kepada My Gallery. 5. Pada medan Image Folder masukkan URL berikut :

/images/stories/random_image 6. Pada medan Width masukan : 160 7. Pada medan Height masukan : 122 8. Pada bahagian Pages/Items, di bawah Menu item link(s) klik pada All. 9. Klik ikon Save



Hala

ma

n56

Konfigure Who’s Online Module Anda boleh mempamirkan senarai pelawat yang aktif, yang sedang melawat laman web anda. Joomla menyediakan kemudahan ini dengan membangunkan module Who’s Online.

Konfigure Modul Who’s Online

1. Buka Site Panel Module Manager. 2. Klik pada Modul Who’s Online

3. 4. Skrin Modul Who’s Online di buka, pada medan Show title klik pilihan Yes,

Position : right, Access Level : Public dan Published : Yes

5. Pada bahagian Parameters, anda boleh memilih mana-mana option yang di sediakan. Klik pada mana-mana pilihan yang anda suka.



Hala

ma

n57

6. Pada bahagian Pages / Item, di bawah tajuk Menu Item Link(s) klik mainmenu | Home. Module ini hanya di pamirkan pada muka depan laman web sahaja.

7. Klik ikon Save



Hala

ma

n58

Bab 12 : Menu Manager Joomla menyediakan dua jenis menu, kedua-duanya mengurus perkara berbeza di dalam terma paparan maklumat secara berbeza.

Memahami Default Menu

Main menu atau menu utama memegang navigasi utama di dalam tapak web. Semasa pemasangan Joomla, jika anda memilih option install sample data, sistem akan membina basic laman web untuk anda dengan data contoh, dan mengandungi beberapa jenis menu.

Mengurus menu sedia ada

Secara default ada tiga jenis menu yang di bekalkan kepada anda, iaitu Main Menu, Other Menu, Top Menu dan User Menu. Kesemua menu ini boleh di pinda atau di hapuskan mengikut kesesuaian.

Mengurus menu utama

1. Di menu bar klik Menu 2. Pilih menu yang hendak di uruskan 3. Skrin Menu Manager di buka 4. Klik pada menu item yang hendak di uruskan. 5. Klik ikon Edit 6. Skrin Menu Item Editing di buka 7. Buat perubahan yang anda mahu 8. Klik ikon Save. 9. Joomla menyimpan perubahan dibuat dan kembali kepada Menu Manager.

Menyusun Menu item ( Reorder Menu Items)

1. Klik pada Menu > mainmenu untuk membuka skrin menu item Main menu 2. Skrin Menu Manager di buka 3. Pada baris menu item About Malaysia, klik pada nombor di bawah tajuk

Order, pinda nombor untuk menentukan kedudukan misalnya kedudukan item menu daripada 11 kepada 3, anda boleh memindah berapa menu item dengan hanya mengubah kedudukan mengikut nombor-nombor yang di masukkan.

4. Setelah anda berpuas hati klik pada ikon Save yang terdapat di sebelah kiri tajuk Order.



Hala

ma

n59

5. Anda juga boleh mengubah kedudukan menu item dengan hanya perlu klik Arrow up atau Arrow down untuk menaik atau menurunkan kedudukan menu item anda.



Hala

ma

n60

Membina menu baru

Langkah-langkah

1. Di menu bar klik Menu > Menu Manager 2. Skrin Master Menu Manager di buka 3. Klik pada ikon New. 4. Masukkan nama menu dan juga tajuk module, nama mestilah unik dan tiada

mengandungi ruang diantaranya atau mestilah satu perkataan. 5. Klik ikon Save.

Format Menu Item

Joomlah menyediakan beberapa jenis format menu item, yang mana setiapnya mempunyai tugas yang sama tetapi memaparkan maklumat di dalam format yang berbeza.

Format Blog

Format ini memaparkan tajuk artikel, dan sebahagian atau semua isi kandungan (Content Item) anda boleh mengawal paparan menerusi parameters,

Format Table

Memaparkan paparan dalam bentuk jadual atau senarai Content Item mengikut tajuk.

Full View

Paparan kandungan atau component.

Blog – Content Category

Semua kandungan yang berada di dalam satu kategori dalam bentuk blog.

Blog – Content Section

Semua kandungan yang berada di satu section di pamirkan dalam bentuk blog.

Link – Content item

Satu kandungan item di paparkan secara penuh.

Link – Statistic Content

Satu kandungan static content di paparkan secara penuh.



Hala

ma

n61

Table-Content Category

Kesemua kandungan di bawah satu kategori akan di paparkan dalam bentuk jadual.

Table-Content Section

Kesemua category di bawah satu section akan di paparkan dalam bentuk jadual.

Wrapper

Pilihan untuk memaparkan laman web di dalam halaman joomla.

Component

Paparan penuh component.

Link – Component item

Untuk memaparkan satu component dalam format keseluruhan.

Link – Contact Item

Untuk paparan content item dalam format keseluruhan.

Link – Url

Pautan keluar daripada laman web anda.



Hala

ma

n62

Menambah Menu Item. Sebelum anda boleh menambah menu item, pastikan anda sudah ada kandungan, samada ianya di bina seraca kategorikan mengikut seksyen atau kandungan statik.

Untuk menambah menu Item

1. Klik Menu > mainmenu 2. Skrin Menu Manager [mainmenu] di buka

3. Klik ikon New 4. Skrin New Menu Item di buka.

5. Pilih format Menu item yang anda mahu 6. Klik ikon Next



Hala

ma

n63

7. Skrin Add Menu Item di buka

8. Pada medan Name di bawah bahagian Detail, masukkan nama Menu Item anda.

9. Pada medan Content to link, pilih kandungan yang berkaitan di bawah kotak senarai.

10. Setkan parameter bagi menu item ini, 11. Pada parent item pilih Top. 12. Klik Public pada medan Access Level 13. Klik Yes pada medan Published 14. Joomla kembali kepada skrin Menu Manager [mainmenu]



Hala

ma

n64

LAB Dalam latihan berikutnya anda perlu melakukan tugasan berikut

1. Membina menu item 2. Membuat pautan kepada content item 3. Membina pautan kepada components.

Langkah-langkah

Membina Menu Item Utama 1. Klik Menu > mainmenu 2. Skrin menu manager [mainmenu] di buka, seterusnya klik ikon New 3. Skrin New Menu item di buka, di bawah bahagian Content klik pada Link-

Content item 4. Skrin Add Menu Item di buka, pada bahagian Detail masukkan parameter

berikut:- a. Name : About Malaysia b. Content to Link : About Malaysia – About Malaysia / Malaysia In Brief c. URL On Click Open in : Parent Window With Browser Navigation d. Parent Item : Top e. Access Level : Public f. Published : Yes

5. Klik ikon Save



Hala

ma

n65

Membina sub menu 1. Klik Menu > mainmenu 2. Skrin menu manager [mainmenu] di buka, seterusnya klik ikon New 3. Skrin New Menu item di buka, di bawah bahagian Content klik pada Link-

Content item 4. Skrin Add Menu Item di buka, pada bahagian Detail masukkan parameter

berikut:- a. Name : Fast Fact b. Content to Link : About Malaysia – About Malaysia / Fast fact About

Malaysia c. URL On Click Open in : Parent Window With Browser Navigation d. Parent Item : About Malaysia e. Access Level : Public f. Published : Yes

5. Klik ikon Save

Membina pautan menu kepada components

1. Klik pada Menu > mainmenu 2. Skrin menu manager [mainmenu] di buka, seterusnya klik ikon New 3. Skrin New Menu item di buka, di bawah bahagian Component klik

Component

4. Skrin Add Menu Item component di buka, pada bahagian Details masukkan parameter berikut :

a. Name : Blog b. Component : Blog Sidebar c. Parent Item : About Malaysia d. Access Level : Public e. Publish : Yes

5. Klik ikon Save



Hala

ma

n66

Menghapuskan Menu Item Anda boleh menghapuskan menu item tanpa menghapuskannya secara terus. Sebenarnya ianya di simpan di dalam Trash. Menyimpan menu item yang tidak di perlukan ke dalam Trash akan memudahkan anda untuk mendapatkannya kembali.

Langkah-langkah

1. Di menu bar klik pada Menu > Other Menu. 2. Skrin Menu Manager akan di buka, Klik kotak di hadapan Menu Item Joomla!

Forum.

3. Seterusnya klik ikon Trash.

4. Joomla akan membuang Menu item daripada senarai menu dan menghantarnya kepada Trash Manager.

Trash Manager

5. Klik pada Site > Trash Manager 6. Skrin Trash Manager dibuka. Pilih menu Items, dan senarai Menu yang di

simpan di dalam Trash akan di senaraikan. Klik pada kekotak pilihan Joomla! Forums.



Hala

ma

n67

7. Klik pada ikon Restore jika anda mahu mendapatkan semula menu item tersebut. Atau anda boleh menekan butang Delete untuk menghapuskanya terus daripada sistem.



Hala

ma

n68

Bab 13 : User Manager Joomla memberikan kemudahan kepada pengunjung laman web anda untuk mendaftar sebagai pengguna secara automatik. Tetapi jika perlu, anda boleh juga mendaftarkan pengguna anda secara manual.

Bahagian yang mengawal pengguna dikenali sebagai User Manager dimana anda boleh melihat senarai pengguna yang berdaftar.

Pengguna dalam system pendaftaran Joomla terbahagi kepada dua :-

1. Pengguna Frontend (Public Frontend) 2. Pengguna Backend (Public Backend)

Untuk mendaftar pengguna secara manual, anda akan menerima paparan seperti berikut :-



Hala

ma

n69

Public Frontend

Jenis Pengguna Kebenaran & Keistimewaan Berdaftar Registered

• Pengguna yang berdaftar tidak boleh mengarang, mengedit ataupun menerbitkan artikel, tetapi mereka boleh mengakses artikel terhad yang tidak dipaparkan pada pelawat biasa (Public).

Pengarang Author

• Pengarang boleh menulis artikel, menetapkan aspek-aspek tertentu pada artikel seperti bagaiman ia akan dipaparkan dan tarikh bila artikel perlu diterbitkan, namun artikel tersebut perlu disahkan oleh Penerbit (Editor).

Editor Editor

• Editor mempunyai kebolehan seperti Pengarang (Author), cuma kelebihannya Editor boleh mengedit semua artikel (tidak hanya terhad pada artikel mereka sendiri).

Penerbit Publisher

• Penerbit boleh melakukan semua tanggungjawab seperti Pengarang dan Editor serta mempunyai kelebihan untuk menerbitkan artikel.

Public Backend

Jenis Pentadbir Kebenaran & Keistimewaan Pengurus Manager

• Pengurus mempunyai kebenaran sama seperti Penerbit, cuma Pengurus boleh mengakses bahagian Panel Kawalan Pentadbir Laman.

• Pengurus boleh mengakses semua panel berkaitan artikel di Panel Kawalan, tetapi tidak boleh mengubah template, mengubah susunan laman atau mengubah extention Joomla.

• Pengurus juga tidak boleh menambah pengguna atau menubah profail pengguna yang sedia ada.

Pentadbir Administrator

• Pentadbir mempunyai kelebihan berbanding Pengurus, dimana mereka boleh menambah/membuang extension laman, mengubah template, mengubah susunan laman dan juga mengedit profile pengguna lain (kecuali Ketua Pentadbir).

• Selain itu, Pentadbir juga tidak boleh mengubah sesetengah ketetapan pada laman global.

Ketua Pentadbir Super Administrator

• Manakala Ketua Pentadbir mempunyai keistimewaan penuh (seperti root pada Linux) dan tidak mempunyai sebarang sekatan pada semua fungsi pentadbiran laman Joomla.

• Mempunyai kelebihan untuk mewujudkan pengguna baru yang mempunyai kebenaran Ketua Pentadbir atau menukar mana-mana pengguna menjadi Ketua Pentadbir.

• Satu-satunya pengguna yang wujud selepas proses pemasangan (installation) Joomla ialah Ketua Pentadbir. Dengan menggunakan akaun “admin” yang



Hala

ma

n70

dihasilakan semasa pemasangan.

Bab 14 : Mengurus Muka depan ( Front Page ) Anda boleh menguruskan kandungan di muka depan, seperti menyusun, unpublish, publish kandungan pada muka depan laman web anda dengan mudah.

Untuk mengurusnya klik pada menu Content > Front Page Manager, skrin Front Page Manager di buka dengan menyenaraikan senarai kandungan yang telah anda tetapkan pada muka depan bersama dengan maklumat lain.

Untuk mengeluarkan kandungan daripada muka depan, klik pada ikon Published di bawah tajuk publish pada mana-mana kandungan.



Hala

ma

n71

RUJUKAN BUTANG CAPAIAN PANTAS

Ikon capaian pantas ini memudahkan anda akses kepada capaian umum dengan hanya satu capaian sahaja :-

Imej/Ikon Fungsi Keterangan

Tambah Artikel Baru • Halaman memaparkan editor WYSISWYG (What You See Is What You Get) dan kandungan baru boleh ditambah disini.

Pengurus Isian Artikel • Halaman ini memaparkan senarai semua item kandungan.

• Untuk edit, klik pada item yang berkenaan.

Pengurus Artikel Statik • Memaparkan semua senarai artikel statik. • Boleh edit dan tambah artikel/kandungan statik

disini.

Pengurus Muka Depan

• Menyenaraikan semua artikel/kandungan yang dipaparkan pada muka depan laman web anda.



Hala

ma

n72

Pengurus Seksyen • Untuk akses ke halaman Section Manager. • Anda boleh edit dan menambah Section disini.

Pengurus Kategori • Untuk akses ke halaman Category Manager. • Anda boleh edit dan menambah Category

disini.

Pengurus Media • Untuk akses ke halaman Media Manager. • Anda boleh upload dan mengawal media

anda disini.

Pengurus Buangan • Menyenaraikan artikel/kandungan yang telah di padam.

• Anda boleh memadam terus kandungan atau simpan semula kandungan ke tempatnya.

Pengurus Menu • Menyenaraikan menu yang terdapat pada laman web anda.

• Anda boleh edit dan menambah menu atau submenu yang dikehendaki.

Pengurus Bahasa • Halaman ini digunakan untuk memilihdan menambah bahasa yang akan digunakan pada laman web anda.

Pengurus Pengguna • Anda boleh menambah, memadam, memindahkan dan mengawasi pengguna pada laman web anda.

Tetapan Global • Merupakan tempat konfigurasi laman web anda.

• Anda boleh edit sebarang konfigurasi pada laman web anda.

Bebutang Lain

Simpan • Untuk menyimpan data yang sedang digunakan dan kembali kepada laman senarai yang berkaitan.

Laksana • Menyimpan data yang sedang digunakan dan kekal pada laman yang sama.

Batal, Log Keluar • Meninggalkan laman yang sedang digunakan atau paksa keluar dari laman tersebut.



Hala

ma

n73

Bantuan • Mengakses system bantuan.

Terbit • Pada bahagian Section, Category dan Content untuk mengawal penerbitan.

Tidak Diterbitkan • Pada bahagian Section, Category dan Content untuk mengawal penerbitan.

Pindah • Untuk memindahkan artikel/kandungan kepada Seksyen atau Categori yang berlainan.

Pendua • Membuat pendua akan mana-mana artikel/kandungan, juga boleh membuat pendua bagi Modul yang mempunyai fungsi yang sama.

Hapus, Buang • Untuk dihapuskan dari database dan hantar pada Pengurus Buangan.

Edit • Mengubah/edit Seksyen, Kategori, Artikel/Kandungan dsb.

Baru, Tambah • Mencipta Seksyen, Kategori, Artikel/Kandungan baru dsb.

Arkib • Menyimpan artikel kedalam arkib.

Pulih • Mengembalikan semula artikel/kandungan yang telah dihantar ke Pengurus Buangan.

Upload • Upload imej/fail kedalam Pengurus Media.

table of contents - library.uitm.edu.my · nama pengguna, anda akan pergi ke halaman user edit...

Documents