JURNAL TEKNOLOGI INFORMASI & PENDIDIKAN ISSN : 2086 – 4981VOL. 9 NO. 2 Juni 2016

68

IMPLEMENTASI SISTEM PENJUALAN TOKO ONLINEPADA VERICI SPORT DENGAN MENGGUNAKAN PEMROGRAMAN PHP

Nelfira1Sabri Hayat2

ABSTRACT

Currently Verici Sport Shop in terms of marketing and sales are still processedmanually. These indicate that the current system is not used effectively andefficiently. Therefore, a new system is needed to provide convenience forconsumers in terms of getting information about the products through surfing awebsite. This website is made by analyzing the data using the tools of the systemdesign, and then design input, design output, design files and program flow whichare made from a whole new system. The result of the analysis is applied to anwebsite sales application which powered by PHP-MySQL. With the existance ofthe new system, consumers are expected to get faster and more accurateinformation about the products and to make ordering faster for them. And forVerici Sport Shop, shirt sales are greatly increased so that the company can getmore potential benefit.

Keywords :Website, PHP-MySQL

INTISARI

Saat ini Toko Verici Sport dalam sistem penjualan masih secara manual. Inimenunjukkan bahwa sistem yang dipakai tidak efektif dan efisien. Untuk itudibutuhkan suatu sistem yang dapat memberikan kemudahan bagi konsumendalam hal mendapatkan informasi mengenai produk-produk melalui website.Sebelum pembuatan website terlebih dahulu dilakukan penganalisisan datadengan menggunakan alat bantu perancangan sistem, kemudian dirancangdesain input, desain output, desain file, dan aliran program dari sistem yang baru.Hasil dari analisis tersebut diterapkan ke dalam suatu program aplikasi websitepenjualan yang didukung oleh PHP-MySQL. Dengan adanya sistem yang barudiharapkan konsumen mendapatkan informasi mengenai produk lebih cepat danakurat dan pemesanan lebih mudah. Bagi Toko Verici Sport penjualan produkdiupayakanlebih meningkat sehingga dapat memberikan keuntungan bagiperusahaan.

Kata Kunci :Website, PHP-MySQL

1 Dosen STMIK Indonesia Padang2 STMIK Indonesia Padang

JURNAL TEKNOLOGI INFORMASI & PENDIDIKAN ISSN : 2086 – 4981VOL. 9 NO. 2 Juni 2016

69

PENDAHULUANPada saat ini perkembangan

sistem informasi yang semakin pesat,menuntut suatu sistem pendukungyang tidak saja cepat dalampemrosesan dan penyajian laporan,tetapi juga dituntut akurasinya.Sekarang ini penggunaan komputersebagai penghasil informasi sudahtidak dapat dielakan lagi, dengankata lain komputer merupakan alatvital yang tidak dapat dipisahkan lagidari kehidupan manusia, seringnyaterjadi kesalahan dalam memprosesdan pembuatan laporan membuatpimpinan perusahaan sulitmengontrol hal-hal yang terjadidalam organisasi, maka penggunaankomputer yang optimal merupakansalah satu solusi untuk mengatasihal tersebut. Hampir semuaperusahaan menggunakan komputermeski hanya sebagai mediapembuatan worksheet sederhanamaupun untuk pengolahan dataseperti pembuatan laporan harian,bulanan, tahunan, dll.

Salah satu tempat yangpenulis lakukan penelitian adalahtoko verici sport sebagai usaha yangbergerak dalam bidang penjualanbarang-barang olah raga. Sistempengolahan datanya masihmenggunakan aplikasi Microsoftoffice seperti Ms. Work dan Ms.Excel, sehingga pengolahan datakurang efektif dan kurang efisien.Seringnya terjadi kesalahan danketerlambatan dalam pembuatanlaporan penjualan mengakibatkanpimpinan sulit untuk mengambilkeputusan, oleh sebab itu perlumenggunakan suatu aplikasi yangdapat memberi informasi yangdibutuhkan secara cepat, tepat danakurat. Untuk mengatasipermasalahan di atas perludirancang sistem penjualan berbasisWeb. Database yang digunakandalam penyimpanan data adalahMySQL, dan Bahasa pemogramanPHP.

