Anda di halaman 1dari 13

Berbagi, semoga bermanfaat

Membuat Web sederhana dengan Joomla


Taufik Adi Sanjaya
Website penulis : www.adisanjaya.com


Membuat Web, bagi orang awam terkesan hal ini adalah hal yang sangat rumit. Bahkan
membutuhkan waktu belajar yang cukup lama dan melelahkan. Namun dengan
mengetahui jurus rahasia membuat web dalam sekejap dengan Joomla. Maka memuat
web tidak lagi menjadi pekerjaan yang sulit, bahkan menjadi suatu hal yang sangat
mudah, semudah membalikkan tangan.

Pendahuluan
Joomla adalah sebuah piranti pembuat web berbasis Content Mangement System
(CMS) yang penulis katakan sangat powerfull untuk membuat sebuah web dinamis
dengan content/isi yang bias di update setiap saat dengan mudah tanpa perlu melakukan
pembuatan halaman web dengan software-software pembuat website seperti
Macromedia Dreamweaver dll.


Step By Step untuk buat Web-nya.

Lisensi Dokumen:
Copyright 2003-2007 IlmuKomputer.Com
Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan
disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat
tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang
disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang,
kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.

Berbagi, semoga bermanfaat

Yuk Mulai melangkah menatap masa depan.

CATATAN BESAR : file Installer XAMPP dan Joomla 1.5
telah di lampirkan dalam tulisan ini


1. Langkah pertama adalah melakukan instalasi XAMPP (nantinya akan di gunakan
sebagai pengganti web server).
Step by stepnya adalah :
a. Double klik XAMPP Installer (cari gambar tulangnya)

Gambar 1. Installer XAMPP


b. Akan Muncul dialog Instalasi sebagai berikut :

Gambar 2. Installer Language

c. Klik OK
d. Lalu tekan tombol Next , Next, Next (dalam bahasa penulis disebut syndrome
Next).
e. Hingga muncul kotak dialog sebagai berikut :


Gambar 3. Kotak Dialog Install Xampp dengan semua Kroni-kroni nya

f. Tekan tombol Yes tunggu hingga selesai. Jika proses Instalisasi XAMPP telah
selesai coba buka Web Browser (penulis memakai Mozilla Firefox) lalu
ketikkan localhost pada addres bar Web Browser lalu tekan tombol Enter pada

Berbagi, semoga bermanfaat

Keyboard sehingga muncul sebagai berikut:


Gambar 4. Tampilan Localhost.

g. Jika muncul tampilan seperti di atas maka penulis mengucapkan SELAMAT.
Anda telah berhasil menyelesaikan langkah pertama Anda. !


Kita akan melangkah ke langkah ke dua

2. Langkah kedua adalah proses Ekstraksi Joomla Installer 1.5 yang akan
dipergunakan dalam pembuatan Website. Langkah langkahnya adalah sebagai
berikut :
a. Buka Folder Installer Joomla, dimana file Installer Joomla berbentuk *.rar.
dengan nama Joomla_1.5.20-Stable-Full_Package.rar. gambarnya adalah
sebagai berikut :


Gambar 5. Installer Joomla 1.5

b. Buat Folder baru di dalam Directory C:\xampp\htdocs dengan nama
Web_Joomla atau sesuai dengan keinginan Anda.


Berbagi, semoga bermanfaat


Gambar 6. Membuat Folder baru

c. Lakukan Ekstraksi File Installer Joomla_1.5.20-Stable-Full_Package.rar
dengan cara Klik Kanan Pada File Installer, selanjutnya pilih Extract File,
akan muncul tampilan sebagai berikut :

Gambar 7. Ektrak File Joomla Installer

d. Lalu tujukan tempat Ekstraksi File Installer Joomla ke directory
C:\xampp\htdocs\Web_Joomla akan muncul sebagai berikut :

Berbagi, semoga bermanfaat


Gambar 8. Folder tempat Ektraksi (Folder Web_Joomla)

e. Setelah menekan tombol OK pada gambar 8 di atas, akan muncul gambar
sebagai berikut:


Gambar 9. Proses Ekstraksi Joomla Installer

f. Buka Folder Web_Joomla yang di dalamnya terdapat hasil ekstraksi File
Joomla Installer. Folder tersebut terdapat di Folder
C:\xampp\htdocs\Web_Joomla
g. Anda akan menemukan tampilan sebagai berikut :

Berbagi, semoga bermanfaat


Gambar 10. Hasil Ekstraksi File Joomla Installer

Selanjutnya kita akan melangkah ke langkah selanjutnya (langkah ke
tiga)

3. Langkah ini adalah Proses Instalisasi Joomla 1.5
a. Buka Web Browser (dalam hal ini saya memaka Mozilla Firefox), lalu pada
addres bar Web Browser ketikkan Localhost/Web_Joomla lalu tekan
tombol Enter pada Keyboard sehingga akan tampil sebagai berikut:


