INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara...

16
Pertemuan 13 & 14: INF104: WEB DESIGN XAMPP: Joomla Dosen: Wayan Suparta, PhD

Transcript of INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara...

Page 1: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Pertemuan 13 & 14:

INF104: WEB DESIGN

XAMPP: Joomla

Dosen: Wayan Suparta, PhD

Page 2: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Introdution to Joomla

1. Joomla adalah salah satu paket cara mudah membuat website yang interaktif.

2. Gratis dan dapat didownload di http://www.joomla.org, atau dalam versi Bahasa Indonesia, http://www.id-joomla.com/

3. Paket Joomla memerlukan server lokal dan bekerja di bawah XAMPP

4. Dapat diinstall secara offline dan memiliki keunggulan fitur dan kemampuan memodifikasi website seperti module, component dan template.

Page 3: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

XAMPP: Aktifkan Apache dan MySQL

Page 5: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Cara Instalasi Joomla

1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini buat folder nama Anda (misalnya: wsuparta).

2. Ekstrak semua file dari Joomla yang didownload tersebut di folder htdocs ini.

3. Buka Browser, lalu ketik: localhost/wsuparta

4. Kemudian tekan ENTER dan secara otomatis akan membuka file: index.php di folder wsuparta/installation, lalu klik Next.

Page 6: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Hasil localhost/wsuparta

Page 7: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Konfigurasi Joomla

Page 8: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Konfigurasi nama website Anda

Page 9: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Hasil localhost/wsuparta

Biarkan kosong

Page 10: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Konfigurasi terakhir: View

Click to Install

Page 11: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Instalasi Sukses

Page 12: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Hapus Instalasi Folder

Page 13: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Memulai Joomla

Page 14: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Hasil localhost/wsuparta

Page 15: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Hasil Akhir Instalasi

https://www.codepolitan.com/cara-praktis-membuat-website-

dengan-joomla-terbaru-58a3bcc8346a7

Page 16: INF104: WEB DESIGN XAMPP: Joomlaocw.upj.ac.id/files/Handout-INF104-INF104-Pertemuan-13.pdfCara Instalasi Joomla 1. Buat folder di C:\Program Files\xampp\htdocs. Pada contoh kali ini

Membangunan Website