PEMBUATAN WEBSITE E-COMMERCE DI ZAKK-ZAKK GUITAR SHOP YOGYAKARTA DENGAN MENGGUNAKAN PHP DAN MYSQL

NASKAH PUBLIKASI

diajukan oleh : Jenal Mutaqin 09.11.2995

kepada SEKOLAH TINGGI MANAJEMEN INFOMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2013

E-COMMERCE WEBSITE DEVELOPMENT IN ZAKK - ZAKK GUITAR SHOP YOGYAKARTA USING PHP AND MYSQL

PEMBUATAN WEBSITE E-COMMERCE DI ZAKK-ZAKK GUITAR SHOP YOGYAKARTA DENGAN MENGGUNAKAN PHP DAN MYSQL

Jenal Mutaqin Erik Hadi Saputra Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT In this modern era of computers have an important role in human life, because the computer can help alleviate human tasks through applications - applications that are made available in accordance with their needs, so many companies use computer applications or computerized systems to support its business activities. Most companies conduct their business activities more efficient computerized for reasons of time, not a lot of risk and faster decisions. With the above reasons, the author tries to design the e commerce information systems at "zakk-zakk guitar shop" , that which can conduct the sale, purchase, stock and can generate reports results of business transactions. E commerce information systems is designed using the software MySQL and Dreamweaver. The author conducted research methods to gather data from books, the internet and shop owners. In the end, e commerce information system application at store "zakkzakk guitar shop" can help shop owners in making the administration of all business transactions. Keywords: Making, website, e-commerce, PHP and MySQL

1.

Pendahuluan Ilmu pengetahuan dan teknologi informasi yang terus berkembang pesat pada

masa sekarang ini tentunya sangat membantu manusia dalam menjalankan aktifitasnya sehari-hari. Berbagai aspek informasi untuk meningkatkan efensiensi kerja. Manusia dan sarana penunjang yang memadai untuk terciptanya keefiensi kinerja. Guitar shop ZAKK - ZAKK merupakan sebuah perusahaan yang bergerak di bidang penjualan alat musik terutama alat musik petik yaitu gitar. Banyaknya toko-toko gitar yang berdiri di daerah Yogyakarta bisa saja menjadi saingan perusahaan dalam penjualan gitar. Setelah kami kunjungi dan analisa toko gitar tersebut, maka kami menyimpulkan untuk membuat website e-commerce pada toko ini untuk membantu di dalam penjualan. Selain itu juga lokasi Guitar shop ZAKK ZAKK ini yang tepatnya bertempat di Jl. Nagan Kulon K-75 Patehan Kraton Yogyakarta belum bisa dikatakan strategis, maka dengan membaca info lokasi yang tercantum di website ini para konsumen yang ingin mengunjungi bisa dengan mudah mencari lokasinya. Jika dilihat dari hal tersebut serta penulis diharapkan dapat memberikan solusi dalam bentuk sebuah website e-commerce yang memanfaatkan kemajuan-kemajuan teknologi internet.

2.

Landasan Teori 2.1 Definisi sistem Sistem adalah suatu kumpulan atau himpunan dari unsur atau variabelvariabel yang saling teorganisir, saling berinteraksi, dan saling bergantung satu sama lain. Murdick dan Ross (1933) mendefinisikan sistem sebagai seperangkat elemen yang digabung satu sama lainnya untuk suatu tujuan bersama. Menurut Scott (1966), sistem terdiri dari unsur-unsur seperti masukan (input), pengolahan (processing), serta keluaran (output).

2.2 Informasi McFadden, dkk (1999) infromasi adalah data yang telah diproses sedemikian rupa sehingga meningkatkan pengetahuan seseorang yang menggunakan data tersebut. Menurut Davis (1999), infromasi merupakan data yang telah diolah menjadi bentuk bagi penerimanya dan bermanfaat dalam pengambilan kepututsan saat ini atau saat mendatang. 2.3 Sistem Informasi Sistem informasi merupakan kumpulan dari perangkat keras dan lunak komputer serta perangkat manusia yang mengolah data menggunakan perangkat keras tersebut. Data berperan penting dalam sistem informasi dapat berupa formulir-formulir, prosedur-prosedur dan bntuk lainnya. 2.4 Definisi E-Commerce Electronic commerce (EC) merupakan konsep baru yang bisa

