modul joomla - p web viewwebsite untuk perusahaan kecil. ... buka internet explorer dan masukan...

Pelatihan Puskom Kreatif 2012: Joomla

I. PENGENALAN JOOMLAJoomla adalah sebuah Content Managemen System (CMS) yang dapat digunankan oleh siapa saja untuk keperluan pembuatan website, mulai dari yang sangat sederhana sampai dengan website yang sangat kompleks. Joomla merupakan pengembangan dari open source project Mambo, yang dahulu sering disebut sebagai Mambo Open Source atau MOS. Berikut beberapa jenis website yang dapat dibangun dengan Joomla.

1. Website corporate atau portal2. Website e-commerce3. Website untuk perusahaan kecil4. Website untuk organisasi Non-profit5. Website untuk Pemerintah6. Website untuk keperluan internet7. Website untuk sekolah dan Perguruan Tinggi8. Website Pribadi atau blog9. Website untuk komunitas dan portal10. Website untuk majalah, koran, dan tabloid

Begitu banyak aplikasi yang dapat ditangani oleh Joomla, tak heran kalau Joomla menjadi pilihan banyak orang dalam pembuatan website-nya. Di samping itu, Joomla juga mudah di installasi, mudah dalam pengelolaannya dan dapat dimodifikasi sesuai kebutuhan kita. Oleh karana itu Joomla mempunyai prinsip, fleksibel, simple, elegant, customizable, dan powerful.

A. Istilah-Istilah Penting Pada JoomlaBanyak istilah-istilah yang kedengaran baru, jika kita betul-betul pemula dengan Joomla. Agar pemahaman kita terhadap Joomla lebih mudah, berikut ini diberikan penjelasan terhadap beberapa istilah yang akan sering digunakan nantinya:

1. Module, adalah bagian unit fungsi dari Joomla yang berguna untuk menampilkan fitur-fitur utama Joomla serta menampilkan beberapa komponen terkait. Secara default, Joomla telah menyediakan beberapa modul, seperti modul banner,menu, login, newsfeed, statistic, arsip, sindikasi, polling dan lain sebagainya serta modul yang disediakan oleh pihak ketiga.

2. Component, adalah sebuah aplikasi yang menambah nilai guna Joomla. Sebuah component mempunyai konfigurasi di bagian jendela administratornya. Misalnya komponen weblink, content form, polling dan lain sebagainya.

3. Mambots, sebuah unit fungsi Joomla yang disisipkan unutk memanipulasi ataupun menterjemahkan konten yang diproses sebelum ditampilkan. Seperti, Mambots editor, Mos image, dan sebagainya.

4. Template, sebuah aplikasi yang berfungsi untuk mengatur tampilan website Joomla secara keseluruhan. Template ini mirip dengan istilah Theme di Windows atau skin di Winamp. Pada template ini diatur sedemikian rupa sehingga website dapat tampil sesuai keinginan kita.

5. Content, semua berita/artikel/module/komponen yang terdapat dalam website secara keseluruhan Semua aplikasi pendukung Joomla terus dikembangkan oleh developer dan pihak ketiga, sehingga saat ini tersedia sampai dengan ratusan ribu

Kementrian Kominfo 1


module,component, mambots dan templates, add on yang dapat didownload secara gratis di internet,walaupun ada beberapa yang bersifat komersial.

B. Aplikasi Pendukung1. PHP Editor. Karena PHP merupakan bahasa pemograman web, maka itu

dibutuhkan editor PHP seperti Macromedia Dreamweaver, ataupun yg lainnya.2. Apache, PHP, dan, MySQL untuk menjalankan joomla diperlukan simulasi

webserver. Agar dapat menginstalkan aplikasi XAMPP yang sudah terisi satu pake dari tiga program yg di perlukan.

C. Joomla dan XAMPPBerikut adalah cara-cara membuat Joomla. Sebelum kita membuat sebuah website menggunakan Joomla, terlebih dahulu kita menginstal Joomla. Namun untuk menginstal Joomla, kita harus terlebih dahulu mengistal XAMPP. Berikut ini adalah cara menginstal xampp:

