MEMBUAT WEBSITE SEBAGAI SARANA INFORMASI DAN PROMOSI PADA UD. BAROKAH MENGGUNAKAN PHP DAN MYSQL Naskah Publikasi diajukan oleh Luluk Rosyidah Pratiwi 09.01.2652 kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012
CREATE A WEBSITE AS A MEANS OF INFORMATION AND PROMOTION ON UD.BAROKAH USING PHP AND MYSQL MEMBUAT WEBSITE SEBAGAI SARANA INFORMASI DAN PROMOSI PADA UD.BAROKAH MENGGUNAKAN PHP DAN MYSQL Luluk Rosyidah Pratiwi Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA Dosen Pembimbing: M. Agung Nugroho, S.Kom Abstract UD.BAROKAH as one of the companies engaged in patchwork cottage industry has a lot of data and information are managed properly. Since the establishment of UD.BAROKAH only do promotions with the system-of-mouth promotion or personal selling, and include the company name on every product of industry. With this system customers who come just limited to the usual customer and would like to visit UD.BAROKAH office directly. And the design of e-commerce website is expected to facilitate home-based businesses expand UD.BAROKAH Klaten in marketing their products that covers all areas, both locally and nationally, even internationally in the area include the development. Besides making campaign website with an attractive and unique design will certainly be more value in a marketing effort, of course, to attract more customers. Websites that are built must have goals and objectives. An example is the website I built with the aim UD.BAROKAH easier for visitors to find information about their products and how to order, with a website can facilitate UD.BAROKAH UD.BAROKAH itself to be recognized by people, both located in the city and outside the city. A website can be said to be good if, navigational design and graphical elements are met. This is so that visitors can easily get the information displayed. PHP can be used in conjunction with HTML and MySQL to facilitate the development of web applications quickly. PHP can be used to update the database and load the database that allows website designers to design the dynamic web pages quickly. After making this website and from the research performed, the author can draw the conclusion that, by using PHP and MySQL we can create interactive and dynamic website. Dynamic and interactive websites that can make visitors more easily find information on promotions and product information online at UD.BAROKAH. Design should be a material factor in the development of marketing website creation as this is one of the factors determining the success of the website. Keywords : Website, System Information, Promotion, PHP, MySQL
1. Pendahuluan Dengan semakin majunya perkembangan teknologi sekarang ini, banyak orang mencari cara untuk mempergunakan teknologi guna meningkatkan taraf hidup mereka. Website sebagai media yang tepat untuk menyampaikan informasi dengan penggunaan internet, sebab aksesnya yang mudah, informasinya juga bersifat up to date dan akurat. UD.BAROKAH adalah salah satu instansi yang sangat memerlukan bantuan teknologi, khususnya teknologi informatika guna memberikan informasi secara online dan up to date kepada masyarakat luas demi mempertahankan kualitas dan kuantitas UD.BAROKAH itu sendiri. Sehingga masyarakat dan pihak-pihak yang terkait dapat memperoleh kebutuhan informasi yang berkaitan dengan UD.BAROKAH. Untuk meningkatkan jangkauan masyarakat terhadap informasi tentang produk-produk yang dihasilkan UD.BAROKAH, tentu UD.BAROKAH itu sendiri harus dikembangkan. Artinya, UD.BAROKAH harus dapat memberikan informasi tentang profil UD.BAROKAH, data produk UD.BAROKAH dan apa saja yang dibutuhkan oleh masyarakat luas, kapan saja dan dimana saja. Dengan begitu masyarakat tidak perlu datang langsung ke UD.BAROKAH, cukup dengan mengunjungi website UD.BAROKAH saja. Dengan adanya website UD.BAROKAH ini, UD.BAROKAH dapat membuat suatu sistem dimana masyarakat dapat mengetahui secara detail tentang informasi yang dibutuhkan, kapan saja dan dimanapun. Internet adalah salah satu solusi untuk memecahkan masalah tersebut. Dengan internet, masyarakat dapat mengakses website UD.BAROKAH dan dapat melihat informasi-informasi yang
sedang dicari tentang UD.BAROKAH. Website dapat membantu UD.BAROKAH untuk memperluas jangkauannya. Karena dengan website, masyarakat dapat berhubungan secara langsung tanpa perbedaan jarak dan waktu. Berdasarkan latar belakang tersebut di atas, penulis merumuskan permasalahan yaitu Bagaimana merancang dan implementasi website UD.BAROKAH dengan menggunakan bahasa pemrograman PHP dan database MySQL sehingga dapat memperlancar penyampaian informasi dan proses jual beli? 2. Landasan Teori 2.1 Pengertian Sistem Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atauuntuk menyelesaikan suatu sasaran yang tertentu. 2.2 Karakteristik Sistem Suatu sistem memiliki karakterisitik atau sifat tertentu, yaitu mempunyai batas sistem (boundary), lingkungan luar sistem (environments), masukan (input), keluaran (output), komponen (components), penghubung (interface), dan penyimpanan (storage). Adapun penjelasan dari karateristik dari suatu sistem adalah sebagai berikut: a. Komponen sistem (Components System) b. Batasan sistem (Boundary) c. Lingkungan Luar Sistem (Environments)
d. Penghubung Sistem (Interface) e. Masukan Sistem (Input) f. Keluaran Sistem (Output) g. Penyimpanan Sistem (Storage) 2.3 Konsep Dasar Informasi Informasi adalah suatu hal yang penting dalam suatu sistem. Sistem yang kurang mendapatkan informasi akan menjadi kurang berguna dan mungkin berakhir. Informasi adalah data yang diolah menjadi bentuk yang lebih bergunadan lebih berarti bagi yang menerimanya. Sumber dari informasi adalahdata. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Misalnya penjualan toko online adalah transaksi perubahan nilai barang menjadi nilai uang atau nilai piutang dagang. Kesatuan nyata adalah berupa suatu objek nyata seperti tempat, benda dan orang yang betul-betul ada dan terjadi. 2.4 MySQL Merupakan software sistem manajemen basis data SQL atau DBMS (database management sistem) yang multithread dan multiuser yang bersifat open source. Kelebihan dari MySQL adalah ia menggunakan bahasa Query standar yang dimiliki SQL (Structure Query Language). SQL adalah suatu bahasa permintaan yang terstruktur yang telah distandarkan untuk semua program pengakses database seperti Oracle, Posgres SQl, SQL Server, dan lain lain. 2.5 Bahasa Pemrograman
Bahasa pemrograman merupakan suatu teknik komando atau instruksi standar untuk memerintah komputer. 2.5.1 PHP PHP atau yang memiliki kepanjangan PHP Hypertext Prepoccessor merupakan suatu bahasa pemrograman yang berfungsi untuk membangun suatu website dinamis. PHP menyatu dengan kode HTML, dimana HTML digunakan sebagai pembangun kerangka layout website dan sedangkan PHP difungsikan sebagai prosesnya sehingga dengan adanya PHP tersebut, sebuah website akan sangat mudah dikelola. PHP berjalan pada sisi server sehingga PHP disebut juga sebagai bahasa Server Side Scripting yang berarti bahwa dalam menjalankan PHP harus menggunakan web server. 2.6 Framework Framework sebagaimana arti dalam bahasa Indonesia yaitu Kerangka Kerja, yang dapat diartikan sebagai kumpulan dari library (Class) yang bisa diturunkan, atau bisa langsung dipakai fungsinya oleh modul modul atau fungsi yang akan kita kembangkan 2.6.1 Code Igniter CodeIgniter adalah aplikasi open source yang berupa framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis. Dengan menggunakan PHP CodeIgniter akan memudahkan developer untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. 2.6.2 Model View Controller
MVC adalah sebuah pendekatan perangkat lunak yang memisahkan aplikasi logika dari presentasi ini. Ini meminimalkan script dari halaman halaman web sejak script presentasi (HTML, CSS, JavaScript, dsb) dipisahkan dari PHP scripting, istilah umum yang familiar adalah menghindari terjadinya spaghetti code. 3. Tinjauan Umum 3.1 Sejarah dan Latar Belakang UD.BAROKAH berdiri pada tahun 1996 dengan nama UD.BAROKAH dan didirikan oleh Bp. Suprapto Yudho Lelono yang berdomisili di Dukuh Polan Desa Tegalmulyo, Kecamatan Polanharjo, Kabupaten Klaten. Sejarah berkembangnya usaha bapak Suprapto ini berawal dari keuletan beliau untuk mendirikan usaha pembuatan kain lap atau perca dari limbah pabrik yang sudah tidak digunakan lagi di kota Klaten. Usaha pembuatan kain lap ini semakin berkembang dengan adanya tawaran kerjasama dari pabrik-pabrik furniture di daerah Jawa maupun di luar Jawa. Setelah UD.BAROKAH bekerjasama dengan pabrik-pabrik tersebut kemudian UD.BAROKAH mulai mempekerjakan ibu-ibu rumah tangga untuk menjahit kain perca itu. Dan ibu-ibu rumah tangga itulah yang menjadi karyawan tetap UD.BAROKAH dari dulu sampai sekarang. 3.2 Media Promosi dan Informasi UD.BAROKAH Saat ini UD.BAROKAH menggunakan proses system transaksi melalui media elektronik atau online. Media transaksi elektronik atau online yang sedang berjalan sekarang menggunakan via website atau internet dan bisa juga dengan
menghubungi langsung ke pemilik UD.BAROKAH. Dalam hal pembayaran, UD.BAROKAH mempercayai para pelanggannya untuk mentransfer uang mereka ke nomer rekening dan bank yang dituju oleh UD.BAROKAH agar tidak terjadi penipuan. 4. Pembahasan 4.1 Kebutuhan Fungsional Kebutuhan fungsional merupakan kebutuhan dari website yang dibuat, untuk itu penyusun membagi kebutuhan fungsional menjadi dua kebutuhan halaman, yaitu kebutuhan halaman user dan kebutuhan halaman administrator. 4.1.1 Kebutuhan Halaman Administrator Ada beberapa kebutuhan yang berada pada halaman administrator, yaitu : 1. Menu Home : yaitu untuk kembali ke menu home yang terlampir pesan Selamat Datang. 2. Menu Produk : berisi manajemen informasi produk yang terhubung dengan tabel cms_produk pada database dan dapat melakukan operasi input, edit, delete dan view tabel produk. Menu Produk terbagi lagi menjadi dua yaitu menu Tambah Produk dan Daftar Produk. Menu Tambah Produk : berisi tentang form untuk mengisikan nama produk, kategori produk, berat, harga, deskripsi dan upload gambar. Menu Daftar Produk : berisi tentang view tabel produk, dan di menu ini bisa melakukan tambah produk, edit produk dan delete produk.
3. Halaman Kategori Produk : berisi manajemen informasi kategori yang terhubung dengan tabel cms_kategori pada database dan dapat melakukan operasi input, edit, delete dan view tabel produk. Menu Kategori Produk terbagi lagi menjadi dua yaitu menu Tambah dan Daftar Kategori. Menu Tambah : berisi tentang form untuk mengisikan Nama dari kategori. Menu Daftar Kategori : berisi tentang view dari tabel kategori produk dan di menu ini bisa melakukan tambah kategori produk, edit kategori produk dan delete kategori produk. 4. Menu Daftar Pembelian : berisi tentang manajemen daftar pembelian dari pembelian produk yang terhubung dengan tabel cms_orders pada database dan hanya dapat melakukan operasi View data dan Ubah status dari Baru menjadi Lunas di kolom Aksi. Status Baru berarti pembeli baru saja memesan produk, dan belum membayar. Status Lunas berarti pembeli sudah melakukan pembayaran melalui transfer. 5. Menu Konfirmasi Pembayaran : berisi manajemen informasi konfirmasi pembayaran produk yang terhubung dengan tabel cms_konfirmasi pada database dan hanya bisa melakukan operasi View data dan Ubah status di kolom Aksi, dari Unread menjadi Read. Unread adalah konfirmasi baru yang belum dibaca dan Read adalah konfirmasi yang sudah dibaca oleh admin. 6. Menu Laporan : berisi tentang manajemen laporan dari tanggal sekian sampai tanggal sekian.
7. Menu Ongkos Kirim : berisi manajemen informasi tarif kota yang terhubung dengan tabel cms_kota pada database dan dapat melakukan operasi view, input, edit dan delete. Menu tarif kota memiliki dua menu yang terkait yaitu Tambah dan Daftar Kota beserta Ongkos Kirim. Menu Tambah : berisi tentang form untuk mengisikan nama kota dan tarif kota. Daftar Kota dan Ongkos Kirim : berisi tentang view dari tabel kota dan di menu ini bisa melakukan Tambah Kota, Edit Kota dan Delete Kota. 8. Menu Download : berisi tentang manajemen informasi download yang terhubung dengan tabel cms_download di database dan dapat melakukan operasi input dan delete file download. Menu download memiliki dua menu yang terkait yaitu Tambah dan Daftar Download. Menu Tambah : berisi tentang form untuk mengisikan judul dan nama file download-nya. Menu Daftar Download : hanya berisi tentang view dari tabel cms_download dan di menu ini hanya bisa melakukan operasi delete file download saja. 9. Menu Kontak : berisi manajemen kontak yang terhubung dengan tabel cms_kontak pada database dan hanya dapat melakukan operasi delete dan view tabel. 10. Menu Ubah Password : berisi manajemen ubah password yang tehubung dengan tabel cms_users pada tabel database dan hanya dapat melakukan
operasi update dan view data. Menu Ubah Password memiliki satu menu yang terkait yaitu Ubah Password : Menu Ubah Password : berisi tentang form untuk update dan view password admin. 4.1.2 Kebutuhan Halaman User Ada beberapa kebutuhan yang berada pada halaman user, yaitu : 1. Halaman Home : berisi produk-produk yang ada di UD.BAROKAH dan deskripsi serta harga dari produk tersebut dan kategori dari produk. 2. Halaman Profil : berisi tentang sejarah berdirinya UD.BAROKAH serta visi dan misi UD.BAROKAH. 3. Halaman Semua Produk : berisi gambar dari semua produk yang telah diinputkan oleh UD.BAROKAH dan disimpan pada database produk UD.BAROKAH. 4. Halaman Cara Pembelian : berisi tata cara pembelian pada website UD.BAROKAH, yaitu kainmajun-udbarokah.com. 5. Halaman Download : berisi tentang file-file atau informasi-informasi tertentu dari UD.BAROKAH yang di link-an untuk pembeli. Misalnya katalog produk dan lain - lain. 6. Halaman Kontak : berisi form untuk para user agar dapat bertukar pikiran atau hanya bertanya dan negosiasi tentang harga dari produk di website ini. 7. Halaman Konfirmasi Pembayaran : berisi form untuk para user melakukan konfirmasi pembayaran atas produk yang telah dibeli agar produk yang telah dibeli pun akan segera dikirim.
4.2 Perancangan Proses Perancangan proses yang digunakan untuk membangun website D&A Craft adalah dengan UML (Unified Modelling Language). UML adalah bahasa grafis untuk mendokumentasikan, menspesifikasikan, dan membangun sistem perangkat lunak. 4.3 Perancangan Basis Data Perancangan database merupakan bentuk dari desain tabel yang berfungsi sebagai data relasional yang akan digunakan untuk melakukan penyimpanan data. Adapun data yang tersimpan di dalamnya harus memenuhi kaidah pembentukan basis data yang terdiri dari referensi integritas, hubungan antar file dan kebenaran aliran data. Adapun desain basis data ini terdiri dari perancangan tahap normalisasi, hubungan antar tabel dan pembuatan struktur tabel. 1) Normalisasi Normalisasi merupakan cara pendekatan dalam membangun desain logika basis data relasional yang tidak secara langsung berkaitan dengan model data, tetapi dengan menerapkan sejumlah aturan dan kriteria standar untuk menghasilkan struktur tabel yang normal. Normalisasi dilakukan dengan tujuan agar terhindar penumpukan data (redundancy), data yang tidak konsisten (inconsistency), serta data yang tidak efisien (inneficiency). 2) Relasi Antar Tabel Relasi antar tabel akan memberikan gambaran tentang hubungan masingmasing tabel terhadap tabel lainnya. Dengan adanya relasi tersebut akan
mempermudah pembacaan tabel karena akan terlihat field mana yang dijadikan primary key dan foreign keynya. 4.4 Perancangan Interface Rancangan antarmuka akan menunjukkan bagaimana komunikasi antara pengguna sistem (user) dengan komputer. Komunikasi ini dapat terdiri dari proses memasukkan data ke sistem, menampilkan output informasi ke user atau dapat keduanya. Secara garis besar pemakaian sistem pada website UD.BAROKAH dikelompokkan menjadi 2 yaitu admin dan user / pembeli. Setiap pengguanaan mempunyai hak akses yang berbeda. Hal inilah yang menjadi pertimbangan dalam mendesain interface untuk masing masing pengguna tersebut. Perbedaan desain tersebut pada prinsipnya terletak pada menu yang ditampilkan. a. Interface Admin Desain interface admin dibuat khusus untuk admin saat mengupdate informasi pada web. Untuk dapat masuk ke halaman admin, admin harus login terlebih dahulu. Dalam interface ini disediakan beberapa menu untuk mengedit isi web.
HEADER Kategori Produk Menu Kategori Produk Produk Download Daftar Pembelian Konfirmasi Pembayaran Laporan Ongkos Kirim Kontak Ubah Password Logout FOOTER Gambar 4.1 Interface Halaman Admin b. Interface User Desain interface user dimaksudkan agar user dapat melihat informasi, membeli produk produk pada web.
HEADER HOME PROFIL CARA BELI SEMUA PRODUK KERANJANG BELANJA DOWNLOAD KONTAK KATEGORI PRODUK POWERED BY SELAMAT DATANG di UD.BAROKAH GAMBAR PRODUK UD.BAROKAH PENCARIAN KERANJANG BELANJA KONTAK PRODUSEN KONFIRMASI PEMBAYARAN FOOTER Gambar 4.2 Interface Halaman Pengunjung Dalam halaman ini terdiri dari header, menu utama, bagian kiri, bagian kanan, bagian tengah dan footer. Menu utama disini meliputi Home, Profil, Cara Pembelian, Produk, Keranjang Belanja, Download dan Kontak. Bagian kiri website berisi Kategori dan Powered By. Sedangkan bagian kanan website berisi Pencarian, Keranjang Belanja, Kontak dari Pemilik UD.BAROKAH dan link untuk Konfirmasi Pembayaran. Bagian tengah merupakan inti atau konten dari website ini. Sedangkan footer merupakan bagian paling bawah dari website yang berisi Copyright maupun identitas hak cipta website ini.
4.5 Halaman Website Halaman index adalah pertama kali muncul ketika aplikasi dijalankan. Untuk dapat membuka aplikasi, user harus mengetikkan alamat url pada address bar di web browser, yaitu http://kainmajun-udbarokah.com/. a) Halaman Utama Pada halaman utama web in dibentuk dari beberapa file seperti header, menu atas yang bergambar produk - produk UD.BAROKAH itu sendiri. Menu atas terdiri dari beberapa form penyusun diantaranya Home, Profil, Cara Pembelian, Semua Produk, Keranjang Belanja, Download dan Hubungi Kami. Menu di samping kiri terdiri dari Kategori Produk dan Powered By. Menu di samping kanan terdiri dari Pencarian, Keranjang Belanja, Kontak Pemilik UD.BAROKAH dan link Konfirmasi Pembayaran. Gambar 4.3 Halaman Website UD.BAROKAH
b) Halaman Admin Halaman admin berfungsi untuk mengelola semua halaman yang ada pada website UD.BAROKAH. Gambar 4.4 Halaman Admin Website UD.BAROKAH 5. Penutup 5.1 Kesimpulan Setelah semua pembahasan dan penjelasan materi maupun implementasi program dikemukakan, maka penulis menarik kesimpulan mengenai pokok permasalahan bab-bab sebelumnya : 1. Website sebagai media promosi dan informasi penjualan produk kain perca yang selama ini belum banyak diterapkan.
2. Website dengan sistem e-commerce merupakan solusi yang tepat bagi pengusaha kain perca yang selama ini hanya melakukan transaksi dengan sistem manual yaitu dengan bertatap muka dan dari mulut ke mulut. Namun sistem yang dahulu tetap berjalan hanya saja ditambah dengan sistem baru sehingga proses penjualan akan meningkat. 3. Dengan adanya website ini, masalah proses pembelian secara langsung dapat dikurangi menjadi setengahnya atau lebih karena dapat memberikan komunikasi data secara cepat dalam waktu yang tidak terbatas dan diharapakan dapat mengurangi biaya serta efisiensi waktu pembeli untuk mencari produk yang mereka cari tanpa harus berkeliling dari pabrik satu ke pabrik lainnya. 5.2 Saran Beberapa saran yang dapat diberikan penulis untuk proses pelaksanaan dan pengembangan aplikasi website ini selanjutnya adalah sebagai berikut : 1. Rutin melakukan pemeliharaan web setelah diupload ke internet. 2. Dalam keamanan data sangat penting maka dari itu pengembangan seterusnya perlu lebih memperhatikan keamanan data. 3. Pengembangan sistem penjualan dapat mengikuti teknologi yang terus berkembang.
DAFTAR PUSTAKA Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi. Yogyakarta : ANDI Kustiawan, Ratno. S.Kom. 2010. Modul Rekayasa Perangkat Lunak. STMIK AMIKOM YOGYAKARTA Nugroho Bunafit. 2005. Database Relasional Dengan MySQL. Yogyakarta : ANDI Saputra, Agus. 2011. Trik & Solusi Jitu Pemrograman PHP. Jakarta : Elex Media Komputindo. Septian, Gungun. 2011. Trik Pintar Menguasai Codeigniter. Jakarta: Elex Media Komputindo. Tosin, Rijanto dan Catur Meiwanto. 2000. Cara mudah Belajar E-commerce di Internet. Yogyakarta : Dinastindo. Tim Dosen. 2009. Pedoman Penyusunan Proposal Penelitian dan Laporan Tugas Akhir. STMIK AMIKOM Yogyakarta.