Anda di halaman 1dari 9

http://sukses.BUAS-Online.

com
webTree designs
Gale !"rom
web site design and
de#elopment $akewood% &O '())*

in"o+webtreedesigns.com

PENGENALAN
Tu,uan dari presentasi ini adalah untuk menediakan suatu ikhtisar ang men,elaskan
bagaiamana menggunakan -oomla. untuk menciptakan website kesaangan Anda. Saa
berasumsi bahwa Anda sedang mempertimbangkan menggunakan -oomla.% bahwa Anda
sudah memutuskan untuk menggunakan -oomla.% atau Anda bahkan telah menggunakan
-oomla..

!resentasi ini menitikberatkan pada / Apa 01hat2% 3engapa 01h2% dan Siapa 01ho2/.
Topik besar /Bagaimana/ bisa memakan waktu ber,am-,am. $ihat bagian Resources
pada bagian akhir presentasi ini untuk in"ormasi lebih mendalam.

APAKAH JOOMLA! MEMANG UNTUK ANDA?
Apakah Joomla! Iu?

-oomla. adalah suatu alat (tools) untuk membuat situs di internet (website). Berbagai alat
pembuat situs (site-building) lainna adalah antara lain 4reamwea#er% 5rontpage% Goli#e%
atau manapun teks editor. Banak ,asa web hosting menediakan "asilitas pembuat situs
dalam laananna.

Me!"apa Me!""u!aka! Joomla!

#o!e! Ma!a"eme!
-oomla. Adalah sebuah Sistem !engelola Berita (Content Management System
-CMS). Suatu sistem mana,emen berita menampilkan isi dari masing-masing
halaman situs dari sebuah database online manakala seorang pengun,ung
meminta halaman tersebut.
Anda bisa mengubah isi/konten/berita Anda setiap saat melalui sebuah
administrasi dengan menggunakan web browser 678% Opera% 3o9illa dsb:.

Sebalikna% sebuah situs ;T3$ standar 6non-&3S: bersi"at tetap atau statis.
Untuk melakukan perubahan terhadap gambar maupun teks% "ile halaman situs
tersebut harus diedit% kemudian upload ke ser#er web oleh pengembang web.

Ope! $ource L%ce!s%!"
$isensi Open Source berarti bahwa software ini adalah gratis. Ada ,uga sebuah
komunitas para user dan sumber-sumber lain ang mendukung produk ini% dan
kebanakan di antarana adalah ,uga gratis.

7ndonesia oleh Titus !ermadi < http://sukses.BUAS-Online.com
http://sukses.BUAS-Online.com
$%apa &a!" perlu me!""u!aka! Joomla!
-oomla. terutama sekali cocok bagi situs ang

7si/konten/beritana sering berubah atau diperbarui
Seorang =on-!rogrammers ang bertugas menciptakan% membaharui% dan
mengatur isi/konten/berita

4ikatakan% Anda memerlukan suatu orang trampil secara teknis untuk menginstal dan
mengkon"igurasi situs% dan sewaktu-waktu dapat diminta untuk menangani kesulitan. -ika
teknisi Anda tidak terbiasa dengan -oomla. atau 3ambo% harapkanlah suatu kur#a bela,ar%
seperti ketika bela,ar menggunakan alat ang baru. -oomla. 3emungkinkan seorang
dengan kemampuan teknis ang minimal untuk memperbarui situs setelah situs ini
terpasang. Anda memerlukan seseorang teknisi untuk men-setup.

MENDI$AIN $ITU$ ANDA
7ngatlah Bahwa -oomla. Adalah sebuah alat. 8"ekti#itas situs Anda% dan kegunaan bagi
audiens Anda% ditentukan oleh isi/konten/berita% arsitektur in"ormasi% dan disain gra"is dari
situs Anda.

7ngatlah sebuah situs ang pernah Anda kun,ungi ang menarik atau pun membuat Anda
"rustrasi. ;al apa dari situs itu ang Anda suka atau Anda benci> Apa ang membuat
Anda ingin kembali ke situs tersebut pada kesempatan berikutna> !en,elasan di bagian
ini adalah untuk membantu Anda menciptakan sebuah situs ang membuat orang betah
dan kangen untuk kembali mengun,ungi situs Anda pada kesempatan berikutna.

7ndonesia oleh Titus !ermadi < http://sukses.BUAS-Online.com
http://sukses.BUAS-Online.com
Ars%ekur I!'ormas%

