Modul Pelatihan Membuat Website menggunakan Joomla 1.5. Disusun Oleh : Ardian Umam Mahasiswa Teknik Elektro UGM

Modul Pelatihan “Membuat Website menggunakan Joomla 1.5”

Disusun Oleh : Ardian Umam Mahasiswa Teknik Elektro UGM

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Yogyakarta Sabtu, 26 Maret 2011

Modul Pelatihan Joomla 2011 DAFTAR ISI

I.

II.

III.

IV.

BAB I – MENGENAL WEBSITE A.

Apa yang Dimaksud dengan Website ? ......................................................

2

B.

Mengapa Anda membutuhkan Website ? ..................................................

2

C.

Jenis-jenis Website .....................................................................................

3

D.

Konsep Sederhana dari Sebuah Website ....................................................

3

BAB II – Mengenal Joomla A.

Content Management System ....................................................................

5

B.

CMS Joomla .................................................................................................

6

C.

Joomla Extensions .......................................................................................

6

BAB III – Instalasi Joomla A.

Instalasi Apache ..........................................................................................

7

B.

Instalasi Joomla ...........................................................................................

10

BAB IV – Mengelola Website dengan Joomla A.

Sections, Categories dan Articles ................................................................

16

B.

Setting Menu ..............................................................................................

18

C.

Install Template ..........................................................................................

19

D.

Install Components, Modul dan Plugin .......................................................

21

E.

User .............................................................................................................

24

1

Modul Pelatihan Joomla 2011 BAB I MENGENAL WEBSITE

A. Apa yang Dimaksud Website ? Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser, seperti firefox, opera, internet explore, dsb. Website merupakan sebuah cara untuk menampilkan apa yang Anda inginkan di Internet. Siapa saja di dunia ini dapat mengunjunginya, kapan saja mereka dapat mengaksesnya, tak terbatas oleh ruang dan waktu selama si pengakses ada perangkat keras yang digunakan seperti komputer atau laptop dan ada koneksi internet.

B. Mengapa Anda Membutuhkan sebuah Website ? Pengguna Internet semakin hari semakin bertambah banyak, seperti rumput yang tumbuh dimusim penghujan. Semua orang menggunakan Web untuk segala sesuatu mulai dari pencarian tugas bagi siswa-siswi di sekolah, misalnya melaui www.wikipedia.com, ensiklopedia online bebas terbesar di dunia, orang-orang dapat melakukan akses informasi melalui berita-berita online seperti www.okezone.com, www.detik.com, www.vivanews.com, dsb yang melakukan update berita super cepat sehingga tidak khawatir bagi kita untuk ketinggalan informasi. Hingga pemesanan tiket pesawat terbang bisa dilakukan secara online tanpa perlu susah-susah datang ke lokasi penjualan tiket. Bayangkan saja, pengaksesan dapat dilakukan oleh seluruh orang di dunia tanpa batasan jarak, ruang dan waktu. Dengan demikian maka sangat akan memudahkan manusia dalam menjalankan aktifitasnya. Jika Anda seorang bisnisman, Anda bisa melakukan promosi sekaligus transaksi produkproduk Anda melalui website. Sebuah media bisnis yang murah dan menjanjikan. Kita lihat misalnya toko online amazone.com, di awal yang hanya sekedar iseng-iseng berdiri tahun 1994, kini siapa sangka ia bisa menjadi toko online terbesar di dunia dengan total pendapatan sekitar 24.509 miliar dolar di tahun 2009. Ketika Anda mencoba untuk googling dengan memasukkan kata kunci “bisnis online”, maka akan Anda temukan banyaknya layanan ini. Jika Anda seorang siswa / mahasiswa, dengan memiliki website Anda bisa menuliskan pernak-pernik karya-karya Anda, baik itu berupa tulisan diary, hasil desain grafis ataupun fotografi 2

Modul Pelatihan Joomla 2011 Anda melaui website Anda yang bisa diakses oleh semua orang dan memberikan inspirasi bagi mereka. Bukankah ini hal yang menyenangkan ?

