• Tidak ada hasil yang ditemukan

Ebook Joomla Vol 2

N/A
N/A
Protected

Academic year: 2021

Membagikan "Ebook Joomla Vol 2"

Copied!
57
0
0

Teks penuh

(1)

S

S

S

S

S

S

E

E

E

E

E

E

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

 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

(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  publi

 published shed by by 

EbookJoomla EbookJoomla20122012

 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

(3)

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

Halaman

Halaman 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

Menambahk

Menambahkan 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

Menguba

Mengubah h nama nama module module main main menu menu ... 36... 36 Menguba

Mengubah h urutan urutan (orderin(ordering) g) module module ... 36... 36 Mengatur

(4)

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.

(5)

 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.

(6)

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

(7)

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

(8)

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

(9)

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}

(10)

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

(11)
(12)

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

(13)

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.

(14)

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

(15)
(16)

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

(17)

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

(18)

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

(19)
(20)

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

(21)

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

(22)

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

(23)

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

(24)

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

(25)
(26)

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

(27)

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 

(28)

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

(29)
(30)

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

(31)

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 

(32)

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

(33)

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

(34)

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

(35)

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

(36)

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

(37)

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

(38)

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.

(39)
(40)

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

(41)

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

(42)

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.

(43)
(44)

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

(45)

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

(46)

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

(47)

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

Referensi

Dokumen terkait

Jika dalam MySQL server tidak ada database dengan nama qq, maka akan dibuatkan secara otomatis oleh Joomla... Karena tidak perlu menginstal FTP server, maka pilih No

„mulai‟ yang akan membawa kita pada menu utama media pembelajaran agen cerdas pembelajaran Ilmu Tajwid sebagai media interaktif. Halaman menu utama terdapat deretan

Pada halaman utama admin tersedia fitur untuk diakses oleh guru mata pelajaran diantaranya yaitu menu home, menu soal yang di dalamnya terdapat fitur tambah soal, edit soal, dan

Form utama halaman web ini ada lima menu tersedia yaitu Home untuk melihat latar belakang potensi lahan pertanian di Kabupaten Merauke, Profil Dinas Tanaman

✓ To sign out of Facebook on your phone, touch the Menu soft button when viewing the main Facebook screen and then choose the Logout command.. Touch the Yes button

Gambar 10 merupakan tampilan menu utama, dimana pemain dapat memilih berbagai menu yang tersedia seperti menu play game untuk memulai permainan, menu load game

Jika data yang dimasukkan cocok dengan yang ada di database maka screen akan memunculkan informasi login sukses, program melanjutkan untuk memanggil menu utama..

NAME OR LOGO MAIN MENU APLIKASI ANDROID BKK 8 Home Halaman utama aplikasi BKK android Lowonganku Informasi lowongan pekerjaan Inbox Pesa Masuk Profile Informasi data diri