7. pembuatan website dengan joomla

  • Published on
    30-Jun-2015

  • View
    5.194

  • Download
    6

Transcript

<ul><li> 1. BAB 7 JOOMLA7.1 Introduction to Joomla! Joomla! is one of the most powerful Open Source Content Management Systems on theplanet. It is used all over the world for everything from simple web sites to complex corporateapplications. Joomla! is easy to install, simple to manage, and reliable. www.joomla.org. 1.1 Content Management SystemSebagai langkah awal ada baiknya Anda mengerti dahulu apa itu CMS atau Content Management System.Apakah samadengan softwareHTML editor lainnyasepertiMicrosoft FrontPage, Dreamweaver, atau bahkan sebuah Notepad?. Seperti yang kita ketahui, content merupakan salah satu urat nadi dari kehidupan sebuah website. Tanpa content dapat dipastikan tidak ada website. Sebuah website yang dikelola dengan baik pasti akan selalu berusaha menampilkan content terbaru bagi para pengunjungnya. Lalu apa yang dimaksud dengan content sebenarnya? Pada dasarnya content adalah sebuah unit informasi yang digunakan untuk membentuk sebuah halaman di website. Dapat terdiri dari apa saja; teks, gambar, video, suara, dan lain sebagainya.Dari content yang sudah ada tadi, kemudian diatur sedemikian rupa sehingga membentuk sebuah website. Framework atau sistem, tempat di mana content itu diletakkan menfasilitasi perkakas-perkakas yang dibutuhkan untuk menjaga konsistensi proses pembuatan halaman-halaman di website secara efisien dan efektif.Bila semua informasi diatas kita gabung menjadi satu, dapatlah disimpulkan, CMS adalah sebuah sistem yang memudahkan proses penciptaan sebuah website dinamis yang kaya akan content, dengan memberikan kemudahan kepada penulis/editor untuk menambah, memperbaharui dan menghapus content yang ada tanpa campur tangan langsungdari webmaster. Sebuah CMS akan membedakan content dari desain, memelihara konsistensi tampilan dan memudahkan pemanfaatan content untuk berbagai keperluan. Dengan menyimpan data di satu tempat, mengontrol hak akses dan alur kerja memperbesar kesempatan pemakai berpartisipasi dalam pengembangan website anda. - www.kyantonius.com</li></ul><p> 2. 1.2 CMS Joomla [www.joomla.org] Joomla adalah salah satu dari ratusan free CMS yang tersedia di Internet yangmemilikijumlah pengguna yang besar. Kemudahan pengaturan content, dukungan diInternet yang banyak, plugin yang melimpah; merupakan keunggulan CMS Joomla yangmembuat Joomla banyak diminati orang. Pada Joomla, setiap halaman dari webmemuat bermacam-macam block dari content, block ini disebut juga position. Andamengatur layout untuk halaman dengan sebuah template, termasuk penempatanbanyak block pada halaman web, font, warna, dan background. Lalu Andamenempatkan bermacam-macam module dalam sebuah block. Dan terakhir Andamenambahkan content dan menampilkan pada halaman utama web Anda.7.2 Struktur File dan Direktori Joomla Pada bagian ini kita belajar tentang struktur file dan direktori yang digunakanolehJoomla.Sepertikita ketahurJoomla adalahsebuah website contentmanagement yang powerfull, maka sudah pasti mempunyai banyak file dan direktori. 1.3.1 Struktur FileFile yang kita bahas adalah file-file penting yang terletak di root direktori server Joomla, yaitu : 1. Index.php, merupakan file utama untuk menampilkan halaman web Joomla.Beberapa pengaturan joomla terdapat pada file ini. Jika kita mengakses fileini, berarti kita membukahalaman depanwebsite Joomla. Misalnyawww.lintau.com/index.php. 2. Configuration.php, merupakan file yang terbentuk saat kita melakukanproses instalasi Joomla. Pada file ini terdapat pengaturan untuk koneksi kedatabase, dan pengaturan penting lainnya. Jika file ini rusak, website Joomla tidakakan berfungsi. 3. Copyright.php, file ini berisi tentang hak cipta website CMs Joomla,walaupun sebenarnya lebih tepat disebut copyleft. 4. License.php, file ini berisi informasi tentang lisensi website CMS Joomla 5. Mainbody.php, ini merupakan file pendukung yang sangat penting dalammengatur tampilan berita di website.Joomla. 6. Pathway.php, sebuah file yang berfungsi untuk menggmbarkan urutan prosesaplikasi yang ada di Joomla. 3. 7.2.1 Struktur Direktori Joomla mempunyai beberapa direktori yang mempunyai fungsi tersendiri.Setiapdirektorimempunyaisubdirektoridan file-file pendukungsesuaifungsinya. Berikut ini adalah struktur direktori Joomla.1. Administrator, ini merupakan direktori khusus administrator untuk keperluan pengelolaan website Joomla. Mulai dari proses installasi modul, komponen. Mambot, bahasasampai dengan prosesmaintenance web secara keseluruhan.2. Cache, sebuah direktori khusus yang berfungsi untuk menyimpan data sementara di computer pengguna, tujuannya adalah mempercepat proses loading web jika dibuka pada waktu lain fungsinya sama dengan memori computer.3. Components, merupakan direktori tempat menyimpan seluruh komponen yang terinstall di website Joomla.4. Editor, sebuah direktori yang berfungsi untuk menyimpan berbagai editor yang diinstall pada website Joomla.5. Help,sebuahdirektori khusus untuk menampilkanbantuan jika kita menemukan Kendala dalam menggunakan Joomla.6. Images,adalah direktori tempat menampung file-file gambar guna keperluan website Joomla.7. Includes, ini merupakan direktori pendukung bagi aplikasi joomla yang lainnya.8. Installation, direktori yang digunakan dalam proses installasi website Joomla. Jika prosesinstallasiselesai, direktori ini sebaiknya dihapus, untuk mempertimbangkan keamanan web dimasa dating.9. Language, sebuah direktori khusus untuk menampung jenis-jenis bahasa yang dapat digunakan di website yang multi bahasa.10. Mambots, sebuah direktori untuk menampung tool tambahan dari Joomla, Misalnya, mos images, mos pagebreak,dll.11. Media, sebuah direktori yang diperuntukkan untuk menyimpan dan meng- upload file-file ke dalam website Joomla, baik file gambar maupun teks.12. Modules, tempat menyimpan modul-modul yang terinstal di website Joomla.13. Templates, tempat menyimpan semua template yang terinstal di websiteJoomla. 4. 7.3 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 utam Joomla serta menampilkan beberapa komponen terkait. Secara default, Joomla telah menyediakan be berapa 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 componentmempunyaikonfigurasidi 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, dsb4. 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 pihakketiga, sehingga saat ini tersedia sampai dengan ratusan ribu module,component,mambotsdan templates, add on yangdapat didownload secara gratis diinternet,walaupun ada beberapa yang bersifat komersial. 5. 7.4 Pra Instalasi CMS Joomla2.1 Aplikasi yang Anda butuhkan 1. Paket AMP (Apache, MySQL, dan PHP) : salah satunya adalah XAMPP yang sudah terintegrasi AMP didalamnya dan menghemat resource komputer dibandingkan menginstall AMP satu-persatu. 2. CMS Joomla 1.0.10, atau juga Joomla versi terbaru 3. Notepad++, freeware untuk mengedit bahasa pemrograman. Alternatif : Wordpad, Editplus, Macromedia Dreamweaver, atau PHP editor lainnya. 4. 7zip, freeware program kompresi yang powerful. Alternatif : WinZip atau WinRar 5. Internet browser, contoh: Internet Explorer atau Opera atau Firefox. 2.2 Instalasi paket AMP (XAMPP)Instalasi paket AMP pada komputer Anda (sebelum Anda menguploadnya ke Internet)diperlukan untuk menjalankan CMS Joomla. Ikuti langkah-langkah berikut : 6. Bila firewall anda aktif, pastikanuntuk memberikan akses padaApache dan MySql agar dapat aktifFTP Server tidak dibutuhkan, jadi tidak perlu diinstal 7. Pastikan Apache dan MySQL sudah aktif (Running), kemudian buka browser anda ( internetexplorer ataupun mozila dan ketikan alamat : http://localhost/xampp/splash.php 8. 7.5 Instalasi CMS Joomla 1. Ekstrak paket Joomla[Joomla_1.0.10.zip] atau versi terbaru ke folder ( C:Program Filesxampphtdocs ) 2. Rename folder hasil ekstrasi dengan nama yang Anda inginkan, misalkan :workshop 3.Jalankan internet browser Anda, akses : localhost/workshop. Sehingga proses instalasi CMS Joomla dilakukan via internet browser. 4. Pre-installation check : pastikan setiap item ditandai warna hijau. Lalu klik Next. 5. license : Klik Next.6. step 1 :Host Name : localhostMySQL User Name : rootMySQL Password : root MySQL Database Name : workshop (terserah Anda)Klik Next. Klik OK.7. step 2 :Isi nama web Anda pada field Site name. Misalkan MegaWorkshop IE Community. Klik Next8. step 3 :Isi field Your E-mail dengan e-mail Anda dan fieldAdmin password dengan password yang Anda inginkan.Klik Next.9. step 4 :Hilangkan folder [installation] pada folder web Anda[C:Program Filesxampphtdocs workshop]10. Klik Administration untuk melihat halaman admin web. Atau denganmengakseslocalhost/workshop/administrator.11. Klik View Site untuk melihat halaman depan web baru Anda. Atau dengan mengakses localhost/workshop. 9. Keterangan :Pada CMS Joomla halaman web terbagi dua bagian yaitu halaman Backend dan Frontend. Halaman Backend adalah halaman admin yang digunakan untuk melakukan segalakonfigurasi web Anda. Akses : localhost/workshop/administratorHalaman Frontend adalah halaman yang akan tampil dan dapat dilihat oleh semua pengunjungweb Anda. Akses : localhost/workshop 10. 7.6 Manajemen Content Joomla Setelah menginstall CMS Joomla, kita dapat memulai untuk bekerja dengancontent. Versi Joomla saat ini mempunyai hirarki content yang statis : Anda harus membagicontent ke dalam tiga hirarki, tidak lebih, tidak kurang. Tiga hirarki itu adalah : Sections,Categories, dan Content.Sections seperti kontainer yang besar yang berisi semua categories. Categoriesadalah kontainer yang lebih kecil dan berisi content. Segala teks dan gambar yang tampil padahalaman web adalah content. Anda tak dapat membuat content tanpa memiliki sections dancategories.Sebagai contoh, kita akan membuat sebuah web laboratorium. Hirarkinya sebagai berikut :Section : Profil Section : ExtraCategory : Category : LaboratoriumPengumuman Asisten IT Room Study Group TaushiyahSection : KegiatanCategory : Praktikum Riset Contoh hirarki content Study Group1. Untuk mengatur segala konfigurasi web, termasuk pengubahan hirarki content, masukke halaman administrator Joomla (localhost/workshop/administrator).2. Masukkan username dan password.Klik pada menu atauMembuat Section icon untuk menambahatau mengedit sectionIni akan membawa Anda menujulayer Section Manager. 11. Klik disini untukKlik icon new untuk mengedit section yang membuat section yangada baru Secara default, Joomla sudah menginstall beberapa section (begitu juga category dan content). 1. Klik salah satu link untuk mengedit link yang ada. Misalkan link The News (News).2. Masukkan pada field Title dan Section Name : Profil.3. Klik icon Save untuk menyimpan perubahan dan kembali ke halaman Section Manager. NB : Icon Apply untuk menyimpan perubahan dan kembali ke halaman Section Editor. Icon Close untuk membatalkan perubahan.Untuk kembali ke halaman administrator awal, klik menu Home.Hasil akhir 12. A. Membuat CategoryKlik pada menu atau icon untuk menambah atau mengedit categoryIni akan membawa Anda menuju layarCategory Manager. Klik link untuk mengeditcategory yang adaKlik icon New untuk membuat category baru1. Klik icon New untuk membuat category baru. 13. 2. Masukkan pada field Title dan Category Name : Laboratorium.3. Pilih Section : Profil.4. Klik icon Save untuk menyimpan perubahan dan kembali ke halaman Category Manager.Hasil Akhir :Fungsi Tombol Pada Halaman Section dan Category Manager1. Untuk dapat menggunakan tombol-tombol di atas, terlebih dahulu memilihSection atau Category Name, dengan cara memberi centang pada(kotak check box di samping Section Name atau Category Name).2. Berikut ini fungsi dari tombol di atas : 14. Digunakan untuk membuat Section atau Category Name menjadi bisa di akses pada tampilan web. Digunakan untuk membuat Section atau Category Name menjadi tidak bisa di akses pada tampilan web. Berfungsi untuk meng-copy Section beserta Category-nya pada Section yang baru(Fungsi pada Section Manager). Berfungsi untuk meng- copy Category beserta Content Item-nya pada Category yang baru(Fungsi pada Section Manager). Digunakan untuk menghapus Section atau Category. Untuk mengedit Section atau Category yang sudah ada. Untuk membuat Section atau Category baru.Menampilkan jendela http://help.joomla.org, sebagai jendela yang memuatsegala sesuatu yang ada pada Joomla untuk membantu kita sebagaipengguna Joomla 15. B. Membuat Content ItemAda beberapa cara untuk membuat content : 1243 Anda dapat menggunakan salah satu opsi-opsiini untuk mengakses contentitems.Pada bagian ini kita akan menggunakan metode 1. Yang akan membawa kita ke layar Content ItemsManager.Klik pada Klik icon Published Kolom Reorder Tombol-tombolcontent titleagar content dapat dan Order untukuntuk mengedit, untuk mengedit terlihat oleh mengatur memindahkan,content yangpengunjung web urutan-urutan menghilangkan,ada.dan icon FrontPagecontent. dll. content.untuk menampilkan di halaman depanweb.Klik icon New untuk membuat content baru. 16. Icon Preview untuk melihat artikel yang Andabuat. 613 4 5 2 Intro Text : . Main Text : .1. Isi field Title.2. Copy contoh artikel ke Intro Textdan Main Text.3. Pilih section dan category yangdiinginkan.8 7 4. Bila content ingin ditampilkandi halaman depan webaktifkan checkbox Show onFrontpage.5. Isi field lainnya pada PublishingInfo.6. Klik pada tab Images.7. Klik icon Upload untuk memasukkan file gambardari harddisk user ke folder web. Setelah diupload,refresh halaman web untuk memasukkan daftarnya diGallery Images.8. Untuk memasukkan gambar ke content, pilihgambar pada Gallery Images. Lalu klik tandauntuk memasukkan daftarnya ke Content Images.9. Lalu klik icon insert image. Gambarakan terletak pada tulisan {mosimage}.10. Urutan gambar mengikuti urutan pada daftar ContentImages. 17. C. Mengubah tampilan content pada frontpage.1. Akses Menu mainmenu2. Pada Menu Item, klik Home.123. Ubah nilai pada field # Leading, # Intro, Columns, #Links.4. Klik icon Save 3 18. Hasil akhir: 19. 5. Pengelolaan Menu pada Joomla Menu merupakan s...</p>

Recommended

View more >