C. Jenis-jenis Website Begitu pesatnya perkembangan teknologi informasi sehingga dalam perjalanannya, website mengalami perkembangan-perkembangan dan pembagian berbagai macam jenisnya. Berikut adalah macam-macam website : Jenis-jenis website berdasarkan sifatnya : 

Web dinamis : merupakan website yang kontennya sering diperbarui, dan pengunjung bisa berinteraksi melalui web ini seperti misal memberikan komentar, menulis artikel. Jadi disini terjadi interasi dua arah. Contohnya : www.kompas.com, www.eramuslim.com



Web statis : merupakan website yang kontennya sangat jarang diubah, pengunjung hanya bisa melihat dan mengambil sesuatu dari web tersebut (download), akan tetapi pengunjung tidak bisa melakukan proses pengiriman (upload) seperti tidak ada fasilitas komentar, tulis artikel, polling, dsb. Jadi interaksi hanya berlangsung satu arah, dari website kepada pengunjung.

Jenis-jenis website berdasarkan tujuannya : 

Personal Web : website milik perseorangan yang berisi tentang informasi pribadi seseorang



Corporate Web : website yang dimiliki oleh perusahaan



Portal web : website yang memiliki banyak layanan seperti layanan berita, email, upload file, posting tulisan, download. Misal : peserta.ppsdms.com, papirus.ugm.ac.id



Forum web : sebuah website yang bertujuan sebagai forum diskusi dan share info. Misalnya : ww.kaskuk.us



Disamping itu ada juga website seperti e-Bangking, e-Payment, e-Ticketing

Jenis-jenis website berdasarkan bahasa pemrograman yang digunakan : 

Server Side : website yang menggunakan bahasa pemrograman kepada tersedianya server. Seperti PHP, ASP dan lain sebagainya. Jika tidak ada server maka website yang dibangun menggunakan bahasa pemrograman tersebut tidak bisa berjalan sebagaimana mestinya



Client Side : website yang tidak membutuhkan server dalam pengaksesannya, bisa langsung diakses dengan browser saja. Misalnya : html

D. Konsep Sederhana dari Sebuah Website Untuk dapat membuat website, secara sederhana ada dua komponen yang dibutuhkan :

3

Modul Pelatihan Joomla 2011 1. File website itu sendiri, ini berisi file-file website dan databasenya. Yang memuat konten website siap untuk diakses. 2. Web Server. Ini dibagi menjadi dua lagi, yaitu : 1.1. Web Hosting, ini dapat dianalogikan dengan hardisk internasional. Sehingga file website yang sudah siap beserta databasenya akan bisa diakses diseluruh belahan dunia selama ada koneksi dan perangkat keras untuk mengaksesnya. Disinilah file website dan databasenya disimpan. 1.2. Domain, mudahnya yakni alamat dari website. Dengan alamat ini maka pengnjung bisa mengakses file website yang disimpan dalam web hosting. Misalnya www.uny.ac.id, ini adalah nama domain web resmi UNY, dengan alamat ini maka pengunjung bisa mengakses file website yang telah disimpan di web hosting dimana file website UNY disimpan. Dalam modul ini akan dibahas jenis website dinamis, karena jenis ini lebih banyak dipakai dan disukai yang memungkinkan interaksi dua arah antara website dan pengunjung serta konten website sering diupdate. Untuk membuat web dinamis, maka seseorang membutuhkan beberapa hal sebagai berikut : 1. Pada pembuatan file website : 1.1.

Skill dalam bidang bahasa pemrograman, seperti pemrograman PHP, ASP, HTML, CSS, Javascript

1.2.

Skill dalam oleh data base, seperti menguasai bahasa MySql

1.3.

Skill dalam desain, seperi photoshop, corel draw

1.4.

Skill dalam bidang animasi, seperti Flash, Swish Max, Gif Animator, dsb

