Utuk semoga membantu

1. 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

3. 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

4. 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

5. 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)

6. 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

7. 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

8. 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

9. 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.

10. 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.

11. 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

12. 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.

13. 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 masing-
masing tabel terhadap tabel lainnya. Dengan adanya relasi tersebut akan

14. 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.

15. HEADER
Menu
Kategori
Produk
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.

16. 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.
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

17. 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

18. 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.

19. 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.

20. 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.