1
JURNAL
PERANCANGAN DAN IMPLEMENTASI WEBSITE SEBAGAI MEDIA
INFORMASI PADA TOKO HARTOM SOUVENIR MENGGUNAKAN PHP DAN
MySQL
Abstract: Souvenir is an ornament in the form of souvenirs much in demand by the local
community as well as outside the city as a sign of gratitude or keepsake. The number of sales
of souvenirs in the city of Yogyakarta, for example Souvenir Hartom that do not currently
have a media that can help customers who are outside the city to perform transactions with
ease. Therefore to facilitate the relationship between the store with customers, the store
requires a web-based transactions. Where the purpose of writing this practical work itself is
building a web-based sales information system that can provide information for both the store
and the customers themselves. The methodology used to design this system is a programming
language and the database used in the manufacture of this system is PHP and MySQL. With
the construction of this system can expand souvenir sales promotion, in order to facilitate
customers who are outside or inside the city of Yogyakarta, Yogyakarta area can perform
sales transactions and increase revenue.
Words Keywords: Information Systems, Transactions, Sales, web
2
JURNAL
PERANCANGAN DAN IMPLEMENTASI WEBSITE SEBAGAI MEDIA
INFORMASI PADA TOKO HARTOM SOUVENIR MENGGUNAKAN PHP DAN
MySQL
Abstrak : Souvenir merupakan hiasan yang berupa cindera mata banyak diminati oleh
masyarakat setempat maupun diluar kota sebagai ucapan terimakasih atau tanda kenang-
kenangan. Makin banyaknya penjualan souvenir yang ada di kota Yogyakarta, misalnya
Souvenir Hartom yang saat ini belum memiliki media yang dapat membantu para pelanggan
yang berada diluar kota untuk melakukan transaksi dengan mudah. Maka dari itu untuk
mempermudah hubungan antara toko dengan pelanggan, toko memerlukan transaksi berbasis
web. Dimana tujuan dari penulisan kerja praktek ini sendiri adalah membangun sistem
informasi penjualan berbasis web yang dapat memberikan informasi baik untuk pihak toko
maupun pelanggannya itu sendiri. Metodologi yang digunakan untuk merancang sistem ini
adalah bahasa pemrograman dan database yang digunakan pada pembuatan sistem ini adalah
PHP dan MySQL. Dengan dibangunnya sistem ini dapat memperluas promosi penjualan
souvenir, mempermudah agar pelanggan yang berada diluar kota Yogyakarta maupun
didalam area Yogyakarta dapat melakukan transaksi penjualan dan meningkatkan
pendapatan.
Kata Kata Kunci : Sistem Informasi, Transaksi, Penjualan, web
3
1. PENDAHULUAN
Perkembangan teknologi informasi yang sangat cepat, mulai dari Internet, jaringan
nirkabel (wireless) memberikan manfaat yang luar biasa kepada masyarakat. Sistem
informasi berbasis website sangat dibutuhkan oleh beberapa Toko souvenir, Dengan adanya
Website pada Toko souvenir akan meningkatkan pendapatan.
Toko Hartom Souvenir memiliki kwalitas yang berbeda dengan toko souvenir yang
lainya, Dalam sistem informasi yang digunakan saat ini pada Toko Hartom Souvenir adalah
hanya dari papan reklame yang berada di depan Toko dan informasi yang di sampaikan oleh
teman ke teman, atau dengan cara mendatangi Toko Hartom Souvenir untuk mendapatkan
Informasi langsung dari pemilik toko.
Dari latar belakang masalah yang ada maka, dalam penulisan jurnal kerja pratek ini
mengangkat tema yaitu “PERANCANGAN DAN IMPLEMENTASI WEBSITE SEBAGAI
MEDIA INFORMASI PADA TOKO HARTOM SOUVENIR MENGGUNAKAN PHP
DAN MySQL”
4
2. LANDASAN TEORI
2.1 Konsep Dasar Sistem
Pendekatan sistem yang menekankan pada prosedurnya sistem adalah suatu jaringan
kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk
melakukan kegiatan atau untuk melakukan sasaran yang tertentu. Pendekatan sistem yang
lebih menekankan pada elemen atau komponennya mendefinisikan sistem adalah kumpulan-
kumpulan elemen-elemen yang saling berinteraksi untuk mencapai suatu tujuan tertentu. Dari
definisi sistem tersebut dapat disimpulkan bahwa sistem dikelompokkan menjadi dua bagian
yang menekankan pada elemennya. Kedua kelompok ini adalah benar dan tidak bertentangan,
yang berbeda adalah cara pendekatannya.
2.2 Tujuan Sistem informasi Website
Sistem baru dirancang untuk memperbaiki sistem lama. Berikut ini penjelasan mengenai
perbedaan sistem lama dengan sistem baru, yaitu pada sistem lama penjualan dan promosi
barang dilakukan dengan cara manual dan dari mulut ke mulut maka dari itu akan di buat
sistem informasi berbasis website dengan sistem yang baru, terjadi perubahan dalam dalam
penjualan barang dan update barang yaitu dengan secara online dan biar berjalan secara
optimal. Selain itu sistem yang baru juga dapat memberikan informasi mengenai produk
terbaru.
2.3 WebsiteProfile
Website profile adalah website yang berisi rangkuman atau penjelasan singkat
mengenai suatu perusahaan, sejarah berdirinya perusahaan tersebut, tujuan dan pencapaian
yang diinginkan dalam masa depan, visi dan misi, produk yang ditawarkan.
2.4 PHP (Hypertext Prepoccesor)
PHP adalah kependekan dari PHP Hypertext Preprocessor, bahasa interpreter yang
mempunyai kemiripan dengan bahasa C dan Perl yang mempunyai kesederhanaan dalam
perintah, yang digunakan untuk pembuatan aplikasi web.
5
2.4 MySQL
MySQL adalah database server relasional yang gratis di bawah lisensi General
Public License (GNU). Dengan sifatnya yang open source, memungkinkan juga user untuk
melakukan modifikasi pada source code-nya untuk memenuhi kebutuhan spesifik mereka
sendiri.
2.5 Basis Data (Database)
Basis data adalah kumpulan item-item data yang tersimpan secara bersama-sama
dengan sistematika tertentu tanpa ada kerangkapan yang tidak perlu apalagi yang merugikan
dimana data yang disimpan independent dengan program yang mengelolanya.
2.6 Diagram Alir Data
Diagram Alir Data (DAD) atau Data Flow Diagram (DFD) merupakan suatu diagram
yang menggunakan simbol dalam menggambarkan aliran dari data sistem, yang
penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan
jelas. DAD merupakan alat bantu dalam menggambarkan atau menjelaskan aliran data.
6
3. PERANCANGAN SISTEM
3.1 Diagram Alir Data
Diagram Alir Data (DAD) atau Data Flow Diagram (DFD) merupakan suatu diagram
yang menggunakan simbol dalam menggambarkan aliran dari data sistem, yang
penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan
jelas. DAD merupakan alat bantu dalam menggambarkan atau menjelaskan aliran data.
3.2 Diagram Konteks
Model diagram konteks menjabarkan tentang aktor-aktor yang terlibat dalam suatu konteks
informasi, serta dinamika informasi yang terjadi antar aktor-aktor tersebut. Pada model ini
tergambar entitas yang bersangkutan, dan dengan siapa saja entitas ini berhubungan secara
informasi. Diagram konteks dapat dilihat pada gambar 4.1
Lihat data Input Data
4. I
Gambar 4.1. Diagram konteks
Pada diagram konteks terdapat 2 entitas yaitu entitas Admin dan entitas User. Entitas
User sebagai pihak yang dapat melihat data saja yang telah diinputkan admin. Admin
sebagai pihak yang dapat menginputkan data dan melihat data.
Data Flow Diagram (DFD) Level 1
User
0
Pengolahan Data Web
Admin
7
Merupakan satu lingkaran besar yang mewakili lingkaran-lingkaran kecil yang ada
didalamnya, merupakan pemecahan dari diagram konteks.
Data Flow Diagram (DFD)
Gambar 4.3. Data Flow Diagram (DFD) Level 0
Admin mempunyai hak akses atas semua yang terdapat pada sistem tersebut, baik
pada pemasukan data profil, data galery, data layanan, dan data kontak. User tidak
mempunyai hak akses dalam menginputkan data dan user hanya bisa melihat data yang telah
diinputkan oleh seorang admin.
DFD Level 1 Lihat Data
8
Gambar 4.4 Data Flow Diagram (DFD) Level 1 Lihat Data
Pada level 1 lihat data, user mendapatkan hak akses hanya dapat melihat data yang telah
diinputkan oleh admin.
DFD Level 1 Input Data
Gambar 4.5 Data Flow Diagram (DFD) Level 1 Input Data
Admin dapat melakukan input, edit, dan hapus data pada tabel katagori photo,tabel
menu, tabel photo dan user.
9
3.3 Rancangan Tabel - Tabel
Tabel User
Name Type Length Status
Id Interger 11 primary
User Varchar 30
Password Varchar 30
Level Interger 5
Tabel Menu
Name Type Length Status
Id_menu Interger 11 primary
Menu Varchar 225
Icon Varchar 225
Parent_id Varchar 11
Link Text
Isi Text
Tanggal Date
Tabel link social
Name Type Length Status
Id Interger 11 primary
Fb Text
Twitter Text
Gplus Text
10
Rrs Text
Tabel Kategory
Name Type Length Status
Id Interger 11 primary
kategory Varchar
description Text
publish Enum
Tabel Photo
Name Type Length Status
Id Interger 11 primary
Photo Text
Description Text
Publish Enum
Id_kategory Interger 11
Tanggal Date
Judul Varchar 225
Bentuk-bentuk tabel
11
3.4 Relasi Antar Tabel
Relasi ini digunakan untuk menghubungkan antar table yang saling berhubungan /
mempunyai hubungan antara table yang satu dengan table yang lainnya.Disini yang saling
berhubungan hanya ada 2 tabel dan yang lainnya tidak mempunyai hubungan alias berdiri
sendiri.
12
3.5 Flowchart Sistem Website
Gambar 4.6 Flowchart Sistem Website
3.6 Flowchart Proses Login Admin
Gambar 4.7 Flowchart Proses Login Admin
13
4. IMPLEMENTASI SISTEM
Aplikasi ini dijalankan dengan menggunakan web server dan web browser, web
server yang digunakan adalah WampServer 2.5. Sedangkan untuk web browser bisa
menggunakan Crome, Mozilla, dan web browser yang lainnya. Sebelum aplikasi ini
dijalankan terlebih dahulu copy kan folder aplikasi ke dalam folder aplikasi Wamp Server 2.5
di folder www. Pembuatan database dapat melalui PHP MyAdmin dengan membuatkan nama
database untuk aplikasi tersebut dan mengimporkan database dari aplikasi tersebut. Apabila
kebutuhan untuk menjalankan aplikasi telah lengkap ketikkan http://localhost//website di
dalam web browser.
4.1 Halaman Beranda
Pada halaman ini terdapat tampilan produk yang disediakan oleh Hartom Souvenir
Yogyakarta seperti : Piala, Tropy, Name Tag, Pin, Medali, Kalung Wisuda, Fiber Glass,
Plaquet ( Cindera Mata ) dan Mug.
14
Gambar 4.8 Tampilan Beranda
4.2 Halaman Profil
Halaman Profil ini berisi tentang profil perusahaan yang menjelaskan perusahaan
Toko Hartom Souvenir Yogyakarta
15
Gambar 4.9 Tampilan Profil Perusahaan
4.2 Halaman Galery
Halaman ini berisikan harga dan produk yang disediakan Toko Hartom Souvenir
Yogyakarta.
16
Gambar 4.10 Tampilan Galeri
4.3 Halaman Layanan
Halaman layanan berisi tentang informasi bagaimana cara pemesanan produk
souvenir.
17
Gambar 4.11 Tampilan Layanan
4.4 Halaman Kontak
Halaman ini berisi tentang informasi kontak pemesanan souvenir.
18
Gambar 4.12 Tampilan Kontak
4.5 CMS
CMS adalah halaman yang dikhususkan untuk admin.Halaman ini digunakan untuk
penginputan data.
19
Gambar 4.13 Tampilan Login CMS
5. PENUTUP
5.1 Kesimpulan
20
Berdasarkan uraian bab–bab yang telah dikemukakan di depan, maka dalam
implementasi dan perancangan website media informasi pada Toko Hartom souvenir dapat
ditarik beberapa kesimpulan, antara lain sebagai berikut:
1. Sistem penjualan ini hanya memberikan informasi terupdate dan proses transaksi
penjualan. Sistem ini berjalan untuk memberikan kemudahan informasi kepada konsumen
atau pembeli.
2. Proses pembayaran barang dilakukan dengan cara transfer ke bank yang ditunjuk kepada
Hartom Souvenir. Sistem berbasis web ini menjadi salah satu alternative solusi atau
strategi penjualan dalam menyampaikan dan memberikan informasi kepada konsumen
melalui website.
5. 2 Saran
Saran–saran yang dapat diberikan penulis antara lain:
1. Dalam proses pembayaran masih dilakukan diluar sistem tidak menutup
kemungkinan adanya pengembangan sistem dengan cara bekerja sama dengan pihak
luar seperti paypal dan lain-lain.
2. Sistem ini hanya berbasis web. Sebaiknya menambahkan sistem pemesanan seperti
SMS Gateway, dan lain-lain.
DAFTAR PUSTAKA
21
Kristanto, Harianto.Ir.1994. Konsep dan Perancangan Database.Yogyakata:Andi Offset
H.M, Jogiyanto., Analisis & Desain Sistem Informasi Pendekatan Terstruktur, ANDI
Offset, Yogyakarta, 1993.
Betha Sidik, Ir, Pemrograman WEB dengan PHP, Informatika, Bandung, 2004
Nugroho, Bunafit. 2004. Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL.
Gava Media. Yogyakarta
PHP DAN MySQL untuk Pemula : Andi Offset
Top Related