METEDEOLOGI PENDEKATANMASALAH

Menurut Rosa danShalahuddin, (2013:21) bahwa“ SDLC (system Development LifeCycle ) adalah Prosesmengembangkan atau mengubahsuatu sistem perangkat lunakdengan menggunakan model-modeldan metodologi yang digunakanuntuk mengembangkan sistem-sistem perangkat lunak sebelumnyaberdasarkan best practice atau cara-cara yang sudah teruji baik”. SDLC(system Development Life Cycle )terdiri dari 5 siklus yaitu:1. Perencanaan Sistem (System

Planning) / Identifikasi Sistemyaitu menentukan tujuan dansasaran yang ingin dicapaisehingga dapat membenahisistem ke arah yang lebih baik/ sempurna.

2. Analisis Sistem (SystemAnalysis) yaitumenggambarkan keadaansistem yang sesungguhnya,kemudian melakukanperbaikan untuk mengatasipenyebab masalah dan dicarisolusinya.

3. Perancangan Sistem (DesignSystem) yaitumenggambarkan proseskegiatan secara terurut. Hasilrancangan dituangkan dalambentuk aplikasi yang dijadikanacuan untuk menghasilkansuatu keputusan / tindakan.

4. Implementasi Sistem (SystemImplementation) yaitumenjalankan danmenggunakan aplikasi denganinput data, proses pengolahandata dan penyampaianinformasi kepada user sesuaidengan tujuan sistem.

Kajian Pustaka

JURNAL TEKNOLOGI INFORMASI & PENDIDIKAN ISSN : 2086 – 4981VOL. 9 NO. 2 Juni 2016

70

Stuctured Query Language(SQL) adalah bahasa komputerstandar ANSI (American NationalStandard Institude) untukmengakses dan memanipulasisistem basis data. Pernyataan SQLdigunakan untuk mengambil danmengupdate data dalam basis dataseperti Ms Acces, DB2, Informix,MsSQLServer, Oracle, Sybase dansebagainya. Query adalah perintah-perintah untuk mengakses datapada sistem basis data.

SQL adalah bahasa querybaku untuk DBMS. SQL diambilsebagai bakuan sejak tahun 1992,SQL bersifat sebagai bahasa tingkattinggi (high level). Pemakai hanyamenyebutkan hasil yang diinginkandan optimasi pelaksanaan querydilakukan oleh DBMS. Satu perintahSQL dapat mewakili puluhan barisperintah bahasa xBASE.

PHP adalah bahasa serverside scripting yang menyatu denganHTML untuk membuat halaman webyang dinamis. Maksud dari server-side scripting adalah sintaks danperintah-perintah yang akandiberikan akan sepenuhnyadijalankan diserver tetapi disertakanpada dokumen HTML. Pembuatanweb ini merupakan kombinasi antaraPHP sendiri sebagai bahasapemrograman dan HTML sebagaipembangun halaman web.

PHP merupakan software yangopen source (gratis) dan mampulintas platform, yaitu dapatdigunakan dengan sistem operasidan web server apapun. PHP jugadapat dibangun sebagai modul padaweb server apache dan sebagaibinary yang dapat berjalan sebagaiCGI. PHP dapat mengirim HTTPheader. PHP menawarkankonektivitas yang baik denganbeberapa basis data antara lainOracle, Sybase, mSQL, My SQL,Solid dan tak terkecuali semuadatabase berinterface ODBC(Alexander F.K Sibero, (2011:49)).

HTML bukan merupakansebuah bahasa pemrograman dansuatu dokumen HTML bukanmerupakan suatu program komputer.HTML lebih sederhana daripadaprogram komputer. Walau begitu,sebuah dokumen HTML adalah data.Definisi dari HTML adalahmenentukan tata bahasa dan sintakslabel tambahan ketika datadimasukkan serta menginstruksikanbrowser bagaimana menghadirkandokumen.