2. Webhosting, yang memiliki minimal fasilitas PHP dan MySQL 3. Domain web, yang support dengan webhosting yang kita gunakan. Sehingga tinggal melakukan koneksi antara domain dengan webhosting. Ada juga penyedia webhosting yang sudah sekaligus menjadi satu dengan domain, sehingga tidak perlu melakukan setting penyambungan antara domain dan webhosting. Pertanyaan yang muncul kemudian, “Bagaimana jika Anda sebagai pemula ingin membuat website ? ” Tidak perlu khawatir, inilah solusinya. Dalam modul ini akan dibahas alternatif untuk membuat website dinamis, yang akan membahas mulai dari awal dan mendasar hingga menjadi website yang siap untuk diakses oleh seluruh orang dari berbagai penjuru dunia. Anda tak perlu susah-susah belajar programming, yang perlu Anda siapkan adalah niat dan rasa optimis yang tinggi, karena ini adalah hal yang sangat mudah dan sederhana. Let’s follow it !

4

Modul Pelatihan Joomla 2011 BAB II MENGENAL JOOMLA A. Content Management System Ya.. Dengan inilah Anda akan membuat website untuk diri Anda sendiri dengan sangat mudah. CMS kependekan dari Content Management System, jika di indonesiakan menjadi Sistem Managemen Konten. CMS adalah perangkat lunak yang memungkinkan seseorang untuk menambahkan atau mengubah isi dari suatu situs Web. Kemampuan atau fitur dari sebuah sistem CMS berbeda-beda, walaupun begitu kebanyakan dari software ini memiliki fitur publikasi berbasis Web, manajemen format, kontrol revisi, pembuatan index, pencarian, dan pengarsipan. Inilah terobosan baru mengapa sekarang ini website mudah sekali diciptakan, padahal dahulu hanya orang-orang yang ahli bahasa web saja yang bisa membuatnya. Jawabannya adalah sebuah sistem yang bernama Content Management System (CMS). CMS adalah Sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang hal-hal yang bersifat teknis. Dengan demikian, setiap orang, penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website Dalam CMS sudah terintegrasi menjadi satu, menggunakan HTML, PHP, database MySql. Dan yang terpenting adalah untuk mendapatkannya bisa secara gratis dan legal, karena aplikasi ini beberapa berlisensi GNU/GPL (GNU General Public License), yang berarti kita boleh menyalin, menyebarluaskan, melakukan modofikasi dengan tetap mengacu pada aturan GNU/GPL tersebut.

KENAPA MENGGUNAKAN CMS ? Pada dasarnya banyak alasan mengapa kita memilih CMS sebagai basis website yang akan kita bangun. Alasan mendasarnya adalah karena proses pembuatan dan pengoperasiaannya yang sangat mudah, fitur yang sangat lengkap dan support suatu komunitas jika yang dipilih adalah bersifat open source. Sehingga bagi para pemula, mereka akan dapat membuatnya sendiri tanpa harus mengerti secara mendalam bahasa pemrograman yang dipakai seperti PHP, HTML, CSS, dst. Disamping itu dengan membuatnya sendiri, otomatis akan menghemat biaya pembuatan website dan sesui dengan keinginan si pembuat website. Jika Anda ingin mengetahui lebih lanjut penggunaan CMS open source, Anda dapat membuka alamat berikut : www.opensourcecms.com.

5

Modul Pelatihan Joomla 2011 B.

CMS Joomla Kata Joomla diambil dari sebuah kata dari suku Swahili yaitu Jumla yang berarti “menjadi

kesatuan” bisa dikatakan memiliki kemampuan sama dengan Mambo, karena CMS ini code awalnya Joomla! 1.0.0 menggunakan code Mambo 4.5.2.3. Banyak komponen Mambo juga dapat digunakan di sebagai Plugin Joomla begitu juga sebaliknya. Perkembangan joomla begitu pesat, banyak para developer joomla yang membuat berbagai macam component, modul, plugin dan juga template yang mendukung kinerja joomla yang lebih. Dengan tambahan tersebut website yang dibangun berbasis joomla dapat menjadi userfriendly, pengaturan search optimation, rss, forum, buku tamu, gallery, community builder, penggantian template, bahasa hingga fitur toko online. Oleh karena itu joomla dapat digunakan untuk kebutuhan CMS corporate bahkan digunakan sebagai shoping chart karena sistem security-nya yang memang sudah teruji. Struktur yang sangat sistematis akan dengan mudah dipahami oleh pemula, dan kemampuannya yang sangat powerfull memungkinkan website untuk memiliki fungsi lebih dan kompleks. Sebagai pengunjung website tersedia halaman yang disebut dengan Front-end dan untuk administrator yakni halaman Back-end. Website : www.joomla.org