Me!"or"a!%s%r ko!e! A!(a) *a"%a!+ Kae"or% (a! Ko!e!
Organizing your content: Sections, Categories and Content
7ni adalah tempat untuk mulai. Setelah Anda tahu konten ang ingin Anda sa,ikan
dalam situs Anda dan bagaimana konten tersebut akan diorganisir% akan lebih
mudah untuk men-setup -oomla. untuk mempresentasikan in"ormasi kepada
audiens sasaran Anda.

-oomla. menawarkan tiga tingkat (leel) pengorganisasian konten: Sections%
&ategories% and &ontent 7tems. Anda dapat membaangkan hal ini sebagai sebuah
garis besar (outline)% atau sebagai satu rangkaian kontainer. Garis besar Anda bisa
diuraikan sebagai berikut:

Section ?.(
&ategor ?.?
&ontent 7tem ?.?.?
&ontent 7tem ?.?.)
&ategor ?.)
&ontent 7tem ?.).?
&ontent 7tem ?.).)
Section ).(
&ategor ).?
&ontent 7tem ).?.?
&ontent 7tem ).?.)
8tc.
-ika Anda berpikir tentang kontainer% Section diumpamakan sebagai lemari besi
(filing cabinet)% &ategor diumpamakan sebagai map/brosur "ile% dan &ontent 7tem
diumpamakan sebagai dokumen/kertas dalam map/brosur.

Ada ,uga sebuah ,enis konten ang disebut Static% ang mana tidak termasuk
dalam pengorganisasian tiga lapis (three-tier) di atas.

Me!"aur ko!e! A!(a) Me!u
Sekarang garis besar konten Anda sudah dibuat% Anda perlu suatu ,alan/cara bagi
pengun,ung situs Anda untuk mencari konten ang mereka minati. !engaturan ini
dilakukan dengan 3enus. Untuk mengkonstruksi susunan 3enu Anda perlu
memikirkan apa ang ingin Anda tekankan dalam situs Anda. Buat urutan prioritas
konten Anda dari ang paling penting hingga ang kurang penting. @emudian
buatlah 3enu ang mencerminkan prioritas Anda.

4i dalam -oomla.% item 3enu dapat menun,uk ke Sections% &ategories% atau
&ontent 7tems.

Mem,er% Nama Ko!e! A!(a
7sikan nama (names) dan ,udul (title) untuk Sections% &ategories% &ontent 7tems
dan 3enus ang masuk akal atau mudah dikenali oleh audiens Anda 4A= memikat
mereka. Selain dari menu standar ang semua orang harapkan seperti About Us
7ndonesia oleh Titus !ermadi < http://sukses.BUAS-Online.com
http://sukses.BUAS-Online.com
6tentang kami: atau &ontact Us 6hubungi kami:% gunakan kata-kata ang
menampaikan in"ormasi spesi"ik atau membangkitkan perasaan. Sebagai contoh%
/7su/ merupakan sebuah link ang populer untuk situs-situs politik. &obalah untuk
memikirkan tentang sesuatu ang dengan lebih menon,ok seperti / Apa Aang @ita
!ercaai/

Me!&usu! $rukur Ko!e! A!(a
Biset Usabilit menun,ukkan pada umumna orang dapat membaca teks di laar
sekitar )CD dari kecepatan membaca pada sebuah halaman tercetak pada kertas.
4an Anda mempunai sekitar E detik untuk menarik perhatian pengun,ung situs
Anda sebelum mereka menutup halaman Anda. Temuan ini menun,ukkan perluna
menusun struktur konten Anda sedemikian rupa sehingga pengun,ung
menangkap pesan Anda dengan cepat dan ringkas tapi ,elas. Berikut ini adalah
beberapa tips ang dapat Anda gunakan:
Buat pendahuluan (preface) atas konten ang pan,ang dengan ,udul 6headline:
dan ringkasan pendahuluan (abstract) ang kemudian dihubungkan 6di-lin!)
pada halaman ang terpisah untuk menampilkan seluruh artikel ang utuh.
3enu -enis Blog 6ang diuraikan di bawah: menampilkan konten dengan cara
ini.

!adatkan teks ang pan,ang.
Buatlah hal ang penting pada kalimat pertama.

Gunakan !oin-!oin peluru (bullet points).

