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
Transcript
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,