1. Cara Menginstal Xampp Sebelum menginstal Joomla, kita memerlukan sebuah server, sehingga Joomla dapat diinstal dan dijalankan di Komputer local tanpa harus terhubung ke Internet.

Cara menginstalnya adalah sebagai berikut ;1. Klik dua kali icon XAMPP yang anda miliki atau klik kanan open pada filenya

XAMPP.

Gambar 1. Icon XAMPP

2. Pilih Bahasa Indonesia pada pilihan bahasa yang digunakan.


http://3.bp.blogspot.com/_FHatAUIymJ0/S0P8zXD8zoI/AAAAAAAAACY/JgbQXjOnDo0/s1600-h/xampp-01.JPG


Gambar 2. Installer Language

3. Klik OK.4. Klik next pada halaman setup wizard

Gambar 3. Setup Wizard

5. Klik Install

Gambar 4. Setup Xampp


http://2.bp.blogspot.com/_FHatAUIymJ0/S0P5aqLiBQI/AAAAAAAAACI/k0EavPaIC8c/s1600-h/xampp-02.JPG

http://2.bp.blogspot.com/_FHatAUIymJ0/S0P7FfnX8RI/AAAAAAAAACQ/mAvEeEU_HLI/s1600-h/xampp-03.JPG

http://1.bp.blogspot.com/_FHatAUIymJ0/S0P9onGFi1I/AAAAAAAAACg/SAOdy3SzHWw/s1600-h/xampp-04.JPG


6. Proses Instalasi akan berjalan. Jika sudah selesai, klik Finish. Setelah klik Selesai, akan muncul pesan seperti berikut :

Gambar 5. Proses Install

Gambar 6. Installer Language

Gambar 7. Install Apache


http://1.bp.blogspot.com/_FHatAUIymJ0/S0QAFyyzEUI/AAAAAAAAACo/5i3UjuGrVng/s1600-h/xampp-05.JPG

http://2.bp.blogspot.com/_FHatAUIymJ0/S0QAQT0OwdI/AAAAAAAAACw/i_-fmIi3Yv4/s1600-h/xampp-06.JPG

http://4.bp.blogspot.com/_FHatAUIymJ0/S0QAW-lOMlI/AAAAAAAAAC4/JlSkl7kj1To/s1600-h/xampp-07.JPG


Gambar 8. Apache Port

Gambar 9. MySQL

Gambar 10. Install FileZilla

Gambar 11. Install Service

7. Klik No agar XAMPP tidak masuk kedalam proses servis pada system operasi komputer kita. Dengan demikian, komputer tidak terbebani akibat dari XAMPP yang berjalan terus-menerus.

Gambar 12. Install XAMPP Servers


http://2.bp.blogspot.com/_FHatAUIymJ0/S0QAd3LocHI/AAAAAAAAADA/zJ4ScWLiuns/s1600-h/xampp-08.JPG

http://2.bp.blogspot.com/_FHatAUIymJ0/S0QAj_r4RcI/AAAAAAAAADI/GaHRmH3bbcE/s1600-h/xampp-09.JPG

http://2.bp.blogspot.com/_FHatAUIymJ0/S0QAtXjewJI/AAAAAAAAADQ/yquykWJCuBU/s1600-h/xampp-10.JPG

http://2.bp.blogspot.com/_FHatAUIymJ0/S0QCJd0qPvI/AAAAAAAAADg/zE6GJDWyW_Q/s1600-h/xampp-11.JPG

http://4.bp.blogspot.com/_FHatAUIymJ0/S0QCm-s6bVI/AAAAAAAAADo/F6dQOQXfjv4/s1600-h/xampp-12.JPG


8. Klik Yes, jika Anda ingin langsung menjalankan control panel XAMPP server.

Gambar 13. Start Server