C.

Joomla Extensions Joomla extensions (ekstensi joomla) adalah penambahan fungsi dan kemampuan pada

joomla. Ekstensi joomla dibagi menjadi 5 bagian : 1. Joomla Templates 2. Component 3. Modules 4. Pluggin Dari keempat baian tersebut pastinya memiliki fungsi masing-masing, berikut adalah penjelasannya : 1. Joomla Templates Template adalah desain tampilan atau interface yang dapat diterapkan pada Frond-end maupun Back-end Joomla. Jadi ketika kita ingin memperbarui tampilan website kita, maka bisa dengan cara menginstall template ke joomla dan mengaktifkannya. 2. Component

6

Modul Pelatihan Joomla 2011 Component merupakan sebuah aplikasi yang berfungsi untuk menambahkan nilai guna dari website joomla. Di internet banyak beredar component yang bisa didownload secara gratis, beberapa diantara contoh component adalah : 

Component Buku Tamu



Component Gallery Foto



Component untuk Forum, dll

3. Modules Dengan modules Anda dapat menampilkan aplikasi tambahan tanpa meng-klik terlebih dahulu menu pada website. Jika dilihat dari segi pneggunaannya, ada dua jenis modules :  Standalone Module Adalah modules yang bisa digunakan tanpa memerlukan components tambahan. Contohnya : mod_calendar (untuk menampilkan kalender), mod_clock (jam)  Integrated Module Adalah modules yang hanya bisa digunakan apabila component pendukungnya diinstall. Contohnya adalah module Easy Random Image, jika componnet Easy Gallery Image belum diinstall maka modul ini tidak dapat berjalan normal Nama module Joomla biasanya diawali dengan prefiks mod_, misalnya mod_remositori, mod_CuteBox. 4. Pluggin Adalah unit kecil yang mendukung fungsional Jooma. Misalnya untuk menambahkan feature komentar pada artikel yang kita postingkan, plugin untuk memberikan pasword pada artikel tertentu, plugin untuk security image, dll

Untuk mendapatkan ekstensi Joomla, Anda bisa mendownload dari internet. Banyak para developer Joomla yang membuat ekstensi untuk Joomla, termasuk yang free untuk di download. Berikut salah satu alamat website untuk mencari ekstensi Joomla, http://extensions.joomla.org

7

Modul Pelatihan Joomla 2011 BAB II INSTALASI JOOMLA A. Instalasi Apache Apache bisa digunakan sebagai server lokal, jadi tanpa koneksi internet kita dapat membuat website dikomputer yang telah kita install dengan program ini. Kali ini yang akan digunakan adalah program XAMPP. Program XAMPP dapat diunduh secara gratis di alamat berikut : http://www.apachefriends.org/en/xampp-windows.html Versi terakhir per 7 Maret 2011 adalah versi 1.7.4, dengan feature sebagai berikut :  Apache 2.2.17

 phpMyAdmin 3.3.9

 MySQL 5.5.8

 FileZilla FTP Server 0.9.37

 PHP 5.3.5

 Tomcat 7.0.3 (with mod_proxy_ajp as connector)

Untuk proses instalasi program ini relatif mudah, caranya sebagai berikut : 1. Double klik atau klik kanan >> open pada xampp-win32-1.7.1-installer.exe

2. Akan muncul gambar seperti dibawah ini, kemudian pilih “OK”, klik next dan next

3. Setelah muncul gambar seperti di bawah ini, isi semua check box kemudian klik “Install”

8

Modul Pelatihan Joomla 2011 4. Tunggu proses instalasi hingga muncul tampilan seperti dibawah ini, lalu klik “Finish”, maka XAMPP berhasil Anda install.

5. Setelah proses di atas, secara otomtis akan muncul tampilan berikut :

9

