1 Practical Web Development Using CMS (Joomla) PPLH IPB Kamis, 22 Maret 2007 Frans Rudolf. B 1.

Presentasi berjudul: "1 Practical Web Development Using CMS (Joomla) PPLH IPB Kamis, 22 Maret 2007 Frans Rudolf. B 1."— Transcript presentasi:

1 1 Practical Web Development Using CMS (Joomla) PPLH IPB Kamis, 22 Maret 2007 Frans Rudolf. B 1

2 2 Content Management System Merupakan piranti lunak (software)piranti lunak Memungkinkan seseorang untuk menambahkan dan/atau memanipulasi (mengubah) isi dari suatu situs Web Terdiri dari dua elemen: aplikasi manajemen isi (Content Management Application, [CMA]) aplikasi pengiriman isi (content delivery application [CDA]).

3 3 Jenis CMS CMS Komersial Dibuat dan dikembangkan oleh perusahaan- perusahaan software yang menjalankan usahanya dengan motif mencari keuntungan CMS Open Source Dibuat dan dikembangkan oleh sekelompok orang atau perusahaan yang intinya memberikan sebuah alternatif murah dan terjangkau kepada para pengguna. Tersedia secara gratis dan dapat dipergunakan sesuai dengan kebutuhan tanpa ada batasan.

4 4 Pemanfaatan CMS Mengelola website pribadi. Mengelola website perusahaan/bisnis. Portal atau website komunitas. Galeri foto. Forum. Aplikasi E-Commerce. Dan lain-lain.

5 5 Teknologi CMS Mamboo, Joomla, Aspnuke, Postnuke (Portal) Wordpress (blog) phpBB, vBulletin (forum). Coppermine (image galery) http://www.opensourcecms.com/

6 6 Joomla Salah satu CMS yang Gratis (Portal) Dikembangkan oleh "Pengembang Inti Mambo hingga Agustus 2005" 3 elemen dasar, yaitu server web (webserver), server web skrip PHP danPHP basisdata MySQLMySQL

7 7 Sejarah Joomla Pada tanggal 17 September 2005, direlease Joomla versi 1.0.0. Versi ini merupakan versi alias dari Mambo versi 4.5.3 Situs Resmi : http://www.joomla.orghttp://www.joomla.org

8 8 Struktur Joomla (1) Front End and Back End Configuration Settings Access Rights (Hak Akses Penguna) Content

9 9 Struktur Joomla (2) Front End and Back End Front End(Depan, yang kelihatan) Back End(Belakang, Pemproses untuk menghasilkan bagian depan)

10 10 Struktur Joomla (3) Configuration Settings Setingan untuk seluruh web site dapat secara detail di lihat pada setting konfigurasi. Yang termasuk didalamnya informasi situs, authentikasi penggunaan website, mengatur hak permission dari pengguna, dan banyak fungsi lainnya

11 11 Struktur Joomla (4) Access Rights (Hak Akses Penguna) username yang diberikan ke pengguna memiliki hak akses yang berbeda, ini dimulai dari registrasi sederhana apakah pengguna tersebut sebagai author, editor, sampai super- administrator yang punya hak akses penuh terhadap web site tersebut, Oleh karena itu tampilan dan fungsi dari tiap-tiap pengguna juga berbeda.

12 12 Struktur Joomla (5) Content Joomla menangani berbagai bentuk isi, sebagai contoh “text”, tetapi kadangkala isi dari sebuah website tidak hanya text juga tetapi terdiri atas gambar, link, beberapa suara, atau kombinasi antara kesemuanya.

13 13 Instalasi Joomla Siapkan komputer yang sudah terinstalasi web server. WAMP (Windows Apache MySql PHP) (www.wampserver.com) XAMPP (www.apachefriends.org)www.apachefriends.org File Joomla yang dapat di download www.joomla.org

14 14 Langkah-langkah Instalasi Joomla (1) Jalankan web server yang sudah diinstall Download file Joomla Ekstrak file tersebut menggunakan winrar atau winzip

15 15 Langkah-langkah Instalasi Joomla (2) Copy Folder hasil ekstrak tersebut ke root direktori wamp yang secara default berada pada c:\wamp\www\ Untuk mempermudah dalam pengetikan pada URL, ubah nama folder menjadi nama yang singkat dan gampang mis:joomla, pplh

16 16 Langkah-langkah Instalasi Joomla (3) Buka browser Internet Explorer, Mozzila Firefox, Opera. Ketikan pada address bar http://localhosthttp://localhost IEFirefox

17 17 Langkah-langkah Instalasi Joomla (4) Ketikan “http://localhost” pada address Klik folder joomla untuk memulai instalasi

18 18 Langkah-langkah….. (5) Pre-installation check Pastikan semua persyaratan instalasi terpenuhi dengan tanda warna hijau pada tulisan, klik tombol next untuk melanjutkan

19 19 Langkah-langkah….. (6) License Perjanjian GNU/GPL penggunaan joomla

20 20 Langkah-langkah….. (7) Step 1. MySQL database configuration Sebelum masuk pada step 1 Buat database menggunakan phpmyadmin, yang sudah terinstall pada saat instalasi wamp Pada address browser ketik http://localhost/phpmyadmin/ http://localhost/phpmyadmin/ Buat database dengan cara :

21 21 Langkah-langkah….. (7.1) Step 1. MySQL database configuration Catatan: password disini disi kosong karena secara default wamp memberikan password kosong pada mysql. Jika database mysql mempunyai password,ketikan ke mysql password

22 22 Langkah-langkah….. (8) Step 2. Enter the name of your Joomla Isi nama situs sesuai dengan isi web nantinya

23 23 Langkah-langkah….. (9) Step 3. Confirm the site URL, path, admin e-mail and file/directory chmods

24 24 Langkah-langkah….. (10) Step 4. Congratulations! Joomla! is installed Setelah semua selesai hapus folder instalasi yang ada pada joomla

25 25 Langkah-langkah….. (11) Menghapus Folder Instalasi Hapus Folder “installation”

26 26 Joomla Site View Site

27 27 Joomla Admin Site