Available online at https://ejournal.almaata.ac.id/index.php/IJUBI

## Indonesian Journal of Business Intelligence
Volume 1 | Issue 1 | June (2018)
IJUBI
Indonesian Journal ---- of ---- Business Intelligence
IJUBI - V OL . 1 N O . 1 (2018): 17 - 24

## PERANCANGAN WEB E-SHOP PADA TOKO SANDY DENGAN MENGGUNAKAN PHP DAN MySQL
Avrillaila Akbar Harahap 1 1 Program Studi Sistem Informasi, Fakultas Komputer, Universitas Alma Ata.
avrillailah@gmail.com
Jalan Brawijaya No.99 Yogyakarta

## Keywords:
Web, e-shop, SDLC, php, MySQL.

## Abstract
Sandy Shop is a store that is engaged in the sale of men's clothing. The business was established one year after the first child of the couple Mr. Ikhfan and Ms. Erniwati, precisely in 1999, and the name of the shop itself was taken from the name of their first child, Sandy Ervan Kurniawan. The sales system that occurs at Sandy Shop is that consumers come to the store to find and select items to buy. In doing marketing, only through conversation from person to person. Another  problem  is  the  sales  process  that  is  only  centered  in  the  city  of Sawahlunto,  making  customers  outside  the  city  find  it  difficult  to  buy  the product and to manage sales data Sandy Shop uses the conventional method of using a sales notebook. Based on interviews with Sandy Shop owners, the majority of clothing stores in the city of Sawahlunto have not used internet media as an alternative means of promotion. With the existence of the Web E- Shop at Sandy Shop, it is expected to provide convenience to the public to make purchases/orders  for  products  without  having  to  come  to  the  store,  and expand marketing and increase consumer confidence. The method used in the development of e-shop web systems is the SDLC (System Development Life Cycle)  method  and  the  software  used  to  design  and  design  the  PHP programming  language,  MySQL  database,  Notepad  ++,  and  XAMPP  text editors.
Kata Kunci:
Web, e-shop, SDLC, php, MySQL.

## Abstrak
Toko  Sandy  merupakan  sebuah  toko  yang  bergerak  di  bidang    penjualan pakaian khusus pria. Usaha ini didirikan satu tahun setelah anak pertama dari pasangan Bapak Ikhfan dan Ibu Erniwati yaitu tepatnya pada tahun 1999, dan nama toko itu sendiri diambil dari nama anak pertama mereka yaitu Sandy Ervan  Kurniawan.  Sistem  penjualan  yang  terjadi  di  Toko  Sandy  adalah konsumen  datang  ke  toko  untuk  mencari  dan  memilih  barang  yang  akan dibeli.  Di  dalam  melakukan  pemasaran,  hanya  melalui    perbincangan  dari orang ke orang. Masalah lainnya adalah proses penjualan yang hanya berpusat di Kota Sawahlunto membuat  pelanggan  yang berada di luar kota merasakan kesulitan apabila ingin membeli produk tersebut, dan untuk mengelola data penjualan Toko Sandy menggunakan cara konvensional yaitu menggunakan buku catatan  penjualan. Berdasarkan wawancara dengan pemilik Toko Sandy, mayoritas  toko  pakaian yang  ada  di  kota  Sawahlunto  belum  menggunakan media internet sebagai sarana promosi alternatif. Dengan adanya Web E-Shop pada  Toko  Sandy  diharapkan  dapat  memberikan  kemudahan  kepada masyarakat  untuk  melakukan  pembelian/pemesanan  produk  tanpa  harus datang ke toko, serta memperluas pemasaran dan meningkatkan kepercayaan konsumen. Metode yang digunakan dalam pengembangan sistem web e-shop adalah  metode  SDLC  (System  Development  Life  Cycle)  dan  software  yang
digunakan untuk merancang dan mendesain yaitu bahasa pemrograman PHP, database MySQL, text editor Notepad++, dan XAMPP.