9. Dengan demikian, proses instalasi XAMPP server telah selesai.

Gambar 14. Instalasi Selesai

Begitulah cara menginstal XAMPP. Kemudian kita akan melanjutkan dengan menginstal Joomla. Namun sebelumnya kita harus menjalankan XAMPP server terlebih dahulu.

2. Menjalankan Xampp ServerSetelah menginstal XAMPP, langkah berikutnya adalah menginstal Joomla. Namun sebelumnya kita harus menjalankan service Apache dan MySql terlebih dahulu.

Caranya adalah sebagai berikut :1. Buka XAMPP melalui Start – All Program – Apachefriends- XAMPP – Control

XAMPP Service Panel.2. Klik Start pada bagian Apache.3. Klik Start pada bagian MySql. Maka XAMPP telah berjalan.


http://4.bp.blogspot.com/_FHatAUIymJ0/S0QDWuRDXqI/AAAAAAAAADw/a6Kq5FIZxAU/s1600-h/xampp-13.JPG

http://2.bp.blogspot.com/_FHatAUIymJ0/S0QDoV_GP6I/AAAAAAAAAD4/78ry4WkzwVs/s1600-h/xampp-14.JPG


Gambar 15. Mengaktifkan XAMPP

3. CARA MENGINSTAL JOOMLASetelah menjalankan service Apache dan MySql, selanjutnya kita bisa menginstal Joomla. Berikut adalah cara menginstal Joomla:1. Pastikan komputer telah terinstall aplikasi XAMPP dan semua service-nya

berjalan.2. Extract dan copy kan semua isi dalam paket Joomla ke htdocs di directory

XAMPP3. Buka Internet Explorer dan masukan alamat http://localhost/joomla lalu akan

muncul tampilan di bawah ini


http://1.bp.blogspot.com/_FHatAUIymJ0/S0QEb5crlaI/AAAAAAAAAEA/LdiOr_5KZrA/s1600-h/xampp-15.JPG


Gambar 16. Halaman localhost/joomla

Lalu klik Next

4. Buka Internet Explorer baru, lalu masukan alamat http://localhost/phpmyadmin akan muncul gambar seperti di bawah ini


http://localhost/phpmyadmin


Gambar 17. Halaman localhost/phpmyadmin

lalu pada bagian Create new database, ketikan “joomla” sebagai MySQL Database Name.

5. Lalu kembali ke jendela installasi joomla. isi kotak isian yang telah disediakan. Kotak isian “Host Name” diisi dengan “Localhost”, kotak isian “MySQL User Name” diisi dengan nama user dari MySQL, kotak isian “MySQL Password” diisi dengan password dari MySQL, dan kotak isian “MySQL Database Name” diisi dengan nama folder tempat kita meng-ekstrak file Joomla tadi. Sedangkan kotak isian yang terakhir tidak perlu kita ubah.



Gambar 18. Halaman MySQL database configuration

6. Isikan nama website yang kita inginkan pada kotak isian yang disediakan, lalu pilih Next

Gambar 19. Halaman Site Name

7. Pada tampilan selanjutnya, akan muncul beberapa kotak isian. Kotak isian “URL” dan “Path” tidak perlu diubah, karena akan mengubah semua settingan direktori dari Joomla. Kotak isian “Your E-mail” diisi alamat e-mail kita, dan“Admin Password” diisi dengan password yang akan kita gunakan pada saat login sebagai administrator. Default password yang terdapat pada kotak isian “Admin Password” dapat kita ubah sendiri sesuai keinginan agar mudah kita ingat.



Gambar 20. Halaman Pengisian URL, Path, Your email, dan Admin password

8. Berikutnya akan tampil jendela yang memberitahukan bahwa anda telah sukses menginstall Joomla.



Gambar 21. Halaman Joomla is installed

Pada jendela di atas terdapat username dan password yang harus anda ingat untuk membuka jendela Administrasi dari Joomla.

9. Hapus folder “Installation” yang terdapat di dalam folder Joomla yang telah kita buat tadi.