Modul Pelatihan Joomla 2011 Jika belum Anda dapat membukanya secara manual di Start Menu >> All Programs >> Apache Friends >> XAMPP >> XAMPP Control Panel. Pastikan check box Apache, MySql dan FileZilaa ter-centang seperti gambar di atas dan ada keterangan running (berjalan). Nah, sekarang saatnya mencoba untuk menjalankan browser Anda setelah terinstall XAMPP. Buka browser Anda (bisa firefox, opera, internet explore, dll), ketik alamat URL-nya dengan http://localhost dan tekan enter. Jika berhasil Anda akan mendapatkan tampilan seperti gambar di bawah ini :

B. Instalasi Joomla Untuk mengintall Joomla pada server local (localhost), berikut adalah langkah-langkahnya : 1. Copy file Joomla_1.5.15-Stable-Full_Package.zip ke dalam folder bernama “htdocs” pada folder XAMPP yang terinstall dalam komputer Anda, secara default alamatnya adalah C:\xampp\htdocs. Paste-kan di alamat ini

Gambar file Joomla

10

Modul Pelatihan Joomla 2011

2. Ekstrak file tersebut dengan cara klik kanan pada filenya, pilih ekstrak. Jika komputer Anda telah terpasang software ekstraktor seperti winzip, maka Anda akan dapatkan tampilan seperti gambar dibawah ini. Jika tidak, jangan khawatir, windows secara default mampu mengekstrak file tipe file .zip.

3. Setelah itu rename nama folder Joomla_1.5.15-Stable-Full_Package dengan nama yang mudah Anda ingat, pada contoh kali ini akan direname dengan nama latihan_joomla.

4. Oke, selanjutnya kita masuk ke browser kita yang sebelumnya telah kita buka, tambahkan dengan “/nama folder yang tadi Anda rename”, sehingga sekarang dalam contoh ini menjadi http://localhost/latihan_joomla, lalu tekan enter, maka Anda akan mendapatkan tampilan seperti gambar dibawah ini. Kemudian tekan tombol “Next” yang berada di pojok kanan bagian atas.

11


5. Setelah ditekan pada tombol “Next”, maka akan muncul tampilan sebagai berikut :

6. Tampilan di atas ada keterangan Yes dan Off dengan warna hijau dan On dengan warna merah, warna hijau menandakan sesuai dengan rekomendasi software, sedangkan warna merah tidak direkomendasikan. Dari tampilan di atas langsung bisa ditekan tombol “Next” sehingga didapati tampilan sebagai berikut :

7. Tampilan di atas adalah terkait lisensi Joomla, yang mana termasuk software GNU General Publik Lesense. Anda langsung bisa klik tombol “Next” dibagian kanan atas. Maka selanjutnya akan Anda dapati tampilan sebagai berikut :

12


8. Isi Host Name dengan : localhost dan Username dengan : root. Untuk password tidak diisi karena username root tidak meminta password. Untuk database isi dengan nama database sesuai yang Anda inginkan. Pada contoh ini kita isi Database Name dengan : database_pelatihan. Setelah itu Anda dapat meng-klik tombol “Next” sehingga akan Anda dapati tampilan sebagai berikut :

9. Anda dapat langsung meng-klik tombol “Next” untuk melewatinya. Tampilan setelahnya sebagai berikut : 13


10. Isi kolom Site Name dengan alamat website yang Anda inginkan, misalnya : www.akuanakpintar.com, isi kolom Your E-mail dengan alamat e-mail Anda yang aktif, isi kolom Admin Password dengan pasword yang Anda inginkan dan tuliskan kembali pada form Confirm Admin password. Misalnya dalam pelatihan kali ini passwordnya adalah : akuanakpintar. Setelah itu Anda bisa tekan tombol “Next” pada bagian kanan atas dan klik “Ok”. Dan selamat, Anda telah dapat membangun web Anda sendiri..

14

Modul Pelatihan Joomla 2011 Tampilan diatas terdapat perintah agar Anda me-remove/men-delete folder bernama “installion” yang berada dalam folder website Anda demi keamana web Anda.

Oke, maka website Anda sudah terbangun. Tahap selanjutnya, Anda bisa mengelola website Anda melalui halaman back end sebagai administrator.

15