## Pendahuluan
Di  Indonesia,  perkembangan  E-Shop  atau  yang biasa  disebut  E-Commerce  terus  meningkat, maka  perkembangan  bisnis  saat  ini  tidak hanya fokus pada toko fisik saja tetapi juga bisa melalui internet.  Salah  satu  sektor  perdagangan  yang cukup  signifikan  untuk  berkembang  saat  ini dengan menggunakan E-Shop yaitu Toko Sandy yang  menawarkan  pakaian  khusus  pria.  Toko Sandy masih belum optimal dalam melayani para pelanggan  dikarenakan  masih  menggunakan sistem  pelayanan  secara  manual.  Tak  hanya  itu, pelanggan  juga  repot  untuk  datang  ke  Toko Sandy  jika  hanya  untuk  memperoleh  informasi suatu barang / produk untuk pemesanan bahkan pembelian.  Maka  dari  itu  untuk  mengatasinya diperlukan  suatu  sistem  yang  nantinya  agar proses  pemesanan  menjadi  lebih  singkat  dan efisien  yaitu  dengan  membuat  suatu  website untuk  melakukan  penjualan  melalui  internet. Dengan  adanya  website  ini  pelanggan  dapat langsung  melakukan  pemesanan  tanpa  harus bertanya  terlebih  dahulu  karena  disana  telah disediakan  berbagai  informasi  seputar  barang  / produk  yang  dipasarkan  baik  itu  harga,  merek, ukuran dan lain-lain.
E-Shop  sebagai  salah  satu  bentuk  aktivitas transaksi  perdagangan  melalui  sarana  intenet, dengan  memanfaatkan  E-Shop  para  penjual menawarkan  produknya  secara  online  sehingga memberikan kemudahan berbelanja, bertransaksi,  dan  pengiriman  secara  efektif  dan efisien. Menggunakan Web E-Shop sebagai salah satu  media  penjualan  maka  akan  memperluas daerah  pemasaran  produk  dan  memudahkan pembeli  untuk  memilih  dan  memesan  produk tersebut  sehingga  dapat  meningkatkan  omset penjualan khususnya pada Toko Sandy.

## Landasan Teori
Menurut  Lani  Sudharto  (1996)  walaupun  secara fisik internet adalah inter koneksi antar jaringan komputer  namun  secara  umum  internet  harus dipandang  sebagai  sumber  daya  informasi  [1].
Suatu  jaringan  computer  yang  tersebar  luas  di seluruh dunia  dapat menghubungkan computer satu dengan yang lain dimana saja dan kapan saja guna memperoleh informasi [2].
Web  adalah  lokasi  di  internet  yang  menyajikan kumpulan  informasi  sehubung  dengan  profil pemilik  situs.  Web  adalah  suatu  halaman  yang memuat  situs-situs  web  page  yang  berada  di internet yang berfungsi sebagai media penyampaian  informasi,  komunikasi,  atau transaksi [2].
E-Shop  atau  biasa  disebut  dengan  e-commerce merupakan  segala  sesuatu  berkaitan  dengan transaksi  jual  beli  yang  dilakukan  secara  digital dengan menggunakan komputer yang terhubung dengan internet [3].
Penelitian  mengenai  perancangan  web  e-shop atau  e-commerce  ini  sudah  pernah  dilakukan sebelunya, diantaranya adalah sebagai berikut:
Dewi  Irmawati  (2011), meneliti  tentang  manfaat e-commerce. Penerapan teknologi informasi yaitu e-commerce membantu dalam persaingan bisnis seperti  penjualan  dan  lain-lain  [3].  E-commerce bisa mempermudah pelanggan untuk melakukan pesanan.  Sampai  saat  ini  kekurangan    e- commerce  adalah  pelanggan  sulit  menaruh  rasa percaya pada sistem ini.
Widodo (2012), dalam penelitiannya menerapkan website  sebagai  salah  satu  media  elektronik untuk  pemasaran  barang  dan  jasa.  Electronic commerce  merupakan  cara  yang  efektif  dalam memasarkan barang dan jasa karena mempunyai jangkauan  yang  luas  dan  tidak  membutuhkan biaya yang tinggi [4].
Sri  Peni  Mugi  Handayani  dan  Bambang  Eka Purnama (2013) dalam penelitiannya merancang sebuah  website  e-commerce,  pelanggan  dapat melihat  barang  apa  saja  yang  ditawarkan  oleh toko  dan  pelanggan  dapat  melakukan  transaksi secara online [5].
Warsiti  (2013)  menganalisa  tentang  website  nya Fazza Shop. Hasil analisa menyimpulkan bahwa dengan adanya website tersebut pelanggan dapt
IJUBI - V OL . 1 N O . 1 (2018): 17 - 24
melihat  lansung  informasi  seputar  produk  yang diperjual belikan. Website
Fazza Shop memberikan kemudahan bagi pelanggan dengan melakukan pemesanan yang praktis tanpa harus datang ke toko. Kekurangan dari website ini yaitu belum  adanya  fitur  registrasi  anggota  sehingga siapa  saja  bisa  melakukan  pemesanan  tanpa adanya registrasi [3].
Ragil  Sapto  Aji  Winoto  (2013)  menganalisa aplikasi penjualan online toko jam, menhasilkan bahwa  media  online  tersebut  sangat  efektif  dan optimal  selama  pengembangan  usaha.  Aplikasi penjualan  online  tersebut  dapat  diakses  kapan saja dan dimana saja [3].
Ongki  Risti  dan  Berlianan  Kusuma  Riasti  (2013) dalam  penelitiannya  melakukan  analisa  tentang e-commerce  pada  toko  mobil.  Website  e- commerce  tersebut  menerapkan  CMS  openchart untuk meningkatkan nilai penjualannya [3].
Anthonius Alekxander Kolin (2013) dengan judul penelitian “Analisis  dan  Perancangan  Web  e - commerce  Sebagai  Sarana  Media  Promosi  Dan Penjualan  di  Inosi  Computer”  memiliki  tujuan untuk memudahkan konsumen dalam mendapatkan
informasi tentang profil perusahaan, lokasi perusahaan, produk- produk yang  ditawarkan  oleh  Inosi  Computer, perusahaan  juga  dapat  memperluas  daerah pemasaran tanpa harus mengeluarkan biaya lebih mahal.  Dengan  demikian  aplikasi  e-Commerce dapat  menjadi  alternatif  untuk  memenangkan persaingan dalam dunia bisnis [6].
Lia  Setiarum  Adi  Putranti  (2014),  dengan  judul penelitian  “Pembuatan  Website  Electronic Commerce pada Toko Baju Belanja Anda sebagai Alternatif  Usaha  Mandiri”,  memiliki  tujuan menghasilkan sebuah website electronic commerce  pada  toko  baju  ”Belanja  AnDa” sebagai alternatif usaha mandiri yang
menghasilkan laba, serta sebagai media penjualan yang  efektif  dan  memudahkan  customer  untuk melihat stock real barang [6].

