IMPLEMENTASI JOOMLA 3.2 CV. BIG PADA STUDI KASUS RE-DESAIN WEB PT PEMBANGKIT JAWA-BALI Alfian Akbar Pratama 1 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. 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? 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. II. TINJAUAN PUSTAKA Pada bab ini akan dibahas beberapa teori dasar untuk menunjang proses penyelesaian hurufhuruf Dokumen 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.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). 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. 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 : 1. Requireusiness Process 2. XML Modelling 3. Application Modelling dengan UML 4. Information Liquidity Modelling 5. Integrated Modelling 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 1.1 Data Flow Diagram DFD menjelaskan gambaran umum mengenai sistem dan entitas eksternal yang berinteraksi dengan sistem serta arah informasi yang masuk dan keluaran pada entitas dengan sistem. Pada DFD ini terdapat 2 entitas yang terlibat dengan sistem yaitu Super Users dan User/Pengunjung 3.2 State Transition Diagram State Transition Diagram (STD) merupakan suatu diagram yang mendeskripsikan status sistem berdasarkan definisi satu bagian dari keadaan sistem. Pada tampilan depan dari website PT. Pembangkitan Jawa Bali (PT. PJB) dirancang sedemikian rupa dan Konsisten pada setiap pergantian halamannya. Ketik Url www.ptpjb.com 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 Browser Home Profil Tata Kelola Report Procurement CSR Galeri Forum Pesan kesalahan url Tidak ditemukan Gambar 2.1 Rancangan STD Pada gambar 2.1 menjelaskan tentang STD Front- End 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 Dalam sub bab ini akan menjelaskan rancangan dari tabel database untuk website ini yaitu menggunakan CDM dan PDM. 1. Conseptual Data Model ( CDM ) Merupakan konsep dasar dalam pembuatan desain database, dimana Conseptual Data Model (CDM) memodelkan struktur logis dari keseluruhan aplikasi data ini, tidak tergantung pada software atau pertimbangan model struktur data. CDM yang valid dapat di konversi ke PDM atau OOM. Dalam perencanaan system ini telah terbentuk CDM yang merupakan lanjutan dari pembuatan desain dengan menggunakan symbol entity.
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. 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. 2. Halaman BOD Line Pada halaman BOD Line menjelaskan tentang Profil dari Direktur Utama PT PJB dan penjelasan singkat dari Direktur Utama. 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. 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 V. PENUTUP 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
produk/jasa dan lain-lain. Tidak hanya menggunakan sms gateway, menggunakan media sosial lain seperti Whatsapp Gateway maupun Blackberry Messenger Gateway diharapkan mampu menjadikan website PTPJB menjadi lebih multifungsi. REFERENSI [1] Subki, Ahmed. (2013). Pengertian website dinamis dan website statis. [online]. Tersedia http://ahmedsubkhi.wordpress.com/2013/03/21/pengertia n-website-dinamis-dan-website-statis/ yang direkam pada 25 Oktober 2014 21:55 WIB. [2] Wibisono, Arief. (2014). Memahami Joomla Extension. [online]. Tersedia http://metadesain.com/website-joomla/memahamijoomla-extension yang direkam pada 25 Oktober 2014 22:45 WIB. [3] (2012) Pengertian Xampp, php, mysql dan phpmyadmin. [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.