digambarkan sebagai proses jual beli barang atau jasa padan World Wide Web Internet (Shim, Qureshi, Siegel, Siegel, 2000) atau proses jual beli atau pertukaran produk, jasa dan informasi melalui jaringan informasi termasuk Internet (Turban, Lee, King, Chung, 2000). 3. Analisis dan Perancangan Sistem 3.1 Analisis Sistem Pengembangan Sistem Pendukung Keputusan ini terfokus pada sudut pandang model pengambilan keputusan yang dibatasi pada model hubungan sebab akibat antar variabel kriteria yang memberikan kecenderungan pilihan atas suatu set alternatif. Analisisnya difokuskan kepada komponen subsistem manajemen model, subsistem manajemen dialog dan subsistem manajemen database. Penyusunan SPK ini didasarkan pada pengembangan hubungan-hubungan logis persoalan keputusan ke dalam suatu model matematis dan model informasi, yang mencerminkan hubungan antara faktor-faktor yang terlibat. Model yang dikembangkan ini akan memberikan gambaran hasil dari realitas yang diselidiki.

Perancangan Model Model yang diusulkan berbentuk physical system dan logical model. 3.1.1 Physical System Sketsa dari physical system dapat menunjukkan bagaimana nantinya sistem secara fisik akan diterapkan. Physical system digambarkan dengan menggunakan flowchart system.

Data Admin

Data Produk

Data Kategori

Data Pemesanan

Data Keranjang

Data Pelanggan

Data Kota

Data Berita

Data Hubungi

Input Data Admin

Input Data Produk

Input Data Kategori

Input Data Pemesanan

Input Data Keranjang

Input Data Pelanggan

Input Data Kota

Input Data Berita

Input Data Hubungi

Pengolahan Data Admin

Pengolahan Data Produk

Pengolahan Data Kategori

Pengolahan Data Pemesanan

Pengolahan Data Keranjang

Pengolahan Data Pelanggan

Pengolahan Data Kota

Pengolahan Data Berita

Pengolahan Data Hubungi

Data Admin

Data Produk

Data Kategori

Data Pemesanan

Data Detail Pemesanan

Data Keranjang

Data Pelanggan

Data Kota

Data Berita

Data Hubungi

Pengolahan Data Admin

Pengolahan Data Produk

Pengolahan Data Kategori

Pengolahan Data Pemesanan

Pengolahan Data Detail Pemesanan

Pengolahan Data Keranjang

Pengolahan Data Pelanggan

Pengolahan Data Kota

Pengolahan Data Berita

Pengolahan Data Hubungi

Tampilan Data Produk

Tampilan Data Kategori

Tampilan Data Pemesanan

Tampilan Data Detail Pemesanan

Tampilan Data Keranjang

Tampilan Data Pelanggan

Tampilan Data Kota

Tampilan Data Berita

Tampilan Data Hubungi

Gambar 1.1 Flowchart System

3.1.2 Logical Model Logical model menjelaskan kepada user bagaimana fungsi-fungsi di dalam sistem informasi secara logika akan bekerja. Logical model dapat digambarkan dengan menggunakan diagram arus data atau DFD (Data Flow Diagram). 3.1.2.1 DFD (Data Flow Diagram) 1. Level contexs
Data produk Data kategori Data berita Data kota Data admin Info produk Info kategori Info pemesanan Info detail_pemesanan Info kota Info pelanggan Info hubungi Data pelanggan Data pemesanan Data kota Data hubungi Info produk Info kategori Info berita Info profil Info cara pembelian Info bukutamu

0
Sistem Penjualan ZAKK-ZAKK

Administrator

Pelanggan

Data hubungi

Info produk Info kategori Info berita Info profil Data pengunjung Info cara pembelian Info buku tamu

Pengunjung nonmember

Gambar 1.2 DFD level 0

1. Level 1
1
Data Admin

Info admin Data admin

D1

Input Edit Delete Admin 2

Admin

Info produk Data produk

D2

Data Produk

Input Edit Delete Produk 3

Produk

Info kategori Data kategori

D3

Info Produk

Data Kategori

Input Edit Delete Kategori 4 Input Delete Edit Pemesanan 5 Input Edit Delete Detail Pemesaan 6

Kategori
Info Kategori

Info Pemesanan

Info pemesanan Data pemesanan

D4

Data Pemesanan

Pemesanan

Info Detail Pemesanan Data Detail Pemesanan

Info detail pemesanan Data detail pemesanan

D5

Detail Pemesanan
Pengunjung

Admin Info keranjang Data keranjang

D6

Data Keranjang Info Keranjang

Input Edit Delete Keranjang 7 Input Edit Delete Pelanggan

Keranjang

Data Pelanggan

Info pelanggan Data pelanggan

D7

Pelanggan

Data Pelanggan Data Pelanggan

Pelanggan

