S
S
S
S
S
S
E
E
E
E
E
E
R
R
R
R
R
R
I
I
I
I
II
A
A
A
A
A
A
L
L
L
L
L
L
E
E
E
E
E
E
B
B
B
B
B
B
O
O
O
O
O
O
O
O
O
O
O
O
K
K
K
K
K
K
J
J
J
J
JJ
O
O
O
O
O
O
O
O
O
O
O
O
M
M
M
M
M
M
L
L
L
L
L
L
A
A
A
A
A
A
P
P
P
P
P
P
a
a
a
a
aa
n
n
n
n
n
n
d
d
d
d
d
d
u
u
u
u
u
u
a
a
a
a
aa
n
n
n
n
n
n
W
W
W
W
W
W
e
e
e
e
ee
b
b
b
b
b
b
s
s
s
s
ss
i
i
i
iii
t
t
t
ttt
e
e
e
e
ee
D
D
D
D
D
D
i
i
i
iii
n
n
n
n
n
n
a
a
a
a
aa
m
m
m
m
m
m
i
i
i
iii
s
s
s
s
ss
2
2
S E R I A L E B O O K J O O M L A . P A N D U A N W E B S I T E D I N A M I S .
S E R I A L E B O O K J O O M L A . P A N D U A N W E B S I T E D I N A M I S .
Membuat Website Joomla 2.5
Membuat Website Joomla 2.5
di PC/Laptop
di PC/Laptop
author author LUCKY PERMANA LUCKY PERMANA publipublished shed by by
EbookJoomla EbookJoomla20122012
page page
www.F
www.Faceboacebook.cok.com/Tuom/Tutor.tor.JoomlJoomlaa
email email
[email protected] [email protected]
diperkenankan menyebarluaskan serial EbookJoomla ini tanpa ijin dari
diperkenankan menyebarluaskan serial EbookJoomla ini tanpa ijin dari penerbit/penulis.penerbit/penulis. diperkenankan mengutip sebagian atau seluruh isi serial EbookJoomla
Daftar
Daftar isi ...
isi ...
...
...
... ii
Tentang
Tentang penulis ...
penulis ...
...
... ii
.... ii
Rencanakan
Rencanakan dulu
dulu website
website Anda
Anda ...
...
... 1
... 1
Memaham
Memahami lebih
i lebih jauh skema
jauh skema perencanaa
perencanaan website
n website ...
... 3
3
HalamanHalaman Publik ...Publik ... ... 33 Halaman
Halaman User ...User ... . 44
Menamba
Menambahkan
hkan kategori
kategori artikel ...
artikel ...
... 7
... 7
Menamba
Menambahkan
hkan artikel ...
artikel ...
... 11
... 11
Menamba
Menambahkan
hkan kategori Direktori
kategori Direktori Website ... 1
Website ... 15
5
Membuat
Membuat Direktori
Direktori Website ...
Website ...
...
... 17
. 17
Menamba
Menambahkan
hkan Contact ...
Contact ...
... 21
... 21
MenambahkMenambahkan an kategori kategori Contact ...Contact ... 21... 21 Menambahk
Menambahkan an data data ContacContact ...t ... 22... 22
Membuat
Membuat Menu
Menu User
User ...
...
... 25
... 25
Menambahkan item-menu pada Menu Utama & Menu User .. 27
Menambahkan item-menu pada Menu Utama & Menu User .. 27
Item-menu pada
Item-menu pada Menu Utama Menu Utama ... 27... 27 Item-menu pada
Item-menu pada Menu Menu User ...User ... 32... 32
Pengaturan module
Pengaturan module website
website Joomla ...
Joomla ...
... 35
. 35
MengubaMengubah h nama nama module module main main menu menu ... 36... 36 Menguba
Mengubah h urutan urutan (orderin(ordering) g) module module ... 36... 36 Mengatur
Tentang penulis
Tentang penulis
Lahir di Kudus pada 1 September 1971, Lucky Permana menjalani Lahir di Kudus pada 1 September 1971, Lucky Permana menjalani pendidikan dasarnya di beberapa kota di Papua (Irian Jaya waktu pendidikan dasarnya di beberapa kota di Papua (Irian Jaya waktu itu) yaitu Manokwari, Sentani, Serui, dan Jayapura sebelum itu) yaitu Manokwari, Sentani, Serui, dan Jayapura sebelum akhirnya menyelesaikan pendidikan menengahnya di Jakarta.
akhirnya menyelesaikan pendidikan menengahnya di Jakarta.
Pendidikan lanjutnya di Akademi Ilmu Statistik (AIS) yang Pendidikan lanjutnya di Akademi Ilmu Statistik (AIS) yang diselesaikan pada 1994, dan Sekolah Tinggi Ilmu Statistik (STIS) diselesaikan pada 1994, dan Sekolah Tinggi Ilmu Statistik (STIS) jurusan Komputasi Statistik yang diselesaikan pada 1999, menghantarkannya bekerja jurusan Komputasi Statistik yang diselesaikan pada 1999, menghantarkannya bekerja di Badan Pusat Statistik (BPS) tepatnya di Provinsi Jawa Timur hingga saat ini.
di Badan Pusat Statistik (BPS) tepatnya di Provinsi Jawa Timur hingga saat ini.
Berbagai pengalaman praktis dalam bidang Komputer dan Internet, mendorong Berbagai pengalaman praktis dalam bidang Komputer dan Internet, mendorong Lucky Permana menuliskannya di www.Cangkruk.com. Lucky juga menuangkan Lucky Permana menuliskannya di www.Cangkruk.com. Lucky juga menuangkan pengetahuan dan pengalaman praktisnya itu dalam bentuk buku dan artikel di media pengetahuan dan pengalaman praktisnya itu dalam bentuk buku dan artikel di media komputer.
komputer.
Buku berjudul “Mengelola Website Joomla 1.7 dengan 70 Ekstensi Terpopuler” Buku berjudul “Mengelola Website Joomla 1.7 dengan 70 Ekstensi Terpopuler” adalah bukunya yang keempat, setelah sebelumnya terbit buku pertama berjudul adalah bukunya yang keempat, setelah sebelumnya terbit buku pertama berjudul “Panduan Lengkap Website Dinamis Joomla!” disusul buku kedua berjudul “20 “Panduan Lengkap Website Dinamis Joomla!” disusul buku kedua berjudul “20 Harta Karun Googl
Harta Karun Google. kemudahan dan keunggulannya begitu menggoda”, dan bukue. kemudahan dan keunggulannya begitu menggoda”, dan buku ketiga berjudul “Membuat Website Profesional dengan BlogSpot”. Sedangkan artikel ketiga berjudul “Membuat Website Profesional dengan BlogSpot”. Sedangkan artikel komputer yang pernah ditulisnya dan dimuat di Majalah Mikrodata media penggemar komputer yang pernah ditulisnya dan dimuat di Majalah Mikrodata media penggemar komputer
komputer adalah “Membuat Komponen Hotspot” dan “Membuat Image Map”.adalah “Membuat Komponen Hotspot” dan “Membuat Image Map”. Pembaca yang ingin berkorespondensi dengan penulis, dapat melakukannya dengan Pembaca yang ingin berkorespondensi dengan penulis, dapat melakukannya dengan mengirim email ke [email protected] atau melalui
mengirim email ke [email protected] atau melalui contact form contact form didi www.cangkruk.com.
www.cangkruk.com. Sedangkan Sedangkan untuk untuk saling saling bertukar bertukar informasi informasi seputar seputar Joomla,Joomla, silahkan bergabung di halaman www.facebook.com/tutor.joomla.
Tulisan
Tulisan ini ini dimaksudkan dimaksudkan untuk untuk membantu membantu siapapun siapapun dalam dalam membangun membangun websitewebsite dinamis menggunakan Joomla di PC/Laptop berdasarkan pengalaman penulis, dinamis menggunakan Joomla di PC/Laptop berdasarkan pengalaman penulis, dengan tanpa kendala dan kerusakan apapun yang muncul sebagai akibat.
dengan tanpa kendala dan kerusakan apapun yang muncul sebagai akibat.
Meskipun demikian, tidak ada pernyataan atau jaminan apapun akan diperoleh hasil Meskipun demikian, tidak ada pernyataan atau jaminan apapun akan diperoleh hasil yang sama dengan mengikuti tulisan ini.
yang sama dengan mengikuti tulisan ini.
Dengan kata lain, penulis tidak bertanggungjawab kepada apapun atau siapapun Dengan kata lain, penulis tidak bertanggungjawab kepada apapun atau siapapun apabila tidak memenuhi kebutuhan, atau terdapat ketidaksesuaian hasil atau apabila tidak memenuhi kebutuhan, atau terdapat ketidaksesuaian hasil atau ketidakberhasilan atau kerusakan atau hal lainnya yang mungkin muncul sebagai ketidakberhasilan atau kerusakan atau hal lainnya yang mungkin muncul sebagai akibat dari mengikuti tulisan ini.
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 1 1
Rencanakan dulu website Anda
Rencanakan dulu website Anda
Sebelum mulai membuat apalagi mengelola website Joomla, perlu direncanakan terlebih
Sebelum mulai membuat apalagi mengelola website Joomla, perlu direncanakan terlebih
dahulu website seperti apa yang akan dibangun.
dahulu website seperti apa yang akan dibangun.
embaca serial ebookjoomla berjudul "Menggunakan Joomla 2.5 di embaca serial ebookjoomla berjudul "Menggunakan Joomla 2.5 di PC/Laptop", pastinya sudah mengerti apa saja yang diperlukan dan bagaimana PC/Laptop", pastinya sudah mengerti apa saja yang diperlukan dan bagaimana cara meng-install Joomla di PC/Laptop. Pembaca juga sudah mengenal cara meng-install Joomla di PC/Laptop. Pembaca juga sudah mengenal
backend Joomla
backend Joomla, bagaimana mengaksesnya, dan mengenal fitur apa saja yang tersedia, bagaimana mengaksesnya, dan mengenal fitur apa saja yang tersedia untuk mulai membuat dan mengelola website.
untuk mulai membuat dan mengelola website.
Meskipun demikian, sebelum mulai membuat apalagi mengelola website Joomla,
Meskipun demikian, sebelum mulai membuat apalagi mengelola website Joomla,
perlu direncanakan terlebih dahulu website seperti apa yang akan dibangun. Mari
perlu direncanakan terlebih dahulu website seperti apa yang akan dibangun. Mari
kita mulai merencanakan dengan menjawab beberapa pertanyaan ini:
kita mulai merencanakan dengan menjawab beberapa pertanyaan ini: WHAT
WHAT: Website seperti apa yang ingin dibangun? apakah personal profile? atau: Website seperti apa yang ingin dibangun? apakah personal profile? atau
company profile? atau bisnis? atau komunitas? atau social network? atau lainnya?
company profile? atau bisnis? atau komunitas? atau social network? atau lainnya?
misal jawabannya adalah
misal jawabannya adalah ::““Melalui website, Saya ingin orang mengenal Saya sebagaiMelalui website, Saya ingin orang mengenal Saya sebagai
penulis buku teknologi informasi, dan mengetahui karya-karya Saya. Saya juga
penulis buku teknologi informasi, dan mengetahui karya-karya Saya. Saya juga
ingin berbagi pengetahuan dan pengalaman dengan menuliskannya dalam bentuk
ingin berbagi pengetahuan dan pengalaman dengan menuliskannya dalam bentuk
artikel. Sayapun ingin memberi kesempatan kepada mereka yang ingin berbagi
artikel. Sayapun ingin memberi kesempatan kepada mereka yang ingin berbagi
pengetahuan dan pengalaman dengan menuliskannya di website yang Saya
pengetahuan dan pengalaman dengan menuliskannya di website yang Saya
bangun
bangun””.. WHO
WHO: Siapa yang diharapkan menjadi target pengunjungnya?: Siapa yang diharapkan menjadi target pengunjungnya?
misal jawabannya adalah
misal jawabannya adalah :: ““Semua peminat teknologi informasi, baik pembacaSemua peminat teknologi informasi, baik pembaca
ataupun mereka yang ingin berperan serta menulis artikel teknologi informasi di
ataupun mereka yang ingin berperan serta menulis artikel teknologi informasi di
website Saya
website Saya””.. HOW
HOW: Bagaimana informasi ditampilkan?: Bagaimana informasi ditampilkan?
misal jawabannya adalah
misal jawabannya adalah :: ““Saya ingin menampilkan informasi profil Saya,Saya ingin menampilkan informasi profil Saya,
biodata/CV, karya-karya, direktori website yang dikirim oleh para user, dan
biodata/CV, karya-karya, direktori website yang dikirim oleh para user, dan
menyediakan Form Contact untuk mengirim email ke Saya. Saya juga ingin
menyediakan Form Contact untuk mengirim email ke Saya. Saya juga ingin
Notes
Notes
1
1
P
P
menampilkan artikel tulisan. Saya ingin menyediakan Form Login dan halaman
menampilkan artikel tulisan. Saya ingin menyediakan Form Login dan halaman
khusus pengguna yang diberi hak untuk mengirim artikel dan mengirim informasi
khusus pengguna yang diberi hak untuk mengirim artikel dan mengirim informasi
link ke website lainnya yang bermanfaat. Satu lagi, Saya ingin mengelola website
link ke website lainnya yang bermanfaat. Satu lagi, Saya ingin mengelola website
Saya secara dinamis dengan menggunakan teknologi Content Management System
Saya secara dinamis dengan menggunakan teknologi Content Management System
(CMS)
(CMS)””..
Berdasarkan jawaban dari tiga pertanyaan di atas pembaca sudah dapat membuat
Berdasarkan jawaban dari tiga pertanyaan di atas pembaca sudah dapat membuat
skema perencanaan website, kira-kira seperti berikut:
skema perencanaan website, kira-kira seperti berikut: Halaman Publik
Halaman Publik
Menu UtamaMenu Utama
Profil Saya Profil Saya Biodata/CV Biodata/CV Karya Saya Karya Saya Artikel Komputer Artikel Komputer Direktori Website Direktori Website Contact Contact
Form LoginForm Login
Halaman User
Halaman User
Menu UserMenu User
Profil User
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 3 3
Memahami lebih jauh skema
Memahami lebih jauh skema
perencanaan website
perencanaan website
ada baiknya memahami terlebih dahulu 'halaman web' seperti apa yang akan disiapkan dan ada baiknya memahami terlebih dahulu 'halaman web' seperti apa yang akan disiapkan dan ditampilkan menggunakan Joomla.
ditampilkan menggunakan Joomla.
embaca telah membuat skema perencanaan website, dan tentunya berpikir
embaca telah membuat skema perencanaan website, dan tentunya berpikir
bahwa sekaranglah saatnya untuk mempersiapkan dan menampilkan
bahwa sekaranglah saatnya untuk mempersiapkan dan menampilkan
halaman web. Pemikiran itu ada benarnya, tetapi sebelum mulai, ada
halaman web. Pemikiran itu ada benarnya, tetapi sebelum mulai, ada
baiknya memahami terlebih dahulu 'halaman web' seperti apa yang akan disiapkan
baiknya memahami terlebih dahulu 'halaman web' seperti apa yang akan disiapkan
dan ditampilkan menggunakan Joomla. Mari perhatikan kembali skema
dan ditampilkan menggunakan Joomla. Mari perhatikan kembali skema
perencanaan website pada
perencanaan website pada Notes-1Notes-1..
Skema tersebut terdiri dari dua macam halaman web yaitu
Skema tersebut terdiri dari dua macam halaman web yaitu HalamanHalaman
Publik
Publik dandan Halaman UserHalaman User.. Halaman Publik Halaman Publik merupakan jenis halaman webmerupakan jenis halaman web
yang disiapkan untuk dapat diakses oleh siapapun pengunjung website,
yang disiapkan untuk dapat diakses oleh siapapun pengunjung website,
sedangkan
sedangkan Halaman UserHalaman User merupakan jenis halaman web yang hanya dapatmerupakan jenis halaman web yang hanya dapat
diakses oleh pengunjung yang telah terdaftar sebagai user.
diakses oleh pengunjung yang telah terdaftar sebagai user.
Halaman Publik
Halaman Publik
Secara umum, jenis
Secara umum, jenisHalaman Publik Halaman Publik ini terdiri dari dua macam fitur yaitu fitur-ini terdiri dari dua macam fitur yaitu
fitur-fitur di dalam
fitur di dalam Menu UtamaMenu Utama, dan, dan Form LoginForm Login. Fitur-fitur di dalam. Fitur-fitur di dalamMenuMenu
Utama
Utamadisiapkan untuk menampilkan halaman web berupa informasi berjenisdisiapkan untuk menampilkan halaman web berupa informasi berjenis
artikel (Profil Saya, Biodata/CV, Karya Saya, dan Artikel Komputer), Direktori
artikel (Profil Saya, Biodata/CV, Karya Saya, dan Artikel Komputer), Direktori
Website
Website untuk untuk menampilkan menampilkan informasi informasi link link website website yang yang dikirim dikirim oleh oleh user, user, sertaserta
Form Contact untuk mengirim email. Fitur
Form Contact untuk mengirim email. Fitur Form LoginForm Login disiapkan bagidisiapkan bagi
pengunjung untuk masuk ke dalam
pengunjung untuk masuk ke dalam Halaman UserHalaman User..
Lebih jauh lagi, Pembaca perhatikan, informasi berjenis artikel dapat
Lebih jauh lagi, Pembaca perhatikan, informasi berjenis artikel dapat
dikelompokkan ke dalam dua kategori yaitu kategori
dikelompokkan ke dalam dua kategori yaitu kategori [About Me][About Me]untuk tulisan-untuk
tulisan-tulisan mengenai informasi pribadi (Profil Saya, Biodata/CV, Karya Saya) dan
tulisan mengenai informasi pribadi (Profil Saya, Biodata/CV, Karya Saya) dan
kategori
kategori [Artikel Komputer][Artikel Komputer] untuk tulisan-tulisan mengenai komputer.untuk tulisan-tulisan mengenai komputer.
Notes
Notes
2
2
P
P
Lebih jelasnya, skema
Lebih jelasnya, skema HALAMAN PUBLIK HALAMAN PUBLIK yang akan pembaca siapkanyang akan pembaca siapkan
nantinya adalah seperti berikut ini:
nantinya adalah seperti berikut ini:
{Main Menu}
{Main Menu}
Menu UtamaMenu Utama {menu untuk menampilkan fitur-fitur utama di halaman publik}{menu untuk menampilkan fitur-fitur utama di halaman publik}
{ kategori
{ kategori [About Me] [About Me] }}
Profil Saya
Profil Saya{item-menu untuk menampilkan artikel mengenai profil pemilik web}{item-menu untuk menampilkan artikel mengenai profil pemilik web}
Biodata/CV
Biodata/CV {item-menu untuk menampilkan artikel mengenai biodata/cv pemilik{item-menu untuk menampilkan artikel mengenai biodata/cv pemilik
web}
web}
Karya Saya
Karya Saya {item-menu untuk menampilkan artikel mengenai hasil karya pemilik{item-menu untuk menampilkan artikel mengenai hasil karya pemilik
web}
web}
{ kategori
{ kategori [Artikel Komputer] [Artikel Komputer] }}
Artikel
Artikel KomputerKomputer{item-menu untuk menampilkan artikel komputer dari pemilik{item-menu untuk menampilkan artikel komputer dari pemilik
web dan user}
web dan user}
{Weblink}
{Weblink}
Direktori Website {
Direktori Website {item-menu untuk menampilkan direktori website yang dikirim item-menu untuk menampilkan direktori website yang dikirim
oleh user}
oleh user}
{Contact Form}
{Contact Form}
Contact
Contact {item-menu untuk menampilkan form mengirim email}{item-menu untuk menampilkan form mengirim email}
{Login Form}
{Login Form}
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 5 5 {User Menu} {User Menu}
Menu UserMenu User {menu untuk menampilkan fitur-fitur utama di halaman user}{menu untuk menampilkan fitur-fitur utama di halaman user}
{user profile}
{user profile}
Profil User
Profil User {item-menu untuk menampilkan dan mengubah informasi profil {item-menu untuk menampilkan dan mengubah informasi profil user}user}
{create article}
{create article}
Kirim Artikel
Kirim Artikel{item-menu untuk menulis dan mengirim artikel}{item-menu untuk menulis dan mengirim artikel}
{submit a weblink}
{submit a weblink}
Kirim Weblink
Kirim Weblink {item-menu untuk menulis dan mengirim link ke website tertentu}{item-menu untuk menulis dan mengirim link ke website tertentu}
Pembaca perhatikan
Pembaca perhatikan skema perencanaan skema perencanaan website di website di atas, atas, penjelasan bertandapenjelasan bertanda
kurung kurawal adalah yang nantinya akan disiapkan sesuai jenis fitur yang tersedia
kurung kurawal adalah yang nantinya akan disiapkan sesuai jenis fitur yang tersedia
pada
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 7 7
Menamba
Menamba
hkan kategori
hkan kategori
ar
ar
tik
tik
el
el
Kedua jenis kategori tersebut dapat pembaca tambahkan dengan memanfaatkan fitur
Kedua jenis kategori tersebut dapat pembaca tambahkan dengan memanfaatkan fitur
[Category Manager] yang tersedia pada menu [Content] di backend Joomla.
[Category Manager] yang tersedia pada menu [Content] di backend Joomla.
kema perencanaan website sudah pembaca buat, sekarang saatnya mulai
kema perencanaan website sudah pembaca buat, sekarang saatnya mulai
membangun website menggunakan Joomla. Secara berurut mulai dari Notes
membangun website menggunakan Joomla. Secara berurut mulai dari Notes
3 ini sampai dengan Notes 11 ke depan, penulis akan berupaya menjelaskan
3 ini sampai dengan Notes 11 ke depan, penulis akan berupaya menjelaskan
cara membangun website sesuai dengan skema perencanaan website yang
cara membangun website sesuai dengan skema perencanaan website yang
telah dibuat sebelumnya. Adapun topik pembahasan pada notes tersebut adalah
telah dibuat sebelumnya. Adapun topik pembahasan pada notes tersebut adalah
seperti berikut ini:
seperti berikut ini:
Notes-3. Menambahkan kategori artikel
Notes-3. Menambahkan kategori artikel
Notes-4. Menambahkan artikel
Notes-4. Menambahkan artikel
Notes-5. Menambahkan kategori Direktori Website
Notes-5. Menambahkan kategori Direktori Website
Notes-6. Menambahkan Direktori Website
Notes-6. Menambahkan Direktori Website
Notes-7. Menambahkan Contact
Notes-7. Menambahkan Contact
Notes-8. Membuat Menu User
Notes-8. Membuat Menu User
Notes-9. Menambahkan item-menu pada Menu Utama dan Menu User
Notes-9. Menambahkan item-menu pada Menu Utama dan Menu User
Notes-10. Pengaturan module website Joomla
Notes-10. Pengaturan module website Joomla
Notes-11. Preview website Joomla
Notes-11. Preview website Joomla
Pada skema perencanaan website di Notes 1 dan Notes 2, pembaca
Pada skema perencanaan website di Notes 1 dan Notes 2, pembaca
mengelompokkan artikel di website Joomla ke dalam dua jenis kategori yaitu
mengelompokkan artikel di website Joomla ke dalam dua jenis kategori yaitu [About Me]
[About Me] yang disiapkan untuk tulisan-tulisan mengenai informasi pribadiyang disiapkan untuk tulisan-tulisan mengenai informasi pribadi
(Profil Saya, Biodata/CV, Karya Saya) dan
(Profil Saya, Biodata/CV, Karya Saya) dan [Artikel Komputer][Artikel Komputer] yang disiapkanyang disiapkan
untuk tulisan-tulisan mengenai komputer/teknologi informasi.
untuk tulisan-tulisan mengenai komputer/teknologi informasi.
Kedua jenis kategori tersebut dapat pembaca siapkan dengan memanfaatkan fitur
Kedua jenis kategori tersebut dapat pembaca siapkan dengan memanfaatkan fitur [Category Manager]
[Category Manager] yang tersedia pada menuyang tersedia pada menu [Content][Content] di dalam halamandi dalam halaman backend Joomla
backend Joomla. Adapun langkah-langkahnya adalah seperti penjelasan berikut:. Adapun langkah-langkahnya adalah seperti penjelasan berikut:
1.
1. Login ke dalamLogin ke dalam backend Joomlabackend Joomla (halaman Administrator),(halaman Administrator),
Notes
Notes
3
3
2.
2. Klik menuKlik menu [Content|Category Manager|Add New Category][Content|Category Manager|Add New Category], atau klik , atau klik
menu
menu [Content|Category Manager][Content|Category Manager] dan lanjutkan klik dan lanjutkan klik New New ,,
3.
3. Pada halamanPada halaman Category Manager: Add A New Articles CategoryCategory Manager: Add A New Articles Category, isikan, isikan
nama kategori pada
nama kategori pada Title Title (yaitu:(yaitu: About About MeMe ) ) dan dan klik klik Save & CloseSave & Close untuk untuk
mengakhiri.
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 9 9
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O P 11 11
Menamba
Menamba
hkan
hkan
ar
ar
tik
tik
el
el
artikel/tulisan pada kedua jenis kategori tersebut dapat Pembaca siapkan dengan
artikel/tulisan pada kedua jenis kategori tersebut dapat Pembaca siapkan dengan
memanfaatkan fitur [Article Manager] yang tersedia pada menu [Content]
memanfaatkan fitur [Article Manager] yang tersedia pada menu [Content]
embaca sudah membuat dua macam kategori artikel yaitu
embaca sudah membuat dua macam kategori artikel yaitu [About Me][About Me] dandan [Artikel Komputer]
[Artikel Komputer]. Sebagaimana skema perencanaan website yang telah. Sebagaimana skema perencanaan website yang telah
disiapkan sebelumnya, tulisan/artikel mengenai informasi pribadi (Profil
disiapkan sebelumnya, tulisan/artikel mengenai informasi pribadi (Profil
Saya, Biodata/CV, Karya Saya) akan disimpan pada kategori
Saya, Biodata/CV, Karya Saya) akan disimpan pada kategori [About Me][About Me],,
sedangkan artikel/tulisan mengenai komputer/teknologi informasi yang dikirim
sedangkan artikel/tulisan mengenai komputer/teknologi informasi yang dikirim
oleh Pembaca dan/atau User yang diberi hak akan disimpan pada kategori
oleh Pembaca dan/atau User yang diberi hak akan disimpan pada kategori [Artikel Komputer]
[Artikel Komputer]..
Sebagai Administrator, artikel/tulisan pada kedua jenis kategori tersebut dapat
Sebagai Administrator, artikel/tulisan pada kedua jenis kategori tersebut dapat
Pembaca siapkan dengan memanfaatkan fitur
Pembaca siapkan dengan memanfaatkan fitur [Article Manager][Article Manager] yang tersediayang tersedia
pada menu
pada menu [Content][Content] di dalam halamandi dalam halaman backend Joomlabackend Joomla. Adapun langkah-. Adapun
langkah-langkahnya adalah seperti penjelasan berikut:
langkahnya adalah seperti penjelasan berikut:
1.
1. Login ke dalamLogin ke dalam backend Joomlabackend Joomla (halaman Administrator),(halaman Administrator),
2.
2. Klik menuKlik menu [Content|Article Manager|Add New Article][Content|Article Manager|Add New Article], atau klik menu, atau klik menu [Content|Article Manager]
[Content|Article Manager] dan lanjutkan klik dan lanjutkan klik New New ,,
Notes
Notes
4
4
P
P
3.
3. Pada halamanPada halaman Article Article Manager: Manager: Add Add New New ArticleArticle, isikan judul artikel pada, isikan judul artikel pada Title
Title (misal:(misal: Profil SayaProfil Saya ). ). Kemudian Kemudian padapada CategoryCategory, pilih kategori artikel, pilih kategori artikel
yang sesuai (pada contoh ini artikel
yang sesuai (pada contoh ini artikel Profil SayaProfil Saya masuk kategorimasuk kategori [About Me][About Me] ). ).
4.
4. Selanjutnya padaSelanjutnya pada Article Article TextText, ketikkan isi artikel. Pembaca dapat juga, ketikkan isi artikel. Pembaca dapat juga
menentukan format tulisan pada artikel sesuai fitur yang tersedia, diantaranya
menentukan format tulisan pada artikel sesuai fitur yang tersedia, diantaranya
yaitu menebalkan huruf (
yaitu menebalkan huruf ( BoldBold ), ), memberi memberi efek efek miring miring pada pada huruf huruf ( ( ItalicItalic ), ),
menggarisbawahi huruf/kata/kalimat (
menggarisbawahi huruf/kata/kalimat ( UnderlineUnderline ), ), menengahkan menengahkan tulisantulisan
(
( CenterCenter ), dan lain sebagainya. ), dan lain sebagainya.
5.
5. Akhiri Akhiri dengan dengan meng-klik meng-klik Save & CloseSave & Close untuk menyimpan tulisan yang baruuntuk menyimpan tulisan yang baru
saja dibuat.
saja dibuat.
6.
6. Lakukan langkah yang sama untuk menambahkan artikel-artikel lainnya, baik Lakukan langkah yang sama untuk menambahkan artikel-artikel lainnya, baik
pada kategori
pada kategori [About Me][About Me]ataupun kategoriataupun kategori [Artikel Komputer][Artikel Komputer]..
Artikel
Artikel apa apa saja saja yang yang telah telah Pembaca Pembaca tambahkan, tambahkan, akan akan terlihat terlihat di di halamanhalaman Article Article
Manager: Articles
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 13 13
Menambahkan artikel mengikuti langkah-langkah di atas hanya dapat dilakukan di
Menambahkan artikel mengikuti langkah-langkah di atas hanya dapat dilakukan di
halaman
halaman backend Joomlabackend Joomla, oleh Anda sebagai Administrator website Joomla., oleh Anda sebagai Administrator website Joomla.
Sedangkan User yang diberi hak untuk menulis artikel, dapat mengirimkannya
Sedangkan User yang diberi hak untuk menulis artikel, dapat mengirimkannya
melalui menu User yang akan Anda siapkan mengikuti penjelasan di
melalui menu User yang akan Anda siapkan mengikuti penjelasan di Notes-8Notes-8 dandan Notes-9
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 15 15
Menamba
Menamba
hkan kategori
hkan kategori
Direktori
Direktori
Website
Website
Pembaca dapat menambahkan kategori Direktori Website dengan memanfaatkan
Pembaca dapat menambahkan kategori Direktori Website dengan memanfaatkan
fit
fitur [
ur [W
Web
eblin
links]
ks] yan
yang t
g terse
ersedia
dia pada
pada men
menu [
u [Com
Compon
ponents
ents]
]
irektori Website merupakan salah satu item-menu pada Menu Utama.
irektori Website merupakan salah satu item-menu pada Menu Utama.
Sebelum mulai membuat item-menu Direktori Website tersebut,
Sebelum mulai membuat item-menu Direktori Website tersebut,
Pembaca perlu mempersiapkan terlebih dahulu website apa saja yang
Pembaca perlu mempersiapkan terlebih dahulu website apa saja yang
ingin ditampilkan pada Direktori Website.
ingin ditampilkan pada Direktori Website.
Pada contoh di
Pada contoh di EbookJoomla ini, Direktori Website yang EbookJoomla ini, Direktori Website yang disiapkan tersebut disiapkan tersebut akanakan
dikelompokkan ke dalam beberapa kategori yang dibedakan menurut jenisnya
dikelompokkan ke dalam beberapa kategori yang dibedakan menurut jenisnya
yaitu: kategori
yaitu: kategori [Pemrograman][Pemrograman],, [Pengembangan Web][Pengembangan Web], dan, dan[Tips & Tricks][Tips & Tricks]..
Pembaca dapat menambahkan kategori Direktori Website dengan memanfaatkan
Pembaca dapat menambahkan kategori Direktori Website dengan memanfaatkan
fitur
fitur [Weblinks][Weblinks] yang tersedia pada menuyang tersedia pada menu [Components][Components] di dalam halamandi dalam halaman backend Joomla
backend Joomla. Adapun langkah-langkahnya adalah seperti berikut ini:. Adapun langkah-langkahnya adalah seperti berikut ini:
1.
1. Login ke dalamLogin ke dalam backend Joomlabackend Joomla (halaman Administrator),(halaman Administrator),
2.
2. Klik menuKlik menu [Components|Weblinks|Categories][Components|Weblinks|Categories]dan lanjutkan klik dan lanjutkan klik New New ,,
Notes
Notes
5
5
D
D
3.
3. Isikan nama kategori Direktori Website padaIsikan nama kategori Direktori Website pada Title Title, lalu akhiri dengan klik , lalu akhiri dengan klik Save & Close
Save & Close..
4.
4. Lakukan langkah yang sama untuk menambahkan kategori Direktori WebsiteLakukan langkah yang sama untuk menambahkan kategori Direktori Website
lainnya.
lainnya.
Kategori-kategori Direktori Website yang telah Pembaca tambahkan, akan terlihat
Kategori-kategori Direktori Website yang telah Pembaca tambahkan, akan terlihat
di halaman
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 17 17
Membuat Direktori Website
Membuat Direktori Website
D
Diirektori
rektori W
Website yang dimaksud disini
ebsite yang dimaksud disini merupakan suatu
merupakan suatu link ke alamat URL
link ke alamat URL
website tertentu yang menyajikan informasi terkait teknologi informasi.
website tertentu yang menyajikan informasi terkait teknologi informasi.
irektori Website yang dimaksud disini merupakan kumpulan link ke
irektori Website yang dimaksud disini merupakan kumpulan link ke
alamat URL dari website yang menyajikan informasi terkait teknologi
alamat URL dari website yang menyajikan informasi terkait teknologi
informasi.
informasi.
Pembaca akan menambahkan link website sesuai kategori Direktori Website yang
Pembaca akan menambahkan link website sesuai kategori Direktori Website yang
telah dibuat sebelumnya yaitu
telah dibuat sebelumnya yaitu [Pemrograman][Pemrograman],, [Pengembangan Web][Pengembangan Web], dan, dan [Tips & Tricks]
[Tips & Tricks]..
Sebagai contoh, link website yang akan ditambahkan adalah seperti tersebut di
Sebagai contoh, link website yang akan ditambahkan adalah seperti tersebut di
bawah ini:
bawah ini:
[Pemrograman][Pemrograman]
-- PHP Scripting Language. http://php.net/manual/en/index.phpPHP Scripting Language. http://php.net/manual/en/index.php
-- Visual Visual Basic Basic Development Development Skills. Skills. http://msdn.microsoft.com/en-
http://msdn.microsoft.com/en-us/vstudio/hh388568
us/vstudio/hh388568
[Pengembangan Web][Pengembangan Web]
-- Webmaster Resource Center. http://www.ilmuwebsite.com/ Webmaster Resource Center. http://www.ilmuwebsite.com/
[Tips & Tricks][Tips & Tricks]
-- Tips dan Trik Komputer. http://www.ti Tips dan Trik Komputer. http://www.tipstrikkomputer.com/pstrikkomputer.com/
-- Tips n Trick. http://www.tipsntrick. Tips n Trick. http://www.tipsntrick.net/net/
Sebagai Administrator Joomla, Pembaca dapat menambahkan link website
Sebagai Administrator Joomla, Pembaca dapat menambahkan link website
tersebut di atas dengan memanfaatkan fitur
tersebut di atas dengan memanfaatkan fitur [Weblinks][Weblinks] yang tersedia pada menuyang tersedia pada menu [Components]
[Components] di dalam halamandi dalam halamanbackend Joomlabackend Joomla..
Caranya adalah seperti berikut ini:
Caranya adalah seperti berikut ini:
1.
1. Login ke dalamLogin ke dalam backend Joomlabackend Joomla (halaman Administrator),(halaman Administrator),
2.
2. Klik menuKlik menu [Components|Weblinks|Links][Components|Weblinks|Links] dan lanjutkan dengan klik dan lanjutkan dengan klik New New ,,
Notes
Notes
6
6
D
D
3.
3. Kemudian pada halamanKemudian pada halaman Web Links Manager: Web Link Web Links Manager: Web Link , isikan judul, isikan judul
Website pada
Website pada Title Title, isikan URL website pada, isikan URL website pada URLURL, pilih kategori yang sesuai, pilih kategori yang sesuai
pada
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 19 19
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 21 21
Menambahkan Contact
Menambahkan Contact
Pembaca perlu membuat data Contact terlebih dahulu sebelum membuat halaman
Pembaca perlu membuat data Contact terlebih dahulu sebelum membuat halaman
Contact, agar pesan dari pengunjung dapat terkirim ke alamat email yang ditentukan.
Contact, agar pesan dari pengunjung dapat terkirim ke alamat email yang ditentukan.
embaca tentunya pernah menemukan sebuah website yang menyediakan
embaca tentunya pernah menemukan sebuah website yang menyediakan
halaman berisi form untuk mengirimkan pesan/email. Itulah yang Penulis
halaman berisi form untuk mengirimkan pesan/email. Itulah yang Penulis
maksud dengan halaman Contact. Melalui halaman Contact, pengunjung
maksud dengan halaman Contact. Melalui halaman Contact, pengunjung
dapat menghubungi webmaster dengan mengirimkan email langsung dari website
dapat menghubungi webmaster dengan mengirimkan email langsung dari website
untuk memberikan
untuk memberikan feedback feedback berupa testimoni, saran, kritik, pertanyaan, atauberupa testimoni, saran, kritik, pertanyaan, atau
masukan penting lainnya.
masukan penting lainnya.
Sebelum mulai membuat halaman Contact, Pembaca perlu menambahkan data
Sebelum mulai membuat halaman Contact, Pembaca perlu menambahkan data
Contact terlebih dahulu, agar pesan/email yang dikirim oleh pengunjung dapat
Contact terlebih dahulu, agar pesan/email yang dikirim oleh pengunjung dapat
terkirim ke alamat email yang telah ditentukan. Caranya adalah seperti dijelaskan
terkirim ke alamat email yang telah ditentukan. Caranya adalah seperti dijelaskan
berikut ini:
berikut ini:
Menambahkan kategori Contact
Menambahkan kategori Contact
1.
1. Login ke dalamLogin ke dalam backend Joomlabackend Joomla (halaman Administrator),(halaman Administrator),
2.
2. Klik menuKlik menu [Components|Contacts|Categories][Components|Contacts|Categories] dan lanjutkan dengan klik dan lanjutkan dengan klik New New ,,
Notes
Notes
7
7
P
P
3.
3. Pada halamanPada halaman Category Manager: Add A New Contact CategoryCategory Manager: Add A New Contact Category, isikan, isikan
nama kategori Contact pada
nama kategori Contact pada Title Title (misalkan:(misalkan: OwnerOwner ), ), lalu lalu akhiri akhiri dengan dengan klik klik Save & Close
Save & Close..
Menambahkan data Contact
Menambahkan data Contact
4.
4. Kategori Contact sudah dibuat, selanjutnya untuk menambahkan data Contact,Kategori Contact sudah dibuat, selanjutnya untuk menambahkan data Contact,
klik menu
klik menu [Components|Contacts|Contacts][Components|Contacts|Contacts] lalu lanjutkan dengan klik lalu lanjutkan dengan klik New
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 23 23
Pembaca juga dapat menambahkan foto diri dengan meng-klik tombol
Pembaca juga dapat menambahkan foto diri dengan meng-klik tombol SelectSelect
pada
pada ImageImage. Akhiri dengan klik . Akhiri dengan klik Save & CloseSave & Close
Data Contact yang telah Pembaca tambahkan mengikuti langkah-langkah di atas,
Data Contact yang telah Pembaca tambahkan mengikuti langkah-langkah di atas,
akan terlihat di halaman
akan terlihat di halaman Contact Manager: ContactsContact Manager: Contacts seperti pada gambar diseperti pada gambar di
bawah ini.
bawah ini.
Pembaca telah melakukan langkah-langkah untuk mempersiapkan data Contact
Pembaca telah melakukan langkah-langkah untuk mempersiapkan data Contact
mengikuti petunjuk di atas, sedangkan untuk menampilkan halaman Contact di
mengikuti petunjuk di atas, sedangkan untuk menampilkan halaman Contact di frontend Joomla
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 25 25
Membuat Menu User
Membuat Menu User
Berbeda dengan Menu Utama (Main Menu) yang tersedia secara default sewaktu
Berbeda dengan Menu Utama (Main Menu) yang tersedia secara default sewaktu
install Joomla, Pembaca perlu membuat Menu User terlebih dahulu.
install Joomla, Pembaca perlu membuat Menu User terlebih dahulu.
erbeda dengan Menu Utama (
erbeda dengan Menu Utama ( Main MenuMain Menu ) ) yang yang tersedia tersedia secara secara defaultdefault
sewaktu install Joomla, Pembaca perlu membuat
sewaktu install Joomla, Pembaca perlu membuat Menu UserMenu User terlebihterlebih
dahulu. Lakukan langkah-langkah berikut ini untuk membuat
dahulu. Lakukan langkah-langkah berikut ini untuk membuatMenu UserMenu User::
1.
1. Login ke dalamLogin ke dalam backend Joomlabackend Joomla (halaman Administrator),(halaman Administrator),
2.
2. Klik menuKlik menu [Menus|Menu Manager|Add New Menu][Menus|Menu Manager|Add New Menu],,
3.
3. Pada halamanPada halaman Menu Manager: Add MenuMenu Manager: Add Menu, isikan nama menu pada, isikan nama menu pada Title Title
(yaitu:
(yaitu: User MenuUser Menu ), ), isikanisikan Menu typeMenu type dengandengan usermenuusermenu, dan isikan, dan isikan Description
Description dengan deskripsi dari menu user (misalkan:dengan deskripsi dari menu user (misalkan: The user The user menu formenu for
the site
the site ). Akhiri dengan klik ). Akhiri dengan klik Save & CloseSave & Close..
Notes
Notes
8
8
B
B
4.
4. Lanjutkan dengan klik pada link Lanjutkan dengan klik pada link Add a module for this menu type Add a module for this menu type,,
5.
5. Pada halamanPada halaman Module Manager: Module MenuModule Manager: Module Menu, ketikkan, ketikkan Menu UserMenu User padapada Title
Title, ketikkan, ketikkan position-7 position-7 padapada PositionPosition, lalu pilih, lalu pilih RegisteredRegistered padapada Access Access,,
dan akhiri dengan klik
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 27 27
Menambahkan item-menu pada
Menambahkan item-menu pada
Menu Utama & Menu User
Menu Utama & Menu User
Kecuali item-menu Home yang sudah tersedia pada Menu Utama (Main Menu)
Kecuali item-menu Home yang sudah tersedia pada Menu Utama (Main Menu)
secara default, Pembaca masih perlu menambahkan item-menu lainnya seperti telah
secara default, Pembaca masih perlu menambahkan item-menu lainnya seperti telah
dirancang pada skema perencanaan website.
dirancang pada skema perencanaan website.
embaca sudah memiliki
embaca sudah memiliki Menu UtamaMenu Utama dan sudah membuatdan sudah membuat Menu UserMenu User,,
tetapi, kecuali item-menu
tetapi, kecuali item-menu HomeHome yang sudah tersedia padayang sudah tersedia pada Menu UtamaMenu Utama
(
( Main MenuMain Menu ) ) secara secara default, default, Pembaca Pembaca masih masih perlu perlu menambahkan menambahkan item-
item-menu lainnya pada skema perencanaan website (lihat kembali skema perencanaan
menu lainnya pada skema perencanaan website (lihat kembali skema perencanaan
website di Notes-1 dan Notes-2).
website di Notes-1 dan Notes-2).
Item-menu yang akan ditambahkan pada
Item-menu yang akan ditambahkan pada Menu UtamaMenu Utama yaitu:yaitu: Biodata/CV Biodata/CV ,, Karya Saya
Karya Saya,, Artikel Artikel KomputerKomputer,, Direktori WebsiteDirektori Website, dan, dan ContactContact, sedangkan, sedangkan
item-menu yang akan ditambahkan pada
item-menu yang akan ditambahkan pada Menu UserMenu User yaitu:yaitu: Profil UserProfil User,, KirimKirim
Artikel
Artikel, dan, danKirim Weblink Kirim Weblink ..
Masih tersisa satu, yaitu
Masih tersisa satu, yaitu Profil SayaProfil Saya. Item-menu. Item-menu HomeHome yang semula secarayang semula secara
default menampilkan
default menampilkan Featured ArticlesFeatured Articles, akan diubah agar menampilkan content, akan diubah agar menampilkan content Profil Saya
Profil Saya..
Seperti biasa, lakukan langkah-langkah di bawah ini setelah sebelumnya login dan
Seperti biasa, lakukan langkah-langkah di bawah ini setelah sebelumnya login dan
tetap berada di dalam halaman
tetap berada di dalam halaman backend Joomlabackend Joomla (halaman Administrator):(halaman Administrator):
Item-menu pada Menu Utama
Item-menu pada Menu Utama
Mengubah tipe item-menu (item menu type) Home
Mengubah tipe item-menu (item menu type) Home
1.
1. Klik pada menuKlik pada menu [Menus|Main Menu][Menus|Main Menu] untuk masuk ke halamanuntuk masuk ke halaman MenuMenu
Manager: Menu Items
Manager: Menu Items, lalu klik item-menu, lalu klik item-menu HomeHome untuk masuk ke halamanuntuk masuk ke halaman Menu Manager: Edit Menu Item
Menu Manager: Edit Menu Item,,
Notes
Notes
9
9
P
P
2.
2. Lanjutkan dengan klik tombolLanjutkan dengan klik tombol SelectSelect padapada Details-Menu Item TypeDetails-Menu Item Type untuk untuk
menampilkan daftar pilihan
menampilkan daftar pilihan Select a Menu Item Type:Select a Menu Item Type:, kemudian klik , kemudian klik Single Article
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 29 29 4.
4. Lanjutkan klik judul contentLanjutkan klik judul content Profil SayaProfil Saya, dan Akhiri dengan klik , dan Akhiri dengan klik Save &Save &
Close
Close..
Menambahkan item-menu Biodata/CV dan Karya Saya
Menambahkan item-menu Biodata/CV dan Karya Saya
1.
1. Klik pada menuKlik pada menu [Menus|Main Menu|Add New Menu Item][Menus|Main Menu|Add New Menu Item] untuk masuk untuk masuk
ke halaman
ke halaman Menu Manager: New Menu ItemMenu Manager: New Menu Item,,
2.
2. Lanjutkan dengan klik tombolLanjutkan dengan klik tombol SelectSelect padapada Details-Menu Item TypeDetails-Menu Item Type untuk untuk
menampilkan daftar pilihan
menampilkan daftar pilihan Select a Menu Item Type:Select a Menu Item Type:, klik , klik Single ArticleSingle Article
yang ada di grup
3.
3. Isikan judul item-menuIsikan judul item-menu Biodata/CV Biodata/CV padapada Title Title, dan pastikan pada, dan pastikan pada MenuMenu
Location
Location sudah terpilihsudah terpilihMain MenuMain Menu,,
4.
4. Klik tombolKlik tombolSelect/ChangeSelect/Change padapada Select ArticleSelect Article didiRequired SettingsRequired Settings,,
5.
5. Lanjutkan klik judul contentLanjutkan klik judul content Biodata/CV Biodata/CV , dan Akhiri dengan klik , dan Akhiri dengan klik Save &Save &
Close
Close..
6.
6. Lakukan langkah-langkah yang sama untuk menambahkan item-menuLakukan langkah-langkah yang sama untuk menambahkan item-menu KaryaKarya
Saya
Saya, bedanya, pada langkah ke-3 isikan judul item-menu, bedanya, pada langkah ke-3 isikan judul item-menu Karya SayaKarya Saya didi Title Title
dan pada langkah ke-5 klik judul content
dan pada langkah ke-5 klik judul content Karya SayaKarya Saya..
Menambahkan item-menu Artikel Komputer
Menambahkan item-menu Artikel Komputer
1.
1. Klik pada menuKlik pada menu [Menus|Main Menu|Add New Menu Item][Menus|Main Menu|Add New Menu Item] untuk masuk untuk masuk
ke halaman
ke halaman Menu Manager: New Menu ItemMenu Manager: New Menu Item,,
2.
2. Lanjutkan dengan klik tombolLanjutkan dengan klik tombol SelectSelect padapada Details-Menu Item TypeDetails-Menu Item Type untuk untuk
menampilkan daftar pilihan
menampilkan daftar pilihan Select a Menu Item Type:Select a Menu Item Type:, klik , klik Category BlogCategory Blog
yang ada di grup
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 31 31 2.
2. Lanjutkan dengan klik tombolLanjutkan dengan klik tombol SelectSelect padapada Details-Menu Item TypeDetails-Menu Item Type untuk untuk
menampilkan daftar pilihan
menampilkan daftar pilihan Select a Menu Item Type:Select a Menu Item Type:, klik , klik List All WebList All Web
Link Categories
Link Categories yang ada di grupyang ada di grup WeblinksWeblinks,,
3.
3. Isikan judul item-menuIsikan judul item-menu Direktori WebsiteDirektori Website padapada Title Title, dan pastikan pada, dan pastikan pada Menu Location
Menu Locationsudah terpilihsudah terpilihMain MenuMain Menu,,
4.
4. Akhiri dengan klik Akhiri dengan klik Save & CloseSave & Close..
Menambahkan item-menu Contact
Menambahkan item-menu Contact
1.
1. Klik pada menuKlik pada menu [Menus|Main Menu|Add New Menu Item][Menus|Main Menu|Add New Menu Item] untuk masuk untuk masuk
ke halaman
ke halaman Menu Manager: New Menu ItemMenu Manager: New Menu Item,,
2.
2. Lanjutkan dengan klik tombolLanjutkan dengan klik tombol SelectSelect padapada Details-Menu Item TypeDetails-Menu Item Type untuk untuk
menampilkan daftar pilihan
menampilkan daftar pilihan Select a Menu Item Type:Select a Menu Item Type:, klik , klik Single ContactSingle Contact
yang ada di grup
yang ada di grup ContactsContacts,,
3.
3. Isikan judul item-menuIsikan judul item-menu ContactContact padapada Title Title, dan pastikan pada, dan pastikan pada MenuMenu
Location
Location sudah terpilihsudah terpilihMain MenuMain Menu,,
4.
4. Klik tombolKlik tombol Change ContactChange Contact padapada Select ContactSelect Contact didi Required SettingsRequired Settings
kemudian pilih (klik) data
5.
5. Akhiri dengan klik Akhiri dengan klik Save & CloseSave & Close..
Item-menu pada Menu User
Item-menu pada Menu User
Menambahkan item-menu Profil User
Menambahkan item-menu Profil User
1.
1. Klik pada menuKlik pada menu [Menus|Main Menu|Add New Menu Item][Menus|Main Menu|Add New Menu Item] untuk masuk untuk masuk
ke halaman
ke halaman Menu Manager: New Menu ItemMenu Manager: New Menu Item,,
2.
2. Lanjutkan dengan klik tombolLanjutkan dengan klik tombol SelectSelect padapada Details-Menu Item TypeDetails-Menu Item Type untuk untuk
menampilkan daftar pilihan
menampilkan daftar pilihan Select a Menu Item Type:Select a Menu Item Type:, klik , klik User ProfileUser Profile
yang ada di grup
yang ada di grup Users ManagerUsers Manager,,
3.
3. Isikan judul item-menuIsikan judul item-menu Profil UserProfil User padapada Title Title, dan pastikan pada, dan pastikan pada MenuMenu
Location
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 33 33 3.
3. Isikan judul item-menuIsikan judul item-menu Kirim ArtikelKirim Artikel padapada Title Title, dan pastikan pada, dan pastikan pada MenuMenu
Location
Location sudah terpilihsudah terpilihUser MenuUser Menu,,
4.
4. PadaPada Basic OptionsBasic Options, pilih, pilih Yes Yes didi Default categoryDefault category, dan pilih, dan pilih Artikel Artikel
Komputer
Komputer didi Choose a categoryChoose a category,,
5.
5. Akhiri dengan klik Akhiri dengan klik Save & CloseSave & Close..
Menambahkan item-menu Kirim Weblink
Menambahkan item-menu Kirim Weblink
1.
1. Klik pada menuKlik pada menu [Menus|Main Menu|Add New Menu Item][Menus|Main Menu|Add New Menu Item] untuk masuk untuk masuk
ke halaman
ke halaman Menu Manager: New Menu ItemMenu Manager: New Menu Item,,
2.
2. Lanjutkan dengan klik tombolLanjutkan dengan klik tombol SelectSelect padapada Details-Menu Item TypeDetails-Menu Item Type untuk untuk
menampilkan daftar pilihan
menampilkan daftar pilihan Select a Menu Item Type:Select a Menu Item Type:, klik , klik submit a Websubmit a Web
Link
Link yang ada di grupyang ada di grup WeblinksWeblinks,,
3.
3. Isikan judul item-menuIsikan judul item-menu Kirim Weblink Kirim Weblink padapada Title Title, dan pastikan pada, dan pastikan pada MenuMenu
Location
Location sudah terpilihsudah terpilihUser MenuUser Menu,,
4.
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 35 35
Pengaturan module website Joomla
Pengaturan module website Joomla
Pengaturan module website Joomla dapat dilakukan di halaman Module Manager
Pengaturan module website Joomla dapat dilakukan di halaman Module Manager
yan
yang t
g terse
ersedia
dia di
di dal
dalam
am bac
backe
kend J
nd Joom
oomla.
la...
embaca masih ingat apa yang dimaksud module pada Joomla, bukan?
embaca masih ingat apa yang dimaksud module pada Joomla, bukan?
Silahkan baca kembali Notes-9 di serial
Silahkan baca kembali Notes-9 di serial EbookJoomla Vol.1EbookJoomla Vol.1 tentang tentang Mengenal
Mengenalfrontend Joomlafrontend Joomla. Pada Notes-10 di serial EbookJoomla Vol. 2. Pada Notes-10 di serial EbookJoomla Vol. 2
ini, Penulis akan menjelaskan beberapa pengaturan mendasar yang perlu diketahui
ini, Penulis akan menjelaskan beberapa pengaturan mendasar yang perlu diketahui
Pembaca, pada tiga macam
Pembaca, pada tiga macam modulemodule yang telah disiapkan sebelumnya yaitu:yang telah disiapkan sebelumnya yaitu: MenuMenu
Utama
Utama,,Menu UserMenu User, dan, dan Login FormLogin Form..
Pengaturan module website Joomla dapat dilakukan di halaman
Pengaturan module website Joomla dapat dilakukan di halaman ModuleModule
Manager: Modules
Manager: Modules yang tersedia di dalamyang tersedia di dalam backend Joomlabackend Joomla. Silahkan login ke. Silahkan login ke
dalam
dalam backend Joomlabackend Joomla, dan klik menu, dan klik menu [Extensions|Module Manager][Extensions|Module Manager] untuk untuk
menampilkannya. menampilkannya.
Notes
Notes
10
10
P
P
Beberapa pengaturan module yang akan dilakukan oleh Pembaca yaitu:
Beberapa pengaturan module yang akan dilakukan oleh Pembaca yaitu: Mengubah nama module main menu
Mengubah nama module main menu,, Mengubah urutan (ordering)Mengubah urutan (ordering)
module
module, dan, danMenentukan login/logout redirection pageMenentukan login/logout redirection page..
Mengubah nama module main menu
Mengubah nama module main menu
Pada halaman
Pada halaman Module Manager: ModulesModule Manager: Modules, silahkan Pembaca klik nama module, silahkan Pembaca klik nama module Main Menu
Main Menu (lihat gambar di atas), kemudian pada(lihat gambar di atas), kemudian pada Title Title ubahlahubahlah Main MenuMain Menu
menjadi
menjadi Menu UtamaMenu Utama. Jangan lupa akhiri dengan klik . Jangan lupa akhiri dengan klik Save & CloseSave & Close..
Mengubah urutan (ordering) module
Mengubah urutan (ordering) module
Pembaca perhatikan gambar halaman
Pembaca perhatikan gambar halaman Module Manager: ModulesModule Manager: Modules, module, module Menu User
Menu User berada di urutan teratas sebelumberada di urutan teratas sebelum Menu UtamaMenu Utama dandan Form LoginForm Login..
Urutan module yang diinginkan adalah
Urutan module yang diinginkan adalah Menu UserMenu User diletakkan pada urutandiletakkan pada urutan
terbawah setelah
terbawah setelah Menu UtamaMenu Utama dandan Login FormLogin Form. Ubah urutan module dengan. Ubah urutan module dengan
melakukan langkah-langkah berikut ini:
melakukan langkah-langkah berikut ini:
1.
1. Klik pada judul kolomKlik pada judul kolomOrderingOrderingsehingga munculsehingga muncul iconiconbergambarbergambar disketdisket,,
2.
2. Pada kotak di kolomPada kotak di kolom OrderingOrdering, isikan 3 untuk , isikan 3 untuk Menu UserMenu User, 1 untuk , 1 untuk MenuMenu
Utama
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 37 37
Mengatur login/logout redirection page
Mengatur login/logout redirection page
Pengaturan
Pengaturan redirection pageredirection page ini bermaksud untuk menentukan halaman webini bermaksud untuk menentukan halaman web
yang akan ditampilkan setelah User melakukan
yang akan ditampilkan setelah User melakukan login/logoutlogin/logout melaluimelalui LoginLogin
Form
Form. Caranya adalah seperti berikut ini:. Caranya adalah seperti berikut ini:
1.
1. Masih di halamanMasih di halaman Module Manager: ModulesModule Manager: Modules, klik pada, klik padaLogin FormLogin Form,,
2.
2. Selanjutnya diSelanjutnya di Basic OptionsBasic Options, pilih, pilih Profil UserProfil User padapada Login RedirectionLogin Redirection
Page
Page, dan pilih, dan pilihHomeHomepadapada Logout Redirection PageLogout Redirection Page..
3.
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 39 39
Preview website Joomla dan
Preview website Joomla dan
beberapa tips
beberapa tips
Caranya mudah, seperti telah Pembaca ketahui, ketikkan saja alamat website Joomla
Caranya mudah, seperti telah Pembaca ketahui, ketikkan saja alamat website Joomla
di browser , atau kalau masih di dalam backend Joomla klik saja link View Site.
di browser , atau kalau masih di dalam backend Joomla klik saja link View Site.
ampai disini, Pembaca telah selesai membuat website Joomla sesuai dengan
ampai disini, Pembaca telah selesai membuat website Joomla sesuai dengan
skema perencanaan website. Sekarang saatnya melihat seperti apa tampilan
skema perencanaan website. Sekarang saatnya melihat seperti apa tampilan
frontend website Joomla yang telah dibuat tersebut. Caranya mudah, seperti
frontend website Joomla yang telah dibuat tersebut. Caranya mudah, seperti
telah Pembaca ketahui, ketikkan saja alamat website Joomla di browser (pada
telah Pembaca ketahui, ketikkan saja alamat website Joomla di browser (pada
contoh EbookJoomla ini yaitu
contoh EbookJoomla ini yaitu localhost/belajarjoomla/localhost/belajarjoomla/ ), ), atau atau kalau kalau masihmasih
berada di dalam
berada di dalam backend Joomlabackend Joomla klik link klik link View View SiteSite di pojok kanan atas.di pojok kanan atas.
Selanjutnya, silahkan menjelajahi website Joomla dan mencoba semua fitur yang
Selanjutnya, silahkan menjelajahi website Joomla dan mencoba semua fitur yang
sudah Pembaca siapkan mengikuti petunjuk di
sudah Pembaca siapkan mengikuti petunjuk di Notes-1Notes-1s/ds/dNotes-10Notes-10..
Notes
Notes
11
11
Mendaftarkan user
Mendaftarkan user
Pembaca sebagai Administrator Joomla dapat menulis artikel dan menambahkan
Pembaca sebagai Administrator Joomla dapat menulis artikel dan menambahkan
link Direktori Website, tetapi tidak demikian halnya dengan pengunjung website
link Direktori Website, tetapi tidak demikian halnya dengan pengunjung website
Joomla.
Joomla. Pengunjung Pengunjung yang yang berminat berminat untuk untuk menulis menulis artikel artikel atau atau mengirim mengirim link link
website,
website, harus harus terdaftar terdaftar terlebih terlebih dahulu dahulu sebagai sebagai User User di di website website Joomla Joomla milik milik
Pembaca. Ada dua cara pendaftaran user, yaitu melalui
Pembaca. Ada dua cara pendaftaran user, yaitu melalui backend Joomlabackend Joomla dandan
melalui
melalui frontend Joomlafrontend Joomla..
Pendaftaran User melalui backend Joomla
Pendaftaran User melalui backend Joomla
Pendaftaran user hanya dapat dilakukan dilakukan oleh Pembaca sebagai
Pendaftaran user hanya dapat dilakukan dilakukan oleh Pembaca sebagai
Administrator
Administrator Joomla. Joomla. Pembaca Pembaca memerlukan memerlukan sedikitnya sedikitnya dua dua macam macam data data untuk untuk
mendaftarkan user, yaitu
mendaftarkan user, yaitu NamaNama dandan alamat Emailalamat Email. Adapun cara mendaftarkan. Adapun cara mendaftarkan
user melalui
user melalui backend Joomlabackend Joomlaadalah sebagai berikut:adalah sebagai berikut:
1.
1. Login ke dalamLogin ke dalam backend Joomlabackend Joomla (halaman Administrator),(halaman Administrator),
2.
2. Klik menuKlik menu [Users|User Manager|Add New User][Users|User Manager|Add New User] untuk masuk keuntuk masuk ke
halaman
S E R I A L E B O O K J O O M L A S E R I A L E B O O K J O O M L A M E M B U A T W E B S I T E J O O M L A 2 . 5 D I M E M B U A T W E B S I T E J O O M L A 2 . 5 D I P C / L A P T O PP C / L A P T O P 41 41
Pendaftaran User melalui frontend Joomla
Pendaftaran User melalui frontend Joomla
Berbeda dengan pendaftaran user melalui
Berbeda dengan pendaftaran user melalui backend Joomlabackend Joomla yang hanya dapatyang hanya dapat
dilakukan oleh Administrator, Pengunjung website Joomla dapat mendaftar
dilakukan oleh Administrator, Pengunjung website Joomla dapat mendaftar
sebagai user melalui
sebagai user melalui frontend Joomlafrontend Joomla dengan memanfaatkan moduledengan memanfaatkan module LoginLogin
Form
Form. Caranya adalah seperti dijelaskan berikut ini:. Caranya adalah seperti dijelaskan berikut ini:
1.
1. Pada halamanPada halaman HomeHome didi frontend Joomlafrontend Joomla, pengunjung meng-klik link , pengunjung meng-klik link CreateCreate
an account
an account yang tersedia di bagian bawahyang tersedia di bagian bawah Login FormLogin Form,,
2.
2. Selanjutnya Pengunjung mengisikan namanya padaSelanjutnya Pengunjung mengisikan namanya pada NameName, username untuk , username untuk
login pada
login pada Login NameLogin Name, password untuk login pada, password untuk login pada PasswordPassword dandan ConfirmConfirm
Password
Password, dan mengisikan alamat email pada, dan mengisikan alamat email pada Email AddressEmail Address dandan ConfirmConfirm
email Address
3.
3. Pengunjung akan menerima link aktivasi yang dikirim ke alamat email yang Pengunjung akan menerima link aktivasi yang dikirim ke alamat email yang
didaftarkannya, dengan meng-klik link aktivasi tersebut maka Pengunjung akan
didaftarkannya, dengan meng-klik link aktivasi tersebut maka Pengunjung akan
resmi berstatus sebagai user dan dapat menggunakan
resmi berstatus sebagai user dan dapat menggunakan UsernameUsername dandan Password
Password-nya untuk -nya untuk LoginLogindi website Joomla.di website Joomla.
Mengubah level user
Mengubah level user
User website Joomla sekarang dapat menggunakan
User website Joomla sekarang dapat menggunakan usernameusername dandan password password yang yang
telah didaftarkan dan diaktivasi, untuk
telah didaftarkan dan diaktivasi, untuk loginlogin ke dalam halaman User. Pembacake dalam halaman User. Pembaca
perhatikan baik-baik, setelah melakukan
perhatikan baik-baik, setelah melakukan loginlogin,, Menu UserMenu User yang tadinya tidak yang tadinya tidak
terlihat di
terlihat di frontend Joomlafrontend Joomla sekarang telah muncul. User pun langsung diarahkansekarang telah muncul. User pun langsung diarahkan
ke halaman
ke halaman Profil UserProfil User sebagaimana telah diatur padasebagaimana telah diatur pada Login Redirection PageLogin Redirection Page
di pembahasan pada