Bab 2

Instalasi Joomla 3.3

pada LocalHost
SayakurangsukamendevelopedsebuahwebsiteberbasisCMSdidalam
localhost,denganalasanadaketerbatasandanjugaketikasudahselesai,
untukmigrasidarilocalhostkeserverhosting,cukuprepot.
Namunkarenabanyakpembacabukuyangmintaagarsayamembahas
mulai dari penggunaan localhost, pada buku ini saya akan memulainya
daripenggunaanlocalhosttersebut.
Anda bisa memanfaatkan pembahasan ini untuk latihan. Namun saran
saya, jika sudah masuk ke dalam pembuatan website, baik itu untuk
kebutuhan sendiri maupun kebutuhan klien, sebaiknya Anda menger
jakansecaralangsungdidalamserverhosting,karenabisamenghemat
banyakwaktudalamprosesmigrasidarilocalhostkeserversebenarnya.
Lagipulasekaranginihargaaksesinternetsudahmurah,banyaklayanan
unlimited yang dapat Anda gunakan untuk melakukan pembuatan
website secara online. Dan bagi web designer, hal ini bisa mengun
tungkan karana tidak perlu membuat laporan progres pengerjaan
kepada klien. Di mana klien bisa langsung melihat progres pengerjaan
denganmengunjungiwebsitenya.
5

2.1 Apa Itu LocalHost

Pada dasarnya localhost adalah sebuah hosting yang diinstal di dalam
komputer Anda. Fiturfitur localhost lebih sederhana jika dibandingkan
denganfiturhostingbenaran.
Di dalam buku ini, saya akan menggunakan software localhost yang
bernama XAMPP. Anda bisa mendownload softwarenya melalui
websitehttps://www.apachefriends.org.

https://www.apachefriends.org Offical XAMPP Software LocalHost Ternama

SilakandownloadsoftwaresesuaidenganOSdanversiyangdibutuhkan
untuk Joomla 3. Berikut ini spesifikasi server untuk dapat menjalankan
Joomla3.
Software

Recommended

Minimum

Moreinformation

5.4+

5.3.10+

http://www.php.net

PHP(Magic
QuotesGPC
off)[1]

Software

Recommended

Minimum

Moreinformation

5.1+

http://www.mysql.com

SupportedDatabases:
MySQL(InnoDB
support

5.1+

required)

SQLServer

10.50.1600.1+

PostgreSQL

8.3.18+

10.50.1600.
1+

http://www.microsoft.com/sql

8.3.18+

http://www.postgresql.org/

2.x+

2.x+

http://www.apache.org

Nginx

1.1

1.0

http://wiki.nginx.org/

MicrosoftIIS[5]

http://www.iis.net

SupportedWebServers:
Apache[2]
(with
mod_mysql,
mod_xml,and
mod_zlib)

Silakan donwnload versi localhost yang sesuai dengan kebutuhan

tersebut. Di dalam Bonus CD, saya sudah memberikan XAMPP yang
dapatlangsungAndapergunakanuntukbelajar.

2.2 Instalasi LocalHost

LangsungsajainstalXAMPP,baikyangadadidalamBonusCD,atauyang
Andadownloaddariwebsite.Kemudianikutiperintahyangadadidalam
layaruntukmenyelesaikanprosesinstalasi.
7


Mulai Melakukan Instalasi LocalHost

Kliktombol

Pemilihan Komponen Server untuk Diinstal ke dalam LocalHost

Kliksaja

tanpamemilihkomponen.

Plihfolder

Klik

.
.

Siap Melanjutkan Proses Instalasi

Klik

Mulai Melakukan Instalasi ke dalam Komputer

Klik

.
9


Proses Instalasi Sedang Berlangsung

Silakan tunggu sampai proses instalasi selesai, cepat atau lambatnya

prosesinstalasisangatbergantungpadaspesifikasikomputeryangAnda
gunakan.

Instalasi Sudah Selesai

Tekantombol

Mengaktifkan LocalHost
XAMPPtidaksecaradefaultaktif,sehinggaAndaharusmengaktifkannya
terlebihdahuluketikaakanmenggunakannya.
10

Masukke

Kemudianklik

.
.

Mengaktifkan LocalHost (XAMPP)

Anda akan dibawa masuk ke dalamkontrolpanel,laluaktifkan

ApachedanMySQLdengancarakliktombol

Mengaktifkan Apache dan MySQL

Andaakanmelihatwarnahijau,yangartinyabahwakomponen
tersebutsudahaktifdanberjalandidalamkomputer.
11


Komponen Sudah Aktif