Gambar 11. Halaman Awal Proses Intalasi Joomla
b. Pada gambar 11 di atas, silakan pilih EnUS-EnglishUS lalu tekan tombol

Berbagi, semoga bermanfaat

di pojok kanan atas web browser. Anda akan di bawa pada
halaman sebagai berikut :


Gambar 12. Pre Instalation Check

c. Tekan Tombol di pojok kanan atas (sekali lagi syndrome Next)
akan muncul halaman sebagai berikut :

Gambar 13. License

d. Tekan Tombol di pojok kanan atas (sekali lagi syndrome Next)
akan muncul halaman sebagai berikut :

Berbagi, semoga bermanfaat


Gambar 14. Database Configuration

e. Pada gambar 14 di atas masukkan nilai sebagai berikut :
No. Nama kotak isian nilai
1
Database Type MySql
2
Host Name localhost
3
Username root
4
Password (dikosongkan)
5
Database Name web_joomla
Selanjutnya Tekan Tombol di pojok kanan atas (sekali lagi
syndrome Next) akan muncul halaman sebagai berikut :


Berbagi, semoga bermanfaat


Gambar 15. FTP Configuration
f. Langsung Tekan Tombol di pojok kanan atas (sekali lagi
syndrome Next) akan muncul halaman sebagai berikut :


Gambar 16. Main Configuration

g. Pada gambar 16 di atas masukkan nilai sebagai berikut :
No. Nama kotak isian nilai
1
Site Name Belajar Web dengan Joomla (atau terserah
anda)
2
Your E-mail Isi dengan alamat e-mail anda
3
Admin Password Isi dengan password yang ingin anda gunakan

Berbagi, semoga bermanfaat

4
Confirm Admin
Password
Ulangi password anda

h. Tekan Tombol di pojok kanan atas (sekali lagi syndrome Next)
akan muncul halaman sebagai berikut :


Gambar 17. Kotak Konfirmasi tidak ada sample data

i. Klik OK pada kotak Konfirmasi yang ditampilkan pada gambar 17.
Selanjutnya anda akan di bawa pada halaman sebagai berikut:


Gambar 18. Finish

j. Walaupun sudah sampai pada langkah Finish masih harus dilakukan
penghapusan folder dengan nama Instalation yang terdapat pada folder

Berbagi, semoga bermanfaat

C:\xampp\htdocs\Web_Joomla, caranya adalah sebagai berikut:
Buka folder C:\xampp\htdocs\Web_Joomla
Cari folder yang bernama installation

Gambar 19. Folder Installation

Hapus Folder tersebut atau bisa anda ubah namanya dengan nama
yang lain semisal menjadi Installation1

Gambar 20. Ubah nama Folder Installation

k. Kembali ke halaman Web Browser pada adressbar alamat
http://localhost/Web_Joomla lalu tekan tombol Enter pada Key board .
Anda akan mendapati halaman sebagai berikut :


Berbagi, semoga bermanfaat


Gambar 21. Halaman depan Joomla

l. Jika Anda telah mendapati tampilan pada web browser anda seperti pada
gambar 21 di atas. Penulis mengucapkan Selamat atas keberhasilan Anda
Mengintall Joomla 1.5.20 pada PC Anda.

Kita akan masuk ke langkah ke empat

4. Langkah ke-empat adalah proses Administrasi Content Web diataranya adalah
Login Administrator; Administrasi Section, Category, Article; Instalisasi Template,
Intalisasi Modul.
Hal tersebut di atas adalah hal-hal mudah yang sangat membutuhkan kreativitas
dari diri anda, ingat yang anda butuhkan bukan ilmu yang terlalu mendalam, hanya
terbatas pada kreativitas anda.


Penutup

Semoga bermanfaat dan Selamat Berkarya.


Biografi Penulis
Taufik Adi Sanjaya. Numpang lahir di Garut, Jawa Barat 1988. Dibesarkan di Kulon Progo
(Sejak usia 2,5 tahun sampai 18 tahun ). Saat ini tinggal di Bantul, Daerah Istimewa Yogyakarta

Berbagi, semoga bermanfaat

(sejak 2006). Konsentrasi Study yang diambil saat kuliah adalah Kendali Industri pada Jurusan
Pendidikan Teknik Elektro Universitas Negeri Yogyakarta.
Hobby di bidang pemrograman mikrokontroler, AVR, Arduino, dan Delphi 7.0.
Melayani jasa pembuatan alat-alat berbasis mikrokontroler baik untuk perusahaan maupun
kalangan personal.


Website: www.adisanjaya.com
Blog Resmi Penulis blog.adisanjaya.com
Email : taufiksanjaya@yahoo.com