Laptop

Vol

1 SSE ER RIIA AL LE EB BO OO OK K JJO OO OM ML LA A

Panduan Website Dinamis

Menggunakan Joomla 2.5 di PC/Laptop

SERIAL EBOOK JOOMLA. PANDUAN WEBSITE DINAMIS.

Menggunakan Joomla 2.5 di PC/Laptop

author

LUCKY PERMANA

published by EbookJoomla2012

page

www.Facebook.com/EbookJoomla/

email

[email protected]

diperkenankan menyebarluaskan serial EbookJoomla ini tanpa ijin dari penerbit/penulis. diperkenankan mengutip sebagian atau seluruh isi serial EbookJoomla ini dengan menyebutkan sumbernya.

Daftar isi Daftar isi ..................................................................................... i Tentang penulis ..........................................................................ii Perlu keahlian apa?................................................................... 1 Perlu software apa? .................................................................. 3 Install WampServer ................................................................... 5 Install WampServer ......................................................................... 5 Petunjuk umum install ..................................................................... 5 Petunjuk khusus install.................................................................... 5 Cek hasil install ............................................................................... 8

Me-nonaktif/aktif-kan WampServer ......................................... 11 Meng-aktif-kan WampServer ........................................................ 11 Me-nonaktif-kan WampServer ...................................................... 11

Menggunakan compression software ...................................... 15 Compression tools di windows 7 home basic................................ 15 Compression software third-party ................................................. 16

Mempersiapkan File Install Joomla ......................................... 19 Memahami area public_html di WampServer ............................... 19 Mempersiapkan file install website Joomla ................................... 20

Install Joomla .......................................................................... 23 Mengenal Interface Joomla ..................................................... 27 Mengenal Frontend Joomla..................................................... 29 Template ....................................................................................... 29 Component ................................................................................... 29 Module .......................................................................................... 30 Language ...................................................................................... 30 Plugin ............................................................................................ 30

Mengenal Backend Joomla ..................................................... 33 Control Panel ................................................................................ 33 Bagian utama backend Joomla ..................................................... 34 Menu pada backend Joomla ......................................................... 34

Bacaan Joomla........................................................................ 39

Tentang penulis Lahir di Kudus pada 1 September 1971, Lucky Permana menjalani pendidikan dasarnya di beberapa kota di Papua (Irian Jaya waktu itu) yaitu Manokwari, Sentani, Serui, dan Jayapura sebelum akhirnya menyelesaikan pendidikan menengahnya di Jakarta. Pendidikan lanjutnya di Akademi Ilmu Statistik (AIS) yang diselesaikan pada 1994, dan Sekolah Tinggi Ilmu Statistik (STIS) jurusan Komputasi Statistik yang diselesaikan pada 1999, menghantarkannya bekerja di Badan Pusat Statistik (BPS) tepatnya di Provinsi Jawa Timur hingga saat ini. Berbagai pengalaman praktis dalam bidang Komputer dan Internet, mendorong Lucky Permana menuliskannya di www.Cangkruk.com. Lucky juga menuangkan pengetahuan dan pengalaman praktisnya itu, dalam bentuk buku dan artikel di media komputer. Buku berjudul “Mengelola Website Joomla 1.7 dengan 70 Ekstensi Terpopuler” adalah bukunya yang keempat, setelah sebelumnya terbit buku pertama berjudul “Panduan Lengkap Website Dinamis Joomla!” disusul buku kedua berjudul “20 Harta Karun Google. kemudahan dan keunggulannya begitu menggoda”, dan buku ketiga berjudul “Membuat Website Profesional dengan BlogSpot”. Sedangkan artikel komputer yang pernah ditulisnya dan dimuat di Majalah Mikrodata media penggemar komputer adalah “Membuat Komponen Hotspot” dan “Membuat Image Map”. Pembaca yang ingin berkorespondensi dengan penulis, dapat melakukannya dengan mengirim email ke [email protected] atau melalui contact form di www.cangkruk.com. Sedangkan untuk saling bertukar informasi seputar Joomla, silahkan bergabung di halaman www.facebook.com/EbookJoomla.

Peringatan dan pernyataan Tulisan ini dimaksudkan untuk membantu siapapun dalam menggunakan Joomla di PC/Laptop berdasarkan pengalaman penulis, dengan tanpa kendala dan kerusakan apapun yang muncul sebagai akibat. Meskipun demikian, tidak ada pernyataan atau jaminan apapun akan diperoleh hasil yang sama dengan mengikuti tulisan ini. Dengan kata lain, penulis tidak bertanggungjawab kepada apapun atau siapapun apabila tidak memenuhi kebutuhan, atau terdapat ketidaksesuaian hasil atau 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 M E N G G U N A K A N