Info Kota
Data Kota

8 Input Edit Delete Kota

Info kota Data kota

D8

Kota

Pengunjung

Info Kota

Data Hubungi 9
Data Berita

Info berita Data berita

D9

Input Edit Delete Berita 10 Input Edit Delete Hubungi

Berita

Data Hubungi

Info hubungi Data hubungi

D10

Hubungi

Gambar 1.3 Data Flow Diagram Level 1 proses

3.1.3 Perancangan Basis Data Perancangan basis data digunakan untuk menentukan entitas, atribut (field), serta relasi yang terjadi diantara masing-masing entitas hingga membentuk sistem basis data yang normal. 3.1.3.1 Normalisasi 3.1.3.1.1 Bentuk Tidak Normal Username Password Nama_lengkap Email No_telp Level Blokir Id_produk Nama_produk Deskripsi Harga Stok Tgl_masuk Gambar Dibeli Id_pemesanan Tanggal Status Id_detail Harga Jumlah Id_kategori Nama_kategori Id_keranjang Id_pelanggan Id_barang Kode Username Pass Nama Alamat Id_kota Kota Ongkos Id_berita Judul Isi_berita Hari Jam Id_hubungi Email Subjek Pesan Gambar 1.4 Bentuk tidak normal

3.1.3.1.2 Bentuk Normal Pertama (1NF)

Admin Username Password Nama_lengkap Email No_telp Level Blokir Pelanggan Kode Username Pass Nama Alamat Id_kota Telp Email

Produk Id_produk Id_kategori Nama_produk Deskripsi Harga Stok Tgl_masuk Gambar Dibeli Kota Id_kota Kota Ongkos

Pemesanan Id_pemesanan Id_pelanggan Tanggal Status Berita Id_berita Judul Isi_berita Hari Tanggal Jam Gambar

Kategori Id_kategori Nama_kategori Keranjang Id_keranjang Id_pelanggan Id_barang Harga Jumlah Hubungi Id_hubungi Nama Email Subjek Pesan Tanggal

Gambar 1.5 Bentuk normal pertama (1NF)

3.1.3.1.3 Bentuk Normal Kedua (2NF)

Admin Username Password Nama_lengkap Email No_telp Level Blokir Pelanggan Kode Username Pass Nama Alamat Id_kota Telp Email
User Id_user Nama Alamat Email Tlp Username Password level

Produk Id_produk Id_kategori Nama_produk Deskripsi Harga Stok Tgl_masuk Gambar Dibeli Detail Pemesanan Id_detail Id_pemesanan Id_barang Harga jumlah
Produk Id_produk Kd_produk Nama Harga Deskripsi

Pemesanan Id_pemesanan Id_pelanggan Tanggal Status Berita Id_berita Judul Isi_berita Hari Tanggal Jam Gambar Kota

Kategori Id_kategori Nama_kategori Keranjang Id_keranjang Id_pelanggan Id_barang Harga Jumlah Hubungi Id_hubungi Nama Email Subjek

Id_kota Pesan Kota Tanggal Ongkos

Pemesanan Berita Id_berita Berita Judul Id_pesan Kd_pesan Id_detail Harga Qty

Gambar Id_tujuan Id_kategori Nama status Alamat Tlp

Gambar 1.6 Bentuk Normal Kedua

kota

3.1.3.2 Relasi Antar Tabel Merupakan hubungan antar tabel yang satu dengan tabel yang lain. Hubungan ini berfungsi untuk menunjukkan relasi antar tabel sehingga membentuk suatu relasi antar tabel. Admin Username Password Nama_lengkap Email No_telp Level Blokir Pelanggan Id_pelanggan* Kode Username Pass Nama Alamat Id_kota** Telp Email Detail Pemesanan Id_detail Id_pemesanan** Id_barang Harga jumlah Kota Id_kota* Kota Ongkos Gambar 1.7 Relasi Antar Tabel Produk Id_produk Id_kategori** Nama_produk Deskripsi Harga Stok Tgl_masuk Gambar Dibeli Id_keranjang Id_pelanggan Id_barang Harga Jumlah Id_hubungi Nama Email Subjek Pesan Tanggal Pemesanan Id_pemesanan* Id_pelanggan** Tanggal Status Kategori Id_kategori* Nama_kategori Keranjang Berita Id_berita Judul Isi_berita Hari Tanggal Jam Gambar Hubungi

4.

