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