manual kursus

Upload: azmisulaiman

Post on 06-Apr-2018

249 views

Category:

Documents


0 download

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!.