IMPLEMENTASI JOOMLA 3.2 CV.

BIG
PADA STUDI KASUS RE-DESAIN WEB
PT PEMBANGKIT JAWA-BALI
Alfian Akbar Pratama1
1

Jurusan Teknik Informatika, Fakultas Teknologi Industri, UPN Veteran Jawa Timur
Email: alfianpratama21@yahoo.co.id 1

Abstrak, Perkembangan

teknologi informasi yang sangat cepat memberikan kemudahan dalam

menyampaikan komunikasi. Jarak dan waktu bukan menjadi kendala lagi dalam memberikan informasi yang cepat
dan akurat. Setiap lembaga, instansi, perusahaan dan individu dapat menginformasikan dirinya dengan
menggunakan website dan ini dapat diakses oleh semua orang di dunia ini. Adapun Web Profile yang
digunakan adalah dengan menggunakan Joomla. Joomla adalah salah satu web CMS (Content Management
System) dan bersifat open source yang memungkinkan dalam membuat website dengan mudah. Dari hasil
pembahasan untuk template 1 didapatkan prosentase kevalidan 90% dan prosentase ketidakvalidan sebesar 10%.
Sedangkan dari hasil pembahasan untuk template 2 didapatkan prosentase kevalidan 80% dan prosentase
ketidakvalidan sebesar 20%.

Keywords Joomla, mysql, Website, Media Informasi, Validasi.

I. PENDAHULUAN
1.1 Latar Belakang
Perkembangan teknologi informasi yang
sangat pesat telah membuat banyak perubahan bagi
kehidupan manusia. Hal ini ditandai dengan
perkembangan teknologi berbagai perangkat keras
maupun lunak yang telah membawa dampak yang
cukup besar dalam hal penyajian informasi.
Penyajian informasi menjadi lebih cepat, lebih tepat
dan lebih akurat tanpa dibatasi oleh ruang dan
waktu. Salah satu penyajian informasi saat ini ialah
melalui media Web. Dewasa ini perkembangan
teknologi informasi yang semakin hari semakin
pesat berdampak pada perilaku informasi
kebanyakan orang, kebutuhan informasi yang lebih
cepat dan murah tentunya menuntut para pemberi
informasi untuk memiliki sebuah media online,
dimana informasi yang disajikan bisa dengan
mudah dan cepat di dapatkan oleh konsumen
informasi.
Website dapat dikatakan baik jika suatu
website memiliki konten atau informasi yang selalu
diperbaharui. Selain informasi yang selalu
diperbaharui dan memiliki tampilan yang menarik,

hal lainnya yang harus diperhatikan yaitu website

tersebut dapat diakses dengan mudah oleh
pengguna dan berbagai device yang digunakan.
Selain itu juga, jika pengguna mencari suatu
informasi dengan menggunakan mesin pencari,
akan lebih mudah mesin pencari tersebut
melakukan pencarian informasi yang terdapat pada
website tersebut.
Joomla
merupakan
sebuah
Content
Management System yang digunakan untuk
mengatur dan memelihara isi web. Dalam CMS
Joomla dikenal suatu konsep yaitu, konsep Frontend dan konsep Back-end. Front-end merupakan
tampilan website yang akan dilihat oleh publik atau
pengunjung sedangkan back-end merupakan
tampilan website yang akan dilihat oleh
administrator. Pengaturan tampilan pada CMS
Joomla diatur oleh template.
Template berfungsi untuk mengatur tata
letak, pewarnaan, jenis huruf dan lainnya pada
joomla secara keseluruhan, juga merupakan bagian
yang mengatur dan mengendalikan tampilan pada
joomla. Dengan menggunakan template akan lebih
mudah dalam merubah tampilan joomla secara

keseluruhan, dan perubahan yang terjadi dapat

langsung dilihat.
Oleh karena itu Praktek Kerja Lapangan
(PKL) kami mencoba memberikan perubahan
dalam tampilan dari suatu website. Sehingga dapat
menghasilkan suatu tampilan yang lebih menarik,
efisien, serta interaktif bagi penggunanya.

2.2 PHP
PHP (Hipertext Processor) merupakan
bahasa pemrograman berbasis web yang digunakan
untuk membuat halaman website secara dinamis.
PHP dapat dipakai pada berbagai macam aplikasi
dari yang sederhana sampai dengan aplikasi yang
kompleks, (andre, 2012).

1.2 Rumusan Masalah

Berdasarkan penjelasan di atas, maka dapat
dibuat suatu perumusan masalah, yaitu:
a. Bagaimana mengimplementasikan Joomla 3
pada web profile PT PJB ?
b. Bagaimana pengelolaan administrator pada PT
PJB ?