10. Setelah itu ketikkan alamat atau URL Control Panel Joomla contoh,http://localhost/joomla/administrator) kita pada address bar dan tekan Enter.

D. Menu SiteMenu Site ini terdiri dari delapan submenu yang masing- masing mempunyai fungsi sendiri-sendiri, seperti terlihat pada gambar dibawah ini :



Gambar 22. Submenu pada Menu Site

Berikut ini penjelasan dari masing- masing submenu tersebut.

1. Global ConfigurationGlobal Configuration adalah menu yang akan membuka halaman konfigurasi untuk situs Joomla Anda. Pada halaman ini terdapat sepuluh tabulasi setting yang mempunyai fungsinya masing-masing sesuai dengan namanya. Tabulasi tersebut adalah Site, Locale, Content, Database, Server, Metadata, Mail, Cache, Statistics, SEO.a. Tab Site

Pada tab Site ini diatur segala sesuatu yang bersangkutan dengan publikasi situs pada halaman depan.



Gambar 23. Tab Site Site Oflfine

Radio button ini digunakan untuk menentukan apakah situs dapat diakses oleh umum atau tidak.Jika Anda memilih ”Yes”, maka situs ada tidak akan dapat diakses dari frontend dan halaman situs akan berganti dengan sebuah pesan Notifikasi Offline.



Gambar 24. Halaman awal dengan site offline diaktifkan

Offline MessagePesan yang Anda tuliskan di sini akan muncul pada Notifikasi Offline pada saat website dalam status offline.

System Error MessagePesan yang Anda tuliskan di sini akan muncul pada Notifikasi Error pada saat Joomla tidak dapat terhubung dengan database.

Site NameSilakan tuliskan nama situs Anda di sini, dan nama ini akan muncul sebagai title awal pada semua halaman Joomla Anda, dan muncul pada frame browser Anda.



Gambar 25. Site Name Offline

Show Unauthorized LinkApabila Anda memilih Yes untuk setting-an ini, maka para pengunjung umum tetap akan dapat melihat link ke artikel-artikel yang pada atribut publikasinya ditetapkan sebagai artikel yang ditujukan untuk user yang telah terdaftar (registered). Walaupun link ini ditampilkan, namun pengunjung tetap harus login untuk dapat membacanya. Apabila Anda memilih No maka semua link artikel yang ditujukan untuk user yang telah terdaftar(registered article) tidak akan ditampilkan pada situs Anda.

Allow User RegistrationSetting-an ini berguna untuk menetapkan apakah pengunjung dapat mendaftarsecara bebas pada halaman Frontend.

Use New Account ActivationSetting-an ini berguna untuk menetapkan apakah pengunjung yang mendaftar pada situs Anda diharuskan atau tidak untuk mengklik Link Aktivasi yang telah dikirimkan ke email yang telah mereka tuliskan pada saat pendaftaran.

Require Unique EmailApabila Anda memilih Yes maka pengunjung tidak dapat mendaftar pada situs Joomla Anda dengan menggunakan alamat email yang sama.

Debug Site



Jika Anda memilih Yes maka situs akan memberikan petunjuk atau informasi saat terjadi error pada situs Anda. Setting-an ini biasanya diperlukan saat situs pada tahap pengembangan (developing) atau ada error yang belum diketahui sebabnya.

WYSIWG EditorPada kolom ini Anda memilih jenis editor yang akan digunakan pada saat mengedit artikel atau memodifikasinya. Secara default Joomla mempunyai dua pilihan yaitu : NO WYSIWG Editor dan TinyMCE Editor (secara default yaitu editor yang aktif)

List LengthKolom ini berguna untuk mendefinisikan beberapa jumlah list yang akan ditampilkan setiap kali ditampilkan daftar item di halaman depan.

Favourites Site IconKolom isian ini berfungsi untuk mendefinisikan nama shortcut ikon yang akandipakai untuk situs Anda.