J O O M L A J O O M L A

2 . 5

D I

P C / L A P T O P

Notes

1

Perlu keahlian apa? Pengguna PC/Laptop kebanyakan (semestinya) tidak akan kesulitan menggunakan Joomla,

M

enggunakan Joomla di PC/Laptop selain bermanfaat untuk mempelajari dan bereksperimen serta membiasakan diri dengan fitur-fitur Joomla, juga untuk mempersiapkan website Joomla sebelum publish di Internet..

Pada dasarnya tidak diperlukan keahlian khusus seperti pemrograman web (web programming) untuk dapat menggunakan Joomla. Pengguna PC/Laptop kebanyakan (semestinya) tidak akan kesulitan menggunakan Joomla, meskipun demikian... tetap diperlukan sedikit pengetahuan dan pengalaman menggunakan PC/Laptop, seperti:  Mengerti cara mencari dan menemukan file serta dapat membuat folder di PC/Laptop,  Mengerti cara browsing serta men-download sesuatu dari website di Internet dan menyimpan hasil download tersebut di suatu tempat/folder tertentu,  Percaya diri dan mandiri serta tidak panik dan putus asa apabila tidak mengerti suatu konsep Joomla, O ya, satu lagi... biasakan membaca... referensi Joomla banyak sekali tersedia dalam bentuk tulisan (bergambar ataupun tidak), baik dalam bentuk buku, artikel, ataupun diskusi di website forum/komunitas Joomla. Jadi selama sudah terbiasa menggunakan PC/Laptop dan browsing di Internet, (semestinya) sudah bisa menggunakan Joomla di PC/Laptop; yang penting mau berusaha (percaya diri dan mandiri) dan tidak mudah panik/putus asa apabila tidak mengerti suatu konsep Joomla, serta membiasakan diri untuk mencari dan membaca referensi tentang Joomla dalam bentuk apapun. Bagaimana, sepakat dengan uraian di atas? silahkan bersiap membaca notes berikutnya.

1



2 . 5

D I

P C / L A P T O P

2



2 . 5

D I

P C / L A P T O P

Notes

2

Perlu software apa? Diperlukan tiga jenis software untuk dapat menggunakan Joomla di PC/Laptop yaitu paket software web server, software Joomla, dan compression software.

S

edikitnya diperlukan tiga jenis software untuk dapat menggunakan Joomla di PC/Laptop. Ketiga jenis software tersebut yaitu:

1. Paket software web server. Untuk menjalankan Joomla di PC/Laptop, diperlukan software pendukung seperti Apache (web server), MySQL (database), dan PHP (scripting language). Tidak perlu repot men-download ketiganya satu per satu karena sekarang ini banyak tersedia paket software yang sudah mencakup ketiganya; diantaranya adalah paket software WampServer di alamat www.wampserver.com/en/. Alternatif lainnya, bisa juga dicoba Xampp Server di alamat www.apachefriends.org/en/xampp-windows.html.

2. Software Joomla. Joomla adalah salah satu software Content Management System (CMS) yang biasa digunakan dalam membangun suatu website dinamis. Joomla tersedia Free (gratis) dan Open Source, dan dapat di-download di alamat www.joomla.org/download/. 3. Compression Software (optional). Joomla tersedia dalam bentuk file terkompresi (zip file). Compression software seperti winRAR, winzip, atau lainnya yang sejenis, diperlukan untuk meng-ekstrak file Joomla agar dapat digunakan untuk install dan membuat website dinamis. Umumnya, compression software sudah tersedia di PC/Laptop. Silahkan download paket software web server dan Joomla seperti disebutkan di atas, serta compression software (apabila diperlukan). Selanjutnya, bersiaplah untuk mulai menginstall-nya.

3



2 . 5

D I

P C / L A P T O P

4



2 . 5

D I

P C / L A P T O P

Notes

3

Install WampServer Penulis berharap, pembaca dapat 'menangkap' filosofi tahapan install WampServer pada tulisan ini,

T

ulisan ini disiapkan apa adanya berdasarkan pengalaman penulis dalam menginstall WampServer 2.2C (32 Bits) di Laptop Toshiba Satellite L510 dengan O/S Windows 7 Home Basic. Penulis berharap, pembaca dapat 'menangkap' filosofi tahapan install WampServer pada tulisan ini, karena saat pembaca mendownload –nya, mungkin sudah rilis versi terbaru yang bisa saja tahapan 'detil' install-nya tidak sama persis dengan tulisan ini. Oke, sudah cukup basa-basinya, mari kita mulai saja..