2.3 Xampp Web Server

XAMPP merupakan singkatan dari X
(empat sistem operasi apapun), Apache, MySQL,
PHP dan Perl. XAMPP merupakan tool yang
menyediakan paket perangkat lunak ke dalam satu
aplikasi.
Apache merupakan web server yang
digunakan untuk melayani dan memfungsikan situs
web. Apache bersifat open source, artinya setiap
orang boleh menggunakannya, mengambil atau
bahkan mengubah kode programnya.

1.3 Batasan Masalah

Ruang lingkup permasalahan dalam pengerjaan
redesain website berbasis Joomla, jadi laporan
Praktek Kerja Lapang ini tidak membahas :
a. Perancangan web menggunakan Joomla CMS
dengan versi 3.2
b. Proses monitoring dan perawatan website.
c. Perancangan database akan menggunakan My
SQL versi 5.5.32.
d. Proses upload data website ke dalam hosting.

2.4 Power Designer

Power Designer merupakan tool pemodelan
yang dikeluarkan oleh Sybase untuk membangun
sebuah siste informasi yang cepat, terstruktur dan
efektif.
Power Designer mendukung beberapa pemodelan
sebagai berikut :
II. TINJAUAN PUSTAKA
1. Requireusiness Process
Pada bab ini akan dibahas beberapa teori 2. XML Modelling
dasar untuk menunjang proses penyelesaian huruf- 3. Application Modelling dengan UML
4. Information Liquidity Modelling
huruf Dokumen
5. Integrated Modelling
2.1 Website
Website adalah sejumlah halaman web yang
memuat topik baik berupa text, gambar, video dan
lain sebagainya. Website memiliki beberapa
kegunaan yang diantaranya adalah sebagai berikut :
1) Sebagai Media Promosi pada sebuah perusahaan,
organisasi atau institusi.
2) Sebagai Media Pemasaran, pada media ini yang
lebih ditekankan adalah Online Shop.
3) Sebagai Media Informasi, dimana suatu website
dapat menyebarkan berbagai informasi dalam
bentuk tulisan ataupun gambar.
Website terbagi menjadi 2 jenis yaitu Website Statis
dan Website Dinamis.

2.5 Teori Validasi

Validasi atau validitas mengukur sejauh mana
perbedaan
skor
mencerminkan
perbedaan
sebenarnya antar individu, kelompok, atau situasi
menyangkut karakteristik yang akan diukur, atau
kesalahan sebenarnya pada individu atau kelompok
yang sama dari satu situasi ke situasi yang lain.
Dengan kata lain validitas adalah suatu ukuran yang
menunjukkan tingkat kevalidan atau kesahihan
suatu instrument. Suatu instrument dikatakan atau
dianggap valid apabila mampu mengukur apa yang
diinginkan. Dengan kata lain, mampu memperoleh
data yang tepat dari variable yang diteliti.
(Parlika Rizky, 2014)

III.

METODE PRAKTEK KERJA LAPANAGAN

Pembuatan praktek kerja lapangan ini terbagi
menjadi beberapa tahapan sebagai berikut:
a. Studi literatur
Pada tahap ini di lakukan pengumpulan
dokumen dokumen serta referensi untuk redesain
website company profile.
b. Analisa dan perancangan aplikasi
Dari hasil studi literatur akan dibuat deskripsi
umum mengenai perancangan dari aplikasi yang
akan dibuat serta dilakukan analisa kebutuhan
sistem. Selain itu juga dilakukan perancangan awal
sistem yang akan dibuat.
c. Pembuatan Aplikasi
Pada tahap ini merupakan tahap dari
pembuatan aplikasi yang telah dirancang
sebelumnya menggunakan CMS Joomla 3.0, untuk
web server menggunakan XAMMP versi 1.8.2
dengan Apache versi 2.4.7 dan PHP versi 5.4.25.
Untuk php editornya menggunakan notepad++.
d. Uji coba dan evaluasi aplikasi
Pada tahap ini akan dilakukan uji coba terhadap
aplikasi yang telah dibuat, dan dilakukan evaluasi
untuk kelayakan penggunaan aplikasi ini.
e. Penyusunan Buku Praktek Kerja Lapangan
Pada tahap akhir ini dilakukan penyusunan
laporan Praktek Kerja Lapangan. Buku ini disusun
sebagai laporan keseluruhan penyusunan Praktek
Kerja Lapangan

Browser
Pesan kesalahan url

Ketik Url

Tidak ditemukan

www.ptpjb.com