## Metode
Pengembangan  sistem  informasi  yang  berbasis komputer  merupakan  tugas  komplek  yang membutuhkan  banyak  sumber  daya  dan  dapat memakan waktu berbulan-bulan bahkan bertahun-tahun untuk menyelesaikannya. Proses pengembangan  sistem  melewati  beberapa
tahapan  dari  mulai  sistem  itu  direncanakan sampai dengan sistem itu diterapkan, dioperasikan, dan dipelihara. Bila operasi sistem yang telah dikembangkan masih timbul kembali permasalahan yang kritis serta tidak dapat diatasi dalam  tahap  pemeliharaan  sistem,  maka  perlu dikembangkan  kembali  suatu  sistem  untuk mengatasinya  dan  proses  kembali  ke  tahap pertama yaitu tahap perencanaan system. Siklus ini disebut dengan Siklus Hidup Pengembangan Sistem (System Development Life Cycle).
Daur  atau  siklus  hidup  dari  pengembangan sistem merupakan suatu bentuk yang digunakan untuk  menggambarkan  tahapan  utama  dan langkah-langkah  di  dalam  tahapan  tersebut dalam  proses  pengembangannya.  Di  system  life cycle  ini  tiap-tiap  bagian  dari  pengembangan system  dibagi  menjadi  beberapa  tahapan  kerja. Tiap-tiap  tahapan  ini  mempunyai  karakteristik tersendiri.  Tahapan  utama  siklus  hidup pengembangan system dapat terdiri dari tahapan perencanaan  sistem  (systems  planning),  analisis sistem (systems analysis), desain sistem (systems design), penerapan sistem (systems implementation), dan perawatan system (systems maintenance).  Berikut  ini,  langkah-langkah  dari siklus hidup pengembangan sistem dapat dilihat seperti gambar 1 dibawah ini [7]:
Perencanaan Sistem Analisis Sistem Desain Sistem Penerapan Sistem Perawatan Sistem

## Gambar 1. System Development Life Cycle

## Hasil dan Pembahasan
Perancangan sistem adalah gambaran, perancangan, pembuatan skema atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan mempunyai fungsi dan tujuan. Elemen-elemen sistem informasi
dirancang dengan tujuan untuk
mengkomunikasikan  kepada  user.  Adapun rancangan sistem yang dibuat meliputi:

## 1. Perancangan Use Case Diagram
Gambar 2. Use Case Diagram Admin
Gambar 3. Use Case Diagram Member
Gambar 4. Use Case Diagram Non Member
2. Perancangan Activity Diagram
Gambar 5. Activity Diagram Login Admin dan Member
IJUBI - V OL . 1 N O . 1 (2018): 17 - 24
21