Implementasi dan Pembahasan 4.1 Impelementasi Sistem Implementasi sistem merupakan tahap merealisasikan sistem yang baru dikembangkan supaya nantinya sistem tersebut siap diimplementasikan sesuai dengan yang diharapakan. Tujuan dari implementasi ini adalah menyisipkan semua kegiatan penerapan sistem sesuai dengan rancangan yang telah dilakukan sebelumnya. 4.1.1 Pengujian Sistem esuai dengan rancanga fisik sebagai dokumentasi aplikasi, maka program yang dibuat haruslah sesuai dengan dokumentasi yang telah dibuat. Dalam penerapan kode-kode program yang membangun website ini juga harus di uji agar terhindar dari kesalahan program secara menyeluruh. 1. Uji White Box Uji coba white box menggunakan struktur control rancangan untuk memperoleh test cas. Didasarkan pada pengamatan yang teliti tahap detail prosedur dan jalur logika yang melewati perangkat lunak diuji dengan memberikan tase case yang menguji serangkaian kondisi atau loop tertentu. 2. Uji Black Box Uji coba black box yaitu pengujian spesifikasi suatu fungsi atau modul apakah berjalan dengan sesuai dengan yang diharapkan atau tidak. Penguji ini berfokus pada persyaratan fungsional perangkat lunak. Modul yang diuji pada website ZAKK-ZAKK Guitar Shop adalah pada modul yang ada pada halaman admin.

4.2 Tampilan Implementasi Sistem Berikut adalah tampilan implementasi aplikasi sistem yang telah dibuat disertai dengan penjelasan fungsi tiap tampilan : 4.2.1 Tampilan Admin Halaman ini di sebelah kiri menampilkan modul, seperti kategori, produk, kota, daftar order, pelanggan, berita dan buku tamu.

Gambar 1.8 Form Admin

4.2.2 Halaman Beranda Merupakan halaman utama saat pengguna melakukan browsing yang berisi menu dan link untuk memudahkan mencari informasi yang diinginkan. Di dalam halaman Beranda menampilkan produk terbaru.

Gambar 1.9 Halaman Beranda

4.2.3 Halaman Cara Pembelian Halaman ini menampilkan prosedur cara pembelian di web ZAKK-ZAKK Guitar Shop, jadi user tidak bingung jika ingin membeli.

Gambar 1.10 Halaman Cara Pembelian

5. Penutup 5.1 Kesimpulan Berdasarkan hasil penelitian dan uraian penjelasan serta pembahasan yang disajikan pada bab-bab sebelumnya , kesimpulan yang dapat diambil adalah : 1. Proses pengolahan data yang sedang berjalan pada sistem lama selama ini masih menggunakan cara manual,karena masih belum adanya program atau aplikasi khususnya yang digunakan untuk mengolah data, mengakibatkan pelayanan masih belum memuaskan. 2. Data-data yang ada disimpan dan terkomputerisasi pada database, dan dapat dilakukan proses penambahan, penghapusan, pengubahan, penyimpanan, dan pencarian data serta pembuatan laporan-laporan dan pencarian data maupun transaksi yang dibutuhkan dapat diperoleh dengan mudahdan tepat waktu. Data yang tersusun dengan rapi dalam database membuat pembuatan laporan-laporan menjadi lebih mudah dan cepat. 5.2 Saran Mengganti sistem yang masih manual menjadi sistem yang terkomputerisasi. Jika sistem baru ini akan digunakan oleh Toko Handycraft Rumah Seru maka perlu diadakan pelatihan personil dalam menangani pengolahan data secara terkomputerisasi. Seiring dengan berjalannya waktu , kebutuhan akan pengolahan data akan semakin meningkat, maka sistem yang telah ada perlu dikembangkan atau diperbaiki sehingga dapat diperoleh sistem yang lebih optimal

DAFTAR PUSTAKA Abas Ali Pangera, M.Kom, Dony Ariyus, Sistem Operasi, Yogyakarta: Penerbit Andi, 2005 Abdul Kadir, Pengenalan Sistem Informasi, Yogyakarta: Penerbit Andi, 2008 Andri Kristanto, Perancangan Sistem Informasi dan Aplikasinya, Yogyakarta : Penerbit Gava Media, 2008 Bimo Sunarfrihantono, PHP dan MY SQL untuk Web, Yogyakarta: Penerbit Andi, 20022003 Hanif Al Fatah, Analisis & Perancangan Sistem Informasi, Yogyakarta: Penerbit Andi, 2007 Ir. Harianto Kristanto, Konsep dan Perancangan Database, Yogyakarta: Penerbit Andi, 1944 Kusrini, M.Kom, Strategi Perancangan dan Pengelolaan Basis Data, Yogyakarta: Penerbit Andi, 2007