Install WampServer File WampServer 2.2C (32Bits) yang akan dijelaskan pada tulisan ini sebagai contoh install paket software web server, adalah berupa file aplikasi (.EXE) dengan nama wampserver2.2c-x32.exe dan berukuran sekitar 25MB. Termasuk juga di dalamnya adalah Apache 2.2.21, PHP 5.3.9, MySQL 5.5.20, dan PHPMyAdmin 3.4.9. Untuk mulai install, klik 2x (double click) file WampServer, lalu klik Run apabila pada PC/Laptop muncul window Open File -Security Warning, kemudian ikuti instruksi yang muncul di tiap window selanjutnya.

Petunjuk umum install Pembaca yang terbiasa meng-install aplikasi di PC/Laptop tentunya mengenal jurus yesnext-install-finish bukan? Gunakan saja jurus tersebut untuk meng-install WampServer:  Klik Yes apabila tersedia pilihan tombol Yes atau No,  Klik Next apabila tersedia tombol Next,  Klik Install, tentu saja, apabila tersedia tombol 'Install', dan  Klik Finish apabila tersedia tombol Finish. :)

Petunjuk khusus install  Pada window License Agreement, pilih I Accept the agreement,

5



2 . 5

D I

P C / L A P T O P

 Pada window Select Destination Location, biarkan folder default c:\wamp,

 Pada window Select Additional Tasks, beri tanda Check pada Create a Quick Launch

icon dan Create a Desktop icon,

6



2 . 5

D I

P C / L A P T O P

 Pada window PHP mail parameters biarkan saja sesuai isian default,

 Pada window Completing the WampServer 2 Setup Wizard, biarkan tanda check

pada Launch WampServer 2 now.

7



2 . 5

D I

P C / L A P T O P

Cek hasil install Sampai disini, install WampServer sudah selesai dilakukan. Untuk memastikan bahwa install WampServer telah berhasil, lakukan langkah pengecekan berikut ini:  Proses install membentuk folder c:\wamp. File dan folder hasil install WampServer

tersimpan disana,  WampServer ber-status Aktif, ditunjukkan dengan icon WampServer di pojok

kanan bawah Taskbar Windows 7 berwarna hijau,

 Untuk memastikan WampServer telah terinstall dan berstatus Aktif (Enabled),

jalankan browser dan ketikkan http://localhost/ pada kotak alamat browser, akan tampil Homepage WampServer. Proses install WampServer telah selesai pembaca lakukan. Meskipun demikian, sebelum melanjutkan membaca Notes-4 silahkan jawab dulu pertanyaan berikut ini, "Apakah sudah paham/mengerti install WampServer yang dijelaskan pada tulisan di Notes-3 ini?". Silahkan bersiap membaca Notes-4 apabila jawabannya adalah "Sudah". Tetapi apabila 8



2 . 5

D I

P C / L A P T O P

jawabannya adalah "Belum", maaf, sebaiknya jangan melanjutkan membaca Notes-4. Silahkan un-install WampServer dan .....

ulangi kembali proses install WampServer sampai Anda menjawab "Sudah" paham/mengerti install WampServer. :)

9



2 . 5

D I

P C / L A P T O P

10



2 . 5

D I

P C / L A P T O P

Notes

4

Me-nonaktif/aktif-kan WampServer Icon WampServer pada windows dekstop dapat digunakan untuk mengaktifkan services WampServer secara cepat.

D

alam menulis Notes-4 ini, penulis beranggapan bahwa pembaca sudah paham/mengerti install WampServer, termasuk di antaranya mengerti dimana letak file/folder hasil install, dan mengerti cara memeriksa WampServer berstatus aktif atau tidak. Masih belum paham/mengerti apa yang dimaksud? silahkan tuntaskan kembali membaca Notes-3 sebelum melanjutkan membaca Notes-4 ini.

Meng-aktif-kan WampServer Dengan memberi tanda Check pada Create a Quick Launch icon dan Create a Desktop icon sewaktu melakukan install WampServer (baca kembali Notes-3), akan terbentuk icon WampServer pada windows desktop. Icon WampServer di windows dekstop tersebut dapat digunakan untuk mengaktifkan services WampServer secara cepat. Klik 2x (double click) icon WampServer, apabila Windows 7 mengaktifkan User Control Account klik saja tombol Yes, lalu tunggu beberapa saat. WampServer sudah aktif. Silahkan lakukan langkah pengecekan untuk memastikan WampServer benar-benar sudah aktif.

Me-nonaktif-kan WampServer Me-nonaktif-kan WampServer dapat dilakukan dengan dua cara: 11



2 . 5

D I

P C / L A P T O P

 Untuk menonaktifkan services sekaligus unload WampServer, klik kanan (right click)

icon WampServer di windows task bar, lalu klik Exit.

 Untuk