Modul Pelatihan Joomla 2011 BAB IV MENGELOLA WEBSITE DENGAN JOOMLA Anda bisa login pada halaman Back-end sebagai administrator dengan mengakses alamat sebagai berikut, http://localhost/pelatihan_joomla/administrator. Masukkan user dan pasword yang telah Anda buat pada tahap sebelumnya. Secara default user : admin dan pasword dalam contoh ini adalah akuanakpintar. Setelah Anda meng-klik button “login” maka Anda akan mendapatkan tampilan sebagai berikut :

A. Sections, Categories dan Articles Manajemen artikel pada Joomla terletak pada “section” dan “categories”, dalam section dapat berisi banyak categories dan dari categories dapat berisi banyak “articles”. 1. Klik menu menu Content >>Section Manager untuk membuat section 2. Kemudian klik tombol “new” pada bagaian kanan atas 3. Isi form “Title” dan “Alias” sesuai dengan kebutuhan Anda. Pada contoh ini kita buat dengan title “berita” dan alias “berita” 4. Setelah selesai makan Anda dapat menekan tombol “save”, berikut tampilan setelah Anda berhasil.

5. Selanjutnya Anda bisa membuat “category ” pada section “berita” tersebut. Caranya klik menu Content>>Category Manager. Pada contoh kali ini kita buat category “kampus”, “nasional” dan “internasional”. Caranya lakukan seperti nomor 2-4 satu per satu. 16


6. Langkah selanjutnya adalah kita menuliskan artikel pada website. Caranya Anda bisa meng-klik menu Content>>Article Manager. Berikut tampak setelahnya :

7. Untuk membuat artikel baru Anda bisa menekan tombo “Next” pada bagian kanan atas. Isi kolom-kolom yang tersedia, akan lebih cepat jika Anda sudah menuliskan misalnya di ms word, jadi Anda tinggal mengkopikannya saja. Setelah itu Anda akan mendapatkan tampilan sebagai berikut :

8. Terakhir klik tombol “save” pada bagian kanan atas. Untuk melihat hasilnya, Anda dapat meng-klik tombol “Prewiew” yang terletak pada bagian kanan atas. Berikut hasilnya :

17


B. Setting Menu Sebuah website didesian untuk emuat informasi sesuai dengan kebutuhan. Mengingat jenisjenis informasi dan banyaknya informasi, maka diperlukan menu-menu yang membedakan fungsi dan memuat informasi bermacam-macam sesuai dengan yang kita inginkan. Untuk cara membuatnya, kita bisa meng-klik menu “Menus>>Main Menu”. Berikut tampilan yang akan Anda dapati :

Untuk menambahkan menu, Anda dapat meng-klik tombol “New”.

Berikut tampilan

selanjutnya :

Pilih isi menu yang nantinya akan Anda masukkan ke dalam menu tersebut. Kali ini kita akan menampilan menu artikel dengan nama “Berita Kampus”. Caranya adalah pilih Internal Links>>Category>>Category Blog Layout. 18


Isi form Title dengan “Berita Kampus” begitu juga untuk form aliasnya. Pada parameter basic form Category, klik icon segitiga kecil lalu pilih berita/kampus. Setelah selesai Anda dapat menekan tombol “Save” dan melakukan preview dengan meng-klik “preview”, sehingga tampilan yang Anda dapatkan sebagai berikut :

Terlihat gambar di atas, menu sudah bertambah. Yakni menu “Berita Kampus”.

C. Install Template “Pandangan pertama begitu menggoda, selanjutnya terserah Anda”. Ya.. Itu adalah petikan yang tepat untuk menarik pengunjung website Anda. Dengan tampilan website yang enak dipandang mata, maka pengunjung akan enak mengamati website dan nyaman. Joomla menyediakan fasilitas install new template untuk memperbarui atau mengganti template Anda. Berikut adalah carannya : 1. Pastikan Anda berada dalam halaman Back-end login sebagai administrator. Setelah itu Anda dapatmeng-klik menu Extensions>>Install/Unistall. Berikut tampilan yang akan Anda dapatkan :

19


2. Selanjutnya Anda bisa meng-klik “Browse”, cari installer yang ingin Anda install. Cari installer template Anda, setelah selesai kemudian tekan tommbol “Upload file & Innstall”. Maka Anda telah menginstall satu template baru untuk website Anda. Untuk nengeceknya

