Membuat Situs pada CMS Joomla

Joomla adalah salah satu CMS gratis berbasi open source yang dapat
digunakan oleh siapa saja dalam membangun sebuah situs, baik untuk keperluan
pribadi maupun sebuah situs yang akan digunakan untuk tujuan komersil. Berikut
adalah cara menginstall Joomla 3.3.6 pada lokalhost komputer menggunakan
XAMPP. Hal yang harus anda persiapkan terlebih dahulu menyiapkan software
yang dibutuhkan:
1. Joomla 3.3.6 CMS, yang dapat di download secara gratis pada situs resmi
joomla http://www.joomla.org/download.html
2. XAMPP-Win32-5.6.3-0-VC11-VC11 ini merupakan XAMPP versi 2008.
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem
operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai
server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP
Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa
pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X
(empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini
tersedia dalam GNU General Public License dan bebas, merupakan web server
yang mudah digunakan yang dapat melayani tampilan halaman web yang
dinamis. XAMPP bisa diunduh di https://www.apachefriends.org/index.html
3. Internet browser (misal: Mozilla Firefox, Internet Explorer maupun Chrome),
biasanya sudah terinstal.
4. Sebuah komputer atau laptop yang akan anda gunakan sebagai host tempat
mengistal aplikasi tersebut.
Jika semua sudah terdownload dan siap digunakan, maka langkah berikutnya
adalah:
1. Menginstal XAMPP dalam komputer Anda.

http://alyssapatuguran.blogspot.com
2. Membuat Database untuk menyimpan data-data kita nantinya.
3. Menginstal Joomla, dan seterusnya

Berikut adalah langkah-langlah menginstal CMS Joomla di lokalhost:

1. Menginstal XAMPP
1. a. Menginstalasi XAMPP Wi32-5.6.3-0-VC11, dengan men-double klik Icon

tersebu
1. b. KlikOK

1. c. Klik Next

1. d. Klik Next

http://alyssapatuguran.blogspot.com
1. e. Klik Next

1. f. Klik Next

1. g. Klik Next

1. h. Biarkan sampai proses instalasi selesai

http://alyssapatuguran.blogspot.com
1. i. Klik Finish

1. j. XAMPP yang sudah diinstl aka running dengan sendirinya

http://alyssapatuguran.blogspot.com
 sampai di sini XAMPP belum bisa bekerja maksimal karena Modul Apache
belum bisa digunakan . ini dikarenakan Modul Apache bekerja pada port
80, sedangkan Port 80 tersebut sudah digunakan oleh sistem, maka kita
perlu mebubah seting konfigurasi pada XAMPP penggunaan Port 80 ke
Port lain. Yang perlu dilakukan untuk merubah konfigurasi penggunaan
Port 80 ke port lain adalah

1. k. Klik icon Config di pojok kanan atas XAMPP Control Panel v.3.2.1.
Kemudian klik tab Service and Port Setting

http://alyssapatuguran.blogspot.com
 Beri tanda centrang pada Auto start of modules
kemudian ganti Main Port dari 80 menjadi 800 dan SSL Port dari 443
menjadi 4430, lalu klik Save,
klik Save lagi
1. l. Melakukan konfigurasi pada Pada service Modul Apache
Klik Config, klik Apache (httpd.conf)

1. m. Cari Listen 80
Untuk mempercepat pencarian, tekan CTRL + F, kmudian masukan Listen
80

http://alyssapatuguran.blogspot.com
 Setelah Listen 80 ketemu, kemudian ganti:
#Listen 12.34.56.78:80 menjadi #Listen 12.34.56.78:800
Listen 80 menjadi Listen 800
1. n. Masih di httpd.conf, cari ServerName localhost:80
Untuk mempercepat pencarian, tekan CTRL + F, kmudian masukan
ServerName localhost:80
Setelah Listen 80 ketemu, kemudian ganti:
ServerName localhost:80 menjadi ServerName localhost:800
Kemudian exit dan klik Save

1. o. Cari Listen 443

Untuk mempercepat pencarian, tekan CTRL + F, kmudian masukan Listen
443
Setelah Listen 443 ketemu, kemudian ganti:

http://alyssapatuguran.blogspot.com
 Listen 443 menjadi Listen 4430
Kemudian exit dan klik Save

1. p. Selanjutnya kembali ke XAMPP Control Panel v3.2.1, kita lakukan

konfigurasi
pada modul Apache klik Config, klik Apache (httpd-ssl.conf)

1. q. Selanjutnya cari <VirtualHost _default_:443>

Untuk mempercepat pencarian, tekan CTRL + F, kmudian masukan
<VirtualHost _default_:443>
Setelah <VirtualHost _default_:443> ketemu, kemudian ganti:
<VirtualHost _default_:443> menjadi <VirtualHost _default_:4430>

http://alyssapatuguran.blogspot.com
1. r. Masih di httpd-ssl.conf, cari ServerName example.com 443
Untuk mempercepat pencarian, tekan CTRL + F, kmudian masukan
ServerName example.com 443
Setelah ServerName example.com 443 ketemu, kemudian ganti:
ServerName example.com 443 menjadi ServerName example.com 4430
Kemudian exit dan klik Save

1. s. Kembali ke kembali ke XAMPP Control Panel v3.2.1, pada modul Apache

kita klik Start, Kemudian akan muncul kotak dialog ini:

http://alyssapatuguran.blogspot.com
 beri tanda centrang (check) pada Private network, such as my home or
work network, kemudian klik Allow Access
1. t. Lakukan hal yang sama (Klik Start) pada modul MySQL, Filezilla dan
Mercury, selanjutnya. beri tanda centrang (check) pada Private network,
such as my home or work network, kemudian klik Allow Access

1. u.

1. v. Kemudian buka browser dengan mengetikan Localhost:800

(karenaLocalhost:80 sudah dipakai system)

http://alyssapatuguran.blogspot.com
 1. w. Klik English

1. x. Localhost (XAMPP) sudah bisa berfungsi

2. Menginstal Joomla
2.1. Buat Folder yang nantinya menjadi alamat blog di localhost (misal:
alyssapatuguran) pada direktori C://xampp/htdocs/

http://alyssapatuguran.blogspot.com
 2.2. Extract Joomla 3.3.6 pada foder yang baru saja di buat, yaitu

alyssapatuguran

2.3. Masukkan alam localhost:800/<nama folder > yang dibuat pada direktori
C://xampp/htdocs. (misal localhost:800/alyssapatuguran). Kemudian
akan halam instalasi Joomla

Isi site name : nama situs lokal yang akan dibuat (wajib diidi)
Description : diisi uraian singkat (atau boleh tidak diisi)
Admin Email : tulis email boleh yang aktif atau yang tidak aktif
(wajib diisi)

http://alyssapatuguran.blogspot.com
 Admin Usernam : diisi nama pengguna yang akan digunakan untuk
login
Admin Passwor : diisi dengan passwor yang akan digunakan untuk
login
Apabila sudah diisi, klik Berikutnya disisi kanan atas
2.4. Pada konfigurasi Database

Pada Nama Host, isikan root. Passwor tidak perlu diisi dan yang lain
dibiarkan saja. Kemudian klik Lanjutkan
2.5. Pada tab Ikhtisar , Klik lingkaran pada Contoh data Belajar Joomla English
(GB) atau yang lain agar pada situs lokal yang kita buat langsung terisi
artikel. Kemudian klik Pasang

http://alyssapatuguran.blogspot.com
2.6. Biarkan dan tunggu sampai selesai, Joomla sedang memasang (instal)

2.7. Joomla sudah terpasang, selanjutnya Joomla akan menginstruksi kita agar
menghapus direktori Direktori Pemasangan, Klik Direktori Pemasangan

http://alyssapatuguran.blogspot.com
2.8. Joomla sudah terpasang, selanjutnya kita dapat membuka situs, maupun
masuk ke admin. Kita masuk saja ke admin dengan meng-klik
Administrasi

2.9. Selanjutnya kita akan dibawal pada kotak login, masukan Usernam dan
password yang sudah kita isikan pada saat pengaturan Joomla di awal.

2.10. Situs sudah jadi dan sudah ada artikel di situs yang telah kita buat, sebagai
contoh kita telah membuat situs dengan nama alyssapatuguran

http://alyssapatuguran.blogspot.com
2.11. Kita juga dapat membuat artikel sendiri

http://alyssapatuguran.blogspot.com
 Demikian tutorial membuat situs CMS Joomla di lokalhost XAMPP. Mudah-
mudahan dapat menambah pengetahuan kita tentang CMS di localhost, khusunya
Joomla.

{Tutorial ini adalah rangkuman tugas kelompok yang disusun oleh Jamal
Mudiyanto, Ratri Isnaeni, dan Untung Riyanto pada matakuliah Pengantar
Teknologi Informasi STMIK Muhammadiyah Jakarta di Paguyangan
Yang mau unduh filenya silakan Di Sini }

http://alyssapatuguran.blogspot.com