menonaktifkan services tanpa unload WampServer, klik pada icon WampServer di windows taskbar, lalu klik stop all services. Perhatikan, icon WampServer masih tetap ada di windows taskbar tetapi berubah warna menjadi merah, ini berarti bahwa WampServer sedang ber-status tidak aktif

. Sampai disini, (semestinya) pembaca sudah paham/mengerti cara install WampServer, juga paham/mengerti cara mengaktifkan/menonaktifkan WampServer.

12



2 . 5

D I

P C / L A P T O P

Apabila merasa masih belum paham/mengerti, jangan melanjutkan membaca Notes-5, silahkan coba dan ulangi pada bagian yang belum dimengerti sampai benar-benar paham/mengerti. :)

13



2 . 5

D I

P C / L A P T O P

14



2 . 5

D I

P C / L A P T O P

Notes

5

Menggunakan compression software Tidak semua pengguna windows suka menggunakan compression tools yang tersedia secara default, tetapi lebih memilih menggunakan compression software third-party seperti winRAR, winZIP, atau mungkin lainnya

C

ompression software yang dimaksud disini adalah software yang berfungsi untuk meng-kompresi (memadatkan file/folder) dan meng-ekstraksi (menguraikan kembali) file/folder terkompresi. Pembaca nantinya akan memerlukan compression software ini terutama untuk meng-ekstraksi file Joomla yang memang tersedia dalam bentuk file ter-kompresi (zip file). Sampai di Notes-5 ini, penulis beranggapan pembaca sudah mengetahui cara browsing dan mendownload sesuatu di Internet. Juga sudah memiliki pengetahuan dan mengetahui istilah-istilah dasar menggunakan PC/Laptop dengan O/S Windows, seperti explore file/folder, select file/folder, klik kanan (right-click), create folder, dan hal mendasar lainnya yang mungkin terlewat ditulis disini.

Compression tools di windows 7 home basic Seperti pernah disampaikan pada tulisan di Notes-3 bahwa dalam menyelesaikan serial “Menggunakan Joomla di PC/Laptop for Dummy” ini, penulis menggunakan Laptop dengan O/S Windows 7 Home Basic. Secara default pada O/S tersebut sudah tersedia compression tool yang dapat langsung digunakan meng-ekstrak file Joomla tanpa harus meng-install compression software third-party. Cara menggunakannya cukup mudah:  Meng-kompresi file/folder. Select pada file/folder yang ingin di-kompresi, klik

kanan (right-click) mouse, pilih Send to, klik Compressed (zipped) folder, dan beri nama file hasil kompresi yang terbentuk.

15





2 . 5

D I

P C / L A P T O P

Meng-ektraksi file terkompresi. Klik kanan (right-click) pada file terkompresi, klik Extract All, tentukan Folder untuk menampung file/folder hasil extract, dan klik tombol Extract.

Compression software third-party Tidak semua pengguna windows suka menggunakan compression tools yang telah tersedia secara default, tetapi lebih memilih menggunakan compression software thirdparty seperti winRAR, winZIP, atau mungkin lainnya. Pembaca yang ingin menggunakan winRAR dapat men-download-nya (saat tulisan ini dibuat, tersedia versi WinRAR x86 (32 bit) 4.11) di alamat www.rarlab.com/download.htm. . 16



2 . 5

D I

P C / L A P T O P

Sedangkan pembaca yang ingin menggunakan WinZip (saat tulisan ini dibuat, tersedia versi WinZip 16) di alamat www.winzip.com/win/en/index.htm.

Bagaimana cara install dan menggunakannya?.. hmm, silahkan mencoba install sendiri menggunakan jurus yes-next-install-finish. Cara menggunakannya kurang lebih sama dengan cara menggunakan compression tool yang sudah tersedia di Windows yaitu dengan jurus select-rightclick-execute. :)

17



2 . 5

D I

P C / L A P T O P

18



2 . 5

D I

P C / L A P T O P

Notes

6

Mempersiapkan File Install Joomla sebagai langkah awal memulai install Joomla, buatlah sebuah folder di dalam area public_html sebagai tempat meletakkan file-file website Joomla nantinya.

F

ile Joomla yang telah pembaca download sebelumnya, tidak dapat langsung digunakan untuk meng-install Joomla di PC/Laptop. Pembaca harus mempersiapkannya terlebih dahulu sebelum dapat menggunakannya untuk menginstall Joomla di PC/Laptop.

