BAB 1
PENDAHULUAN
1.1 Latar Belakang
Perkembangan teknologi telah menjadi komponen yang sangat penting bagi keberhasilan suatu instansi maupun organisasi baik swasta maupun negri. Teknologi informasi, termasuk website, memainkan peranan penting dalam suatu instansi sebagai media informasi, dan teknologi informasi juga dapat membantu meningkatkan efisiensi dan efektivitas proses kolektifitas instansi.
Puslitbang Air adalah instansi pemerintah di bawah naungan Depertemen Pekerjaan Umum. Di lihat dari namanya saja dapat diketahui fungsi dari Puslitbang Air yaitu, untuk meneliti dan mengembangkan sumber daya air. Pada Puslitbang Air juga memiliki kewajiban untuk memberikan informasi kepada masyarakat, dan website menjadi salah satu solusi untuk melaksanakan kewajiban tersebut. Karena website termasuk media informasi yang cukup murah di banding dengan media informasi lainnya, dan jangkauan informasinya sangat luas.
Berdasarkan permasalah yang di miliki oleh Puslitbang Air, penulis tertarik membantu dalam pengembangan website melalui bantuan sebuah tools Content Management System (CMS) yang bernama Joomla sebagai Kerja Praktek
dengan judul “Pengembangan Website Pada Puslitbang Sumber Daya Air”.
1.2 Rumusan Masalah
Dalam melakukan Kerja Praktek di Puslitbang Air, ada beberapa masalah yang diajukan oleh pihak Perusahaan untuk memenuhi kebutuhan dari website yag akan dibuat oleh penulis, beberapa masalah yang diajukan dari pihak perusahaan, diantaranya adalah :
1. Bagaimana menciptakan tampilan website yang menarik sesuai dengan konsep perusahaan.
3. Bagaimana kemudahan dalam mengelolaan website dimasa yang akan datang
1.3 Maksud dan Tujuan
Maksud dari penulisan laporan kerja praktek ini adalah pengembangangkan website Puslitbang Air Bandung.
Tujuan dari pengembangangkan website Puslitbang Air Bandung, yaitu: 1. Bagi penulis
a. Sebagai salah satu syarat dalam mata kuliah Kerja Praktek pada Fakultas Teknik & Ilmu Komputer Jurusan Teknik Informatika Universitas Komputer Indonesia Bandung.
b. Menambah wawasan penulis tentang teknologi internet, khsusnya dalam pembuatan sebuah website.
2. Bagi Perusahaan
Perusahaan dapat memberikan informasi yang lebih baik bagi user baik karyawan maupun umum.
3. Bagi Pembaca, Semoga dapat memberikan manfaat sebagai salah satu informasi dalam tujuan dan minat yang sama.
1.4 Batasan Masalah
Sesuai dengan rumusan masalah yang telah disebutkan pada sub Bab 1.2 di atas, serta sesuai permintaan tempat pelaksanaan KP, juga ruang dan waktu yang dimiliki. Sehingga pada Kerja Praktek ini, masalah yang telah ditentukan hanya satu pihak klien, yaitu Puslitbang Air. Dalam laporan Kerja Praktek ini juga akan disampaikan proses pembuatan model web tersebut.
1.5 Metode Penelitian
Metode penelitian yang digunakan terdiri dari beberapa langkah, yaitu sebagai berikut:
1. Studi Literatur
masalah yang akan dibahas dalam pembuatan laporan. 2. Observasi
Mengamati secara langsung proses kerja yang dilaksanakan di lapangan untuk memperoleh gambaran yang jelas mengenai objek yang diteliti.
3. Wawancara
Melakukan dialog (Tanya Jawab) secara langsung dengan pihak yang bersangkutan dalam memberikan keterangan terhadap data yang dibutuhkan.
1.6 Sistematika Penulisaan
Sistematika penulisan laporan kerja praktek ini terbagi kedalam lima bab beserta pokok materinya. Sebagai gambaran umum, sistematika
penyusunan laporan yang akan ditulis adalah sebagai berikut : BAB I PENDAHULUAN
Pendahuluan menjelaskan mengenai Latar Belakang Masalah, Identifikasi Permasalahan, Batasan Masalah, Maksud dan Tujuan, Metodologi Penelitian dan Sistematika Penulisan.
BAB II TINJAUAN PUSTAKA
Tinjauan Pustaka membahas mengenai tinjauan perusahaan tempat dimana dilakukan penelitian dan pembahasan landasan teori yang mendukung proses analisis sistem serta mendukung proses perancangan aplikasi.
BAB III PEMBAHASAN
Pembahasan menjelaskan tentang gambaran secara umum sistem yang akan dibuat serta membuat perancangan dan pembangunan sistem.
BAB IV KESIMPULAN DAN SARAN
BAB 2
TINJAUAN PUSTAKA
2.1 Profil Tempat Kerja Praktek
2.1.1 Sejarah InstansiPuslitbang Sumber Daya Air merupakan salah satu dari 4 (empat) Pusat Litbang yang berada di bawah Badan Litbang Kimpraswil. Instansi ini sudah ada sejak tahun 1936 dengan nama Departement Verheer en Waterstaat. Pada tahun 1947 nama tersebut berubah menjadi Institute Voor Wegen Waterboukundige Orderzoekingen dan pada tahun 1950 berubah menjadi Institut Teknik Air dan Tanah. Pada tahun 1966 setelah nama instansi berubah menjadi Lembaga Penyelidikan Masalah Air.
Dalam sejarahnya PUSAIR melakukan perubahan nama sebanyak 9 kali, yaitu sebagai berikut :
a. Tahun 1936 : Departement voor Verkeer en Waterstaat (V en W) mendirikan Hidrodynamisch Laboratorium yang menempati ruangan Technishe Hoge School (THS), dengan Pimpinan Umum Prof. Ir. J. W. F. Proper. Laboratoriumnya dipimpin oleh Ir.R. Agus Prawinata. Pada tahun itu juga di komplek THS telah selesai di bangun gedung Laboratorium. Nama Laboratorium diganti menjadi Waterloopkuding Laboratorium, pemimpin umumnya Prof. Ir. J. W. F. Proper dan pemimpin laboratoriumnya adalah Ir. F. Gatot.
b. Tahun 1947 : Instituut voor Weg en Waterbouwkundige Onderzoekingen (IWWO) yang dipimpin oleh Prof. Ir. Vluggter.
c. Tahun 1950 : Setelah penyerahan kedaulatan pimpinan dipegang oleh Ir. Soepardi dari Kementrian Pekerjaan Umum dan Perhubungan, sehingga pada tahun ini diganti lagi dengan nama Institut Teknik Air dan Tanah. d. Tahun 1966 : Lembaga Penyelidikan Masalah Air (LPMA), di bawah
e. Tahun 1974 : Atas dengan keputusan Presiden Republik Indonesia tentang reorganisasi Departemen Maka LPMA diubah menjadi Direktorat Penyelidikan Masalah Air (DPMA), dengan direktur utamanya masih tetap.
f. Tahun 1984 : Berdasarkan surat keputusan Presiden Republik Indonesia no.15 tahun 1984 DPMA dipindahkan dari Ditjen Pengairan ke Lingkungan Badan Litbang Departemen Pekerjaan Umum, yang baru dibentuk dengan nama baru yaitu Pusat Penelitian dan Pengembangan Pengairan.
g. Tahun 1999 : Pusat Penelitian dan Pengembangan Teknologi Sumber Daya Air, berada di bawah Litbang Departemen Pemukiman dan Pengembangan Wilayah (Kimbangwil).
h. Tahun 2001 : Pusat Penelitian dan Pengembangan Sumber Daya Air, berada di bawah Badan Litbang Departemen Pemukiman dan Prasarana Wilayah (Kimpraswil).
i. Tahun 2004 : Pusat Penelitian dan Pengembangan Sumber Daya Air (PUSAIR), berada di bawah Badan Litbang Departemen Pekerjaan Umum.
2.1.2 Visi dan Misi Puslitbang Air 1. Visi
Terwujudnya Ilmu Pengetahuan dan Teknologi (IPTEK) Sumber Daya Air (SDA) yang aplikatif, inovatif dan kompetitif untuk meningkatkan efisiensi dan kualitas pembangunan pemukiman dan prasarana wilayah (Kimpraswil).
2. Misi
a. Menciptakan iklim litbang yang kondusif
b. Meneliti dan mengembangkan teknologi tepat guna bidang Sumber Daya Air (SDA) yang kompetitif dan ramah lingkungan.
c. Menciptakan produk Litbang yang aplikatif dan inovatif.
d. Menyusun norma, standar, pedoman, manual bidang kontruksi dan bangunan Sumber Daya Air.
e. Membina hubungan kerjasama IPTEK Sumber Daya Air. f. Mengkaji dan mengevaluasi produk IPTEK Sumber Daya Air. g. Mensosialisasikan IPTEK Litbang.
h. Melakukan pelayanan kegiatan Litbang pada Masyarakat.
i. Menyediakan data dan informasi bidang Sumber Daya Air (SDA). 2.1.3 Logo Instansi
LAMBANG DEPARTEMEN PEKERJAAN UMUM
Gambar 2-1 Logo Departemen Pekerjaan Umum
Keterangan :
a. Lambang Departemen Pekerjaan Umum berlukiskan Baling-baling dengan ketentuan seperti tercantum pada gambar
c. Warna baling-baling adalah biru kehitam-hitaman. d. Penggunaan lambag : lihat Manual Tata Persuratan.
ARTI SIMBOLIS LAMBANG DEPARTEMEN PEKERJAAN UMUM
1. Baling-baling
a. Menggambarkan “Dinamika”,
b. Berdaun 3 yang merupakan segitiga berdiri tegak lurus
menggambarkan “Stabilitas Yang Dinamis”.
c. Secara keseluruhan menggambarkan “Dinamika Yang Stabil” dan
“Stabilitas Yang Dinamis”.
2. Bagian daun baling-baling yang mengarah keatas. Melambangkan
“Penciptaan ruang”.
3. Bagian lengkungnya dari daun baling-baling. Memberikan perlindungan untuk ruang kerja tempat tinggal bagi manusia.
4. Bagian daun baling-baling yang mengarah ke kiri dengan bagian lengkungnya yang telungkup.
a. Menggambarkan penguasaan bumi di alam dan pengusahaan untuk sebesar-besarnya kemakmuran rakyat.
b. Garis horizontal : bentang jalan / jembatan diatas sungai sebagai usaha untuk pembukaan dan pembinaan daerah.
5. Bagian daun baling-baling yang mengarah ke kanan dengan bagian lengkungnya yang terlentang.
a. Menggambarkan usaha pengendalian dan penyaluran untuk dimanfaatkan bagi sebesar-besarnya kemakmuran rakyat.
b. Garis horizontal : bentang jalan / jembatan diatas sungai sebagai usaha untuk pembukaan dan pembinaan daerah.
6. Baling-baling dengan 3 daun ini menggambarkan :
a. Tiga unsur kekaryaan Departemen Pekerjaan Umum. Tirta, Wisma (Cipta) dan Marga.
7. Warna
a. Warna kuning sebagai warna dasar melambangkan keagungan yang mengandung arti KeTuhanan Yang Maha Esa, Kedewasaan dan Kemakmuran.
b. Warna biru kehitam-hitaman, mengandung arti Keadilan Sosial, Keteguhan Hari, Kesetiaan pada tugas dan ketegasan bertindak. 8. Lambang P.U
Menggambarkan fungsi dan peranan Departemen Pekerjaan Umum dalam Pembangunan dan Pembinaan prasarana guna memanfaatkan bumi dan air serta kekayaan alam bagi kemakmuran rakyat, berlandaskan Pancasila.
2.1.4 Badan Hukum Instansi
2.1.5 Struktur Organisasi dan Job Description
2.1.5.4Struktur Organisasi Puslitbang Air
2.1.5.5Deskripsi Pekerjaan a. Bagian Tata Usaha
Bagian tata usaha mempunyai tugas melaksanakan urusan administrasi perkantoran, keuangan dan pembendaharaan. Dalam melaksanakan tugasnya bagian tata usaha memiliki fungsi :
1) Pelaksanaan urusan perbendaharaan, pelaksanaan anggaran dan pengelolaan PNBP (penerimaan Negara Bukan Pajak), serta verifikasi dan akuntansi keuangan.
2) Pelaksanaan urusan administrasi perkantoran dan penyelenggaraan rumah tangga.
Sub bagian Tata Usaha terdiri dari : a) Sub Bagian Keuangan
Sub bagian keuangan mempunyai tugas melakukan penerapan peraturan perbendaharaan, pengelolaan anggaran keuangan dan pelaksanaan pembiayaan, verifikasi dan akuntansi termasuk kegiatan PNBP (Penerimaan Negara Bukan Pajak).
b) Sub Bagian Tata Usaha
Sub bagian tata usaha dan rumah tangga mempunyai tugas melakukan urusan tata usaha perkantoran, IKMN (Inventarisasi Kelompok Milik Negara), pemeliharaan gedung dan rumah tangga.
b. Bagian pengembangan keahlian dan sarana kelitbangan
Bidang pengembangan keahlian dan sarana kelitbangan mempunyai tugas melaksanakan perencanaan dan pengembangan keahlian, pengelolaan jabatan fungsional dan sumber daya manusia litbang serta pengembangan sarana kelitbangan. Dalam melaksanakan tugas, Bidang Pengembangan Keahlian dan Sarana Kelitbangan memiliki fungsi :
2)Pengembangan sarana Litbang dan Laboratorium pengujian serta pengurusan sertifikasi dan akreditasi.
Bidang Pengembangan Keahlian dan Sarana Kelitbangan terdiri dari:
a) Sub Bidang Pengembangan Keahlian
Sub bidang pengembangan keahlian mempunyai tugas melakukan perencanaan program, kebutuhan pendidikan dan kebutuhan jabatan fungsional, monitoring dan evaluasi perkembangan jabatan fungsional, fasilitas pengajuan angka kredit, organisasi dan tata laksana, serta membantu pengelolaan Sumber Daya Air.
b) Sub Bidang Pengembangan Sarana
Sub bidang pengembangan sarana mempunyai tugas melakukan perencanaan, pengembangan sarana litbang, serta pengurusan akreditasi laboratorium.
c. Bidang Standard dan Diseminasi
Bidang standard dan diseminasi mempunyai tugas mengkoordinasikan perumusan standar, fasilitas dan evaluasi penerapan standar, melaksanakan diseminasi dan informasi serta pelayanan advis teknis bidang sumber daya air. Dalam melaksanakan tugas Bidang Standard dan Diseminasi
Menyelenggarakan fungsi :
1) Koordinasi perumusan bahan standard dan manual iptek, serta fasilitas penerapan dan kaji ulang standar.
2) Penyebaruasan dan pelayanan data dan informasi hasil litbang, pengelolaan dokumentasi dan perpustakaan, serta koordinasi pelayanan advis teknis bidang sumber daya air.
Sub bidang standar mempunyai tugas pengumpulan data, perumusan, kordinasi penyusunan, monitoring dan evaluasi penerapan, preview dan revisi standar bidang sumber daya air. b) Sub Bidang Diseminasi
Sub Bidang diseminasi mempunyai tugas melaksankan dokumentasi dan perpustakaan, publikasi dan fasilitasi penyebarluasan hasil litbang dan standar, kordinasi layanan advis teknis bidang sumber daya air.
d. Bidang Program dan Kerjasama
Bidang program dan kerja sama mempunyai tugas menyusun RENSTRA (Rencana Strategic) dan program tahunan, monitoring dan evaluasi serta pengembangan kerjasama dan kemitraan hasil litbang bidang sumber daya air.
Dalam melaksankan tugas, Bidang Program dan Kerjasama menyelenggarakan fungsi :
1) Penyusunan rencana strategic dan program thunan, monitoring dan evaluasi kegiatan litbang sumber daya air.
2) Pengembangan kerjasama litbang dalam dan luar negri serta mengkoordinasikan kemitraan hasil litbang sumber daya air dengan stakeholder terkait.
Bidang Program dan Kerjasama terdiri dari : a) Sub Bidang Program dan Evaluasi
Sub bidang program dan evaluasi mempunyai tugas melakukan penyusunan rencana stratejik penyelenggaraan litbang, penyusunan program dan anggaran litbang tahunan, pemantauan pelaksanaan litbang, evaluasi dan pelaporan kinerja hasil litbang.
b) Sub Bidang Pengembangan Kerjasama
litbang, kehumasan, pengurusan administrasi dan anggaran kerjasama kemitraan, korporasi dan koordinasi dalam pelaksanaan.
e. Kelompok Jabatan Fungsional
Kelompok jabatan fungsional peneliti dan jabatan fungsional sesuai dengan bidang keahliannya, yang dipimpin oleh tenaga fungsional senior yang ditujuk oleh Kepala Pusat Litbang Pengairan.
Serta adapun Balai di lingkungan Pusat Penelitian dan Pengembangan Puslitbang Sumber Daya Air :
1) Balai Lingkungan Keairan
2) Balai Hidrologi
Cakupan kegiatan Litbang meliputi banjir, kekeringan, erosi-sendimentasi, hujan-aliran, air-tanah, instrumentasi hidrologi, klimatologi dan lain-lain. Inovasi dan perekayasaan teknologi ini dapat mendukung pembangunan prasarana Sumber Daya Air seperti untuk pengendalian sungai, pembangunan bendung dan bendungan, pengendalian bencana alam dan sebagainya.
3) Balai Hidraulik
Cakupan kegiatan Litbang meliputi permasalahan aliran (debit, kecepatan, aliran, tinggi muka air), energi hidraulik (pemanfaatan energi, pemecahan energi), instrumentasi hidraulika sangat berperan untuk mempelajari kinerja saluran, sungai, pantai, aliran dalam pipa, turbin dan hidraulika lainnya.
4) Balai Geoteknik
Cakupan kegiatan Litbang meliputi permasalahan bahan bangunan seperti tanah dan bebatuan, stabilitas lereng dan bangunan, galian dan timbunan, permeabilitas porositas tanah, kegempaan. Instrumentasi geoteknik, daya dukung tanah dan batuan dan lainnya. Prasarana Sumber Daya Air yang berupa bangunan yang harus dapat berdiri dengan stabil, dibuat dari bahan yang berkualitas tinggi, mempunyai kedapan sesuai dengan yang diisyaratkan. Untuk hal itu, maka penyelidikan tentang geoteknik sangat berperan.
5) Balai Sungai
mungkin serta dapat dikendalikan agar dampak negative yang timbul dapat ditekan menjadi sekecil mungkin.
6) Balai Sabo
Cakupan kegiatan Libtang meliputi pencegahan kerusakan sungai akibat muntahan dari letusan gunung berapi yang dikenal dengan debris, lahan dan daerah yang rawan aliran sendimen. Teknologi sabo sangat berperan untuk melindungi penduduk, harta benda, lahan pertanian, bangunan prasarana Sumber Daya Air dan jalan. 7) Balai Rawa dan Pantai
Kegiatan litbang mencakup fenomena pasang surut, tanah lunak, gelombang dan perendaman energi, erosi abrasi, penyumbatan muara, drainase, reklamasi dan tambak. Daerah rawa yang digunakan untuk budidaya pertanian dan pertambakan akan dapat ditingkatkan fungsi dan pemanfaatannya. Daerah pantai dapat dikembangkan sesuai dengan peruntukannya dan gejala kerusakan pantai akan dapat dikendalikan dan dilindungi sehingga menjadi daerah produktif dan aman.
8) Balai Irigasi
2.2 LANDASAN TEORI
2.2.1 WEBSITE
Website adalah suatu ruang informasi dimana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI) atau juga lebih dikenal dengan istilah yang lebih
populer yaitu Uniform Resource Locator (URL). Dengan kata lain, website adalah suatu ruang informasi di dalam Internet yang dapat diakses atau dilihat dari berbagai penjuru dunia, kapanpun dan dimanapun mereka berada, selama mempunyai koneksi Internet. Dengan website, kita dapat mempromosikan diri kita, Perusahaan, produk, jasa, dan lain sebagainya.
Dengan website kita dapat membangun sebuah brand image yang positif dari sebuah Perusahaan dengan biaya yang cukup murah, dengan ruang lingkup yang lebih besar. Berikut adalah beberapa fungi yang terdapat pada website PUSLITBANG Sumber Daya Air :
Sebagai media publikasi tentang PUSLITBANG Sumber Daya Air kepada klien dan rekan kerja.
Sebagai sarana komunikasi antara pihak perusahaan dengan para klien.
Penyampai informasi-informasi baru tentang perusahaan.
2.2.2 JENIS WEBSITE
Untuk memudahkan identifikasi tentang website, website dapat dikelompokan menjadi beberapa jenis, yaitu:
1. Penggolongan website berdasarkan lokal publikasi, terdiri dari dua jenis yaitu:
Website berbasis disk (Disk-Based Website), yaitu web yang dipublikasi dalam komputer lokal menggunakan Personel Web Server(PWS). Kelemahan publikasi dengan
PWS adalah jumlah user untuk mengakses website tersebut dan fitur yang disediakan oleh PWS sangat terbatas dibanding dengan software IIS yang memang didesain untuk situs berskala besar.
Website berbasis server (Server-Based Website) yaitu website yang dipublikasi dalam web server seperti Microsoft Internet Information Server(IIS).
2. Penggolongan website berdasarkan isinya, terdiri dari dua jenis, yaitu :
Website Statis (static website). Website Dinamis (dynamic website).
3. Penggolongan website berdasarkan bentuknya, terdiri dari : Profile
E-commerce Library
Utility (search engine, directory, dan lain-lain) Portal
Forum
2.2.3 TAHAP-TAHAP PENGEMBANGAN WEBSITE
Dalam mengembangkan website, kita perlu mengikuti tahap-tahap berikut agar proses pembuatannya berjalan secara sistematis, terencana, tujuan website yang diinginkan dapat tercapai dan mudah dalam melakukan perawatan.
o Perencanaan
Tahap ini merupakan tahap awal dalam membangun website secara profesional, seperti menentukan tujuan, skenario perancanan, menentukan target client, jenis website dan mempersiapkan isi dari website.
o Pemilihan dan persiapan tool
Tahap ini merupakan cara memilih tool yang tepat untuk membangun website, karena dengan pemilihan tool yang tepat akan mempercepat dan mempermudah proses pembuatan sebuah website. Setelah itu dilanjutkan dengan cara instalasi tool-tool tersebut.
o Design
Dalam tahap ini sudah dimulai penyusunan materi-materi yang berkaitan dengan isi (content) dari website, seperti foto, logo, tulisan, dan lain-lain. Dan juga penyusunan tampilan/layout.
o Implementasi
Tahap ini merupakan tahap untuk menyatukan seluruh materi yang telah disiapkan kedalam sebuah desain yang telah dipersiapkan.
o Evaluasi
o Upload
Tahap ini merupakan tahapan untuk proses transfer dari komputer lokal ke komputer server di internet.
o Promote
Tahap ini merupakan tahapan yang penting dalam menentukan keberhasilan dari website tersebut dengan cara mendaftarkan website di berbagai search engine.
o Maintenance
Adalah tahapan terakhir untuk mengelola website, seperti update berita, penambahan fasilitas, dan lain-lain.
2.2.4 CONTENT MANAGEMENT SYSTEM (CMS) JOOMLA
Sistem Manajemen Konten (Content Management System) yang lebih dikenal dengan CMS adalah sebuah aplikasi berbasi web yang memiliki sistem sedemikian hingga memberikan kemudahan kepada para pengguna sekaligus juga pengelolanya.
Sesuai dengan nama CMS itu sendiri, website yang menerapkan sistem ini berorientasi terhadap konten. Sudah bukan merupakan kendala yang berarti bagi manajemen atau humas suatu perusahaan/institusi/organisasi untuk memperbaharui website-nya. Dengan hak akses dan otoritas masing-masing. Setiap bagian dari perusahaan/institusi/organisasi dapat memberikan kontribusinya ke dalam website tanpa prosedur yang sulit.
Pada umumnya sebuah CMS memiliki dua bagian kategori, yaitu : Public Frontend, adalah kelompok yang dapat melakukan
akses/login pada halaman depan namun tidak mendapatkan akses untuk melakukan akses pada halaman administrasi backend.
Berikut manfaat penggunaan CMS:
o Website perusahaan, bisnis, organisasi atau komunitas o Portal
o Galeri foto
o Aplikasi E-Commerce
o Mengelola website pribadi/blog, dan lain-lain.
Keberadaan aplikasi gratisan di Internet dan juga komunitas open source yang semakin meningkat ikut memberikan andil yang signifikan untuk menjadikan teknologi CMS menjadi murah dari segi harga akan tetapi dengan fitur-fitur yang semakin lengkap dan canggih.
Joomla adalah sebuah Sistem Manajemen Konten (Content Management System/CMS) yang paling powerful dan telah digunakan di
seluruh dunia untuk keperluan website dari yang paling sederhana sampai aplikasi perusahaan yang paling kompleks sekalipun. Joomla sangat mudah untuk diinstal, mudah dikelola dan memiliki kapabilitas yang tinggi.
Gambar 2-4 Tampilan Public Frontend CMS Joomla
Mengenal Template, Komponen dan Modules 1. Template
Template adalah sistem mutakhir yang banyak digunakan pada proses pembuatan web dinamis dan interaktif yang biasanya dikerjakan secara tim atau bersama-sama.
Pada prinsipnya, template adalah sistem yang membagi-bagi pekerjaan pembuatan website dengan memberi batasan yang jelas antara pekerjaan yang harus diselesaikan oleh developer dan web designer. Bagian-bagian tersebut kemudian dikerjakan secara bersamaan dan kemudian dikumpulkan, dikompilasi dan disinkronisasikan pada proses akhir yang akhirnya menghasilkan sebuah website.
2. Komponen
komponen di-link ke sebuah item menu. Pengunjung dapat melihat isi komponen dengan mengklik item menu.
3. Modul
Modul adalah elemen untuk memperluas fungsionalitas Joomla. Modul merupakan aplikasi mini yang biasanya ditampilkan di samping kiri, kanan, atas, atau bawah area content utama. Beberapa komponon mungkin menggunakan modul untuk mempresentasikan informasi tambahan.
Modul berbeda dengan komponen. Modul tidak mempunyai fungsi administrasi khusus seperti komponen. Modul hanya mempunyai bagian administrasi untuk setting posisi, muncul di halaman apa, dan parameter. Modul sering dipakai untuk menampilkan informasi dari sebuah komponen.
2.2.5 PHP
PHP singkatan dari Personal Home Page Tools, adalah sebuah bahasa scripting yang dibundel dengan HTML, yang dijalankan di sisi server. Bahasa ini memungkinkan para pembuat aplikasi web menyajikan halaman HTML dinamis dan interaktif dengan cepat dan murah, yang dihasilkan oleh server. PHP juga dimaksudkan untuk mengganti teknologi lama seperti CGI (Common Gateway Interface).
Page dalam Form Interpreter dan menambahkan dukungan terhadap server database yang menggunakan format mySQL, sehingga lahirlah PHP/FI. PHP/FI tumbuh dengan pesat, dan orang-orang mulai menyiapkan kode-kode programnya supaya bisa didukung oleh PHP.
Pada awalnya PHP dirancang untuk integritasikan dengan web server Apache. Namun belakangan PHP juga dapat bekerja dengan web server seperti PWS (Personal Web Server), IIS (Internet Information Server), dan Xitami.
PHP bersifat open source, artinya kita tidak perlu membayar apapun untuk menggunakan perangkat lunak ini. Kita dapat mendownloadnya melalui situs www.php.net.
2.2.6 MySQL
MySQL merupakan server database open source yang digunakan terbanyak di dunia. Arsitekturnya yang khas menyebabkan MySQL ini sangat cepat dalam operasinya dan mudah disesuaikan dengan kebutuhan. Kepopulerannya disebabkan MySQL menggunakan Structured Query Language (SQL) sebagai bahasa dasar untuk mengakses databasenya.
MySQL termasuk jenis RDMS (Relation Database Management System). Pada MySQL, sebuah database mengandung satu atau sejumlah
tabel. Tabel terdiri atas sejumlah baris, dan setiap baris mengandung satu atau beberapa kolom.
2.2.7 APACHE
Apache menyediakan fasilitas yang kaya, yang sangat dibutuhkan suatu server serius, seperti otentikasi, pengaturan akses direktori, virtual host, kemampuan URL rewritting, dan juga alias. Kemampuan melakukan content negotiation membuat Apache mampu melayani beragam client secara otomatis, baik untuk berbagai browser yang memiliki kemampuan berbeda ataupun untuk divais akses yang berbeda.
Awalnya Apache dikembangkan berdasarkan keinginan untuk memperbaiki Web server yang saat itu populer (NCSA web server). Tetapi akhirnya mengalami perombakan dan penulisan ulang dan menjadi Web server yang berdiri sendiri dan berbeda dengan NCSA. Kini malah mengalahkan kepopuleran NCSA Web server.
Pada tahun 1999 dibentuk Apache Software Foundation untuk mengurus perkembangan Apache ini. Apache telah membuktikan sebagai web server yang cepat, stabil dengan fitur yang paling kaya di antara web server lainnya.
2.2.8 ADOBE PHOTOSHOP CS3
Adobe Photoshop merupakan salah satu program pengolah gambar standar profesional. Keunggulan Photoshop dibanding produk sejenis terletak pada kemudahan, fasilitas, fleksibilitas dan dukungan berbagai filter, style dan efek-efek yang sangat membantu dalam membuat grafik yang mengagumkan secara mudah dan cepat.
BAB 3
PEMBAHASAN
3.1PEMENUHAN KEBUTUHAN YANG DIAJUKAN OLEH PERUSAHAAN
Sebelum melaksanakan proses pengembangan website maka perancangan disesuaikan dengan kebutuhan Perusahaan yang terdiri dari beberapa aplikasi yang harus diterapkan dalam website yang dibuat.
Beberapa hal yang diajukan oleh pihak perusahaan adalah : a) Design Template
Perubahan desaing template yang lebih menarik. b) Aplikasi Berita Terbaru
Aplikasi ini berisi tentang informasi berita-berita terbaru yang dimiliki oleh Puslitbang Sumber Daya Air.
c) Aplikasi Kalender Kegiatan
Aplikasi ini merupakan sebuah kalender yang terdapat jadwal kegiatan-kegiatan yang sudah atau akan dilakukan oleh Puslitbang Sumber Daya Air.
d) Aplikasi Multi Bahasa
Aplikasi ini adalah aplikasi yang digunakan untuk menterjemahkan semua informasi ke dalam berbagai bahasa. e) Aplikasi Info Terbaru
Aplikasi ini berisi tentang info-info terbaru yang dimiliki Puslitbang Sumber Daya Air
f) Aplikasi Forum
3.2PENGINSTALAN CMS JOOMLA
Setelah mendapat kebutuhan yang diajukan oleh Perusahaan, maka tahap selanjutnya adalah penginstalan CMS Joomla. Joomla yang digunakan pada pembuatan website ini adalah Joomla versi 1.5.23. Persyaratan minimun yang diperlukan untuk penginstalah ini adalah :
PHP 4.3.x atau diatasnya – http://www.php.net
MySQL 3.23.x atau diatasnya – http://www.mysql.com Apache 1.x atau diatasnya – http://www.apache.org
Persyaratan minimun di atas sudah terintegrasi pada paket Web Server WAMP. Sebelum memulai instalasi, pastikan MySQL telah terpasang dan telah dijalankan. Kita harus mengetahui nama database, nama host, username, dan password dari MySQL yang digunakan.
Tahapan Instalasi CMS Joomla
Langah-langah instalasi berikut dapat dilakukan setelah paket Web Server WAMP telah terkonfigurasi dengan baik dan sedang aktif.
Langkah 1
Menggunakan program unzipping (seperti WinRAR atau Archiver pada Linux)), unzip file Joomla ke folder root dokumen server web yang sudah disiapkan.
Langkah 2
Langkah ini menggunakan browser web yang ditujukan ke URL yang telah disiapkan. Misal nama website adalah www.pusair-pu.go.id. Maka untuk memulai instalasi, URL yang dituju adalah http://localhost/joomla/installation/index.php.
Langkah 3
Langkah 4
Lalu bagian selanjutnya adalah Pra-Instalasi. Tahapan ini adalah proses pengecekan apakah sistem yang tersedia sesuai dengan sistem ideal yang diperlukan Joomla.
Tulisan status berwarna hijau menunjukkan kesesuaian sistem, sedangkan warna merah yaitu status yang tidak direkomendasikan karena dapat menyebabkan kegagalan proses instalasi maupun sistem Joomla yang berjalan tidak sesuai dengan seharusnya.
Langkah 5
Setelah menekan tombol Next pada halaman pra-Instalasi, maka akan muncul halaman lisensi dari Joomla.
Langkah 6
Langah selanjutnya adalah melakukan konfigurasi database MySQL. Masukkan konfigurasi database MySQL. Dan klik next
Langkah 7
Bila tidak terdapat kesalahan dalam pengisian databse, maka langkah selanjutnya adalah konfigurasi FTP (File Transfer Protocol). Bila anda mengaktifkan FTP anda dapat melakukan konfigurasi FTP pada
tahapan ini. Bila tidak anda pilih “no” pada bagian “Enable FTP file system layer”.
Langkah 8
Langkah selanjutnya adalah konfirmasi konfigurasi URL, path direktori, alamat e-mail dan password admin website.
Langkah 9
Untuk alasan keamanan, diharuskan untuk menghapus direktori instalation. Website Joomla tidak akan bekerja sebelum menghapus direktori ini.
3.3STRUKTUR MENU WEBSITE
tempat yang mereka suka, sehingga pengunjung membutuhkan seorang pemandu agar tujuan dari kunjungan bisa tercapai.
Di dalam suatu website, terdapat juga guide yang berupa Navigasi yang jelas untuk mendapatkan informasi yang diinginkan yang divisualisasikan sebagai tombol menu. Struktur menu yang terdapat pada website Puslitbang Sumber Daya Air adalah sebagai berikut :
Berisi halaman index, login, dan berita
Berisi informasi tentang Perusahaan, baik dari sejara, visi misi, struktur organisasi, dan lain-lain. Berisi mengenai informasi jurnal-jurnal yang ada pada Puslitbang Sumber Daya Air.
Berisi informasi Balai yang terdapat pada Puslitbang Sumber Daya Air.
Berisi data sumber daya air yang berada pada balai lingkungan Puslitbang Sumber Daya Air. Berisi petunjuk manual teknis atau Norma, Standar, Pedoman dan Manual dalam penyelenggaraan bidang Pekerjaan Umum.
Berisi informasi hasil penelitian dan pengembangan yang dilakukan Puslitbang Sumber Daya Air berupa artikel.
3.4DESIGN TEMPLATE
Banyak sekali template yang dibuat oleh para web developer dan di distribusikan secara gratis di Internet. Dan yang kita gunakan adalah sala satu template tersebut, yaitu freshcorporate yang didapat pada website www.freetemplatehome.com. Pemilihan ini didasarkan karena kesesuaian tema serta tampilan yang sederhana tetapi elegan.
Cara instalasi template ini adalah membuka halaman instalasi template dengan memilih Extentions > Install/Uninstall dan masukkan direktori file template pada bagian Upload package file dan klik install. Setelah instalasi template selesai, halaman akan otomatis masuk pada Site Template. Pilih template yang baru kita install, kemudian klik default pada toolbar. Maka secara otomatis template akan berubah sesuai dengan template yang baru saja dipilih.
3.5INSTALASI KOMPONEN DAN MODULE
Sesuai dengan yang telah dibahas pada bagian 3.1, yaitu aplikasi yang diajukan oleh pihak Perusahaan. Aplikasi tersebut harus dilakukan instalasi terlebih dahulu. Berikut adalah aplikasi yang diterapkan pada website Puslitbang Sumber Daya Air :
Aplikasi Berita Terbaru, website ini menggunakan module freeslider yang didapatkan di http://www.joomshaper.com.
Aplikasi Kalender Kegiatan, website ini menggunakan module
“mod_jevents_cal_1.5.5” yang didapatkan dari joomlacode.org.
Aplikasi Multi Bahasa, website ini menggunakan module
“mod_multitrans15v60” yang didapatkan dari extensions.joomla.org Aplikasi Info Terbaru menggunakan module “mod_sp_news_highlighter”
Aplikasi forum menggunakan komponen com_ninjaboard yang didapatkan dari
Untuk instalasi module maupun komponen terdapat 2 cara, yaitu melalu upload package file dan install from directory. Cukup mencari module atau komponen di dalam disk kemudian tekan tombol upload file dan install, maka proses instalasi module dan komponen telah berhasil dijalankan.
3.6HASIL PENGEMBANGAN WEBSITE
Setelah proses instalasi template, module dan komponen, maka dimulailah proses pengeditan module-module dan komponen yang sudah terinstal dan lain sebagainya. Setelah melakukan tahap-tahap diatas, maka didapatkan hasil layout halaman web yang dapat diakses dengan salah satu browser (Mozilla Firefox).
3.6.1 Tampilan Halaman Utama
Template yang kita gunakan adalah “freshcorporate”. Pemilihan ini didasarkan karena kesesuaian tema serta tampilan yang sederhana tetapi elegan. Berikut bagian-bagian yang ada pada template :
1) Menu Utama adalah pusat navigasi dari situs yang terdapat pada posisi user3 pada template
2) Info terbaru adalah berupa news highlighter yang berfungsi sebagai berita rotator yang memungkinkan untuk menyajikan pilihan artikel secara menarik. Info terbaru terdapat pada posisi top1 pada template.
3) Berita Terkini adalah berupa module untuk menggeser artikel / konten pada situs yang telah dibuat menggunakan efek yang baik dan menarik, di sini anda dapat menampilkan berita terkini sehingga user dapat mengetahui dengan mudah berita informasi terbaru. Berita Terkini terdapat pada posisi top1 pada template.
4) Kalender kegiatan adalah berupa kalendar biasa tetapi di sini terdapat informasi untuk melihat jadwal kegiatan/event yang berlangsung maupun yang akan datang dan anda dapat mengetahui tempat dan waktu kegiatan tersebut. Kalender kegiatan terdapat pada posisi left pada template.
5) Konten adalah inti dari sebuah website, dapat berupa berita, galeri foto, artikel dan lain-lain. Terdapat pada posisi body pada template.
6) Pencarian adalah sebuah module yang dapat anda gunakan ketika anda ingin mencari konten yang anda inginkan. Pencarian terdapat pada posisi right pada template.
7) Multi bahasa adalah sebuah module yang memungkinkan anda untuk mengubah bahasa dalam situs yang anda inginkan. Multi bahasa terdapat pada posisi right pada template.
8) Login Email merupakan fasilitas untuk memasuki webmail pada situs. Login Email terdapat pada posisi left pada template.
10)Informasi Buku adalah link yang menghubungkan pada informasi-informasi yang terdapat dalam situs. Informasi buku terdapat pada posisi right pada template.
11)Info terkait merupakan icon yang memberikan informasi-informasi acara kegiatan atau link dari situs. Info terkait terdapat pada posisi right pada template.
12)Statistik adalah modul yang memberikan informasi jumplah pengunjung yang memasuki situs, baik dalam format hari ini, kemarin, minggu ini, bulan ini dan jumlah seluruh pengujung. Statistik terdapat pada posisi right pada template.
13)Footer adalah bagian yang biasanya berisi informasi singkat soal copy right. Terdapat pada bagian footer pada web.
3.6.2 Berita Terbaru
Berita terbaru adalah salah satu konten untuk menampilkan berita-berita yang baru. Di sini kita menggunakan modul freeslider yang memberikan efek menarik dengan cara menggeser (slider) berita yang ditampilkan.
Gambar 3-2
3.6.3 Kalender Kegiatan
yang akan datang dan anda dapat mengetahui tempat dan waktu kegiatan tersebut.
Gambar 3-3 Kalender Kegiatan
Gambar 3-4 Jadwal Kegiatan
3.6.4 Multi Bahasa
Gambar 3-5 Multi Bahasa
3.6.5 Info Terbaru
Info terbaru adalah berupa news highlighter yang berfungsi sebagai berita rotator yang memungkinkan untuk menyajikan pilihan artikel secara menarik.
Gambar 3-6 Info Terbaru
3.6.6 Forum Diskusi
Gambar 3-7 Forum Ninja Board
3.7 CARA PENGOPERASIAN WEBSITE
Untuk mengoperasikan website ini, pengunjung dapat mengikuti langkah-langkah sebagai berikut :
1) User menggunakan komputer yang terkoneksi ke internet.
2) Jalankan browser seperti Mozilla Firefox, Opera, Google Chrome, Internet Explorer, dan lain sebagainya.
3) Tuliskan alamat website pada URL Puslitbang Sumber Daya Air, yaitu http://www.pusair-pu.go.id.
BAB 4
KESIMPULAN DAN SARAN
4.6KESIMPULAN
Setelah melakukan pengembangan website PUSLITBANG Sumber Daya Air, maka dapat disimpulkan beberapa hal sebagai berikut :
1) Kebutuhan dari pihak Perusahaan dapat terealisasikan.
2) Penambahan gambar atau image dinamis seperti animasi sehingga website tidak terkesan kaku dan statis.
3) Desain web yang masih sangat sederhana, namun mewakili tema dan tujuan Perusahaan. Sehingga pengunjung nyaman untuk mengakses website PUSAIR.
4) Program dan bahasa pada CMS Joomla adalah program-program standard website yang digunakan oleh sebagian web developer saat ini, seperti MySQL, bahasa pemrograman PHP, pengolah image Photoshop CS3.
4.7SARAN
Berikut ini beberapa saran yang dapat berguna dalam meningkatkan kinerja sistem yang telah berjalan saat ini, yaitu :
2) Perlunya dilakukan upgrade CMS Joomla ke dalam versi terbaru, sehingga dapat menggunakan module dan komponen-komponen yang lebih baik.
Diajukan untuk Memenuhi Tugas Mata Kuliah Kerja Praktek
Program Strata Satu Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer
Universitas Komputer Indonesia
ARI IRAWAN
10108845
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK DAN ILMU KOMPUTER
UNIVERSITAS KOMPUTER INDONESIA
BANDUNG
[2] Pressman, Roger S, Rekayasa Perangkat Lunak: pendekatan praktisi (Buku I ), Yogyakarta, Andi.
[3] Wikipedia. (15 Januari 2012), Joomla,
http://id.wikipedia.org/wiki/joomla!.
Tempat dan Tanggal Lahir : Bandung, 21 Agustus 1990 Jenis Kelamin : Pria
Status : Belum Menikah
Kewarganegaraan : Indonesia
E-Mail : 13aby.kuro@gmail.com
Alamat : Jl. Asep Berlian Gg. Ampera no. 156/143A Cicadas Bandung
Telepon : 083822904656
B. PENDIDIKAN FORMAL
2008 – 2012 : Jurusan Teknik Informatika, UNIKOM Bandung 2005 – 2008 : SMA Kartika Siliwangi III-I
2002 – 2005 : SMP Negri 4 Bandung 1996 – 2002 : SDN SOKA I Bandung
C. WORKSHOP DAN SEMINAR
2008 : Kuliah Bersama
2008 : Microsoft User Group Indonesia (MUGI) 2009 : Overclocking with AMD-ers Bandung
D. PENGALAMAN KERJA
2009 - 2010 : Angkatan Muda Himpunan Mahasiswa Informatika Unikom 2010 – 2011 : Koordinator Divisi Penelitian dan Pengembangan
F. KEAHLIAN
a. Pemograman : Delphi 7, Borland Delphi 2007,
b. Grafis : Adobe Photoshop Cs 3, Macromedia Dreamweaver 8, Corel. c. Sistem Operasi : Windows 98-Xp sp2, Windows Vista Windows Seven. d. Office : Ms Office 2003, Ms Office 2007, Ms Office 2010
e. Lainya : Mengerti jaringan LAN / Konsep Client Server, Mengerti Hardware.
G. Hobi
Jalan-jalan / berpetualang Explore Program terbaru Main Games
Membaca
Demikian riwayat hidup ini saya buat dengan sebenarnya
Bandung, 26 Januari 2012
memberikan rahmat dan segala karuniaNya, sehingga penulis dapat menyelesaikan tugas ini dengan judul “Pengembangan Website pada Puslitbang Sumber Daya Air”
Laporan ini disusun sebagai salah satu syarat kelulusan mata kuliah Kerja Praktek di Jurusan Teknik Informatika. Keterbatasan pengetahuan, pengalaman dan kemampuan serta kendala-kendala yang mengiringi membuat penulisan tugas ini jauh dari sempurna, namun berkat bimbingan, dukungan serta doa dari berbagai pihak menjadikan penulisan laporan ini dapat terselesaikan.
Pada kesempatan ini penulis mengucapkan terimakasih kepada pihak-pihak yang telah membantu penyusunan laporan Tugas ini, diantaranya kepada : 1. Kepala Puslitbang Air Bandung.
2. Kepala Bidang Pengembangan Keahlian dan Sarana Kelitbangan atas izin kerja praktek yang diberikan.
3. Kasubid Standarisasi Bidang Standarisasi dan Diseminasi.
4. Ibu Rina Meyilani, S.Si. selaku koordinator dan Pembimbing selama Kerja Praktek di Puslitbang Air yang telah banyak membantu dan memberikan pengarahan.
5. Bapak Ade Karma, S.Si dan para karywan di Puslitbang Air yang telah bekerja sama.
6. Bapak Irfan Maliki, S.T. selaku dosen pembimbing kerja praktek dan dosen wali IF6.
7. Keluarga yang selalu memberi dukungan moril dan materil.
dari Allah SWT.
Bandung, Agustus 2011