Home
User klik Profil
Tampilkan halaman Profil
User klik Tata Kelola
Tampilkan halaman Tata Kelola
User klik Report
Tampilkan halaman Report
User klik Procurement

Tampilkan halaman Procurement

User klik CSR

Tampilkan halaman CSR

User klik Galeri

Tampilkan halaman Galeri

User klik Forum

Tampilkan halaman Forum

Profil

Tata Kelola

Report

Procurement

CSR

Galeri

User klik back

Tampilkan home
User klik back
Tampilkan home
User klik back
Tampilkan home
User klik back
Tampilkan home
User klik back

Tampilkan home
User klik back

Tampilkan home
User klik back

Forum

Tampilkan home

Gambar 2.1 Rancangan STD

Pada gambar 2.1 menjelaskan tentang STD FrontEnd Template pada sistem informasi PT PJB. Pada
State Transition Diagram Front End digunakan
untuk menampilkan halaman utama website PT.
Pembangkitan Jawa Bali. User memasukkan alamat
website dan apabila terdapat kesalahan dalam
penulisan alamat website maka sistem akan
memberikan notifikasi kesalahan dan ulangi
penulisan alamat situs pada internet browser.
Setelah masuk ke halaman utama website
Pembangkitan Jawa Bali, user dapat memilih menumenu yang terdapat pada homepage seperti menu
profil, tata kelola, report, procurement, csr, galeri,
forum.

1.2 Rancangan Database

1.1 Data Flow Diagram
Dalam sub bab ini akan menjelaskan rancangan dari
DFD menjelaskan gambaran umum tabel database untuk website ini yaitu
mengenai sistem dan entitas eksternal yang menggunakan CDM dan PDM.
berinteraksi dengan sistem serta arah informasi
1. Conseptual Data Model ( CDM )
yang masuk dan keluaran pada entitas dengan
Merupakan konsep dasar dalam pembuatan
sistem. Pada DFD ini terdapat 2 entitas yang terlibat
desain database, dimana Conseptual Data
dengan sistem
yaitu Super Users dan
Model (CDM) memodelkan struktur logis dari
User/Pengunjung
keseluruhan aplikasi data ini, tidak tergantung
3.2 State Transition Diagram
pada software atau pertimbangan
model
State Transition Diagram (STD) merupakan
struktur data. CDM yang valid dapat di
suatu diagram yang mendeskripsikan status sistem
konversi ke PDM atau OOM. Dalam
berdasarkan definisi satu bagian dari keadaan
perencanaan system ini telah terbentuk CDM
sistem. Pada tampilan depan dari website PT.
yang merupakan lanjutan dari pembuatan
Pembangkitan Jawa Bali (PT. PJB) dirancang
desain dengan menggunakan symbol entity.
sedemikian rupa dan Konsisten pada setiap
pergantian halamannya.

2. Physical Data Model ( PDM )

Merupakan penjabaran lebih lanjut terhadap
conceptual data model dan merupakan
deskripsi terhadap data yanng lebih mengarah
kepada database engine yang akan dipakai.
PDM merupakan hasil generate dari CDM
yang sudah valid.
IV.

2. Halaman BOD Line

Pada halaman BOD Line menjelaskan tentang
Profil dari Direktur Utama PT PJB dan
penjelasan singkat dari Direktur Utama.

HASIL DAN PEMBAHASAN

Bab ini akan menjelaskan hasil dan pembahasan

yang didapat dari perancangan dan pembuatan
website PT Pembangkit Jawa-Bali.
4.2 Implementasi Antarmuka User Umum
Halaman ini adalah halaman interface yang
ditampilkan pada website, dimana semua
pengunjung (user) dapat mengakses dan melihat
informasi yang ditampilkan pada website tersebut.
Selain itu pengunjung (user) dapat memberi
komentar, kritik dan saran dengan memanfaatkan
kontak kami dan forum. Implementasi antarmuka
user umum yang terdiri dari Implementasi
antarmuka user umum PT PJB.
1. Halaman Home
Pada halaman Home terdapat informasi
mengenai PT PJB dan 6 unit pembangkitan.
Kemudian, terdapat informasi mengenai CSR,
Flash News & Event, dan Berita Media. Selain
itu, terdapat Facebook Fans Page Like Box
yang langsung terintegrasi dengan akun PT
PJB di Facebook.

Gambar 4.2 Halaman Menu BOD Line

Gambar 4.2 merupakan tampilan halaman
BOD Line.
3. Halaman Diklat Tata Kelola Pembangkitan
Pada
halaman
Diklat
Tata
Kelola
Pembangkitan ini menjelaskan tentang tujuan
diadakannya layanan lembaga pendidikan

