manual kursus
Post on 06-Apr-2018
248 Views
Preview:
TRANSCRIPT
-
8/3/2019 Manual Kursus
1/50
JOOMLA!ManualBelajardanPraktis
Ditulisoleh:SifuAzmiSulaiman
Lamanku.
MY
1
AzmiSulaiman
HakciptaTerpelihara2011
http://lamanku.my
-
8/3/2019 Manual Kursus
2/50
Kursus: Pengurusan&PembangunanWebCMSJoomla(Asas)
Tempat: KolejMatrikulasiMelaka
Tarikh: 2930/November/2011
ManualVer: 11.01
ISIKANDUNGAN
Topik
Halaman
Pengenalan&Keperluan 3
LoginKePanelAdmin 7
PengurusanIsiKandungan 18
EditorWYSIWYG 23
Menu 31
Component 35
Extension 41
Penutup
50
HakCiptaTerpelihara:
HakCipta2007 2011ManualBelajardanPraktis,TulisanAzmiSulaiman.TerbitanMayahttp://lamanku.my.
2
-
8/3/2019 Manual Kursus
3/50
1PENGENALAN&KEPERLUANPengenalanKepadaWeb
Web jika diterjemahkan bermaksud jaringan halaman. Jaringan ini menghubungkan
manusiadengan
manusia
lain,
malah
kini
boleh
pula
menghubungkan
manusia
dengan
sistem
yangberkecerdikanbuatan.Rangkaianjaringaninibolehberbentukluas(wide)dikenalisebagai
internetatauterhad(lan)iaituinranet.
Teknologi web telahberkembangdari web1.0sebelum tahun 2000kepada web 2.0 sehingga
kini. Namun telah bermula teknologi web 3.0 pada masa kini. Joomla! adalah sebuah aplikasi
CMS (Content Management System) bagi web yang menyokong teknologi web era 2.0
(Teknologi Web Simantik) yang wujud pada hari ini. Pembangunan web dalam era teknologi
simantik ini diistilahkan sebagai Era ReadWritePublish berbanding era ReadOnly semasa
zamanweb1.0denganteknologiHTMLsahaja.
Seterusnyaevolusi
teknologi
web
3.0
kini
telah
bermula
dan
Joomla!
juga
kini
menuju
ke
arah
teknologiwebberkecerdikanbuatan(IntelligentWeb)untukkegunaanmasadepan.Disamping
keupayainteraktif,webyangseterusnyanantijugabijakdanhidupsebagaisebuahentitiyang
bekerjasendirisecaradalamtalian.
Semasa era web 1.0, hanya orang berpengalaman dan berpengalaman dengan kod aturcara
htmldiberikepercayaanmembinaweb.Tetapidalameraweb2.0walaupuntanpapengetahuan
tersebut, ramai mampu dan diberi kepercayaan menghasilkan laman web. Walaupun tanpa
pengetahuanituwebera2.0dapatdihasilkandenganlebihmenarikdandinamik.
Apakahwebdinamik?
Dari segi istilah, web dinamik merupakan web yang mempunyai isi kandungan dan template
paparan yang bolehubah mengikut input pengguna. Web dinamikjuga bersifat interaktif dan
menghasilkandirektoripengguna berdaftar.Setiap pengguna dan isi kandungan dikategorikan
mengikutarascapaianyangpelbagai.Capaianolehpenggunadanpersembahan isikandungan
berbezapengikutarasdanpenggunayangmengaksesnya.
Web dinamik juga dihasilkan oleh pembangun dengan kod aturcara hebat (Perl,
ASP,JSP,Coldfusion,PHP)
dan
digabungkan
dengan
HTML.
Domain
Domain adalah nama yang menjadi pengenalan kepada satu set nombor protokol
internet (IP) atau alamat internet. Sebagai contoh nama domain adalah google.com mewakili
suatu alamat IP iaiatu 209.85.175.147. Domain dapat memudahkan pengguna mengingati
alamatdalambentukperkataanberbandingdalambentuknombor.
3
http://www.techno-pulse.com/2009/11/web-30-intelligent-web.htmlhttp://www.techno-pulse.com/2009/11/web-30-intelligent-web.htmlhttp://www.techno-pulse.com/2009/11/web-30-intelligent-web.htmlhttp://www.techno-pulse.com/2009/11/web-30-intelligent-web.html -
8/3/2019 Manual Kursus
4/50
Ringkasnya domain merupakan nama unik/alamat untuk laman web kita, domain merupakan
nama yang diakhiri dengan .com, .net, .org, .biz, .tv, .my, .gov.my, .com.my, .net.my, .org.my
danlainlain.
Hosting
Hostingkadangkaladipanggiljugawebhostingadalahrumahuntukmenyimpanfailfaildanfolderyangmenjanasesebuah lamanweb.Dalamsatuhostingbolehdimuatkan lebihdari
satulamanwebbergantungkepadasaissimpanandatanya(ruanganhosting).Anda boleh membina server sendiri menjadi hosting atau menyewa ruangan hosting
daripihakketigayangjugadikenalisebagaiDedicatedhostingatauDedicatedServer.Contohnyaandamenyewahostingdenganexabytes.com.myataudengandatakl.comdansebagainya.CMSWeb
CMSWeb (WebContentManagementSystem)adalahsistemaplikasiyangberasaskan
web yang dibangun untuk tujuan mempersembahkan data dalam paparan laman elektronik.
Sistem membenarkan pengguna menguruskan data menerusi panel kawalan dan
dipersembahkandalamgabunganuniktemplate,module,component,plugindanwiget.
ContohCMSWebadalahJoomla,Wordpress,Drupal,PHPFusion,NanoCMS,XOOPdan
banyaklagi.
PekelilingdanPanduanLamanWebAgensidanInstitusiKerajaan.
Sekolahadalahsebuahinstitusikerajaandaninitertaklukkepadapekelilingpengurusandan
pembangunanlamanwebiaitu:
PekelilingAmBil.1Tahun2006PengurusanLamanWeb/PortalSektorAwam
(Sumber:http://arcadia.mampu.gov.my/mampu/pdf/pa012006.pdf)
Manamanainstitusikerajaanyangberhasratmembangundanpenguruspenyaluranmaklumat
semestinyapengikutipekelilingdanpanduaninisepenuhnyadantanggungjawabiniadalahdi
bawahpengetuasekolahtersebut.
Berikutantaraperkaradansedikitpanduanuntuktujuanpembangunan/pengurusanlamanweb
sekolah.
4
-
8/3/2019 Manual Kursus
5/50
AmalanTerbaikGlobal Interaksidenganpelanggan,Mesrapelanggan,Perkhidmatankepadapelanggan,Ciricirisokonganpelanggan&merangkumiamalanglobaldarisegiciriciriutamaportal,
arkitekturportal,pengurusandansokonganteknikalportal.
PrinsipAsasLamanWeb Saluranrasmi,Maklumatrasmi,PerkhidmatanBerterusan,Kemaskinidanlengkap,MenyokongKerajaanElektronik,Kesediaandankeupayaanperkakasan,perisiandan
rangkaian,
Mesrapengguna,Mempromosikerajaan,Memberipenjelasan,Penggunaanbahasayangbetul&
Keberkesanankos.
PerkaraYangDilarang Mengiklankanperkhidmatanyangditawarkanolehpihakluar,Memaparkanisuisusensitif,Menyebarkanperkaraperkarayangtidakadakaitandenganperkhidmatanyang
ditawarkanoleh
agensi,Memaparkankenyataankenyataanyangbolehmenjejaskanimejkerajaan.
CiriciriAsasMandatoriLamanWeb Penyataanperkataanlamanwebrasmi,Jata(crest)kerajaan,Logorasmiagensi,Penyataanpengenalanagensi,Dasardasarutamaagensi,Piagampelanggan
agensi,Maklumatperkhidmatanagensi,Maklumatuntukdihubungi,FAQ,Pernyataanpenafian,
DasarPrivasi,
Dasar
Keselamatan,
Kemudahan
maklum
balas/komen,
Fungsi
luput
secara
automatik,Keupayaanmuatturun,Kemudahansearchengine,Kandunganlamanwebsekurang
kurangnyadalamduabahasa,PautankemyGovernment, AgensiyangmelaksanakanaplikasiMSC,
meletakkanlogoMSCMalaysia,Sitemap,Domain.edu.my&Notishakcipta.
CiriciriTambahanLamanWeb Memaparkanklipvideo/audioperkhidmatanagensi,Capaiansokongan, KemudahanW3CDisabilityAccessibility,Penggunabutawarna,Penggunacacat
penglihatan,Penggunacacatpendengaran&Wargatua.
CiriciriPortal ditambahdenganperkhidmatanonlineyangdisediakan,Tandatangandigital,Saluranpembayaransecaraelektronik,Pengawalanhadcapaian(accesscontrolrights)&Ciriciri
rememberme
LangkahlangkahKeselamatankeupayaansystemwebuntukbackupdanrestore,Kawalankeselamatan
(pentadbiran,
logical,
fizikal),
Pengesahan
Kuasa
(Authorization),
Pengesahan
Capaian
(Authentication),Encryption,Protokol&PenamatanSesi.
PengukuranPrestasi Bilanganperkhidmatanonlinedalamtempohsetahun,sebulan/seminggu,Bilangancapaiankepadasesuatutopik,BilangancarianyanggagaldanKepuasanhatipelanggan
termasukpenghargaandanmaklumbalasmembina.
TanggungjawabAgensiMematuhiprinsipdanciridigariskan,melaksanakanlangkahkeselamatan,pengukuranprestasiweb&mewujudkanpasukantadbiruruslamanweb.
TadbirUrusLamanWeb/PortalSektorAwam Menetapkanmatlamat,merangkastrategipenyaluranmaklumat,pengisianmaklumat,mempromosilamanweb,semakbrokenlink,kemaskini
maklumat,penerbitanmaklumatterkini,menambahkandunganbaru,menambahbaiksusunatur
dangrafiksertamenguruskanpangkalandata.
Pematuhankepadapekelilinginiadalahmandatoridanhanyabolehdiabaikanjikaperkartersebuttiada
kaitandenganagensiataudiluarperkhidmatanyangagensitawarkan.(Sumber:
http://www.mampu.gov.my/)
5
-
8/3/2019 Manual Kursus
6/50
KeperluanAplikasi:
1. LocalWebserverUntuk
membolehkan
web
server
local
bekerja,
ia
perlu
mengandungi
gabungan
berikut:
i Apacheii MySQLiii PHP
Serta aplikasi antaramuka MySQL iaitu PHPMyAdmin 3.3.1rc1 yang boleh membantu anda
menyelenggaradatabasedanjadualdatauntuklamanwebJoomla!andananti.
2. WebCMSMemudian
barulah
anda
masukkan
Web
CMS
yang
dikehendaki
ke
dalam
web
server
local
tersebut.ContohnyamemasukkanJoomlakedalamlocalwebserver.
3. PakejWebserverdanWebCMSdenganMoWes.
JikaandamemilihwebserverMoWes,andaakanmemperolehiwebserverdanJoomlasekaligus.
1. Download file dari laman pembekal, untuk mendapatkan pakej aplikasi MoWes anda bolehmuatturundaripadalamanweb: http://www.chsoftware.net/en/
6
http://www.chsoftware.net/en/http://www.chsoftware.net/en/ -
8/3/2019 Manual Kursus
7/50
2LOGINKEPANEL DMINIS RATOR
PanelKa alanAdministrator
U
mengeta
secarako
ntuk memb
uiUsernam
nfigurasiand
lehkan anda
danPasswo
ankawalank
masuk ke p
rduntuklalu
eataslaman
anel kawala
ankeback
webJoomla
(Control P
nd(belakan
.
nel Adminis
pentas)unt
trator) anda
ukmengend
perlu
likan
Ji
internet
akhirURL
ka anda m
nda dan tet
lengkapand
h
Penting!
dengan 1
contoh:l
yangdike
Ji
password
butangL
ttp://localho
:
Jika
anda
27.0.0.1 d
ocalhost:80
hendakioleh
ka URL and
sepertidib
ogin.
mpunyai at
apkan alama
a(untukme
st/joomla/ad
menggunakan terdapatj
0 danseba
webservery
a tepat teti
wahakand
u mengeta
t URL untuk
bukawebJ
ui dua per
ke halaman
omla)masu
kara terseb
CPanel Adm
kanperkata
t, sekarang
intersebut ia
anadminist
gunakan p
itu. Caranya
ratorconto
layar
pada
h:
ministrator
n
webserver
uga webser
ainya.Pastik
angandagu
ngkap yang
ipaparkan.
PanelLogin
yang
mengger yang per
anandagun
akan.
memerluka
asukkandu
dministrato
unakan
nomlu anda me
kanURLya
anda men
maklumat
rJoomla
bor
IP
anda
asukkan n
gbetuluntu
gantikan
locmbor port l
klocalhosts
lhost
aluan
perti
gisi maklum
itudenganb
at usernam
etuldanklik
dan
pada
7
http://localhost/joomla/administratorhttp://localhost/joomla/administratorhttp://localhost/joomla/administratorhttp://localhost/joomla/administratorhttp://localhost/joomla/administratorhttp://localhost/joomla/administrator -
8/3/2019 Manual Kursus
8/50
UtamaCPanelAdminHalaman
S
terus ke
tetingkap
A
akan lebi
webanda
B
1
telah anda
halaman uta
sepertiini:
ndakenalid
banyakbe
.
ahagianatas
. Pengenala
berjayamem
ma Cpanel
Ha
nfahamiset
erjadibaha
halamanini
nkepadana
sukkan user
dmin /Pane
lamanUtam
iapfungsiya
ian iniuntu
isediakanb
alamanwe
name dan k
l Kawalan A
PanelKawa
gterdapat
mengendal
berapakem
bdanversiJ
atalaluan ya
min Joomla
lanJoomla!.
adalamanu
ikanpersem
dahaniaitu;
omlayanga
g SAH anda
. Anda akan
akan dapat
perolehi pa
akses
paran
tamaCPAdm
ahandanko
ndagunakan
inini,kerana
nfigurasian l
anda
aman
8
-
8/3/2019 Manual Kursus
9/50
. Top Menpaparan
keluardar
Kiri untuk
eb (fronte
ipanelkawal
kerjakerja
d), statistik
anini.
administrato
email dan p
r dan Top
engguna di
enu Kanan
talian admin
untuk me
serta butan
buka
g log
2
E
B
f
2
enumenu
xtensions,To
erikut adala
ngsinya:
.1Site
Penerang
SubmenuControlPa
UserMan
MediaMa
GlobalCo
erja admini
olsdanHelp.
pecahan fu
n &Subme
nel
ger
nager
figuration
strator di b
Setiapsatu
ngsi bagi se
u:
F
a
i
Ji
d
t
u
u
s
K
t
ahagikan ke
empunyaif
iap menu k
ngsienuiniand
ndakembali
i. Jika anda
ontrolPanel
enu untuk
elihat ahli y
aklumat ahl
anualahlib
ka anda me
engan forma
rsebut
dimuanager.An
ntukmemud
ntuk tujuan
bmenuuta
onfigurasian
enutup se
ntang lam
pada Site,
ungsidangu
walan yang
bolehguna
kepaparan
berada di
danpapara
anda mem
ang telah m
i sedia ada,
ru.
erlukan m
t fail .jpg .b
at
naik
dan
ajugabole
ahkanpenul
penulisan a
abernama
utama lam
metara pe
n, sistem
enus, Cont
nakerjayan
anda perlu
anpadaseb
alamanUta
alaman lain
kembaluke
buka User
endaftar, at
atau ingin
dia seperti
mp .png ata
diselenggaramenciptafo
isanartikeln
rtikel perlu
Stories.
n web sep
khidmatan
dan server
nt, Compo
berbeza.
ahami dan
arangmasa
maPanelKa
, gunakan b
halamanini.
Manager
u ingin me
mendaftar s
rafik dan an
u .gif , sem
menerusi
lderfolderk
anti.Semua
di simpan
erti nama l
web, mak
termasuk
ents,
enali
untuk
alan
utang
untuk
gedit
ecara
imasi
a fail
edia
husus
grafik
alam
man,
lumat
nama
9
-
8/3/2019 Manual Kursus
10/50
2
Logout
.2Menus
Penerang
Submenu
MenuMa
MenuTra
MainMen
UserMen
Resources
KeyConce
n &Subme
ager
h
u
,TopMenu,
,EcamplePa
pts
d
d
K
A
h
p
u:
F
S
s
I
b
a
(i
(
s
ges&
S
l
d
g
k
atabase dan
alamGlobal
emudahanu
nda perlu
alaman ka
enggunalain
alamat m
Configuratio
tukandake
logout apa
alan supa
yangtidakb
ngsi
enu ini me
enu yang a
odule menu
enghapuskamua modu
mentara
enggunakan
estoreiake
iadalahand
enu, anda
enuManag
embina sub
oleh tambah
da.Setiapm
nternal link
elitan/place
diaada).
mua nama
man sample
an buang
antikan de
perluandan
bantu and
a di halama
baru, men
nmodule
me
le menu y
di Menu
nya kembali
MenuMan
ataramodul
oleh edit k
r.Andaperl
menu dan a
menu, edit
enudihasilka
, pautan l
older) dan
nama modu
. Anda bole
odulemod
gan nama
kehendakla
ail admin s
n.
luardarilam
ila berhent
ya tidak
ertauliah.
muanya te
nkawalana
i dari beke
isalahguna
memapark
n anda. And
edit, mend
nusedia
ada
ng anda h
Trash ji
anda boleh
gerdanakti
menuyang
pada nama
uberadadal
nakanak me
, salin dan b
nsamaada
ar (externa
alias (paut
le menu yan
h tambah, e
le menu s
nama yang
manweban
rletak
dmin.
ja di
oleh
n semua m
boleh me
plikasi dan
.
puskan disi
a anda
masukkan s
fkansemula.
diberinama
lain menggu
ammenu ini
nu baginya.
uang menu
daripautan
l link), sep
n kepada
g terdapat
dit, rename,
dia ada ini
sesuai d
a.
odule
bina
juga
mpan
ingin
mula
Main
akan
ntuk
Anda
sedia
alam
rator
menu
alam
salin
dan
ngan
10
-
8/3/2019 Manual Kursus
11/50
2.3Content
Penerang
n &Subme
Submenu
ArticleMa
ArticleTra
SectionM
Category
FrontPag
nager
sh
anager
anager
Manager
u:
F
afi
c
s
S
t
i
S
s
S
s
p
a
s
j
ngsi
enu ini bol
rtikel
yanglter/sisihkan
tegory atau
enerusi me
lindanhapu
mua artikel
tapi tersim
asukkan ke
ikembalike
belum and
ectionuntu
anager
anengeditata
lepas ada
ategoriMan
tiap sectio
engeditsert
anamana
adhalaman
rtikel untuk
lenggara m
ga boleh
enerusinya.
eh memban
terdapat
diartikel m
section unt
u ini anda
sartikelsedi
yang telah
an di dala
bali (resto
ArticleMana
boleh me
meletakkan
a
boleh
mememadam
section per
ageranda
yang tel
amemadam
rtikel yang
tama(Front
paparan
enggunakan
enutup da
tu anda me
halaman
angikut na
k memudah
boleh buat
aada.
dipadam tid
Article Tr
re) artikel ya
gerdanaktif
ulis artikel
artikelterse
ncipta
sectiectionsedia
lu pula ad
olehmencip
h dicipta.
categorysed
penting bole
Page).Pemi
i halaman
Front Page
n membuka
maparkan s
nda.
Andaa penulis,
kan carian a
artikel baru,
ak terhapus
ash. Anda
ng telah dip
kannyasemu
perlu ada d
but.PadaS
n
baru,
danada.
category.
tacategory
nda juga
iaada.
h anda pap
lihandansu
utama bol
Manager.
paparan
emua
bolehjenis
rtikel.
edit,
terus
boleh
adam
la.
ahulu
ction
juga
Pada
untuk
boleh
arkan
unan
h di
Anda
rtikel
11
-
8/3/2019 Manual Kursus
12/50
Compone
Penerang
2.4 ts
n &Subme
2
Submenu
Banner,C
Polls,Sear
3rdPartyC
Forum,Do
..
Catatan:
anda ingi
manual/p
turunnya.
.5Extension
ntacts,News
ch&WebLin
omponent:
wnload,Gall
Untuk me
pasang da
nduan men
u:
F
Feeds,
ks
C
dc
s
k
ery,
A
b
d
d
d
(
f
udahkan p
n gunakan
ggunakan c
ngsi
omponent
embantu a
alam
laman
ntact, new
tu sistem
walannyap
nda boleh j
arukepada
ikenali seba
aripihakket
ari sumbern
asang) ke l
rum,downl
engendalian
ada laman
mponent
adalah ap
da menyed
web
Jooml feeds, poll
aplikasi
dasubmenu
ga menam
ebJoomla
ai 3rd party
iga.Andabo
a secara d
man andaa
adsistem,g
anda terha
web anda, s
tersebut da
likasi kecil
iakan bany
a.
Antarany, search da
ersebut m
Component
ah beberap
nda.Compo
component
lehdapatkan
wnload dan
. Antara yan
allerydanba
p compone
ilapastikan
i laman we
dalaman
k kemudah
seperti
b web link.
empunyai
s.
a lagi comp
enttambah
kerana ia d
pakejcomp
kemudian i
g popular s
nyaklagi.
yang
n di
nner,
etiap
menu
nent
anini
atang
nent
nstall
perti
t 3rd party
anda memp
b anda me
yang
unyai
uat
12
-
8/3/2019 Manual Kursus
13/50
Penerang
n &Subme u:
2
Submenu
Install/Uni
ModuleM
PluginMa
Template
Language
.6Tools
nstall
anager
nager
Manager
Manager
F
cA
a
t
t
S
b
p
d
b
S
b
b
p
y
t
u
H
d
k
P
b
t
b
ngsi
enu Intall/
enambah
mponent,ndajugabol
nda tidak
elakukan p
run pakej
enggunakan
rmampat(.z
muamodul
oleh diliha
anager ini.
adahalaman
isokong oleh
olehkonfigu
ma sepert
erfungsime
aru diinstall
enggunaand
emplateMa
ng ada d
mplatepilih
ntuk menge
TML. Anda
isediakan
nfigurasian
ada Langua
ahasa yang
ntukan bah
ahasapadap
Uninstall a
sebarang 3
odule,
tehuninstall
ahu lagi p
emasangan
yang di
kemudah
ip).
sediaadaat
dan dik
Anda boleh
hadapan (fr
template y
asidanedit
i module
yenaraikan
. Kawalan
ankeaktifan
nagerpula
n mengaw
an(default).
it template
juga boleh
oleh temp
lainyang
ber
ge Manage
terdapat p
asa mana i
enggunaan
alh kemudrd
party p
plate,
plugianamanap
ad laman
anda dapat
ehendaki
n ini dal
umodelbar
wal meng
tentukan l
ontend)me
ang anda gu
oduleanda
manager,
luginyanga
lain adalah
pluginsedia
enyenaraika
al pemiliha
Andaperlus
anda seper
mengenal
late untuk
bezamengik
anda bole
da laman a
ngin diaktifk
ebanda.
han untuk
akej sama
n
atau
lanakejtersebu
eb anda.
an secara
dan di p
am bentuk
yangandai
unakan M
kasi letak
ngikut lokasi
nakan. And
disini.
Plugin Ma
datermasuk
untuk me
ad.
nsemuate
dan me
dikitpenget
i koding CS
pasti lokasi
module
ttemplate.
melihat s
nda. Anda
an dan dija
anda
ada
uage.yang
ntuk
muat
asang
fail
nstall
odule
odul
yang
juga
ager
yang
gedit
plate
gedit
huan
dan
yang
dan
narai
boleh
dikan
13
-
8/3/2019 Manual Kursus
14/50
Penerang
n &Subme u:
2
Submenu
ReadMes
WriteMe
MassMail
GlobalCh
CleanCac
PurgeExp
.7Help
ages
sage
ckin
e
redCache
F
A
si
Ji
b
kl
u
A
b
a
K
ks
s
l
K
(t
j
r
P
t
s
C
b
s
h
a
ngsi
pabilaandal
siataskanan
ka ada pad
ilangan mes
ikpada ikon
ntukmemba
nda boleh
erdaftar di l
emilihseora
nda. Pilih na
esejdanklik
emudahan i
padaemail
tu kumpula
tuemailke
manandate
emudahan i
able) pangk
dual di isi,
jukandanp
ada Global
tapi ini ak
dikit. Jika
engosongkaachelamaya
olehdibuan
oran hostin
urge Expire
ilang hanya
kandibersih
oginkeCpan
samaadam
ikon surat
j yang ada
tersebutata
ca/bukakiri
menulis me
aman web
ngnamape
ma penerim
send.
ni membole
pengguna.S
pengguna.
adasemua
ruskealama
ni membole
alan data a
akan dicatat
ngetahuan
Configuratio
n menyeba
anda men
ncache
lama
ngandayan
terusuntu
anda den
Cache. Te
cache yang
anterus.
elAdmin,an
esejatautid
terdapat an
dalam peti
upadamen
anmesejitu
sej kepada
anda secara
ggunauntu
a, tulis taju
hkan admin
tuemail
bol
Contoh, and
enggunaber
temailmere
hkan anda
nda. Jika da
kan bilanga
ndasebagai
anda bole
bkan laman
aktifkan ca
dengan
but
telahmele
mengecilka
an menggu
tapi cache s
telah luput t
dabolehlih
kuntukand
gka menunj
esej anda.
ReadMes
.
semua pen
personal d
menerima
, seterusny
mengirim
ehdikirim
k
a boleh me
daftar(regis
ka.
menyemak j
ta tertentu
nya (item)
admin.
h aktifkan c
web anda
he, anda
ngClean
Ca
ihimasa(ex
simpanan
akan kemu
emasa tidak
arikh sahaja
tpad
.
kkan
Boleh
ages
guna
ngan
esej
tulis
email
pada
girim
er)di
adual
pada
untuk
ache
slow
boleh
che.ired)
alam
ahan
akan
yang
14
-
8/3/2019 Manual Kursus
15/50
Penerang
n &Subme u:
Selain d
utama.K
diurusda
memilih
Contohik
Submenu
Joomla!H
SistemInf
ri menume
banyakanm
ndikendalik
enukerjas
onmenuyan
Ik
elp
nu kawalan
enuinimeru
nselakuseo
pertiditeran
gterdapatdi
onPenting/
F
B
d
pp
si
d
J
S
s
I
s
u
i atas anda
pakanperkar
rangadmin.
gkansebelu
halamanut
opularDala
ngsi
utang ini a
ijana terus
ersoalanbol
ada halaman
si atas dan
isediakan un
omla!untuk
mua infor
enggunakan
tting,confi
formation. I
rver dan
ntukmeman
juga boleh
adanpauta
Andaboleh
ini.
maCpanel
KerjaPeng
an membu
secara talia
hdicari
dan
bantuan (h
cadangan p
tuk memba
menjadiad
asi berkait
tabtab se
uration file,
nfo ini ber
enyediakan
tapkankerja
menggunaka
kepadaper
menggunaka
dmin;
endalianAd
a kemudah
ke server
penyelesaiaelp) ini. Ban
nyelesaian s
tu anda yan
inyangcek
an web bo
akan bagi;
directory inf
una jika an
server dan
padalaman
n ikon kawa
araperkara
n ikonikon i
an bantuan
Joomla!. B
nnyadicada
ak pautan,
ecara talian
g baru men
pdanmahir.
leh anda s
System info
rmationda
da ingin be
sistem ber
ebanda.
yang
anyak
gkanmenu
terus
enali
emak
PHP
PHP
tukar
aitan
lan pada hal
pentingdan
nijikatidak
aman
kerap
mahu
inistrator.
15
-
8/3/2019 Manual Kursus
16/50
PeneranganIkondan ungsi:
Ikon Fungsi
Memuda
WYSIWY
Membuk
Untuk
temenyusu
paparkan
Terusme
Terusme
Terus ke
berkaitan
weband
Membuk
semuam
hkanandau
untukmen
ArtikelMa
rus
membun dan men
dihalaman
mbukaedito
mbukaedito
Media Ma
grafik yang
.
Menu Ma
enuyangper
tukterusm
lissatuartik
nagerterus
ka
Front
Pelenggara s
tama(Front
runtukmen
runtuk
men
nager untu
akan digun
nager untu
ludanwujud
mbukaEdito
elbaru.
ntukmeliha
ge
Manageemua artike
Page).
iptasection
iptacategor
mengurusk
kan dalam
pengurus
dalamlama
rPengarang
tsenariartik
r
untuk
ml pilihan un
baru.
baru
an folder d
anner dan
an pengend
nanda.
n
l.
milih,
uk di
n fail
rtikel
alikan
16
-
8/3/2019 Manual Kursus
17/50
Satulagi
yangmen
Terdapat
Namaba
Welcome
Loggedin
Popular
Recenta
MenuSta
Joomla!S
emudahan
gandungipe
6pecahan
m
agian
toJoomla!
Users
dedArticle
ts
ecurityNew
Membuk
utamada
lamanan
Membukmengedi
lamanw
Membuk
penetapa
yangdigu
angterdapat
rkaraperkar
aklumatyan
feed
terusLang
nmelihatse
da.
UserMana
danresetk
banda.
terusmenu
ndansettin
nakanoleh l
dihalaman
dibawah:
mengandu
Kandunga
Ucapanda
halamank
Menyenar
dihalama
(site/front
Menyenar
denganse
Menyenar
penulisnyaMenyenar
menuyan
Maklumat
Newsfeed
dipersemb
ageManag
araibahasa
geruntuk
m
talaluanunt
GlobalCon
konfigurasi
amanweba
runtukme
lainyangtel
enambah,m
kpengguna
igurationun
n bagisite,
da.
tamaCpane
giinformasi
nInformasi
nmaklumat
awalanadmi
aikanpenggu
kawalan(b
end).
aikannamaa
aritajukda
ikanartikelt
.
aikannama
menjadisu
kawalanent
Joomla!.Be
ahkanjikaa
ilihbahasa
hdiinstallke
embuang,berdaftarde
tukmembua
sistemdans
ngan
t
rver
lAdmininiadalahkemudahanmaklu at
sepertiditer
untukandas
nini.
nayanglog
ckend)atau
rtikelyangp
tarikhartik
rkini,tajuka
amamodul
menunya.
itiberitaber
ritaberbent
damempun
ngkanini;
ebagaaipen
asukkelam
dihalaman
alingbanyak
lditulis.
rtikel,tarikh
menudanb
aitanyangd
kNewsfeed
aicapaiani
unjungke
anandasam
adapan
dibaca(hits)
dannama
ilanganitem
isambungke
inihanya
ternetsahaj
aada
ada
a.
17
-
8/3/2019 Manual Kursus
18/50
3PENGURUSANISIKANDUNGANKonsepIsiKandungan(Content)
Perkara
terpenting
dalam
sesebuah
laman
web
adalah
isi
kandungan
(content)
iaitu
maklumat
yang
disalurkanolehsesebuah laman web. Lamanweb yang baikadalah lamanweb yang kaya dengan
maklumat. Untuk memudahkan pengguna memperolehi maklumat, semua isi kandungan perlu
dipersembahkandengan baik serta mempunyaimenu atau sambungan (hyperlink) kepadaartikel
yangdisediakanmenerusilamanweb.Webyangbaikjugabercirikaninteraktifdanmesrapengguna.
Untuk menghasilkan artikel di dalam Joomla! anda perlu mengetahui konsep isi kandungannya.
Kerana Joomla! mempersembahkan artikelnya secara bersistematik. Kaedah terancang ini perlu
dipatuhibagimemudahkanadminmembinamenuataucapaiankepadaartikelyangdikarang.
KonsepisikandungandalamJoomla!bolehdijelaskanolehdiagramdiagramdibawah.
Diagram1
Bagi menyalurkan maklumat, perkara utama yang perlu ada adalah section. Section adalah skop
yang besar mewakili suatu bidang atau pecahan utama suatu kumpulan maklumat. Contohnya
Produk/Perkhidmatan.
Maklumat
Section
Maklumat
Section
Category
Diagram2
18
-
8/3/2019 Manual Kursus
19/50
Diagram2menunjukkandimanadalamsatusectionwajib/mestiadasekurangkurangnyasatu
Category.Maknanyadalamsatusectionbolehada lebihdarisatucategory.Artikel tidakakan
wujudjikadalamsectiontiadacategory.ContohcategoryadalahProdukKesihatan.
Maklumat
Section
*Artikel1 *Artikel2
*Artikel3 *.
Category
Diagram3
Setelah wujud section dan category, barulah anda boleh masukkan/tulis artikel sebagai
maklumatyangingindisampaikan. Banyakartikelbolehditulismengikutpecahancategorynya.
Contohartikel(tajukartikel)CategoryProdukKesihatanSectionProduk;
i. BahayaObesitiProdukkawalanobesiti&artikel/maklumatproduk.ii. KhasiatProdukAArtikel/maklumatpenggunaanprodukA.
iii. PengambilanProdukBArtikel/maklumatpeneranganpenggunaanprodukB.iv. KempenPenggunaanProdukCArtikel/maklumatkempenjualanprodukC.
Jika terdapat Category lain, anda perlu cipta category baru untuk mewakili categori kedua
seterusnyabaruandabolehtulisartikeldanmaklumatberkaitancategorytersebut.Tiadahad
bilangan artikel ditetapkan untuk sesuatu category. Tetapi setiap section perlu ada sekurang
kurangnya satu category sebelum boleh menulis artikel/maklumat berkaitan
perkhidmatan/produkberkaitan.Bolehadalebihdarisatucategoryuntuksatusection.
Untukmenciptasection,andagunakanSectionManager.
Untukmenciptacategory,gunakanCategoryManager.
Untukmenulis
artikel
boleh
gunakan
terus
ikon
Add
New
Article.
Atau
boleh
juga
buka
dahulu
ArticleManagerkemudianklikNew.
19
-
8/3/2019 Manual Kursus
20/50
enciptaSec ion
PadaSection anagerpilihNew.
L
u
L
Ji
Ji
i
Edit rMenciptaSectionBaru
ngkapkanp
nik kepada t
veladalah
embenarkan
ebyangme
daruangan
ajuk tersebu
ermaksud l
semua
oran
gaksesnya.
Titledenga
t sebagai ID
velpenggun
gboleh
men
tajuk/nam
atau abaika
ayangboleh
aksesnya,at
sectionand
n kosong. P
mengakses
aupilih
Regi
a.PadaAlia
da Publish
maklumat in
sterjika
and
bolehtulis
pilih Yes.
i,pilih Publi
ahanya
mah
nama
ccess
cjika
uahli
kaandapilih
anagersah
Specialha
ajayangbole
nyapenggun
hmengakse
aaras tinggi
nya.
seperti SuperAdmin, dministrato dan
ka ingin mel
ej, anda
etakkan imej
oleh tentu
, pilih imej
an lokasi/k
ang disenar
edudukanny
ikan dalam
pada Im
Image dan
age Position
ika telah m
. Pada ru
milih
ngan
20
-
8/3/2019 Manual Kursus
21/50
P
k
b
t
escription
ada peneran
enggunakan
padateksy
oleh pilih T
ggle.Akhir
s
uliskan mak
gan ini and
editorWYSI
ngditulis.T
ggle Editor
ekali,simpan
lumat/pener
a juga bole
WYG ini,and
tapijikaan
dimana and
dengan
but
angan tenta
selitkan i
adenganm
atidakmah
a tulis terus
ngSave
m
g section a
ej dengan
udahboleh
umengguna
secara kodi
katerciptala
nda untuk r
enggunaka
engendalik
ankemudah
ng HTML pa
hsection
per
ujukan peng
butang I
nkawalan f
aneditorini
a ruangan
tamaanda.
guna.
age.
rmat
anda
ditor
Ji
k
kaandame
duadanset
perkarayanerlukanlebi
erusnya.
hdarisatus ction,ulang samauntu menciptas ction
enciptaCat gory
P
N
rosesnyaha
ew.
pirsamase ertimenciptasection,gunakanCategoryManagerkemudianpilih
L
p
kukan pros
ilihnamase
Editor
s yang sam
tionandak
MenciptaCa
seperti pe
hendaki,co
tegoryBaru
cipta sectio
toh : Produ
tadi, cuma
katausecti
pada ruang
on lainyang
n senarai s
berkaitand
ction
ngan
21
-
8/3/2019 Manual Kursus
22/50
c
d
si
tegoryanda
an tuliskan
mpandenga
.Seterusnya
sedikit pene
nbutangSa
lengkapkan
rangan tent
e.
AccessLeve
ng category
l,pemilihan
yang anda
grafikdan lo
sedang hasi
kasijikaber
lkan. Akhir
aitan
sekali
A
t
b
b
U
d
T
E
pabila anda
rmasukcate
oleh edit n
ergantungke
kembali ke
goryyang
b
ma categor
padkreativit
Category M
ruanda
cip
y sedia ada
idanperanc
anager and
atadi.
Jika
kepada na
ngananda.
akan lihat
ndatidak
m
ma yang in
banyak sen
ahucipta
ca
in anda gu
arai categor
tegorybaru,
nakan. Sem
lain
anda
anya
enulisArtik l
ntukmencip
ahulu Articl
YSIWYGsep
taarticlean
e Manager
ertidibawa
aboleh ter
kemudian kl
:
smenggun
ik New. Ke
kan ikon A
uadua kae
dNewArtic
ah ini akan
leatauand
membuka
pilih
ditor
EditorWYSI YG
opikberikutn
ditorWYSIW
yaakanmen
G.
erangkande ganlebihjelastentangpenulisandanpenggunaan
22
-
8/3/2019 Manual Kursus
23/50
4 EDITORWYSIWYG
ApakahdiaEditorWYSIWYG?
EditorWYSIWYG(WhatYouSeeIsWhatYouGet)adalahsatukemudahanuntukmembolehkanadmin
menulis
artikel
dengan
mudah
tanpa
memerlukan
admin
menggunakan
kod
HTML.
Selain
dari
menulisartikel,editorjugadigunakanuntukmenulisdanmembinacustomemodule,menciptahuraian
kepadacategory/sectiondanlainlainyangmemerlukanalatpengarangan.
UntukisikandunganJoomla!,editorbolehmengarangteks,menuliskodkodpluginuntuktabs,
animasi,audio,videodankodkodHTML.AdapelagaijeniseditorWYSIWYGJoomlasepertiTinyMCE,
CKEditor,JCE,JoomlaCK, JFKdansebagainya.Adayangberjenispercumadanadajugayangberjenis
komersial.
Daripelbagaijeniseditor,samaakanmembuatpeneranganbagitutorialinimenggunakaneditor
WYSIWYGjenisJCE1.5.6yangbolehandamuatturunsecarapercumadi:
http://www.joomlacontenteditor.net/
muatturun
component
dan
plugin
JCE
kemudian
install
ke
Joomlayangandagunakan.Setpadaglobalconfiguration,denganmenetapkaneditoryangdigunakan
adalahJCE.
EditorJCE
PaparanEditorWYSIWYGJCE1.5.6
23
http://www.joomlacontenteditor.net/http://www.joomlacontenteditor.net/ -
8/3/2019 Manual Kursus
24/50
ContohdanperbezaanalatpengaranganeditorWYSIWYGJoomla!.
1. PanelFormatPengaranganEditorJCE:
2. PanelFormatPengaranganEditorTinyMCE
3. PanelFormatPengaranganJKEditor
4. PanelFormatPengaranganEditorJoomlaCK
KegunaanEditorWYSIWYG
1. MenulisArtikela. Teksb. Grafikc. Jadual
2. MenulisKodkodPlugina. Tabsb. Audioc. Video
3. MenulisKodHTML4. FungsifungsiTambahan
24
-
8/3/2019 Manual Kursus
25/50
MenulisArtikelDenganEditorWYSIWYG
1 Teks:Formatkawalanteks
Pelbagaifungsi
format
teks
Bold,
Italik,
Underline.
Keluarga/jenis
teks,
sais
dan
gaya
format.Jajarandanformattypographybagiteks.
Selainituteksbolehjugadieditdenganfungsifungsiberikut:
Warnateks,warnalatar,indent,undo,indentnomborataubullet,potong,salindan
tampalan.
Andabolehmenulisteksdanartikeldenganmudahmenggunakansetiapfungsiformatdan
editorWYSIWYGinitanpa.
2 Grafik:
Terdapatartikelyangmemerlukansokongangrafikatauimej.Anda
bolehselitkangrafik/imejkepadaartikeldenganbutangimage:
Langkahmenyisip/
insert imej:
1. Pilihfolder2. Pilihimej3. Lihatpaparan4. KlikInsert
Jikaimejbaruanda
perluuploadke
RootImejterlebih
dahulu.
ABolehcipta
folderjikaperlu.
BKlikbutang
upload.
Selepasandaklikbutanguploadandaperlumuatnaikimejtersebutkerootimej.
25
-
8/3/2019 Manual Kursus
26/50
Untukmemuatnaikimejlengkapkantetingkapsepertidibawah:
1. KlikAdduntukmemilihimejdariPCanda.
2. Namafailimejpilihanditunjukkan.
3. KlikbutangUpload4. Statusmenunjukkan
prosesuploadberjaya.
Selepasberjayauploadtutuptetingkap
inidansisipkanimejkeartikelseperti
langkapmenyisip/insertimejdiatas.
Note:CarainihanyasesuaijikaandamenggunakaneditorJCEsahaja.Jikamenggunakan
editorlaingunakankemudahanbutangxtdyangterdapatdibahagianbawaheditor.
3 Jadual:Membinajadualbolehdilaksanakandenganfungsiformattablesepertidibawah:
Mencipta
jadualklik
butang
seperti ini.
Kemudianmasukkanbilanganlajurdan
barisyangdikehendaki .
Contohnya:
Lajur=3
Baris=5
Border=0(tiadaborder)
KemudianklikInsert.
Andaboleheditjadualyangdiciptadenganfungsifungsidibawahbagimemadamjadual,
propertijadualatausel,menambahdanmembuatlajurataubarisdanmembuatcantumansel.
26
-
8/3/2019 Manual Kursus
27/50
MenulisKodPlugin
Kodplugindapatmembantuandamenyelitkankedalamartikelsisipanseperti fungsiTabs,
pemainaudiodanpemainvideo.
a PluginTabs:TerlebihdahuluinstallextensionpluginberjenistabssepertiJoomlaWorksTSyangboleh
dimuatturundari:http://www.joomlaworks.gr/
Untukmembolehkkanandamembuattabpadaartikeltuliskodpluginsepertidibawahpada
ruanganeditorWYSIWYG
Contohdiatasandaakanmembina2(dua)tabjikaandamahulebih,tulissepertiformatdiatas
beberapalagitabsepertidalamkotak.Pastikanandamenuliskodtabsebelumpenutup{/tabs}.
b PluginAudio:Andajugaperluinstallterlebihdahulupluginuntukaudio.Sayacadangkanandamenggunakan
plugin
audio
1Pixelout
Audio
Player
v1.5.2
dengan
memuat
turun
dari
:
http://www.1pixelout.net .Apabilasudahdipasangdalamwebandauntukmemasukkanaudio
tulisformatsepertidibawah:
{audio}mp3/your_file.mp3{/audio}
Formatinitidakakanberfungsijikaandatidakmembinasatufolderuntukfailaudioanda
dengannamamp3padaserverrootwebanda.Setelahfolderbernamamp3telahandacipta,
uploadfailaudiosepertiformatdiatas(mp3)kedalamfoldertersebut.
Tips:pastikannamasetiapfailaudioandapendekdansatuperkataansahajauntuk
menggelakkanbrokenlink.
Padaartikelandaakanperolehipemainaudiosepertidibawah:
27
http://www.joomlaworks.gr/http://www.1pixelout.net/http://www.1pixelout.net/http://www.joomlaworks.gr/ -
8/3/2019 Manual Kursus
28/50
c PluginVideo:Samasepertiyanglaindapatkanataumuatturunpluginyangsesusaikemudianinstallkeweb
anda.SayacadangkangunakanpluginJplayeryangbolehdiperolehidi:
http://vault.futurama.sk/joomla/downloadjplayer
Padaruanganeditorandabolehselitkanvideoberformatflvataump4denganformat:
{flv}your_file{/flv}
atau
{mp4}your_file{/mp4}
Formatnyaberbezasedikitdenganformatpenulisanpluginaudio.Andatidakperlutulisnama
folderyangmenyimpanfailvideo(flvataump4)termasukformatfailnya.Tuliskannamafail
sahajaseperti
contoh
di
atas.
Walaubagaimanapun,plugintidakakanberjayamemainkanvideojikasumber/failvideo
tersebuttidakandamuatnaikkeserverweb.Kaliiniandaperluciptasatufolderbernama
video tetapisebagaisubfolderdidalamfolder/media.Caranya,padarootserversebanda,
masukkefolder/mediakemudiancreatefolderbarubernamavideo.Kemudianuploadfail
videoandakefoldertersebut.
Lokasisumbervideo; /media/video
Tips:bagimenggelakkanbrokenlink,pastikanandamenamakanfaildengannamatunggal(satu
perkataan).
Contohpaparanpadaartikeldihalamanwebanda:
28
http://vault.futurama.sk/joomla/download-jplayerhttp://vault.futurama.sk/joomla/download-jplayerhttp://vault.futurama.sk/joomla/download-jplayerhttp://vault.futurama.sk/joomla/download-jplayer -
8/3/2019 Manual Kursus
29/50
MenulisKodHTML
AdakalanyawalaupundengankemudahaneditorWYSIWYGandatidakperlumenulisformat
artikelsecarakodHTMLtetapiandaperlujugamenuliskodiniuntukmendapatkanpaparan
ataufungsi XMLtertentu.
Caranyaandatutup(hide)editorWYSIWYGJCEandapadabutang:
SeterusnyabarulahandasalinkodHTMLatauXMLyangdikehendakidantampalkandidalam
ruanganeditor.
Contohkodpaparanwaktusolat:sumber: http://www.esolat.gov.my/ dapatkankodikut
lokasiandacontoh:kelantan:
Padaartikelandaakanperolehipaparansepertidibawah:
AndabolehdapatkanpelbagaikodHTMLatauXMLdangunakacarainiuntukmeletakkanpada
artikelanda.
29
http://www.e-solat.gov.my/http://www.e-solat.gov.my/http://www.e-solat.gov.my/http://www.e-solat.gov.my/ -
8/3/2019 Manual Kursus
30/50
FungsiTambahanEditorWYSIWYG
a ReadMoreAndabolehmenggunakankemudahaniniuntukmemendekkanpaparantekspadahalaman
utama.Butangreadmoreakandipaparkandanpenggunabolehgunakanbutanginiuntuk
memperolehiartikel
penuh.
Untukmenggunakanfungsiinitulissepenuhnyaartikelanda,kemudianpotongpadabahagian
tertentudenganmeletakkancursorandakemudianklikbutangfungsiini:
Andabolehjugamenggunakanbutangxtdini:
b PageBreakJikaartikelandaterlalupanjangandabolehpaparkandalambeberapabilanganhalaman.Untuk
tujuansebeginigunakanfungsipagebreak.Andabolehgunakanbutangeditorataubutang
xtdsepertidibawah:
Atau
Untukmenggunakanfungsiinipilihdimanaartikelyanginginandapotongmenjadibeberapa
letakkancursor
dan
klik
butang
page
break
,kemudian
anda
perlu
masukkan
sub
tajuk
untuk
halamantersebut.Inimenunjukkanandatelahmembahagikanartikelandakepadabeberapa
halaman,contoh:
30
-
8/3/2019 Manual Kursus
31/50
5 ME U
k
h
enu adalah
ranasemas
alaman
uta
embolehkan
pintu untuk
menulisart
a
(frontp
artikelterse
masuk ke a
ikelandakeb
ge).
Keada
butdiakseso
tikel yang a
iasaannyati
n
ini
mem
lehpenggun
nda tulis un
akmemilih
erlukan
and
a.
uk diakses o
supayaartik
a
menyedia
leh penggun
ldipaparkan
kan
menu
a. Ini
pada
untuk
Ji
t
U
le
T
A
d
b
C
S
n
t
s
A
kaandame
rusartikela
ntuk menci
odulbaruk
odul sedia
takkanmen
etapiuntuk
yProduk.U
nda perlu isi
ikehendaki
erkaitanmo
ontohsepert
lepas siitu
ama menu
ntukan ked
bagainya).
pabilaModu
enuyangba
ilinpapardi
dawalaupu
ta menu, pi
usussebaga
da pada sub
artikelseba
ali inisayab
ntuktujuani
kan semua r
dengan
ul rmenuba
idisebelah
pan (Save).
aru anda se
udukannya
ntukituper
leManager
ruandacipta
FrontPage
tiadamenu
semasamen
untuknya.
ulisartikelt di,penggun bolehmen akses
lih Menus
imenumen
menu Me
gaisubmen
kemudian pi
ukepadaart
us seperti
kepadamo
lih Menu
ikelbaruan
ain Menu,
ultersebut.
anager unt
a.Atauand
User Menu,
uk mencipta
boleh teru
Top Menu,
satu
pilih
dan
ercadangun
tupadaMen
tukmencipt
u
kansatum dulemenu arudengannama
uangan yan
makluma
andaitu.
Apabila pa
bagai MyPro
ada papara
ikemenuke
enyenaraika
tadi,contoh
ManagerklikpulaNew.
aran kemb
duk. Sekara
n di halama
rjaExtensio
nmodulmo
nya;
li k senarae
g anda perl
n utama (s
nseterus
dulyangada,
i Menu Man
u aktifkan
ma ada di
nyapilihMo
andaakant
ager, telah ujud
odul ini dan
left,right,to
duleManage
juga
dan
r.
muimodule
31
-
8/3/2019 Manual Kursus
32/50
Li
d
U
d
S
d
U
k
s
hatpadasen
odulmenu
ansusunan/
rutannyaad
ipaparkanpa
karangjadik
odulmenu
ainMenu,b
ipaparkandi
ntuk menga
pada
aktif
engikut sus
pertidiseb
araimodule
ernama My
rutannya;
lahsebagai
dsemuahal
ansupayaia
bernamaMy
olehdiakses
semuahalam
tifkannya (E
an
ditanda
nan seperti
selepas
lahkananini
Papa
bariske4:
Produkmasi
odulmenu
man(All)se
sebegini;
Produkakan
olehsemual
anpadawe
nabled) kli
sebegini:
anda kehen
anda tulis u
:
ranModule
modulenam
belum lagi
pertama(1)
rta modulin
aktif (Enabl
evel(Public)
ini(All).
k sekali pad
.
Untuk
maki kemudi
rutannya da
anager.
e=MyProdu
aktif (Enabl
adalokasik
iberjenisme
d) ,be
beradadike
ikon berta
nyusun
urun klik butan
lam bentuk
k:Enable
d).Kemudia
nan(left)da
nu(mod_ma
radapadau
udukanloka
da dan
tan
menjadi
g save pa
nomborno
iniber
n lihatkedu
akna
ukan
nakan
inmenu).
utanke2s
sikanan(Lef
ia akan be
ke
2,
tulis
ua barisan O
bor
lepas
)dan
tukar
rutan
rder :
32
-
8/3/2019 Manual Kursus
33/50
Andabolehubahjugaurutanmodulemoduleyangdisenaraikandengancara lain iaitudengan
caramengerakkannyaturunataunaikmenggunakantatatandaanakpanahbegini:
Kemudianpilihsamaadaturunatau naik,gerakkanmoduletersebut sehingga ia
beradapadaurutanyangandakehendaki.
Kinimenu
MyProduk
telah
aktif,
berada
pada
urutan
ke
2di
bawah
menu
Main
Menu.
Sekarang
ciptakan submenu untuk artikel anda supaya pengguna dapat mengakses artikel yang telah
andahasilkansebeluminitadi.
Kembali ke menu kerja Menus dan anda akan lihat di bawah submenu tersebut ada modul
menubernamaMyProduk.
SekarangklikpadamodulmenubernamaMyProduk.
Kemudian anda akan berada dalamMenu ItemManager:
[myproduk].
Anda
akan
dapati
masih
tiada
satu
pun
submenu
dalam
menuitemmanagertersebut.
UntukmenciptasubmenudalamkumpulanmenuMyProduk
klikpadaNew.
SenaraiMenus
Apabila anda klik New, menu item manager akanmembuka tetingkap Menu Item untuk
membantuandamembinapautanmenuanda.
PadaMenuItemandabolehmembinaberbagaibentukpautan
menu:
1 InternalLink:PautankepadaArtikel/Contact/NewsFeeds/Pool/Search/User/WenLink/Wrapper.
2 ExternalLink:Pautankepadahalamanlain.3 Separator:PautanPlaveholderatausisipan.4 Alias:Pautanbarukepadamenusediaadayang
telahtersediadihalamanini.
JenisjenisMenu
33
-
8/3/2019 Manual Kursus
34/50
Olehkeranaandainginmenciptamenuuntukartikelyangandasendiritulisdihalamanini,maka
pilihInternalLinkpilihArticlepilihsamaada:
1 Archive:o Merupakan artikel karangan orang lain yang
diluluskanolehadminuntukkegunaandilamanweb.2 Article:
o Memaparkan satu artikel pilihan dari senaraiartikel.
3 Category:o Menu memaparkan satu Category pilihan, artikel
boleh diakses dari senarai artikel dalam category tersebutPaparandalam2bentuksamadaList/Blog.4 FrontPage:
o Mencipta menu utama/index sebagai Front Pagebagihalamananda.
MenuItem
5 Section:o MenumemaparkansatuSectionpilihan,penggunabolehpilihsenaraiCategoryseterusnyabaru
artikel.Catatan: Semua bentuk menu dalam bentuk Article ini boleh membuka artikel, sama ada dengan
sekaliklik (MenuArticle) ,2kaliklik (MenuCategory) atau3kaliklik (MenuSection).Yangmana
pilihananda,bergantungkepadakreativitidanperancanganandasemasamembangunlamanweb.
Selainmembinamenukepadarticle.MenuItemManagerjugabolehmembinamenujenisInternalLinkkepadapelbagaijenisComponentyangadadihalamanandasepertiContact,NewsFeeds,Polls,
Search, User, Web Link dan lainlain menu yang anda tambah kemudian nanti contohnya forum,
gallery,bukutetamudanmacammacamlagi.
MenujenisWrapperpulamembinamenudalampersekitaran temawebanda tetapibolehdipaut
kepadaURL
luar.
Kemudahan
ini
membolehkan
seolah
olah
laman
itu
asli
dari
laman
anda
walaupun
sebenarnyaiaadalahhalamanURLasing.
Selain ituandabolehjugamembinamenuberbentukExternalLink (pautan luar),menuberbentuk
Separator(sisipan)atauberbentukAlias(iaitupautanbaruuntukmenuyangtelahsediaada).
34
-
8/3/2019 Manual Kursus
35/50
6COMPONENT
COMPONENTPILIHANWebLink
SatucarabuatpautaanadalahdenganmenggunakancomponentWebLinkyangtelah
tersediadidalamJoomla.MasukkePanelKawalanAdminComponentsWeblinksCategories
Buatcategoriesdahulu=buattajuk/kumpulanbagiweblinkyangakankitagunakanuntuk
meletakpelbagaipautan.Contohcategoriesyangsesuaiadalah:
1. Akhbar2. AgensiKerajaan3. IPTA4. IPTS5. LamanSosial
Dansebagainya.
35
-
8/3/2019 Manual Kursus
36/50
MenciptaCategory.
Selepaslangkahdiatas,klikpadabutangNew,contoh:
Kemudiannamakancategoridanlengkapmaklumatsertasedikitpeneranganseperticontohdibawah:
KemudianSAVEsetiapsatucategoryyangdihasilkan.Tambahsehinggamencukupidanakhirnyaanda
akanmempunyaisenaraicategoryyangbanyaksepertidibawah:
36
-
8/3/2019 Manual Kursus
37/50
MenciptaLink(Pautan)
Setelahmempunyaicategorysepertidiatas,ciptakanpautanuntuksetiapsatu.Darimasake
semasaandabolehtambah,buangdaneditpautanpautanini.Contohmenciptapautan untukcategory
akhbar.
SeterusnyaklikNew:
Kemudianpadapaparansepertidibawahmasukkanmaklumatdanalamatpautanberkenaan:
37
-
8/3/2019 Manual Kursus
38/50
Isikan:
1:NamaPautan 2:Pilihcategory:Akhbar 3:masukkanURL/alamat:mulakandenganhttp://
4.Sedikitpenerangan 5.Save.
Lengkapkankoleksipautanandasehinggabanyakikutkeperluan,contoh:
Untukmembolehkanpenggunamelihatpautaninikitabuatkanmenupadahalamanutama.
MenusPilihModulemenuTambahItemmenusepertidibawah:
1. Pilihjenis:Weblinks2. Pilihweblinkcategorylistlayout
38
-
8/3/2019 Manual Kursus
39/50
Kemudiannamakanmenubaruseperticontoh:
3. Berikannama4. PilihparentataujadikanTopitem.5. SAVE.
Pastikanandasimpan(save)menubaruini.
Padahalamanutamasekarangandasudahbolehaksespautaninidankoleksipautantersebutseperti
contohberikut:
SatumenubaruwujuddengannamaKoleksiPautan.Klikmenuitu,paparansepertidibawahakan
munculdandapatdigunakanolehpenggunauntukkepautanyangdisediakan.
39
-
8/3/2019 Manual Kursus
40/50
Seterusnyacubabuatkoleksipautanyanglainsebanyaknya.Menudanitemmenusudahtidakperlu
dibuat,gunakanmenudanpautandiatasuntukmembukakoleksitambahanyangakanandatambah
seterusnya.Selamatmencuba!.
40
-
8/3/2019 Manual Kursus
41/50
7EXTENSION1 ModulesManager
Module
pula
adalah
antara
perkara
yang
banyak
dapat
dilihat
dalam
laman
web
Joomla!.
Terdapathampir30moduleyangtersediapadapemasanganawalpakejJoomla!.Namunjumlah
inimasihkurangdan tidak lengkap.Darimasakesemasaandaperlumenambahmodulebaru
untukmenambahkanfungsidanpenyaluranmaklumatyangmenarikmenerusimoduletertentu
dilamanwebanda.
Berikut adalah sebahagian dari senarai module asal yang disertakan semasa pakej Joomla!
diinstall:
ModuleManagersenaraimodulesediaada.
Tidak
semua
module
yang
dimasukkan/disediakan
akan
di
aktifkan
(Enabled).
Bergantung
kepada keperluan. Setiap module disusun mengikut urutan pada lokasi (position) tertentu
seperti left, right, foorwe, breadcrumb, top, user1, user2 dan sebagainya. Module juga
ditetapkantahapperingkatpengaksesannyaolehpengguna,sertapadahalamantertentusahaja
ataupadasemuahalamaniaakandipaparkanuntuktatapanpengguna.Setiapmodulediberikan
IDkhasuntukmemudahkanpenyusunandatanyadidalamsistemdatabase.
41
-
8/3/2019 Manual Kursus
42/50
Darimasakesemasajikaperluandabolehinstallmoduleyangbaruuntukkegunaandihalaman
web anda. Contohnya, saya ingin masukkan module yang menyatakan tentang topik dan
perbincanganbarudalamcomponentforum.Sayakenedapatkanpakejmoduleberkaitandari
halaman pembekalnya. Saya donwload pakej termampat tersebut (.zip) dan menyimpannya
sementaradikomputersaya. Lakukankerjainstallasiyangsamasepertiinstallasitemplatedan
component
tadi
iaitu
pergi
ke
menu
Extension
kemudian
klik
Install/Uninstall,
cari
pakej
module anda dengan butang Browse, seterusnya klik butangUpload File & Install. Bila
berjayamesejberjayaakandipaparkan.
Seterusnyapergi semuake ExtensionModuleManager, dan anda akan lihatnamamodule
baruandainstalltadisudahberadadalamsenaraiModuleManageranda,contoh:
ModuleManager SenaraiModule
Jikaanda
perhatikan
banyak
juga
module
sedia
ada
yang
tidak
enabled.
Begitu
juga
dengan
moduleyangbaruandainstall.Lihatpadabariske17DiscussionsRecentXsekarangtukarkan
statusnyadaritidakaktifkepadaaktif(enabled),kliksekalipadaikon danikanakan
berubahmenjadi .Jikaandatidakbersetujukedudukanmoduleinidalamsenaraiposisinya,
gerakkaniasupayaberadapadakedudukanyangandakehendaki.Urutkansecara
menomborkanmoduleataugerakkandenganbutanganakpanah .
Akhirnyasimpan(save)danandalihatpaparaanhalamanhadapananda(frontend)dananda
akanlihatdimanamoduletersebutakanmuncul.Ubahsuaijikaandatidakberpuashatidengan
kedudukannya.
Sama seperti components pastikan anda install sesuatu module hanyajika module tersebut
penting dan berguna di laman web anda. Jika module tersebut tidak sesuai atau sudah tidak
berfungsi dengan baik anda boleh keluarkannya dari Module Manger dengan menggunakan
arahanInstall/UninstallpadaCpaneladmin.
42
-
8/3/2019 Manual Kursus
43/50
2 PluginManagerPlugin sebelum ini dikenali sebagai Mambot dalam Joomla! 1.0 dan dalam Mambo iaitu versi
terdahulu sebelum Joomla! 1.5 dimana fungsinya adalah umpana satu aplikasi kecil yang
dipasangkedalamJoomla!untukmelaksanakansuatufungsikerjatertentu.
Contohnya;pluginJoomlaWorkTSdenganmenggunakannyaandabolehmenghasilkanTABS
dalam artikel karangan anda. Pertama anda perlu download pakej plugin tersebut dati laman
webpembekalnya iaitu :http://www.joomlaworks.gr/ failpakejpluginyangtermampat(.zip)
kemudian perlu anda install masuk ke dalam sistem web Joomla anda menerusi kemudahan
Install/Unsintall denganjalan kerja sama seperti anda menginstall template, component dan
modulesebelumini.
Lakukan proses installasi sehingga berjaya dengan paparan mesej
seterusnya
pergi
ke
menu
Extension
kemudian
ke
Plugin
Manager.
Paparn
pada
plugin
managermenunjukkanpluginbaruyangandainstalltaditelahwujudtetapibelumEnabled.
PluginManagersenaraiplugindalamsistemwebanda.
Jika anda perhatikan dalam senarai plugin terdapat plugin yang baru anda install tadi. Untuk
membolehkan anda menggunakan fungsi ini dalam penulisan artikel anda, klik pada butang
Disable sekali un uk menjadikannya Ena
melaksana fungsi
tabs
untuk
menghasilkan
tabtab tertentu dalam artikel anda. Pastikan
andamengetahuikaedahmenghasilkantabsdari
laman pembekal. Biasanya setiap plugin akan
diberikan manual kerjanya supaya pengguna
(admin) dapat menggunakan plugin tersebut
dengante .
t bled . Setelah itu anda sudah boleh
kan
pat ManualPlugindaripembekal.
43
-
8/3/2019 Manual Kursus
44/50
Contoh ketika anda menulis artikel dan bercadang menyelitkan tabs dalam artikel tersebut
andaperlutulissedikitkodingsepertimanualyangdiberikanuntukmenghasilkantabyanganda
edapatjugapluginyangbekerjabersamamoduleataucomponent.Makasetelahanda install
plugindiikutiinstallpulamoduleataucomponentnya.Keranapluginjenisiniakanmemaparkan
ridanpasangkedalamsistemJoomla!andauntuk
memudahkan kerja anda sebagai admin seterusnya menghasilkan laman web yang unik dan
3 TemplatesManagerangka persembahan yang memaparkan maklumat (artikel), modulemodule,
component(menu/module),plugin(dalamartikel/module)danpenggunaanbahasapilihan.Setiap
lahsepertipemilihantemawarna,
sais dan pemilihanjenis teks,penggunaan grafik, penentuan dan pecahan posisi, gaya dan posisi
ion
kemudian
pilih
TemplateManager.Disanaakandisenaraikantemplateyangsediaadadiwebanda.Contoh:
TemplateManagerSite.
Terdapatjuga tab untuk membuka laman Administrator, tetapi yang
penting adalah Site (Halaman Hadapan Frondend) laman anda. Halaman ini akan diakses dan
kehendaki.KodingtersebutakanmengarahkanpluginyangdipasangpadasistemJoomlaanda
untukbekerjamenghasilkanpaparanTABSmengikutkodingyangandatulis.
T
fungsinya menerusi module atau component yang diinstall bukannya di dalam artikel seperti
dalamdalamcontohditerangkanawaltadi.
Terdapatbanyakpluginyangperluandaca
menarik.Pastikanjugaandatidakmemasangterlalubanyakpluginkecualiyangperlusahaja.
Template adalah ker
templatemempunyaiciridangayapersembahanyangberbeza.
Ciridangayapersembahanyangditunjukkanoleh templateada
menu,bentukheader,sisipananimasidanflashjikaadasertapelbagailagi.
Untuk
mengawal
dan
mengendalikan
template,
pergi
ke
menu
Extens
template manager bagi ha
dilawatiolehpenggunaberbandinghalamanadministratorhanyakegunaanadminsahaja.
44
-
8/3/2019 Manual Kursus
45/50
Padatemplatemanagerdipaparkannamatemplate,namapencipta,tarikhtemplatedihasilkandan
dan anda boleh menukarnya dengan memilih nama template lain diikuti tekan butang
piliha
Padaasalnyahanya3templatedibekalkankepadaJoomla!andabolehinstalldantambahtemplate
terseb
at yang ingin
disampaikannya. Banyak URL yang boleh dilawati untuk mendapatkan template sama ada yang
www. Plates.com
s.com
m
/joomlahosting/joomlatemplates.htm
le.com
anda kemudahan memuatturun pelbagai baya dan tema
templateskhususuntukJoomla!.Terdapatratusanlamanwebyangmenyokongdanmenggalakkan
asukke
dalam template manager menggunakan kemudahan Install/Uninstall pada menu Extension. Pilih
ang Browse untuk mencari lokasi fail termampat yang anda telah muatturun tadi.
SeterusnyaklikpadabutangUploadFile&Install.Tunggudanandaakanperolehimesejsamaada
MesejBerjayaInstallasi
apakahtemplateyangsedangdigunakandalamsite(Default)yangditandakandenganbintang
.Pada
senarai
nama
template
akan
ditandakan
bintang
pada
template
n anda
yang
baru.
ut dengan yang lain. Anda aboleh perolehi template bari secara download dari pihak yang
menghasilkantemplatesamaadaandaperolehisecaraPERCUMAatauandaBAYAR.
Admin perlu pandai memilih template yang sesuai dengan persembahan maklum
Default:
percumaatauyangberbayarantaranya:
a) www.joomlaxtc.comb) Joomlac) www.joomlatemplated) www.joomla24.come) www.joomlatp.comf) www.joomlashine.cog) www.siteground.comh) www.joomlatemplatesty
Banyak lagi URL lain yang memberikan
anda untuk menggunakan Joomla! dengan membekalkan template dan extension yang lain. Ini
keranaJoomla!
menjadi
laman
web
kepada
ratusan
ribu
web
di
dalam
talian
pada
masa
kini.
Setelahandamemuatturunpakejtemplatedalamfailtermampat(.zip)andaperluinstallm
Extensionkemudian Install/UninstalldanpaparanExtensionManagersepertidibawahakan
dipaparkan.
Gunakan but
installasiberjayaatautidak.Jikagagalbermaknapakejandasudahrosakatautidaksesuaidengan
versiJoomla!yangdigunakan.Jikainstallasiberjayamesejakandipaparkansebagai:
45
-
8/3/2019 Manual Kursus
46/50
Extension Manager ini juga digunakan untuk proses installasi dan uninstallasi untuk elemen
extension yang lain termasukkan component, module, plugin dan language. Rujuk pada tabs
extensionyangditunjukkanpadarajahExtensionManager.
ExtensionManager.
Apabila installasiberjalandanberjayadilaksanakanandaakansemakdiTemplateManager.Semak
adakah template baru ini disenaraikan dalam template manager anda. Untuk memilih dan
menggunakannyapadalamanadajadikantemplatetersebutdefaultsebagaimanayangditerangkan
sebeluminitadi.
Templateyangbaikmempunyaikemudahanmodifikasiyang lengkapmenerusiTemplateManager.
Untuk memodifikasi sebuah template pada Template Manager pilih nama template anda klik
butangEdit:
TemplateManagerEditDefaultTemplate
Contoh template ini mempunyai banyak kemudahan untuk memodifikasinya menggunakan
parametertertentusepertipaparandiberikutnya:
46
-
8/3/2019 Manual Kursus
47/50
TemplateEditor.
Menerusikemudahantemplateeditoriniandadenganmudahbolehmengubahsuaibeberapa
perkara,antaranya:
32
1
a. Pertama: Ruangan yang menyediakan kemudahan anda mengedit Parameterstemplate tersebut. Terdapat pelbagai bentuk parameter bergantung kepada template
anda.
Terdapat
juga
parameter
yang
sangat
lengkap
dan
sangat
istimewa
untuk
menghasilkansebuahtemplateyangmenarikdanunik.
b. Kedua: Editor HTML yang membantu anda yang pakar dalam HTMLmelakukanmodifikasikeataskodingHTMLpadatemplatetersebut.
TemplateHTMLEditor.
47
-
8/3/2019 Manual Kursus
48/50
c. Ketiga:EditorCSSbagikemudahanadminmengurusdanmengeditaturanpadafailCSSyangmemberikankesandangayapersembahankeatastemplatepilihananda itu.Klik
padaEditCSSpilihfailCSSyangingindieditcontoh:template.cssdanpaparaneditordibawahakandipaparkan.
CSSEditor.
SetiapkaliandamelakukanperubahanpadaeditorHTMLatauCSSpastukanandasimpan(save)
untukmembolehkankodingbarudigunakanolehtemplateanda.
Catatan:Andaperlumempelajari sedikitkemahirandankonsepdalampenulisankodingHTMLdan CSS untuk memantapkan kemahiran anda untuk menjadi seorang adminJoomla! yangcekapdanmahir.
48
-
8/3/2019 Manual Kursus
49/50
4 LanguagesManager
Extension terakhiradalahLanguageataubahasaasasyangdigunakandalam lamanwebanda.
Bahasa ini biasanya akan menjadi bahasa latar yang berfungsi sebagai dialog dalam
persembahan
web
anda.
Anda
boleh
install
lebih
dari
satu
bahasa.
Terdapatjuga
module
/
componnet tertentu yang membantu anda untuk bertukar (switch) dari satu bahasa ke satu
bahasa yang lain. Syaratnya anda telah install terlebih dahulu bahasabahasa yang ingin anda
gunakanitu.
ProsesmenginstallasiLanguageinijugasamasepertiinstallasiextensionsebeluminiiaitu
template,component,moduledanplugin.Andadapatkandahulupakejtermampat(.zip)bagi
languagepilihanandadarilamanwebpembekallanguagekemudiangunakankemudahan
Install/Unsintallpadaextensionmenuuntukmelaksanakanprosespemasangan.Apabila
berjaya,pergikemenuLanguageManagerdibawahmenuExtensionuntukmelihatdan
mengurusbahasayangandabarumasukkan,contoh:
LanguageManagersenaraibahasadalamwebanda.
Pada senarai ini bahasa yang sedang dipilih menjadi bahasa latar pada web tersebut adalah
bahasaEnglish (UnitedKingdom), iniditunjukkanolehpenandadefault .Andabolehubah
pilihan bahasa ini dengan memilih bahasa Malay(Bahasa Melaysia) kemudian klik butang
default danpilihanbahasabarusekarangadalahbahasaMalaytidaklagibahasaEnglish.
Andajuga boleh menggunakan keduadua bahasa menggunakan kemudahan bertukar bahasa
(switch)dengan
memasang
bersama
fungsi
tersebut
sama
ada
menerusi
plugin
atau
component
serta module language. Anda boleh cari di dalam internet fungsi tersebut. Contohnya
menggunakan JoomlaFish. Anda boleh bertukar bahasa menerusinya tetapi perlu menginstall
dahulupakejcomponentsertamoduleJoomlaFishterlebihdahulu.
49
-
8/3/2019 Manual Kursus
50/50
ContohcontohwebJoomla!
PENUTUP:
Untuk membina laman web yang canggih, sistematik dan mudah selenggara, Joomla! adalah
antarapilihanyang tepat.Terdapatabanyak laman sokongandidalam internetyangmembantuanda
membangunkan
web
menggunakan
Joomla!.
Sebagai
admin
anda
perlu
mahir
dan
cekap
serta
memahamikonsepdanselokbelokpenggunaanCPanelAdminJoomla!.
Semoga buku ini dan bimbingan saya yang anda terima dapat membantu anda menjadi
AdministratorJoomla!yangcekapdanmahir.Seterusnyamembantuandamenghasilkansebuah laman
webyangcantik,menarik,unikdanbermaklumat.SelamatmempelajaridanmempraktikkanJoomla!.
top related