dan

mengaktifkannya,

Anda

dapat

menuju

ke

menu

Extensions>>Template Manager. Berikut tampilannya :

Dari tampilan di atas, Anda dapati 4 template yang terinstall. Yang 1-3 adalah bawaan ketika kita mengistall joomla. Yang nomor 4 disini adalah yang baru saja kita install sebelumnya. Untuk mengkatifkannya, isi check box berbentu lingkaran di samping kanan nomor 4, kemudian klik tombol “Default” yang terletak pada bagian kanan atas layar. Untuk mengecek perubahannya, silakan untuk melakukan preview web Anda sekarang dengan cara menekan “preview” yang terletak di atas bagian kanan layar. Berikut tampilan yang akan Anda dapati :

20

Modul Pelatihan Joomla 2011 D. Install Components, Modul dan Plugin 1. Pastikan Anda berada dalam halaman Back-end login sebagai administrator. Setelah itu Anda dapat meng-klik menu Extensions>>Install/Unistall. Berikut tampilan yang akan Anda dapatkan : 1.

2. Kali ini kita mencoba untuk menginstall buku tamu. Component yang kita gunakan disini misalnya adalah com_phocaguestbook_v1.4.1.zip. Cara installnya sama dengan proses mengintall templates. Klik “Browse” cari file tersebut setelah selesai klik “Uploads File & Install” 3. Setelah tahap diatas, maka component telah terinstall. Akan tetapi component tersebut belum bisa lansung digunakan. Untuk menggunakan dan mengampilkan di website, kita perlu membuatkan menu khusus untuk component tersebut. Sebelumnya kita perlu membuat items baru di component PhocaGuestbook. Dengan cara masuk ke menu Components>>Phoca Guestbook>>Items lalu klik tombol “new”, isi title misalnya dengan “buku tamu” begitu juga untuk kolom alias. Setelahnya tekan tombol save. Nah, sekarang saatnya menampilkan component Berikut adalah langkahnya : 1. Pasikan Anda berada dalam halalam Back-end dan login sebagai administrator. 2. Selanjutnya Anda dapat melakukan klik pada menu Menus>>Main Menus* 3. Buat menu baru dengan cara klik tombol “new” di kanan atas layar. Berikut tampilan yang akan Anda dapati setelahnya :

21

Modul Pelatihan Joomla 2011 4. Pilih list Phoca Guestbook dengan cara melakukan klik satu kali. Isi kolom Title dengan “Buku Tamu” dan kolom Alias dengan isian yang sama. Setelah itu tekan “Save”. Berikut tampilannya :

5. Untuk mengecek perubahannya, Anda dapat melakukan preview halaman web Anda. Berikut tampilannya setelah Anda meng-klik menu “Buku Tamu”.

Contoh

selanjutnya

kita

akan

menambahakan

modul

mod_vvisit_counter_1_9_11.zip. Modul ini berfungsi untuk menampilkan statistika jumlah pengunjung website Anda. Berikut langkah-langkahnya : 1. Pastikan Anda berada dalam halaman Back-end login sebagai administrator. Setelah itu Anda dapat meng-klik menu Extensions>>Install/Unistall. Berikut tampilan yang akan Anda dapatkan :

22


2. Klik “Browse” cari file mod_vvisit_counter_1_9_11.zip tersebut. Setelah selesai klik “Uploads File & Install” 3. Untuk menampilkan modul yang sudah Anda install, Anda bisa meng-klik menu Extensions Manager>>Module Manager. Berikut tampilannya :

4. Klik pada modul yang kita install, yakni tulisan “Visitor Counter Revised by M.Majunke”. Berikut tampilan yang akan Anda dapatkan :

Ada dapat me-rename di kolom Title misalnya dengan “Anda pengunjung ke”. Pada kolom Position, biarkan posisi terletak di left saja. Jangan lupa Untuk Pilihan Enable pilih Yes. Untuk parameter yang ada di bagian kanan Anda dapatmengaturnya sesuai dengan kebutuhan Anda. Setelah selesai tekan “Save”.

23

Modul Pelatihan Joomla 2011 5. Untuk mengecek perubahannya, Anda dapat melakukan preview pada web Anda. Berikut tampilan yang akan Anda dapatkan.