Buat Sub--udul (Sub-"eadings) untuk memperkenalkan topik: sampaikan
kepada pengun,ung hal apa ang di,elaskan pada satu atau dua paragra"
benkutna.

D%sa%! Gra'%s - Templaes
4engan -oomla.% tampilan dan nuansa situs Anda sama sekali terpisah dari konten.
Unsur-unsur disain gra"is% warna% huru"% tata letak halaman (page layout)% dan posisi dari
konten diatur oleh Template ang Anda gunakan dalam situs tersebut.

3embuat Template dari nol memerlukan pengetahuan tentang F;T3$ dan !;! dan ,uga
disain gra"is.

=amun ,angan kuatir% ada beratus-ratus Templates gratis dan murah% dan peker,aan
terbesar Anda adalah memilih-milih mana ang cocok buat Anda. Selain itu ,uga%
beberapa templates ada ang lebih baik dibanding ang lain. !ilih salah satu dengan
dokumentasi 6berapa banak kolom% laout tetap atau mengambang (fi#ed or fluid
layout )% posisi modul:% ,umlah downloads dan ulasan ang baik.
7ndonesia oleh Titus !ermadi < http://sukses.BUAS-Online.com
http://sukses.BUAS-Online.com
MENGIMPLEMENTA$IKAN $ITU$ ANDA

Pers&araa! (ar% .e, Hos%!"
@ebanakan pro#ider web hosting menawarkan hosting dalam lingkungan $inuG ang
memenuhi kebutuhan teknis untuk -oomla. !astikan bahwa laanan web hosting ang
Anda pilih mendukung hal berikut:
!hp H.).G atau #ersi di atasna
3sIl J.)J.G atau #ersi di atasna