Yang membedakan dokumenHTML dengan dokumen teks biasaadalah dalam memberikan suatuformat tertentu pada dokumen HTML.Dengan HTML, hasil format tidakdapat dilihat secara langsung padadokumen tersebut, seperti halnyapada dokumen Word atauWordPerfect for Windows. Untukmelihat hasilnya diperlukan suatuprogram khusus yang disebutbrowser. Format yang diberikan(disebut tag) pada dokumen HTMLini merupakan suatu sarana untukmemberi tahu browser tentang caramenampilkan dokumen tersebut.Perbedaan lainnya adalah bahwaHTML bisa mengandung suatu link(hubungan) ke bagian lain dalamdokumen tersebut atau ke dokumenlain pada server yang sama maupunpada server yang berbeda.

HTML dibuat oleh TimBerners-lee ketika masih bekerjauntuk CERN dan dipopulerkanpertama kali oleh Browser Mosaic.Selama awal tahun 1990 HTMLmengalami perkembangan yangpesat. Setiap pengembangan HTMLpasti akan menambahkankemampuan dan fasilitas yang lebihbaik dari sebelumnya. Namunperkembangan tersebut tidak sampaimengubah cara kerja dari HTML( Alexander F.K Sibero, (2011:19)).

HASIL DAN PEMBAHASANAnalisis Sistem yang Diusulkan

Berdasarkan hasil penelitian,maka perlu diusulkan perbaikan

JURNAL TEKNOLOGI INFORMASI & PENDIDIKAN ISSN : 2086 – 4981VOL. 9 NO. 2 Juni 2016

71

sistem yang sudah ada dengansistem yang baru denganmenggunakan sistem informasi.Sistem ini dibentuk berdasarkananalisis terhadap sistem informasiyang sudah ada. Kegiatan yangdilakukan masih sama dengankegiatan sebelumnya,perbedaannya adalah pada saatmelakukan transaksi telahmenggunakan program komputerdan adanya pembuatan laporan.Sistem informasi yang diusulkanadalah :

Gambar 1. SistemInformasi yang Diusulkan

Perancangan Basis DataBasis data yang digunakan

dalam membangun aplikasi iniMySQL. Struktur tabel aplikasi inidapat dilihat pada gambar berikut.Masalah yang ditemui pada sistemdicarikan jalan keluarnya untukmembantu user bekerja semaksimalmungkin, dan sistem yang dirancangmampu menyelesaikanpermasalahan yang dihadapi.

Gambar 2. Rancangan FileImplementasi

Tahap implemetasi merupakantahap terakhir dalammenggambarkan sistem, yaitumeletakkan sistem supaya siapdioperasikan. Implementasi bergunauntuk memudahkan penerapansistem yang disiapkan agarpengentrian data sampai padapenyajian informasi sesuai denganprosedur yang telah direncanakan.a. Desain Menu Utama

(Homepage)Homepage adalah tampilanpertama sekali dari aplikasiyang telah dibangun.Dihalaman ini terdapat fitur-fitur yang dapat diaksessecara umum atau siapa sajadapat mengaksesnya.

Gambar 3. HalamanHomepage

b. Halaman PembayaranHalaman pembayaran inimerupakan halaman yangmenjelaskan cara pembayaranpada website ini. Untukmenampilkan halamanpembayaran, klik menu“pembayaran”, seperti berikut:

JURNAL TEKNOLOGI INFORMASI & PENDIDIKAN ISSN : 2086 – 4981VOL. 9 NO. 2 Juni 2016

72

Gambar 4. Halaman Pembayaranc. Halaman Contact Us

Halaman contact usmerupakan halaman yangmenampilkan alamat dariperusahaan. Untukmenampilkan halaman contactus, klik menu “contact us”,seperti pada gambar 5.

Gambar 5. Halaman Contact usd. Halamam Pesan dan Saran