Memahami area public_html di WampServer Pada Notes-3, telah dijelaskan bahwa seluruh file/folder WampServer tersimpan di c:\wamp\ dan homepage WampServer dapat diakses menggunakan browser dengan alamat http://localhost/. File-file homepage WampServer yang dapat diakses dengan alamat http://localhost/ tersebut terletak di area public_html milik WampServer yaitu di folder c:\wamp\www\. Ini berarti bahwa semua file yang diperlukan untuk membuat website harus diletakkan pada folder tersebut. Pembaca dapat membuat sebanyak mungkin website di PC/Laptop. Tetapi yang harus diperhatikan disini, setiap website di PC/Laptop, seperti halnya website di Internet, harus memiliki alamat yang unique. Apabila homepage WampServer yang file-file nya terletak di c:\wamp\www\ memiliki alamat unique http://localhost/, maka website lainnya dapat memiliki alamat unique sendiri dengan membuat folder di dalam c:\wamp\www\; misalkan c:\wamp\www\webku01\. Folder yang dibuat di dalam c:\wamp\www\ itu selanjutnya akan menjadi alamat unique website yaitu http://localhost/webku01/. Sampai disini, penulis beranggapan bahwa pembaca sudah mengetahui serta memahami area public_html di WampServer, dan sudah mengetahui serta memahami perlunya membuat folder di public_html untuk setiap website yang akan dibuat.

19



2 . 5

D I

P C / L A P T O P

Bagaimana, masih belum paham? silahkan pahami dulu sebelum melanjutkan membaca.

Mempersiapkan file install website Joomla Sekarang, sebagai langkah awal memulai install Joomla, buatlah sebuah folder di dalam area public_html sebagai tempat meletakkan file-file website Joomla nantinya. Nama folder yang terdiri dari lebih dua kata atau lebih, agar memudahkan nantinya, disarankan untuk menuliskannya dengan tanpa spasi; misalkan c:\wamp\www\contohjoomla\, atau c:\wamp\www\belajarjoomla\. Sudah selesai membuat folder?.. selanjutnya ke dalam folder tersebut, copy-paste file Joomla yang sudah pembaca download sebelumnya dalam bentuk file terkompresi (zip file), lalu ekstraksi file Joomla tersebut (tulisan ini menggunakan WinRAR untuk meng-ekstraksi file Joomla). Sampai disini, pembaca sudah selesai mempersiapkan file-file yang diperlukan untuk install Joomla. Langkah selanjutnya adalah, tentu saja, melakukan install Joomla. Bagaimana? sudah siap?... tenang... tidak perlu terburu-buru, sebelum lanjut, silahkan pastikan terlebih dahulu bahwa Anda benar-benar sudah memahami tulisan di atas.

20



2 . 5

D I

P C / L A P T O P

21



2 . 5

D I

P C / L A P T O P

22



2 . 5

D I

P C / L A P T O P

Notes

7

Install Joomla Terdapat 7 langkah (steps) install Joomla yang harus diselesaikan yaitu Language, preinstallation check, license, database, FTP configuration, configuration, dan Finish.

I

nstall Joomla di PC/Laptop dapat dilakukan apabila web server telah ber-status aktif dan tentu saja tersedia file Joomla yang telah dipersiapkan sebagaimana penjelasan pada Notes-6.

Sebelum memulai install Joomla, pembaca tentunya telah mempersiapkan file install Joomla dengan membuat sebuah folder di c:\wamp\www\. Untuk memudahkan pembahasan mengenai install Joomla, pada tulisan ini file install Joomla telah dipersiapkan pada folder c:\wamp\www\belajarjoomla\, pembaca dapat menyesuaikannya dengan nama folder yang telah dibuat sebelumnya. Sekarang, bersiaplah memulai install Joomla dengan terlebih dahulu mengaktifkan WampServer. Bagaimana, WampServer sudah aktif? silahkan ikuti langkah-langkah berikut untuk mulai meng-install Joomla:  Buka

browser, ketikkan pada address bar, http://localhost/belajarjoomla {sesuaikan/belajarjoomla/ dengan nama folder yang telah dibuat sebelumnya}, tunggu beberapa saat hingga tampil halaman install Joomla.

 Terdapat 7 langkah (steps) yang harus diselesaikan, yaitu:

Steps 1 : Language. Pembaca dapat memilih Bahasa yang digunakan selama proses install Joomla. Klik [Next] untuk tetap menggunakan bahasa default yaitu English (United States). Steps 2 : Pre-Installation check. Pembaca dapat mengetahui apakah kondisi awal yang diperlukan untuk install Joomla sudah terpenuhi atau tidak. Terdapat 2 (dua) kondisi yaitu: Pre-Installation check for Joomla! Stable; kondisi ini harus terpenuhi semua agar install Joomla dapat berjalan sempurna (ditandai dengan tulisan Yes berwarna hijau), dan kondisi Recommended settings; ini adalah kondisi yang direkomendasikan, tetapi tidak harus terpenuhi semuanya. Klik [Next] untuk melanjutkan install Joomla. Steps 3 : License. General Public License yang harus disepakati untuk install Joomla. Klik [Next]untuk melanjutkan install Joomla. 23



