Membangun Personal Web Dengan XAMPP Dan Joomla 15
Membangun Personal Web Dengan XAMPP Dan Joomla 15
5
Harindra Wisnu Pradhana (L2F004481)
Teknik Elektro Universitas Diponegoro
harindrawisnu@gmail.com, harindrawisnu@yahoo.com
Sebuah website pribadi merupakan satu hal yang telah umum dikenal di masyarakat. Baik berupa blog,
profile, maupun galeri foto. Berbagai layanan tersedia di internet untuk menyimpan data-data pribadi tadi. Mulai
dari layanan CMS seperti wordpress, joomla dan drupal, hingga layanan komunitas semacam friendster dan facebook
dengan berbagai fitur yang ada. Sebenarnya kita dapat mengembangkan web pribadi semacam ini dengan
menggunakan Content Management System (CMS). Dengan aplikasi gratisan yang bisa kita dapatkan di internet, kita
bisa membangun server kita sendiri dan mengembangkan sebuah web pribadi.
1. Installasi Server
Sebuah PC atau Laptop dapat kita jadikan
sebagai web server. Disini akan dibahas installasi web
server dengan fasilitas Apache 2, PHP 5, dan MySQL 5.
Installasi dilakukan menggunakan sistem operasi
Windows dan Linux menggunakan paket web server
xampp. Paket ini digunakan karena kemudahan installasi
di kedua sistem operasi tersebut. Serta kelengkapan
servis yang disediakan.
start Start XAMPP (Apache, MySQL and
eventually others)
startapache Start only Apache
startssl Start only SSL support
startmysql Start only MySQL
startftp Start only ProFTPD
stop Stop XAMPP (Apache, MySQL and
Gambar 3 Tampilan halaman web server eventually others)
stopapache Stop only Apache
stopssl Stop only SSL support
1.2 XAMPP for Linux
stopmysql Stop only MySQL
Implementasi pada sistem berbeda memerlukan stopftp Stop only ProFTPD
konfigurasi yang berbeda pula. Demikian halnya dengan
XAMPP for Linux yang dapat di download melalui reload Reload XAMPP (Apache, MySQL
alamat http://www.apachefriends.org/en/xampp- and eventually others)
linux.html proses konfigurasi selanjutnya adalah dengan reloadapache Reload only Apache
memindahkan paket file yang telah kita download tadi ke reloadmysql Reload only MySQL
direktori /opt/ tentunya dengan akses sebagai root. reloadftp Reload only ProFTPD
Perintahnya dapat dilakukan dengan mengetikkan senarai
berikut pada terminal. Misal lokasi awal file pada /home/ restart Stop and start XAMPP
user/xampp-linux-1.6.5a.tar.gz security Check XAMPP's security
php5 Activate PHP5
$ sudo su
php4 Activate PHP4
# cp /home/user/xampp
phpstatus Which version of PHP is
linux1.6.5a.tar.gz /opt/
active?
lalu kita ekstrak file tersebut dengan mengetikkan backup Make backup file of your XAMPP
perintah dibawah ini tetap sebagai root config, log and data files
panel Starts graphical XAMPP control
# tar xvfz /opt/xampplinux1.6.5a.tar.gz panel
1.3 PhpMyAdmin
phpMyAdmin merupakan aplikasi pengendali
basis data berbasis web yang akan membantu kita dalam
melakukan manajemen basis data. Mulai dari manajemen
user, database, juga tabel-tabel serta record yang ada.
Kita coba gunakan aplikasi ini untuk mempersiapkan
Gambar 4 Tampilan hasil ekstrak XAMPP for Linux user dan database baru untuk situs kita. Pertama kita
akses aplikasi ini melalui link
Nantinya sistem akan membuat direktori baru http://localhost/phpmyadmin yang nantinya akan
bernama lampp di dalam direktori /opt. Disinilah memunculkan halaman sebagai berikut.
nantinya semua folder dan file dari webserver kita
diletakkan. Kita dapat langsung memulai servis web dan
MySQL dengan mengetikkan perintah berikut pada
terminal.
# /opt/lampp/lampp start
(a)
(a)
(b)
Gambar 17 Tampilan section manager (a) dan category
manager (b)
4. Penutup
Joomla merupakan CMS yang open source, kita bisa
mengubah dan mengganti isinya sesuai keinginan kita.
Selain itu banyak sekali dukungan dari internet yang bisa
kita dapatkan berkenaan dengan joomla baik itu forum
untuk menjawab pertanyaan-pertanyaan kita, hingga
dukungan komponen-komponen joomla yang bisa kita
Gambar 25 Tipe-tipe modul dapatkan dari internet baik itu berupa template, plugin,
modul, dan lain-lain. Penulis menyarankan beberapa situs
Tipe-tipe itu antara lain adalah: untuk dikunjungi diantaranya adalah sebagai berikut.
➢Archived Content : Daftar Konten yang tersimpan ✔ http://help.joomla.org
pada situs ✔ http://forum.joomla.org
➢Banner : Banner atau iklan. ✔ http://dev.joomla.org
➢Breadcrumbs : Lokasi pengunjung saat ini pada ✔ http://extensions.joomla.org
situs. Selain itu kreatifitas pengembang perlu diberdayakan
➢Custom HTML : Modul dengan script yang bisa untuk menciptakan suatu situs yang menarik dan
kita isi sendiri. dinamis.
➢Feed Display : Feeder untuk menampilkan Penulis sangat mengharapkan kritik dan saran dari
membaca isi situs melalui situs lain maupun feed pembaca untuk kemajuan tulisan-tulisan selanjutnya, atau
reader lain. revisi tulisan ini bila diperlukan.
➢Footer : Bagian bawah situs, biasa berisi
copyright dan identitas pemilik serta pengembang Daftar Pustaka
situs.
➢ImageSlideShow : Penampil gambar secara acak Graf, Hagen, Building Websites with Joomla! 1.5,
yang bergantian berupa slide dari satu gambar ke PACKT Publishing, 2008.
gambar lain. Wisnu, Harindra, Dasar-Dasar Web Design dengan PHP
➢Latest News : Berita terbaru pada situs. dan MySQL, Teknik Elektro Universitas Diponegoro,
➢Login : Form login, lengkap dengan 2006.
menu registrasi. ______, Aplikasi Program PHP & MySQL untuk
➢Menu : Menu baru. Membuat Website Interaktif, Penerbit Andi, 2004
➢Most Read Content : Daftar konten atau isi situs
yang paling sering dibaca. Harindra Wisnu P
➢Newsflash : Tampilan satu kategori tertentu ( L2F004481 )
yang dijadikan sekilas info atau news flash pada situs. Dilahirkan di Blora 21 tahun
➢Poll : Pemilihan polling, serta menu yang lalu. Berbekal pendidikan
untuk melihat hasilnya. dasar dan menengah pertama di
➢Random Image : Penampilan gambar secara acak Blora, lalu melanjutkan
dari suatu folder yang ada pada situs. Berubah bila kita pendidikan tingkat atas di
berpindah halaman. semarang. Sejak tahun 2004
➢Related Articles : Artikel-artikel yang berhubungan. hingga kini sedang menempuh
➢Search : Modul pencarian dari artikel yang program strata 1 di Teknik
ada pada situs. Elektro Universitas Diponegoro
➢Sections : Menu section yang ada pada situs dengan bidang konsentrasi
untuk melihat artikel apa saja yang ditulis pada section Informatika dan Komputer. Aktif
tersebut. di berbagai kegiatan dan komunitas terutama di bidang
➢Statistics : Statistik pengunjung situs. teknologi informasi.
➢Syndicate : Konetifitas situs dengan situs-
situs lain yang saling berhubungan.
➢Who's Online : Daftar pengunjung yang sedang Semarang, 13 Juni 2008