Halaman pesan dan saranmerupakan halaman yangdisajikan buat pelanggan untukmemberikan pesan dan saran.Untuk menampilkan halamanpesan dan saran, klik menu“pesan dan saran”, sepertipada gambar 6.

Gambar 6. Halaman Pesandan Saran

e. Halaman Login PelangganHalaman Login merupakanhalaman yang menampilkanform Login apabila pelangganingin memesan produk,seperti pada gambar 7.

Gambar 7. Halaman LoginPelanggan

f. Halaman ProdukHalaman produk merupakanhalaman yang menampilkanproduk-produk yang dijualpada website ini. Untukmenampilkan halaman produk,klik menu “produk”, sepertipada gambar 8.

Gambar 8. Halaman Produkg. Halaman Detail Produk

Halaman Detail produkmerupakan halaman yangmenampilkan detail produksecara jelas, Untukmenampilkan halaman detailproduk, klik tombol “beli” padahalaman produk, seperti padagambar 9.

Gambar 9 Halaman Detail ProdukSetelah mengisi jumlah produkyang akan dibeli padahalaman detail produk, makabarang tersebut akan langsungmasuk ke keranjang belanja.

JURNAL TEKNOLOGI INFORMASI & PENDIDIKAN ISSN : 2086 – 4981VOL. 9 NO. 2 Juni 2016

73

Untuk menampilkan halamankeranjang belanja, klik tombol“tambah ke keranjang” padahalaman detail produk, sepertipada gambar 10.

Gambar 10. Halaman KeranjangBelanja

Setelah selesai memilihproduk yang akan dibeli. Untukmelanjutkan transaksi, kliktombol “Lanjut Transaksi”.Setelah itu, akan munculhalaman pemesanan sepertipada gambar 11.

Gambar 11. HalamanPemesanan

Halaman pemesanan akanterisi secara otomatis sesuaidengan user yang login padahalaman login. . Untukmelanjutkan transaksi ke tahapberikutnya, klik tombol“Simpan”. Setelah itu, akanmuncul halaman rincianpemesanan seperti padagambar 12.

Gambar 12. Halaman RincianPemesanan

Halaman rincian pemesananakan terisi secara otomatissesuai dengan produk yang

dipesan dan pelanggan yangmemesannya. Untukmelanjutkan transaksi ke tahapberikutnya, klik tombol“Konfirmasi”. Setelah itu,akan muncul halamankonfirmasi pemesanan sepertipada gambar 13.

Gambar 13. Halaman KonfirmasiPemesanan

h. Halaman Login AdminHalaman login merupakanhalaman yang menampilkanform login untuk admin dariwebsite ini, seperti padagambar 14.

Gambar 14. Halaman LoginAdmin

i. Halaman Homepage AdminHomepage admin adalahtampilan pertama sekalimuncul saat admin telahmelakukan login, seperti padagambar 15.

Gambar 15. HalamanHomepage Admin

j. Halaman Produk PadaHomepage Admin

JURNAL TEKNOLOGI INFORMASI & PENDIDIKAN ISSN : 2086 – 4981VOL. 9 NO. 2 Juni 2016

74

Halaman produk padahomepage admin inimenampilkan produk-produkyang telah dientrykansebelumnya. Untukmenampilkan halaman produk,klik menu “produk”, sepertipada gambar 16.

Gambar 16. Halaman ProdukPada Homepage AdminHalaman tambah produkmerupakan, halaman yangdisediakan khusus untukadmin, untuk mengentrykanproduk baru. Untukmengentrykan produk baru,klik “tambah produk”, sepertipada gambar 17.

Gambar 17. Halaman TambahProduk

k. Halaman Laporan ProdukHalaman laporan produkmerupakan halaman yangmenampilkan laporan semuaproduk. Untuk menampilkanlaporan produk, klik tombol“print”, seperti pada gambar18.

Gambar 18 Halaman LaporanProduk