2 . 5

D I

P C / L A P T O P

Steps 4 : Database. Isikan beberapa database yang diperlukan, seperti Database Type (biarkan sesuai isian default, yaitu Mysqli), Host Name (biarkan sesuai isian default yaitu Localhost), Username (isikan dengan root), Password (kosongkan, tidak perlu diisi apapun), Database Name (isikan dengan nama database yang diinginkan, misal DBjoomla), Table Prefix (biarkan sesuai isian default), dan Old Database Process (biarkan sesuai isian default, yaitu Backup). Klik [Next] untuk melanjutkan install Joomla.

Steps 5 : FTP Configuration. Biarkan saja sesuai isian default {kosongkan}. Klik [Next] untuk melanjutkan install Joomla. Steps 6 : Configuration. Konfigurasi utama untuk website Joomla perlu pembaca lakukan pada Steps 6 ini, yaitu Site Name {isikan dengan nama website Joomla, misalkan Website Joomlaku}, Your Email {isikan dengan alamat email pembaca}, Admin Username {biarkan sesuai isian default, yaitu Admin}, Admin Password {isikan password admin yang diinginkan}, Confirm Admin Password {ulangi mengisi password Admin yang sama dengan sebelumnya}. Klik Install Sample Data apabila ingin install Joomla dengan menyertakan contoh konten website Joomla; Untuk memudahkan penjelasan pada Notes selanjutnya, pada contoh di tulisan ini akan di-install Joomla tanpa konten (tidak meng-klik Install Sample Data). Klik [Next] untuk melanjutkan install Joomla.

24



2 . 5

D I

P C / L A P T O P

Steps 7 : Finish. Pada langkah ini,pembaca cukup meng-klik tombol Remove installation folder untuk mengakhiri proses install Joomla.

Sampai disini, install Joomla telah selesai dilakukan. Perhatikan di pojok kanan atas, silahkan klik tombol Site untuk melihat tampilan halaman depan website Joomla atau klik tombol Administrator untuk melihat tampilan halaman Administrator (backend Joomla).

25



2 . 5

D I

P C / L A P T O P

26



2 . 5

D I

P C / L A P T O P

Notes

8

Mengenal Interface Joomla Sebagaimana layaknya sebuah CMS, sistem pengelolaan website Joomla dibagi ke dalam dua jenis halaman interface yaitu public frontend dan administrative backend.

S

etelah selesai meng-install Joomla, dapat dikatakan pembaca telah memiliki sebuah website. Meskipun demikian website tersebut masih belum menampilkan informasi yang diinginkan. Pembaca sebagai Administrator perlu melakukan konfigurasi dan mengelola konten (isi) website Joomla terlebih dahulu sehingga dapat menampilkan informasi yang diinginkan.

Sebagaimana layaknya sebuah CMS, sistem pengelolaan website Joomla dibagi ke dalam dua jenis halaman interface yaitu public frontend dan administrative backend. Public frontend (untuk selanjutnya disebut frontend) merupakan halaman website Joomla yang dapat diakses oleh siapapun pengunjung website, dengan alamat 27



2 . 5

D I

P C / L A P T O P

http://localhost/belajarjoomla/ (pembaca dapat menyesuaikan /belajarjoomla/ dengan nama folder yang dibuat sewaktu mempersiapkan Joomla). Sedangkan administrative backend (untuk selanjutnya disebut backend) merupakan halaman website Joomla yang hanya dapat diakses oleh Administrator, dengan alamat http://localhost/belajarjoomla/administrator/ (pembaca dapat menyesuaikan /belajarjoomla/ dengan nama folder yang dibuat sewaktu mempersiapkan Joomla). Pada halaman backend, pembaca perlu memasukkan informasi Username dan Password untuk login; Username dan password yang diperlukan tersebut adalah seperti yang diminta oleh pembaca ketika melakukan install Joomla (lihat kembali Notes-7 tepatnya pada steps 6).

28



2 . 5

D I

P C / L A P T O P

Notes

9

Mengenal Frontend Joomla Tampilan frontend yang terlihat oleh pengunjung sebagai satu kesatuan halaman web, sebenarnya terbentuk dari beberapa elemen seperti template, component, module, dan plugin.

S

Setelah

membaca dan memahami sampai dengan Notes-8, saat ini (semestinya) pembaca sudah mengenal frontend sebagai tampilan halaman web yang dapat diakses untuk dilihat oleh siapapun pengunjung website Joomla.