Selanjutnyaketikhttp://localhostpadabrowserAnda.

Andaakandibawamasukkedalamhalamansplash,yangartinya
adalahlocalhostsudahberjalandansiapdigunakan.

Splash Page LocalHost

2.3 Membuat Database

JoomlaadalahsebuahwebsitedinamisyangberbasispemrogramanPHP
dandatabaseMySQL.Agardapatberjalansebagaimanamestinya,Anda
harus membuat database baru setiap kali akan menginstal Joomla.
Berikutinicaranya:

Ketikpadabrowserhttp://localhost/phpmyadmin.

Anda akan dibawa masuk ke dalam panel phpmyadmin untuk

membuatdatabasebaru.

12


Panel phpMyAdmin

Kliktombol
.
Kemudianakanterlihatformpembuatandatabase,masukkan
namadatabase.Misallatihandb1.

Membuat Database Baru

Selanjutnyatekantombol

DanAndasudahberhasilmembuatdatabase.

13


Berhasil Membuat Database Baru

SilakangunakancaratersebutsetiapkaliAndaakanmembuatdatabase
baru. Dan selalu gunakan database baru dan yang berbeda setiap kali
AndaakanmenginstalJoomla

2.4 Instalasi Joomla

Setelah berhasil membuat database baru, langkah selanjutnya mulai
melakukan instalasi. Untuk mendapatkan software Joomla, Anda bisa
mendownloadnyamelaluiwebsite:
http://www.joomla.org/download.html

Men-download Software Joomla - http://www.joomla.org/download.html

14

DidalamBonusCD,sayasudahmenyertakansoftwareJoomla3.3yang
dapat Anda instal untuk kebutuhan pembuatan website Joomla dalam
localhost.

A) Persiapan Sebelum Instalasi

Copy folder Joomla_3.3.0StableFull_Package yang berisi

pemrogramanJoomla.

Isi Folder Joomla_3.3.0-Stable-Full_Package, yang Berisi Pemrograman Joomla

Kedalamfolder

Berhasil Meng-copy Folder Joomla_3.3.0-Stable-Full_Package

SelanjutnyarenamefolderJoomla_3.3.0StableFull_Package
tersebutmenjadi,misallatihan1.
15


Me-rename Folder Joomla_3.3.0-Stable-Full_Package, Menjadi Folder latihan1

B) Mulai Melakukan Instalasi dengan Mengisi

Konfigurasi Situs

Selanjutnyaketikhttp://localhost/latihan1padabrowser.

AndaakanmelihathalamanuntukmelakukaninstalasiJoomla.

Halaman Instalasi Joomla

Selanjutnya isi Main Configuration, dengan data website yang

inginAndabuat.

Penting untuk bagian Admin Username dan Admin Password,

harus Anda ingat karena akan digunakan untuk login ke dalam
administratorJoomlanantinya.

16


Melakukan Konfigurasi Website

Selanjutnyatekantombol

C) Konfigurasi Database
Langkah selanjutnya melakukan konfigurasi database, di mana Anda
akanmenggunakandatabaselatihandb1yangsudahdibuatsebelumnya.

PadaDatabaseTypegunakanMySql.

PadakolomUsername,isidenganroot.

PadakolomPassword,dikosongkansaja.

PadakolomDatabaseName,isidenganlatihandb1.

Mengisi Konfigurasi Database

17

Selanjutnyakliktombol

D) Finalisasi
SelanjutnyaAndamasukkedalampenyetinganakhirdariprosesinstalasi
Joomladidalamlocalhostini.

PadakolomInstallSampleData,pilih

Memilih Sample Data

Selanjutnyatekantombol

Tunggusampaiprosesinstalasiselesai.

Berhasil Menginstal Joomla

Tinggal satu langkah terakhir sebelum website bisa diakses,

tekantombol

18

Andaakanmelihat

yang artinya proses instalasi telah selesai dan website sudah

bisadiakses.

Silakan

akses

website

Anda

dengan

mengetik

http://localhost/latihan1/padabrowser.

Website Joomla Sudah Aktif

D) Mengakses Administrator Joomla

Untukmendesaindanmengelolakontenwebsiteakandilakukanmelalui
panel administrator Joomla. Untuk mengaksesnya sangat mudah,
tambahkan/administratordibelakangnamaalamatwebsite.
Jika alamat website http://localhost/latihan1/ maka panel administra
tornyadapatdiaksesmelalui:http://localhost/latihan1/administrator/.

Form Login Administrator Joomla 3.3

19

Selanjutnya masukkan user dan password yang Anda buat

sewaktumenginstalJoomla.

Panel Administrator Joomla

20