## Gambar 6. Activity Diagram Pemesanan Member
Gambar 7. Activity Diagram Pemesanan Non Member 3. Perancangan Sequence Diagram
Merupakan  salah  satu  diagram  interaction  yang menjelaskan  bagaimana  suatu  operasi  itu dilakukan;  pesan  apa  yang  dikirim  dan  kapan pelaksanaannya. Diagram ini diatur berdasarkan waktu. Objek-objek yang berkaitan dengan proses berjalannya operasi diurutkan dari kiri ke kanan berdasarkan waktu terjadinya dalam pesan yang terurut.  Berikut  adalah  beberapa  proses sequences diagram yang terjadi pada Toko Sandy:
Gambar 8. Sequence Diagram Login Admin dan Member
Gambar 9. Sequence Diagram Pemesanan Member

## Gambar 10. Sequence Diagram Pemesanan Non Member

## 4. Perancangan Class Diagram
Diagram ini memberikan pandangan secara luas dari  suatu  sistem  dengan  menunjukkan  kelas- kelasnya  dan  hubungan  mereka.  Class  diagram bersifat  statis  yaitu  menggambarkan  hubungan apa  yang  terjadi  bukan  apa  yang  terjadi  jika mereka berhubungan.
Gambar 11. Class Diagram
Gambar 12. Halaman Utama
Gambar 13. Tampilan Login Admin
Gambar 14. Tampilan Halaman Utama Admin
IJUBI - V OL . 1 N O . 1 (2018): 17 - 24
23

## Gambar 15. Tampilan Entry Katalog
Gambar 16. Tampilan Daftar Katalog
Gambar 17. Tampilan Daftar Member
Gambar 18. Tampilan Daftar Order
Gambar 19. Tampilan Login Member
Gambar 20. Tampilan Entry Data Member
Gambar 21. Tampilan Halaman Utama Member

## Gambar 23. Tampilan Keranjang Belanja

## Gambar 24. Tampilan Konfirmasi Pembayaran

## Kesimpulan dan Saran
Adanya  perancangan  Web  E-Shop  pada  Toko Sandy  dapat  mempermudah  proses  pemesanan maupun  pembelian  barang/produk  yang dipasarkan. Sistem Web E-Shop dapat membantu sebagai media promosi. Dengan mengimplementasikan  Web  E-Shop  pada  Toko Sandy  dapat  memperlancar  kegiatan  transaksi. Perancangan  Web  E-Shop  pada  Toko  Sandy  di rancang dengan
menggunakan bahasa pemrograman PHP
dengan text editor Notepad++,  database  MySQL,  dan  dibantu dengan  XAMPP.  Adanya  website  ini  dapat membantu toko dalam meningkatkan pelayanan dan pejualan di berbagai wilayah baik dalam kota maupun luar kota.

## Referensi
[1] R.  Sri,  A.  Rejeki,  A.  P.  Utomo,  and  S. Susanti, “Perancangan dan Pengaplikasian Sistem  Penjualan  pada  ‘  Distro  Smith  ’
Berbasis E ­ Commerce,” J. Teknol. Inf. Din. , vol. 16, no. 1, pp. 150 – 159, 2011.
[2] R. P. Hastanti, “Analisis Dan Perancangan
Sistem  Penjualan  Berbasis  Web  (  E- Commerce ),” pp. 1– 8.
[3] K.  Kunci,  “IJNS  – Indonesian  Journal  on Networking and Security - Volume 3 No 3 – Juli  2014 – ijns.org,” Indones.  J.  Netw.
Secur. - , vol. 3, no. 3, pp. 56 – 64, 2014. [4] Widodo, “ANALISIS DAN PERANCANGAN  WEBSITE  SEBAGAI MEDIA  PROMOSI  DAN  PENJUALAN SELFISH CLOTHING COMPANY,” Naskah  Publ.  AMIKOM  Yogyakarta ,  vol. Unknown,  no.  Unknown,  p.  No  Pages, 2012. [5] S. Peni, M. Handayani, and B. E. Purnama, “Pembuatan Website  E-Commerce  Pada Distro Java Trend,” pp. 18– 24, 2013. [6] L. S. A. Putranti, “PEMBUATAN WEBSITE ELECTRONIC COMMERCE PADA TOKO BAJU  BELANJA  ANDA  SEBAGAI
ALTERNATIF USAHA MANDIRI,” 2014.
[7] R. L. Andharsaputri, “Perancangan Sistem Informasi  Penjualan  Produk  Konveksi Dengan  Menerapkan  Metode  System Development Life Cycle,” Bianglala Inform. , vol. 5, no. 1, pp. 2338 – 8145, 2017.