JURNAL. PERANCANGAN DAN IMPLEMENTASI WEBSITE SEBAGAI MEDIA INFORMASI PADA TOKO HARTOM SOUVENIR MENGGUNAKAN PHP DAN MySQL

Transkripsi

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 1

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

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 3

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

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

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 User 4. I Lihat data 0 Pengolahan Data Web Input Data Admin 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 6

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 7

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

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 Isi Tanggal Text Text Date Tabel link social Name Type Length Status Id Interger 11 primary Fb Twitter Gplus Text Text Text 9

10 Rrs Text Tabel Kategory Name Type Length Status Id Interger 11 primary kategory description publish Varchar Text Enum Tabel Photo Name Type Length Status Id Interger 11 primary Photo Description Publish Text Text Enum Id_kategory Interger 11 Tanggal Date Judul Varchar 225 Bentuk-bentuk tabel 10

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

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 12

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

14 Gambar 4.8 Tampilan Beranda 4.2 Halaman Profil Halaman Profil ini berisi tentang profil perusahaan yang menjelaskan perusahaan Toko Hartom Souvenir Yogyakarta 14

15 Gambar 4.9 Tampilan Profil Perusahaan 4.2 Halaman Galery Yogyakarta. Halaman ini berisikan harga dan produk yang disediakan Toko Hartom Souvenir 15

16 Gambar 4.10 Tampilan Galeri 4.3 Halaman Layanan souvenir. Halaman layanan berisi tentang informasi bagaimana cara pemesanan produk 16

17 Gambar 4.11 Tampilan Layanan 4.4 Halaman Kontak Halaman ini berisi tentang informasi kontak pemesanan souvenir. 17

18 Gambar 4.12 Tampilan Kontak 4.5 CMS CMS adalah halaman yang dikhususkan untuk admin.halaman ini digunakan untuk penginputan data. 18

19 Gambar 4.13 Tampilan Login CMS 5. PENUTUP 5.1 Kesimpulan 19

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

21 Kristanto, Harianto.Ir Konsep dan Perancangan Database.Yogyakata:Andi Offset H.M, Jogiyanto., Analisis & Desain Sistem Informasi Pendekatan Terstruktur, ANDI Offset, Yogyakarta, Betha Sidik, Ir, Pemrograman WEB dengan PHP, Informatika, Bandung, 2004 Nugroho, Bunafit Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL. Gava Media. Yogyakarta PHP DAN MySQL untuk Pemula : Andi Offset 21