Cara membuat Web Sederhana Dengan Joomla

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)

“Membuat Web sederhana dengan Joomla”
Taufik Adi Sanjaya
Website penulis : http://pembuatwebdanblog.web.id
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.

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.
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


Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

1

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)

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
Keyboard sehingga muncul sebagai berikut:

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

2

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)
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.

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 :

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

3

Mencapai sebuah keberhasilan adalah hal yang

menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)

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 :

Gambar 8. Folder tempat Ektraksi (Folder Web_Joomla)
e. Setelah menekan tombol OK pada gambar 8 di atas, akan muncul gambar
sebagai berikut:

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

4

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai

keberhasilannya (Taufik Adi Sanjaya)

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 :

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:

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

5

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)

Gambar 11. Halaman Awal Proses Intalasi Joomla
b. Pada gambar 11 di atas, silakan pilih EnUS-EnglishUS lalu tekan tombol
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 :

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

6

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)

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

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)

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

7

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)
5

Database Name

web_joomla


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

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

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

Belajar Web dengan Joomla (atau terserah

8

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)
anda)

2

Your E-mail

Isi dengan alamat e-mail anda

3

Admin Password

Isi dengan password yang ingin anda gunakan

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:

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

9

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)
Gambar 18. Finish
j. Walaupun sudah sampai pada langkah Finish masih harus dilakukan
penghapusan folder dengan nama Instalation yang terdapat pada folder
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 :

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

10

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)

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.
(Langkah‐langkahnya administrasi back end akan saya sampaikan pada tulisan 
saya yang selanjutnya ☺ maaf ya…) 

Penutup
Semoga bermanfaat dan Selamat Berkarya.
Silakan baca tulisan saya di IlmuKomputer.com sebagai berikut:

1.
“Akses SMS dengan Delphi 7: Kirim dan terima SMS di Hand Phone
Nokia dengan Mudah menggunakan komponen Oxygen SMS pada Delphi7.0”
2.
“Akses SMS dengan Delphi 7: Membuat SMS Broadcaster dengan Delphi
7.0 menggunakan komponen oxygen SMS”
3.
“Mengakses database Access dengan Delphi 7.0”
“Membuat report pada Delphi 7.0 menggunakan komponen Rave Report”
4.

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

11

Mencapai sebuah keberhasilan adalah hal yang
menyenangkan, namun lebih menyenangkan lagi jika kita
mampu menjadikan banyak orang lain mencapai
keberhasilannya (Taufik Adi Sanjaya)
5.
“Mengakses port parallel PC dengan Delphi 7.0 menggunakan komponen
Small Port”
6.
“Cara Instalasi komponen Oxygen SMS pada Delphi 7.0”
7.
“Cara Instalasi komponen Small Port pada Delphi 7.0”
8.
“Instalisasi Sui Pack Pada Delphi 7.0”
9.
“Mempercantik tampilan Program yag dibuat dengan Delphi 7.0
menggunakan Komponen Suipack”
10.
“Membuat Web sederhana dengan Joomla”
11.
“Membuat Dialog Killer dengan Delphi 7”

Referensi
Hamzah, Muhammad Kholil. xxxx. Installasi AuraCms dengan Xampp versi 1.5.4
www. Ilmu-komputer.org

Biografi Penulis
Taufik Adi Sanjaya. Numpang lahir di Garut, Jawa Barat. Dibesarkan di Kulon Progo. Saat ini
tinggal di Bantul. sedang dalam proses menyelesaikan S1 Jurusan Pendidikan Teknik Elektro
Universitas Negeri Yogyakarta. Konsentrasi Study yang diambil adalah Kendali Industri.
Kegiatan yang dilakukan saat ini adalah bermain-main dengan bahasa Pemrograman Delphi
(khususnya Akses Port Paralel PC, Database dan Reporting, Akses SMS pada HP) Pernah juga
sedikit belajar tentang Visual Basic, serta bahasa C. serta sedikit belajar pengembangan web
sederhana dengan Joomla (Open Source) Hobi menulis artikel singkat, membaca buku.

Identitas lengkap penulis dapat dilihat di http://pembuatwebdanblog.web.id

Email : taufiksanjaya@yahoo.com
atau facebook : taufikadi@yahoo.co.id

Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com

12