b. Tab LocaleTab locale ini berguna untuk mendefinisikan setting-an lokal apa yang akan digunakan pada situs Anda.

Gambar 26. Tab Locale Language

Pada kolom pilihan ini terdapat pilihan bahasa yang akan Anda gunakan sesuai dengan paket language bahasa yang telah diinstal. Jika sebelumnya pernah menginstall paket bahasa tertentu pada Language Installer maka disini akan muncul pilihan paket bahasa tersebut.

Time OffsetTime offset ini berisi pilihan dari -24 hingga 24. Gunanya yaitu untuk menambah atau mengurangi perhitungan waktu yang digunakan Joomla (perhitungan waktu yang ada pada server) sesuai dengan nilai yang Anda inginkan.



Country LocaleKolom ini berguna untuk mengubah aturan penulisan hari dan tanggal pada website Joomla ke dalam aturan lokal berdasarkan bahasa/language yang akan digunakan atau dipakai.

c. Tab ContentTab Content ini berguna untuk mengatur setting-an untuk output yang dikeluarkan. Setting konfigurasi ini bersifat global. Artinya keperluan khusus, kita dapat mensetnya lagi pada ”tab atribut” setiap item artikel, category atupun section tertentu.

Gambar 27. Tab Locale

Linked TitlesSetting-an ini berguna untuk mendefinisikan apakah judul artikel pada situs Anda dapat diklik ke halaman detail atau tidak.

Read More LinkSetting-an ini berguna untuk mendefinisikan apakah link dengan teks ”Read More...” akan muncul atau tidak setiapkali sebuah item memiliki Teks Utama. Link ini jika diklik dari halaman utama akan mengakses satu halaman penuh dari suatu artikel atau berita.

Item Rating VotingSetting-an ini berguna untuk memunculkan sistem rating terhadap artikel yang ada.



Author NamesSetting-an ini berguna untuk memunculkan nama penulis pada bagian atas sebuah artikel atau menyembunyikannya.

Created Date and TimeSetting-an ini berguna untuk memunculkan atau menghilangkan tanggal pembuatan artikel diatas setiap artikel.

Gambar 28. Created Date and Time

Modified Date and TimeSetting-an ini berguna untuk menampilkan text last modified yang ada di akhir sebuah artikel jika artikel yang bersangkutan pernah dimodifikasi.

Gambar 29. Modified Date and Time

HitsSetting-an ini berguna untuk menampilkan atau menghilangkan jumlah hits terhadap suatu artikel.

PDF Icon, Print Icon, E-mail IconSetting-an ini berguna untuk menampilkan ikon-ikon item yang bersangkutan pada bagian atas sebuah artikel.

Icons



Setting-an ini berguna untuk mendefinisikan apakah link pdf, print, email yang ada di bagian atas setiap artikel akan ditampilkan dalam bentuk ikon atau teks.

Table of Contents on multi-page itemsSetting-an ini berguna untuk memunculkan atau menghilangkan Indeks Artikel pada artikel yang memiliki banyak halaman.

Back ButtonSetting-an ini berguna untuk memunculkan atau menghilangkan link ”Back” yang ada di bagian bawah setiap artikel.

Content Item NavigationSetting-an ini berguna untuk memunculkan link <Prev Next> yang ada di bagian bawah setiap artikel.

2. Language ManagerLanguage manager adalah menu yang akan membuka halaman konfgurasi bahasa yang digunakan untuk situs Joomla Anda.

Gambar 30. Language Manager

Site LanguagesSubmenu Site Languages ini berguna untuk menentukan bahasa pengantar apa yang akan dipakai pada situs Anda. Cukup dengan menandai bahasa yang tersedia pada Site Languages dan kemudian mengakhirinya dengan menekan ikon eksekusi Publish, maka keseluruhan bahasa pengantar di dalam situs Anda akan berubah menjadi bahasa yang diinginkan.



Gambar 31. Publish Language Manager

