1 Rancang Bangun Website Pangkalan Gas Barokah menggunakan Adobe Dreamweaver,
PHP dan My Sql
Ertie Nur Hartiwati
Email : [email protected]
Jurusan Sistem Informasi, Fakultas Ilmu Komputer, Universitas Gunadarma
Abstraksi
Zaman sekarang ini banyak yang menggunakan internet sebagai media untuk mencari informasi tentang apa yang dibutuhkan. Untuk mengembangkan usaha salah satunya dengan membuat website sebagai salah satu alat promosi. Peluang usaha rumahan yang menjanjikan seperti membuka usaha pangkalan gas elpiji untuk tabung 3 kg merupakan ide bisnis yang pantas untuk dilirik. Sebesar apapun modal yang akan dikeluarkan untuk usaha ini, mengingat gas elpiji sudah menjadi kebutuhan pokok masyarakat luas, maka peluang usaha menjadi pangkalan gas elpiji 3kg tetap merupakan sebuah lahan yang subur untuk meraih keuntungan. Untuk itu website pangkalan gas barokah ini nantinya akan berisi tentang informasi bagaimana untuk memulai usaha serta tips dan trik. Rancang bangun Website pangkalan gas ini dibuat dengan menggunakan bahasa pemrograman Dreamweaver PHP, CSS, serta database MySQL.
Kata Kunci : Perancangan, Website, Pangkalan gas, Dreamweaver, PHP dan My Sql
2 I. PENDAHULUAN
1.1Latar Belakang
Peluang usaha rumahan yang menjanjikan seperti membuka usaha pangkalan gas elpiji untuk tabung 3 Kg merupakan ide bisnis yang pantas untuk dilirik. Mengingat saat ini gas elpiji adalah bagian dari kebutuhan pokok masyarakat di Indonesia. Jika dibandingkan dengan ukuran tabung gas yang 12kg, maka selain memerlukan modal yang cukup besar, segmen pasar juga terbatas pada konsumen yang memiliki usaha atau industri yang memerlukan bahan bakar gas dalam kapasitas besar.
Sebesar apapun modal yang akan dikeluarkan untuk usaha ini, mengingat gas elpiji sudah menjadi kebutuhan pokok masyarakat luas, maka peluang usaha menjadi pangkalan gas elpiji 3kg tetap merupakan sebuah lahan yang subur untuk meraih keuntungan. Namun terkadang sebagai pangkalan gas yang setidaknya harus memiliki 300 tabung cukup kewalahan untuk menghabiskan gas karena tempatnya yang berada di area perumahan.
Untuk itu seiring dengan teknologi yang berkembang pesat pada zaman sekarang , ingin membuat rancang bangun website pangkalan gas barokah dengan harapan bisa membantu promosi lewat website. Karena zaman sekarang orang pasti lebih banyak menggunakan internet untuk mencari informasi atau membeli kebutuhan hidupnya. Semoga dengan adanya website ini bisa membantu untuk pemula yang ingin memulai usaha pangkalan gas elpiji.
1.2Tujuan Penulisan
Tujuan penulisan ini adalah membuat suatu rancang bangun yang nantinya akan digunakan untuk membuat website informasi tentang pangkalan gas.
1.3Metode Penelitian
Metode penelitian yang digunakan pada penulisan ilmiah ini menggunakan metode SDLC (Software Development Life Cycle). Metode SDLC ini terdiri dari beberapa tahapan: a) Identifikasi Masalah
Pada penulisan ilmiah ini yang pertama kali dilakukan adalah mengumpulkan data-data tentang penjualan pangkalan gas barokah yang menunjang penulisan ini. Dan mencari
3 literatur serta buku referensi yang berhubungan dengan pembuatan web dan mempelajari tutorial tentang Adobe Dreamweaver.
b) Analisis Sistem
Pada tahap ini kegiatan yang dilakukan adalah merancang desain tampilan, merancang struktur navigasi, membuat rancangan tampilan website.
c). Perancangan Sistem
Setelah selesai di desain, kemudian menerapkan perancangan yang telah dibuat sebelumnya kedalam suatu software web design yaitu Adobe Dreamweaver. Lalu dilanjutkan uji coba aplikasi dengan menggunakan localhost agar mengetahui letak kesalahan dan kekurangan website yang telah dibuat.
d) Implementasi
Pada tahap ini, perancang web menggunakan software XAMPP atau biasa disebut web server apache yang terdapat server MySql dan didukung pemrograman PHP untuk membuat website, dan juga perancang web meggunakan software UC Browser.
e). Uji Coba Sistem
Tahap uji coba aplikasi dilakukan dengan menggunakan laptop hp dengan prosessor intel core i3.
4 II. LANDASAN TEORI
1. Internet
Internet merupakan sebuah sistem komunikasi yang mampu menghubungkan jaringan-jaringan komputer yang ada dibelahan dunia. Komunikasi berlangsung dengan menggunakan format yang sama, yakni IP (Index Protocol). Komunikasi dilakukan tidak dengan dua komputer saja melainkan dengan ribuan komputer dimana masing-masing komputer memiliki beraneka ragam informasi.
Internet adalah interkoneksi antar jaringan komputer namun secara umum Internet harus dipandang sebagai sumber daya informasi. Isi Internet adalah informasi, dapat dibayangkan sebagai suatu database atau perpustakaan multimedia yang sangat besar dan lengkap. Bahkan Internet dipandang sebagai dunia dalam bentuk lain (maya) karena hampir seluruh aspek kehidupan di dunia nyata ada di Internet seperti bisnis, hiburan, olah raga, politik dan lain sebagainya (Lani Sidharta, 1996).
2. PHP
PHP adalah bahasa pemograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa dikembangkan sebagai bahasa pemograman umum. PHP merupakan bahasa scrippting yang menyatu dengan HTML dan dijalankan di server side. Yang artinya semua sintaks yang diberikan akan sepenuhnya dijalnkan pada server .
3. HTML
Hyper Text Markup Language atau HTML adalah sebuah bahasa paling dasar dan penting
yang digunakan untuk menampilkan dan mengelola tampilan pada halaman website. HTML digunakan untuk menampilkan berbagai informasi didalam sebuah penjelajah web Internet dan formatting hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintergrasi.
Dalam pemrograman web sebenarya tidaklah sesederhana kedengarannya karena banyak sekali teknologi yang ada didalamnya. Teknologi-teknologi tersebut terus berkembang dan bertambah banyak, sehingga kita akan menemukan banyak sekali istilah dan juga banyak bahasa yang digunakan untuk membangun sebuah website.
5 Kita tidak perlu mempelajari dan menguasai semua bahasa pemrograman tersebut, karena akan menghabiskan seluruh waktu kita. Kuasai beberapa secara mendalam maka kita bisa membuat website yang tidak kalah canggih dengan website lain.
4. CSS (Cascading Style Sheets)
CSS (Cascading Style Sheets) berisikan rangkaian intruksi yang menentukan bagaimana suatu text akan tampil di halawan web. Perencangan desain text dapat dilakukan dengan mendefinisikan Font, color, margins, background, ukuran font dan lain-lain sesuai dengan kebutuhan.
Cascading Style Sheet meletakkan styles yang berbeda pada layers yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan. Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet.
Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih mudah dilakukan. Hal yang termasuk dalam desain web diantaranya adalah warna, Ukura dan formatting. Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi memungkinkan untuk melakukan pengulangan pada tampilan-tampilan tertentu dalam suatu web, sehingga akan memudahkan dalam membuat halaman web yang banyak, yang pada akhirnya dapat memangkas waktu pembuatan web.
Cara kerja CSS dengan menuliskan stylenya (selector id dan class tersesuaikan) maka secara otomatis akan berkerja pada document HTML ataupun PHP. Penulis menggunakan CSS yang tersedia oleh sofware Adobe Dreamweaver CC 2015.
5. MYSQL
Mysql adalah sebuah progaram database server yang mampu menerima dan mengirimkan datanya sangat cepat, multi user serta menggunakan peintah dasar SQL ( Structured Query Language ).SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. MySQL yang biasa kita gunakan adalah MySQL FreeSoftware yang berada dibawah Lisensi GNU/GPL ( General Public License ).
6 MySQL pertama kali dirintis oleh seorang programmer database bernama Michael Widenius . Selain database server, MySQL juga merupakan program yang dapat mengakses suatu database MySQL yang berposisi sebagai Server, yang berarti program kita berposisi sebagai Client. MySQL dapat digunakan untuk embedded application, data warehouses, content indexing and delivery software, highly reduntant systems, OnLine transaction proccesing(OLTP) . Dengan konfigurasi yang benar, MySQL dapat digunakan pada berbagai macam perangkat keras, dan juga MySQL mendukung banyak tipe data. Salah satu fitur penting dari MySQL adalah storage-engine architecture yang designnya memisahkan query processing dan pekerjaan - pekerjaan server lainnya dari penyimpanan dan pengambilan data.
6. Pangkalan Gas
Gas Elpiji, dalam bahasa Inggris disebut LPG (Liquified Petroleum Gas) merupakan gas alam yang disimpan dalam sebuah tabung logam dalam wujud cairan. Ketika cairan gas tersebut keluar dari tabung, maka dengan cepat akan berubah menjadi gas yang sangat mudah sekali terbakar. Uap gas tersebutlah yang terbakar menjadi api untuk keperluan memasak. Dalam pendistribusian gas elpiji ke masyarakat, sepenuhnya dilakukan oleh Pertamina dengan sistem close loop supply chain, yaitu suatu aliran produk mulai dari konsumen , kembali ke pabrik untuk diproses ulang kemudian kembali lagi ke konsumen sebagai barang baru.
Dalam alur distribusi LPG 3 kg, yang pertama adalah berasal dari Depot LPG (di Indonesia ada sekitar 15 Depot LPG tersebar di 5 region). Kemudian dari Depot LPG, jalur berikutnya disebut SPPBE (Stasiun Pengisian dan Pengangkutan Bulk Elpiji ) yang dikelola oleh Pertamina dan pihak swasta, kemudian setelah itu paket elpiji diterima oleh agen elpiji (di Indonesia saat ini ada sekitar 1.500 agen elpiji) dan selanjutnya sebagai ujung tombaknya disebut sub agen atau pangkalan elpiji. Sub agen elpiji inilah yang berhubungan langsung dengan pengecer, warung atau juga konsumen.
7 III. ANALISIS DAN PERANCANGAN
1. Perencanaan Program Aplikasi
Tampilan umum website pangkalan gas elpiji, pada tampilan index terdapat beberapa menu diantaranya: Home, Tips dan Trik, Tentang kami. Pembeli bisa melihat apa dan bagaiman jika ingin memulai usaha pangkalan gas.
2. Perancangan Program Aplikasi
Pada tahap perancangan website Pangkalan Gas Barokah, akan membahas perancangan interface. Pada perancangan interface ini menggunakan Dreamweaver yang dibagi dalam beberapa tahapan. Dalam proses perancangan ini yang akan dibahas adalah struktur navigasi dan storyboard.
a) Struktur Navigasi
Struktur navigasi website digunakan untuk menggambarkan secara garis besar isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi-isi tersebut. Struktur navigasi website ini adalah struktur navigasi campuran (Composite) karena untuk memudahkan perpindahan antar halaman dan untuk menghindari ketergantungan pada satu halaman. Melalui struktur navigasi website ini, terlihat bagaimana isi dan susunan dari sebuah website secara menyeluruh. Pada gambar di bawah adalah struktur navigasi dari user, yang dapat dilihat bahwa dari halaman index atau halaman utama, dapat langsung menuju ke halaman yang diinginkan dengan link saling berhubungan
Gambar 3.1 Navigasi User Index
Home Tips dan
Trik
Tentang Kami
8 Selanjutnya untuk struktur navigasi dari admin adalah struktur navigasi campuran (composite) dapat dilihat pada Gambar di bawah ini, yang pertama kali dilihat adalah halaman index, pada home website terdapat banyak pilihan yang dapat menuju ke halaman yang diinginkan dengan link yang saling berhubungan
Gambar 3.2 Navigasi Admin
IV. KESIMPULAN
Perancangan website informasi Pangkalan Gas Barokah ini telah selesai dibuat untuk membuat suatu rancang bangun yang nantinya akan digunakan untuk membuat website informasi tentang pangkalan gas. Website ini nantinya akan memberikan informasi, tips dan trik untuk memulai usaha pangkalan gas.
Index
Login
Beranda
9 DAFTAR PUSTAKA
[1] Madcoms, 2013, “Adobe Dreamweaver CS6 dan PHP-MYSQL Untuk Pemula”. Jakarta : AndiPublisher
[2] Nugroho, Bunafit, 2012, Panduan Membuat Program Toko Dengan PHP MYSQL dan Dreamweaver Point Of Sale Berbasis Web, PT. Alif Media, Yogyakarta.
[3] Rudyanto, Arif M, 2011, “Pemrograman Web Dinamis Menggunakan PHP Dan MySQL”. Yogyakarta : Andi
[4] Rulianto Kurniawan, PHP & MySQL Untuk Orang Awam Edisi Ke 2, Maxikom, Palembang, 2010.
[5] Saputra, Agus, 2012, “Sistem Informasi Akademik Kampus Berbasi Web Dengan PHP”, Lokomedia, Yogyakarta.
[6] Suyanto, Asep Herman, Step by Step Web Design Theory and Practice Edisi II, Andi Publisher, Yogyakarta, 2008.
[7] http://jp.feb.unsoed.ac.id/index.php/sca-1/article/viewFile/628/pdf_72