l. Halaman Pelanggan PadaHomepage AdminHalaman pelangganmerupakan halaman yangmenampilkan semua datapelanggan yang telahmendaftar di website ini. Untukmenampilkan halamanpelanggan, klik menu“pelanggan”, seperti padagambar 19.

Gambar 19 Halaman PelangganPada Homepage Admin

m. Halaman Laporan PelangganHalaman laporan pelangganmerupakan halaman yangmenampilkan laporan semuapelanggan. Untukmenampilkan laporanpelanggan, klik tombol “print”,seperti pada gambar 20.

Gambar 20 HalamanLaporan Pelanggan

n. Halaman Pemesanan PadaHomepage Admin

JURNAL TEKNOLOGI INFORMASI & PENDIDIKAN ISSN : 2086 – 4981VOL. 9 NO. 2 Juni 2016

75

Halaman pemesananmerupakan halaman yangmenampilkan semua datapemesanan yang telahmelakukan pemesanan padawebsite ini. Untukmenampilkan halamanpemesanan, klik menu“pemesanan”, seperti padagambar 21.

Gambar 21. HalamanPemesanan PadaHomepage admin

Apabila pembayaran telahdilakukan oleh pelanggan,maka admin dapat mengubahstatus pelanggan yang tadinya“Proses” menjadi “Lunas”pada halaman ubah status.Untuk menampilkan halamanubah status, klik tombol “gantistatus”, seperti pada gambar22.

Gambar 22. HalamanStatus Pemesanan

o. Halaman Laporan PemesananHalaman laporan pemesananper bulan merupakan halamanyang menampilkan semualaporan pemesanan per bulan.Untuk menampilkan semualaporan pemesanan per bulan,klik tombol “cetak semuapemesanan”, seperti padagambar 23

Gambar 23. Halaman FormLaporan Pemesanan

Setelah muncul form tersebut,input bulan dan tahun. Lalu kliktombol “cetak”, maka akanmuncul laporan pemesananper bulan dan tahun, sepertipada gambar 24

Gambar 24. Halaman LaporanPemesanan per bulan

p. Halaman Pesan dan SaranPada Homepage AdminHalaman pesan dan saranmerupakan halaman yangmenampilkan semua pesandan saran yang diisi olehpelanggan. Seperti padagambar 25.

Gambar 25. Halaman Pesandan Saran Pada Homepage

Admin

KESIMPULANRancangan website pada toko

verici sport ini dapat memperluasjangkauan akses informasi, karenasistem ini bekerja secara online danrealtime. Dengan adanya website ini,konsumen dapat mengetahuiinformasi mengenai produk padatoko verici sport secara cepat, akurat,serta lebih mudah tanpa harusdatang langsung ke toko, dan pihakpimpinan toko Verici Sport dapat

JURNAL TEKNOLOGI INFORMASI & PENDIDIKAN ISSN : 2086 – 4981VOL. 9 NO. 2 Juni 2016

76

mengetahui secara cepat laporanpenjualan produk.

DAFTAR PUSTAKA

[1] F.K Sibero, Alexander. 2011.Kitab Suci Web Programming.Jakarta: MediaKom

[2] Jogiyanto, H.M. 2005.Pengenalan Komputer, dasarilmu komputer, pemrograman,sistem informasi dan inteligensibuatan. Andi Offset: Yogyakarta.

[3] Nugroho, Bunafit. 2008.Membuat Sistem informasiPenjualan Berbasis WEBdengan PHP dan MySQL.Yokyakarta: Gava Media

[4] Oetomo, Budi Soetejo Dharma.2006. Perancangan danPembangunan Sistem Informasi.Yogyakarta: Andi Offset.

[5] Solichin, Achmad. 2009.Pemrograman Web denganPHP dan MySQL. Jakarta:Universitas Budi Luhur.

[6] Sutanta, Edhy, (2011), BasisData Dalam TinjauanKonseptual, Andi Offset:Yogyakarta.

[7] Sutarman. 2009. PengantarTekhnologi Informasi. Jakarta:Bumi Aksara