Tampilan frontend yang terlihat oleh pengunjung sebagai satu kesatuan halaman web, sebenarnya terbentuk dari beberapa elemen seperti template, component, module, dan plugin. Ditambah lagi elemen Language, kelima elemen Joomla itu dikenal dengan Joomla Extensions. Masing-masing Joomla extensions tersebut memiliki fungsi dan menempati posisi tersendiri di halaman frontend sehingga tidak saling tumpang tindih ketika diletakkan bersamaan pada satu halaman web yang sama.

Template Pembaca perhatikan pada gambar, template merupakan desain layout dari website Joomla. Dengan template, pembaca dapat mengatur tata letak dan mempersiapkan tampilan semenarik mungkin sesuai keinginan. Saat ini tersedia banyak sekali jenis template baik gratisan ataupun berbayar dengan fitur yang berbeda satu sama lain.

Component Pada setiap jenis template, hanya dimungkinkan menggunakan satu jenis component yang umumnya diletakkan pada bagian tengah (center) halaman web. Misalkan component Content yang secara default sudah tersedia di website Joomla untuk menampilkan halaman web yang berisi artikel, component Contact untuk menampilkan halaman form contact, Weblinks untuk menampilkan halaman direktori website, dll.

29



2 . 5

D I

P C / L A P T O P

Module Module adalah extension Joomla yang paling fleksibel karena bentuknya yang relatif kecil dan dapat ditempatkan pada posisi manapun di sekeliling halaman web, sebanyak yang diinginkan. Pengaturan posisi module pada suatu halaman website, bisa berbeda-beda bergantung dari jenis template yang digunakan. Beberapa contoh module yaitu Login Form, Menu, Who's Login, dll.

Language Language bisa dikatakan sebagai extension Joomla yang paling mendasar. Dengan extension Language ini (selama tersedia), Joomla dapat disajikan dalam berbagai macam bahasa di dunia.

Plugin Untuk mudahnya, plugin bisa dikatakan sebagai suatu fungsi yang lebih spesifik untuk melengkapi, mengembangkan, atau bahkan membatasi fungsi-fungsi yang sudah tersedia. Sebagai contoh, component content berfungsi untuk menampilkan artikel, tetapi diperlukan plugin TinyMCE untuk melarang/membolehkan ditampilkannya "iFrame", atau "Script" pada artikel. 30



2 . 5

D I

P C / L A P T O P

Contoh lainnya, agar artikel tidak ditampilkan utuh di halaman depan website, maka diperlukan plugin Readmore. Dengan plugin Readmore, akan ditampilkan tombol "Read More" sekaligus "memotong" bagian awal artikel. Pengunjung dapat melanjutkan membaca artikel seutuhnya dengan meng-klik button "Read More" tersebut.

31



2 . 5

D I

P C / L A P T O P

32



2 . 5

D I

P C / L A P T O P

Notes

10 Mengenal Backend Joomla Backend Joomla, dapat diakses dengan alamat http://localhost/administrator/ dan untuk masuk ke dalamnya pembaca perlu login menggunakan User Name dan Password Administrator.

S

Sebagai Administrator, pembaca akan sering mengunjungi backend Joomla untuk mempersiapkan konten, menentukan bagaimana konten tersebut ditampilkan, dan tentu saja menampilkannya di frontend Joomla.

Backend Joomla, dapat diakses dengan alamat http://localhost/administrator/ dan untuk masuk ke dalamnya pembaca harus login menggunakan User Name dan Password Administrator. Lupa seperti apa tampilan halaman login backend Joomla, dan apa itu User Name dan Password Administrator?.. silahkan baca kembali Notes-8.

Control Panel

Pertama kali login ke dalam backend Joomla, pembaca akan langsung menuju halaman Control Panel. Melalui halaman Control Panel ini, Administrator dapat mengakses secara cepat fitur dan fungsi-fungsi Joomla seperti Add New Article, Article 33



2 . 5

D I

P C / L A P T O P

Manager, Category Manager, Menu Manager, Global Configuration, dan fitur-fitur lainnya seperti pembaca lihat pada gambar. Pada halaman Control Panel itu juga, Administrator dapat memperoleh informasi cepat tentang 5 user terakhir yang login, 5 artikel terpopuler, dan 5 artikel terakhir yang ditampilkan.

Bagian utama backend Joomla Perhatikan gambar, secara umum backend Joomla terbagi atas empat bagian utama yaitu Header, Footer, Menu Bar dan... hmm... penulis katakan saja, Manage Area.

Header memuat informasi Joomla yaitu Administration.

logo

Joomla

dan

nama

halaman

backend