Apache ?.?J.?K atau #ersi di atasna. -ika laanan web hosting Anda tidak
memenuhi kebutuhan minimum% Anda dapat berlangganan pada laanan web
hosting dengan biaa kurang dari L C.(( per bulan.

Anda memerlukan in"ormasi berikut untuk mengatur -oomla.. Anda dapat mendapat/kan
na melalui control panel ang disediakan oleh web hosting Anda.
4atabase name
User name
!assword
4atabase host name
-ika hosting account Anda menun,ang lebih dari satu database 3sIl Anda dapat
menggunakanna untuk -oomla.. -ika Anda hana memiliki satu database% instalasi
memberi Anda pilihan untuk menambahkan suatu awalan kepada tabel -oomla. 6seperti
,omM: untuk menghindari tumbukan dengan tabel ang telah Anda punai dalam
database.

Do/!loa( (a! I!sall
instalasi -oomla. sangat ,elas dan gamblang. 7kutilah langkah-langkah dalam manual
instalasi pada http://help.,oomla.org/content/categor/?C/KK/?J)/
.
Me!"aur Ars%ekur I!'ormas% (a! Templaes
Setelah -oomla. diinstall% Anda dapat melihatna dengan mengetik
http://www.ourdomain.com/indeG.php. Tampilanna akan muncul sepert ini:
7ndonesia oleh Titus !ermadi < http://sukses.BUAS-Online.com
http://sukses.BUAS-Online.com
;ore. Anda telah memiliki sebuah situs -oomla.. Tetapi ini bukanlah situs A=4A.
Sekarang saatna Anda memasukkan garis besar konten Anda dan template pilihan
Anda% login ke laar Administrator% dan buatlah situs Anda. Situs ini menediakan
panduan &epat untuk membimbing ke tingka selan,utna:

www.netshineso"tware.com/,oomla-tutorial.html

Me!"aur $ec%o!s (a! #ae"or%es
3ulailah mengatur Sections dan &ategories. Saat Anda me-link ke kontainer dalam salah
satu menu Anda% putuskan seperti apa konten dalam kontainer Anda mau ditampilkan.
Berikut ini adalah bagaimana beberapa ,enis 3enu beker,a/ber"ungsi:
- $ec%o! L%s: 3enampilkan da"tar link &ategor:

Saat Anda meng-klik sebuah link &ategor -oomla. 3enampilkan link ke &ontent 7tems
ang ada dalam &ategor tersebut:

7ndonesia oleh Titus !ermadi < http://sukses.BUAS-Online.com
http://sukses.BUAS-Online.com
4ari sini% kliklah pada &ontent 7tem ang ingin Anda lihat.

- $ec%o! *lo": 3enampilkan ,udul &ontent 7tem% Teks 7ntro% dan sebuah link ke
teks utama.

Saat anda me-link ke Bead more% -oomla. 3enampilkan teks utama:


Me!"aur Pe!&e(%a Ko!e!
Sekarang saatna untuk mengatur i,in pemakai (user permissions ) bagi para
penedia/pemasok konten Anda. -oomla. 3endukung peran berikut bagi para pemasok
konten 6"ront-end pro#ider:. -oomla. Adalah sebuah sistem pengelola konten ang
memungkinkan pengun,ung 6selain Anda atau administrator: untuk memasukkan artikel
atau konten ke dalam situs Anda% se,auh otoritas untuk hal ini Anda berikan:

- Author 6!engarang:: i,in untuk menempatkan/memposting konten ke situs Anda
- 8ditor: i,in untuk mengedit konten
- !ublisher: i,in untuk mengedit plus menerbitkan 6publish: konten

&atatlah konten tidak akan ditampilkan dalam situs% ,ika tidak di-publish.
!ada saat seorang 8ditor atau !ublisher log in% item konten akan mempunai sebuah
tombol edit disamping ,udul. Anda dapat meng-klik tombol tersebut untuk mengedit item
konten 6content item:.

Untuk in"ormasi lebih ,auh tentang User Access &ontrol $e#els kun,ungilah:

http://help.,oomla.org/content/#iew/))'/?CJ/
7ndonesia oleh Titus !ermadi < http://sukses.BUAS-Online.com
http://sukses.BUAS-Online.com
TIP$ UNTUK MEMA$UKAN KONTEN
Anda memasukkan konten ke dalam -oomla. 4engan menggunakan Tin3&8 editor ang
tercakup dalam paket instalasi Anda. Untuk hasil terbaik% susunlah secara langsung
dalam editor atau $cut and paste% dari suatu "ile teks ang $unformatted%. -A=GA=
38$A@U@A= &UT A=4 !AST8 4AB7 1OB4 4O&. Sebagai gantina% eksporlah dari
1ord ke "ile teks.

Anda barangkali ingin mempunai satu atau dua orang ang bertanggung ,awab untuk
memasukan konten ang dibuat oleh para pengarang Anda.

B8SOUB&8S ;ere is a list o" online resources to take ou "urther into -oomla.world. This
list can also be "ound online at www.webtreedesigns.com/resources.
RE$OUR#E$
Berikut ini adalah sebuah da"tar sumber-sumber online untuk memandu Anda masuk lebih
dalam ke dunia -oomla.. 4a"tar ini dapat ,uga ditemukan di
www.webtreedesigns.com/resources

Porals
Situs-situs ini berisi bermacam-macam in"ormasi ang berguna% "orum% downloads
termasuk templates% dan penga,aran tutorial.

- www.,oomla.com
- www.mambohut.com
- www.mamboportal.com
- www.,oomlatribune.com
Tuor%als
!enga,aran Tambahan
- !anduan &epat ang sangat baik: www.netshineso"tware.com/,oomla-tutorial.html
- AnnaNs -oomla. tips% a soup-to-nuts tutorial: www.teachme,oomla.com/,oomla-
mambotutorials-and-howtos/annas-,oomla-tips.htm
- Template creation and Search 8ngine Optimi9ation 6S8O: among others:
www.compassdesigns.net/resources/articles/
- -oomla. S8O "or beginners: www.,oomlaa.com/content/#iew/?HJ/'J/
- Tutorials O Be#iews: www.,oomlaa.com/content/categor/?/?*/'J/
Templaes
7ni adalah tempat Anda memulai. &arilah templates -oomla dan luangkan waktu
- www.mamboteam.com
7ndonesia oleh Titus !ermadi < http://sukses.BUAS-Online.com
http://sukses.BUAS-Online.com
A((-O!s
3ulailah dari sini untuk mencari &omponents% 3odules% and 3ambots
- www.,oomlaratings.com
- http://siteground.com/,oomlaMaddons.htm
- Tutorial: http://siteground.com/tutorials/mambo/mamboMaddons.htm
Term%!olo"&
- &omponent: &omponents adalah elemen utama 6&ore elements: dari "ungsi-"ungsi
-oomla. &ore elements ini antara lain: Banners% &ontact% =ews 5eeds% !olls and
1eblinks. !ara anggota @omunitas -oomla menghasilkan -oomla components dari
pihak ketiga secara kontinu. 7ni tersedia untuk didownload secara gratis di
http://de#eloper.,oomla.org.
- 3odule: 3odules adalah content items kecil ang ditampilkan ditempat manapun
ang diatur dalam template. 3odules sangat mudah di install melalui Admin
Section. -oomla modules antara lain: 3ain 3enu% Top menu% Template &hooser%
!olls% =ews"lash% ;it &ounter% etc.
- 3ambot: Sebuah 3ambot adalah% "ungsi task-oriented ang kecil ang meng-
intersep konten sebelum ditampilkan dan dimanipulasi. -oomla menediakan
se,umlah besar 3ambots dalam core distribution. Beberapa diantarana
1AS71AG editors% Jrd part component dan module searchers% dan lain
sebagaina.
PPPPPPPPPPPPPPPPPPPPPPPPPPPP
!enter,emahan 7nggris 7ndonesia oleh Titus !ermadi < http://sukses.BUAS-Online.com
6translation 8nglish 7ndonesian b: Titus !ermadi < http://sukses.BUAS-Online.com :
7ndonesia oleh Titus !ermadi < http://sukses.BUAS-Online.com