Untuk melakukan istalasi pluggin atau extension lainnya, Anda dapat melakukan hal yang sama dengan langkah-langkah diatas. Selamat mencoba !

E. User Joomla memiliki keunggulan yakni dapat mengelola website secara kompleks da sistmatis. Untuk pengaturan user Joomla menyediakan fasilitas khusus untuknya. Pengunjung dapat mendaftar pada website Anda melalui halaman Front-end, kemudian Anda dapat melihat user yang telah terdaftar dan menentukan level usernya. Ada beberapa group level user yang setiap level memiliki hak akses tersendiri. Misalnya untuk Author dia dapat melakukan kegiatan menulis pada website Anda tetapi dia tidak bisa melakukan “publish”, melainkan Anda sendiri yang akan melakukan approve untuk mem-publish artikel yang telah dia kirim. Untuk level “Publisher” dia dapat menulis sekaligus melakukan Publish terhadap tulisannya sendiri. Berikut ini tamilan group level user pada Joomla :

Pertanyaan selanjutnya bagaimana pengunjung dapat mendaftar apda website Anda ? Mudah saja, Anda perlu menambahkan modul Login User pada halaman Front-end Anda agar user dapat melakukan registrasi dan login via modul tersebut. Berikut adalah langkah-langkahnya : 1. Masuk ke menu Extensions>>Module Manager. 24

Modul Pelatihan Joomla 2011 2. Klik tombol new pada pojok kanan atas. Berikut tampilan yang akan Anda dapatkan setelahnya :

3. Pilih Modules Login, kemudian klik tombol “Next” pojok kanan atas. 4. Ikuti saja langkah selanjutnya, isi Title misalnya dengan kata “Login”, kemudian tekan “Save” 5. Untuk melihat perubahannya Anda dapat melakukan preview pada website Anda. Berikut tampilan yang akan Anda dapatkan.

Dari module Login di atas, pengunjung dapat melakukan registrasi dengan cara meng-klik tulisan “Create an account”. Setelah mendaftar, maka dia dapat melakukan login pada modul ini dan dapat melakukan sesuatu hal terhadap web Anda sesuai dengan Grup level user yang sebelumnya sudah kita bahas dalam modul ini. 25

Modul Pelatihan Joomla 2011 Anda dapat mengetahui semua user yang terdaftar dalam web Anda dan melakukan pengeditan jika perlu, melalui halaman Back-end login sebgai administrator. Caranya yakni dengan masuk ke menu Site>>User Manager. Berikut contoh tampilan jika sudah ada beberapa user yang mendaftar.

Tutorial di atas adalah bagaimana kita membuat website secara offline di localhost, yakni di komputer kita masing-masing. Langkah selanjutnya Anda dapat upload ke webhosting dan domain untuk dipublish di internet agar semua orang bisa mengakases website kita. Untuk melakukan pengembangan, Anda dapat mencoba-coba sendiri, karena tutorial diatas sudah mencakup keseluruhan tutorial dasar-dasar Joomla. Anda dapt mencari feature-feature tambahan untuk menambah fungsi Joomla dengan cara googling di internet. Selamat mencoba, berkarya dan berkreasi !

o-o-o-o-o Selesai o-o-o-o-o Dibuat oleh :

Ardian Umam Sekarang penulis sedang menempuh studinya di JurusanTeknik Elektro UGM semester III. Penulis adalah penerima Program Pembinaan Sumber Daya Strategis – Nurul Fikri Regional Yogyakarta Angkatan V (PPSDMS NF). Selain itu penulis merupakan peraih Tanoto Foundation Scholar. Aktifitas penulis saat ini berkiprah di Departmen Media Opini Jamaah Shalahuddin Masjid Kampus UGM. Untuk menghubungi penulis Anda dapat melakukan kontak di 085643053509 atau [email protected] Asrama PPSDMS Jogja, 9 Maret 2011 @2:47 p.m.

26

Modul Pelatihan Membuat Website menggunakan Joomla 1.5. Disusun Oleh : Ardian Umam Mahasiswa Teknik Elektro UGM

Recommend Documents