Footer menampilkan lisensi Joomla dan versi yang sedang digunakan. Menu Bar memuat link-link, yang dikelompokkan menurut fungsi-nya, untuk mengakses seluruh fitur yang disediakan Joomla untuk mengelola website. Sedangkan Manage Area merupakan halaman untuk mengelola website Joomla yang ditampilkan sesuai jenis fitur yang diminta oleh Administrator melalui Menu Bar. Bagaimana, masih bingung?.. silahkan ulangi membaca perlahan-lahan sampai mengerti benar apa yang dimaksud dengan bagian utama backend Joomla.

Menu pada backend Joomla Perhatikan gambar, pada Joomla 2.5, fitur-fitur Joomla dapat diakses melalui menu yang terdiri atas tujuh macam kelompok yaitu Site, Users, Menus, Content, Components, Extensions, dan Help. 34



2 . 5

D I

P C / L A P T O P

Menu Site

Menu Site memuat informasi dan fitur yang terkait langsung dengan profil Administrator, informasi sistem, dan konfigurasi global website Joomla. Melalui menu Site, Administrator dapat menuliskan deskripsi dan kata kunci (keyword) yang menggambarkan isi website Joomla, mengubah informasi e-mail, database, lokasi server, dan banyak lagi konfigurasi global lainnya. Administrator juga dapat mengubah hak akses untuk masingmasing level user seperti public, registered, Administrator, dll.

Menu Users

Administrator dapat menggunakan Menu Users untuk mengelola segala sesuatu yang terkait dengan User di website Joomla. Administrator dapat menambahkan user, mengubah informasi user, membuat kelompok/group user, memasukkan user pada group tertentu, membuat level akses baru, menentukan hak akses. Administrator juga dapat mengirimkan pesan (message) kepada seluruh user.

35



2 . 5

D I

P C / L A P T O P

Menu Menus

Melalui Menu Menus, Administrator dapat menambahkan menu dan sub menu baru serta melakukan pengaturan untuk segala sesuatu yang terkait menu seperti tipe menu, level akses, menu/sub menu, judul menu, dan banyak lagi lainnya.

Menu Content

Content (konten) adalah inti dari website Joomla. Dengan menu Content, Administrator dapat mengelola segala hal yang terkait konten di website Joomla. Administrator dapat membuat kategori artikel, menambahkan dan meng-edit artikel, menentukan Featured Article. Administrator juga dapat mengelola gambar-gambar (images) untuk ditampilkan sebagai konten, seperti membuat folder dan meng-upload images.

36



2 . 5

D I

P C / L A P T O P

Menu Components

Extensions berjenis Components akan ditampilkan pada menu Components. Administrator dapat menggunakannya untuk melakukan pengaturan (settings) pada Component yang diinginkan.

Menu Extensions

Menu Extensions dapat digunakan oleh Administrator untuk mengelola semua jenis extensions (kecuali Components) seperti modules, templates, plugins, dan languages. Administrator dapat menambahkan (install) extensions baru dan melakukan pengaturanpengaturan melalui menu Extensions ini.

37



2 . 5

D I

P C / L A P T O P

Menu Help

Masih perlu bantuan atau pencerahan untuk mengelola website Joomla?.. Menu Help ini akan sangat membantu para Administrator website Joomla.

38



2 . 5

D I

P C / L A P T O P

Bacaan Joomla Graf,

Hagen. 2011. Joomla! 1.6 Beginner’s Guide. Ebook: cocoate.com/2011/02/joomla-16-beginners-guide.

www.cocoate.com:

-----------------. 2011. Joomla! 1.7 Beginner’s Guide. Ebook: cocoate.com/2011/07/joomla-17-beginners-guide.

www.cocoate.com:

-----------------. 2012. Joomla! 2.5 Beginner’s Guide. Ebook: cocoate.com/2012/02/joomla-25-beginners-guide.

www.cocoate.com:

Hayne, Kevin. 2008. Joomla! 1.5 Quick Start Guide. Ebook: www.joomla.org: http://help.joomla.org/ghop/feb2008/task048/. Joomla.org. 2008 – 2011. “Absolute Beginner’s Guide to Joomla!”. Website: www.joomla.org: docs.joomla.org/Beginners. Permana, Lucky. 2008 – 2012. “Pojok Joomla”. Website: www.cangkruk.com. -------------------. 2010. Panduan Lengkap Website Dinamis Joomla. Jakarta: IndiePublishing. ------------------- 2012. “Menggunakan Joomla di PC/Laptop for Dummy”. Web page: www.facebook.com: facebook.com/EbookJoomla?sk=notes. -------------------. 2011. Mengelola Website Joomla 1.7 dengan 70 Ekstensi Terpopuler. Jakarta: Elex Media Komputindo. Ramsay,

James. 2008. Joomla! Core Features V1.2. http://help.joomla.org/ghop/feb2008/task020/.

39

Ebook:

www.joomla.org:



2 . 5

D I

P C / L A P T O P

40

Laptop

Recommend Documents