E. Menu ManagerDalam mendesain suatu website, kita menyediakan banyak menu, misal menu utama atau yang sering disebut main menu’s, menu untuk user atu sering disebut usermenu’s, dan menu lainnya. Pada joomla! terdapat fitur yang memudahkan kita untuk mengklasifikan menu-menuyang ada sehingga lebih mudah untuk mengaturnya, fungsi ini terdapat pada Menu Manager. Menu Manager digunakan untuk mengatur menu dalam website. Menu adalah kumpulan dari Menu Item yang berupa section, kategori, content item, component atau external page. Tiap menu harus mempunyai nama, yang akan digunakan secara internal oleh joomla!. Sebuah menu menjadi visible dalam website apabila statusnya published. Secara default, dalam joomla! Terdapat 4 menu : Mainmenu Othermenu Topmenu usermenu

pengaturan menu dapat dilakukan melalui navigasi Menu > Menu Manager

Gambar 32. Tab Menu



Gambar 33. Menu Manager

1. Membuat menu baru

Pada halaman Menu Manager , klik tombol selanjutnya tampil halaman :

Gambar 34. Membuat Menu Baru

Pada halaman ini terdapat 2 field isian yang harus diisi (mandatory):• Menu Names



Meminta input berupa nama menu yang akan dibuat, penamaan pada menu disarankan agar bersifat spesifik dan merefleksikan isi menu, hindari penggunaan spasi, contoh : menuutama, menulain

• Module titleMeminta input berupa nama module untuk menu. Module akan dibuat secara otomatis oleh joomla! ketika membuat menu.

Setelah mengisikan nama menu dan nama module, klik tombol save, menu baru akan terlihat pada list menu manager .

2. Mengkopi menupada halaman menu manager, pilih salah satu menu pada radiobutton, lalu kliktombol copy, misal kita pilih mainmenu. akan tampil halaman:

Gambar 35. Membuat Copy Menu

Pada halaman ini akan ditampilkan nama menu yang dicopy, dan daftar menu item yang terdapat pada menu yang akan dikopi. Sama halnya dengan membuat menu baru, Pada halaman ini terdapat 2 field isian yang harus diisi (mandatory):• Menu Names

Meminta input berupa nama menu baru, penamaan pada menu disarankan agar bersifat spesifik dan merefleksikan isi menu, hindari penggunaan spasi, contoh : menuutama, menulain

• Module titleMeminta input berupa nama module untuk menu.



Klik tombol copy. Mengkopi menu berarti menggandakan menu, ini sama halnya dengan membuat menu baru yang berisi menu item yang sama dengan menu yang dikopi, tetapi menu ini berasosiasi sengan modul menu baru.

3. Menghapus menupada halaman menu manager, pilih salah satu menu pada radio button, lalu klik tombol delete. misal kita pilih kopi. akan tampil halaman :

Gambar 36. Menghapus Menu

Pada halaman ini akan ditampilkan module menu yang akan dihapus, dan daftarmenu item yang terdapat pada menu yang akan dihapus.

4. Mengedit menupada halaman menu manager, pilih salah satu menu pada radio button, lalu kliktombol edit. misal kita pilih mainmenu. akan tampil halaman :



Gambar 37. Mengedit Menu

Pada halaman ini akan tampil nama dari menu yang akan diedit. Pengubahan menu yang dilakukan hanya pengubahan nama menu. Nama module tidak dapat diubah di sini.



REFERENSI1. Workshop CMS Joomla, Versi Joomla 1.0.11.ITeam Informatics Community2. Panduan Cepat Joomla! 1.0. http://sukses.buas-online.com3. Dan Rahmel . Beginning Joomla!: From Novice to Professional.20074. Panduan Instalasi Joomla V 1.5 dengan SEO dan Sitemap. Prayitna Kuswidianta

(http://kusprayitna.staff.uii.ac.id)


http://sukses.buas-online.com/

modul joomla - p web viewwebsite untuk perusahaan kecil. ... buka internet explorer dan masukan...

Documents