bidang pembangkitan yang dimiliki oleh

PT PJB.

Gambar 4.3 Halaman Menu Tata Kelola

Gambar 4.3 merupakan tampilan halaman
menu Diklat Tata Kelola Pembangkitan.
4. Halaman Download
Pada halaman Download ini berisi beberapa
data yang diantaranya terdiri dari Video Profil
PJB, Profil Perusahaan, dan Corporate Identity
yang dapat didownload oleh user.

Gambar 4.1 Halaman Home

Gambar 4.1 merupakan tampilan halaman
utama dari template.

Gambar 4.5 ini merupakan tampilan halaman

menu Tentang Kami.
V. PENUTUP

Gambar 4.4 Halaman Download

Gambar 4.4 merupakan tampilan halaman
Download.
5. Halaman Procurement
Halaman ini menjelaskan tentang informasi
kegiatan yang dilakukan oleh perusahaan
dalam mewujudkan pengadaan, baik barang,
peralatan dan mesin-mesin maupun bangunan
atau konstruksi maupun perbaikan atau
perawatan atas aset yang dimiliki.

Gambar 4.5 Halaman Procurement

Gambar 4.5 merupakan tampilan halaman
menu procurement
6. Halaman Tentang Kami
Pada halaman Tentang Kami ini menjelaskan
tentang sejarah singkat berdirinya PJB, visi
dan misi PJB, dan tujuan didirikannya PJB.

Gambar 4.6 Halaman Menu Tentang Kami

5.1 Kesimpulan
Dari uraian di atas, diperoleh suatu
kesimpulan mengenai laporan Praktek Kerja
Lapang ini, antara lain sebagai berikut :
a. Profile website ini memudahkan PT PJB
dalam menyampaikan berbagai macam
informasi yang terdapat pada setiap
menunya.
b. Profile website ini mampu mengatasi
masalah
komunikasi,
antara
pihak
perusahaan dengan masyarakat melalui form
komentar pada setiap artikel yang di posting,
forum diskusi, dan chat via Yahoo
Messenger dengan admin.
c. Dari pengukuran hasil Validitas pada
pembahasan
sebelumnya
didapatkan
presentase kevalidan 90% dan prosentase
ketidakvalidan sebesar 10% pada Template
PT PJB 1, lalu pada template PT PJB 2
didapatkan hasil presentase kevalidan
sebesar 80% dan presentase ketidak validan
sebesar 20%.
5.2 Saran
Dari hasil penulisan laporan Praktek Kerja
Lapang ini, penulis berusaha memberikan
beberapa saran yang sifatnya membangun,
antara lain sebagi berikut:
1. Diharapkan agar para admin pengelola
profil website ini dengan penuh tanggung
jawab dan tidak pernah menganggap
remeh setiap detailnya, karena website ini
adalah representasi nyata perusahaan
tersebut, dan bila ada pergantian admin
baru diharapkan untuk berlatih website
perusahaan tersebut secara offline dahulu.
2. Diharapkan semua pihak secara proaktif
mengikuti setiap perkembangan terbaru
terkait Joomla dan setiap extensionsnya.
3. Untuk menunjang kemajuan informasi
pada
website,
kedepannya
dapat
dikembangkan dengan memanfaatkan
adanya sms gateway sebagai media
broadcast promosi, penyebaran konten

n-website-dinamis-dan-website-statis/ yang direkam

produk/jasa dan lain-lain. Tidak hanya
pada 25 Oktober 2014 21:55 WIB.
menggunakan
sms
gateway,
[2] Wibisono, Arief. (2014). Memahami Joomla
menggunakan media sosial lain seperti
Extension.
[online].
Tersedia
Whatsapp Gateway maupun Blackberry
http://metadesain.com/website-joomla/memahamiMessenger Gateway diharapkan mampu
joomla-extension yang direkam pada 25 Oktober 2014
22:45 WIB.
menjadikan website PTPJB menjadi lebih
[3]
(2012) Pengertian Xampp, php, mysql dan phpmyadmin.
multifungsi.

REFERENSI
[1] Subki, Ahmed. (2013). Pengertian website dinamis dan
website
statis.
[online].
Tersedia
http://ahmedsubkhi.wordpress.com/2013/03/21/pengertia

[Online]. Avaible: http://www.id.wikipedia.org/wiki

/XAMPP
[4] Parlika, Risky, Pengukuran Atribut-atribut Pendukung
Pendidikan dan Pengajaran di Lingkungan Jurusan
Teknik Informatika, Fakultas Teknologi Industri, UPN
VETERAN Jawa Timur. 9 (1), 8 halaman, 2014.