JUTIS (Jurnal Teknik Informatika Unis) Vol. 11 No. 1 Bulan April 2023                                                                                                                 p-ISSN: 2252-5351 Program Studi Teknik Informatika – Fakultas Teknik
Universitas Islam Syekh-Yusuf Tangerang

## PERANCANGAN SISTEM INFORMASI PENJUALAN PADA TOKO SUPER EMA GROSIR BERBASIS WEB
Mahmudin 1 , Ahmad M Apriliansyah 2
1,2 Jurusan Teknik Informatika, Fakultas Teknik, Universitas Islam Syekh Yusuf, Jl. Mulana Yusuf No.10 TangerangBanten 15118, Indonesia
mahmudin@unis.ac.id 1 , ahmad.apriliansyh11@gmail.com 2

## Abstrak
Seiring dengan perkembangan teknologi saat ini ,dalam penggunaan komputer menjadi alternatif yang baik dalam pengolahan informasi, dan lebih baik jika di bandingkan dengan pengolahan informasi atau data yang masih menggunakan sistem manual. Transaksi jual beli dan pemasaran yang ada di toko Super Ema Grosir yang masih sangat sederhana dan manual sehingga kurang efisien, dan omset yang di  hasilkan  oleh  pihak  toko  Super  Ema  Grosir  sedikit  di  karenakan  media  pemasaran  yang  kurang meluas. Saat ini juga toko Super Ema Grosir masih mencatat data penjualan dengan manual, Dari permasalahan  tersebut  maka  akan  dirancang  sebuah  website  pemasaran  dan  penjualan  di  toko  ini. Dengan  adanya  website  untuk  pemasaran  dan  penjualan  yang  akan  dibuat  ini  diharapkan  bisa membantu penjualan pada toko Super Ema Grosir, dan diharapkan dapat menambah omset yang akan didapatkan. Website ini dibuat menggunakan Bahasa pemograman PHP dan MYSQL sebagai basis data. Hasil dari penelitian ini ialah berjalannya Proses pesanan jadi lebih cepat dan efisien tanpa harus datang ke toko.Dengan mengimplementasikan sistem penjualan online maka admin akan lebih mudah dalam mengelola data stok dan penjualan.
Kata kunci: Penjualan, Website, PHP, MYSQL.

## A. Pendahuluan
Perkembangan teknologi yang semakin hari semakin pesat terutama pada teknologi informasi,  pasti  akan  berdampak  pada  segala  aspek,  salah  satunya  ialah  aspek  bisnis. Untuk mendukung penyajian pelayanan teknologi informasi tersebut di perlukan media yaitu komputer, sebagai alat yang di gunakan untuk mengolah data untuk mempermudah dan mempercpat dalam penyelesaian pekerjaan.
Toko  Super  Ema  Grosir  merupakan  salah  satu  toko  yang  menjual  berbagai perlangkapan bayi, perlengkapan rumah tangga, dan Alat Tulis Kertas, yang berada di daerah Pandeglang. Transaksi jual beli dan pemasaran yang ada di toko Super Ema Grosir yang masih sangat sederhana dan manual sehingga kurang efisien, dan omset yang di hasilkan oleh pihak toko Super Ema Grosir sedikit di karenakan media pemasaran yang kurang  meluas.  Saat  ini  juga  toko  Super  Ema  Grosir  masih  menggunakan  buku untuk mencatat data penjualan.
Maka akan dirancang sebuah website pemasaran dan penjualan di toko ini. Dengan adanya website untuk pemasaran dan penjualan yang akan dibuat ini diharapkan bisa membantu  penjualan  pada  toko  Super  Ema  Grosir,  dan  tentunya  diharapkan  dapat menambah omset yang akan didapatkan karena media pemasaran berbasis website ini mencangkup kawasan luas untuk dapat mengetahui informasi apa saja yang ada didalam toko ini.
JUTIS (Jurnal Teknik Informatika Unis) Vol. 11 No. 1 Bulan April 2023                                                                                                                 p-ISSN: 2252-5351 Program Studi Teknik Informatika – Fakultas Teknik
Universitas Islam Syekh-Yusuf Tangerang

## B. Metode
PHP  merupakan  bahasa  server-side  yang  menyatu  dengan  html,  untuk  membuat halaman web yang dinamis, salah satu fungsinya adalah untuk menerima dan mengolah dan menampilkan  data  ke  sebuah  situs,  data  yang  diterima  akan  diolah  disebuah  prorgam databases server, untuk kemudian hasilnya  ditampilkan  kembali  ke layar  browser  sebuah situs(Hidayat Abdurahman et al., 2019).
XAMPP adalah sebuah aplikasi web server instan dan lengkap  dikarenakan segala yang  butuhkan  untuk  membuat  sebuah  situs  web  dengan  Content  Management  System (Joomla)  bisa  dicoba  di  dalam  aplikasi  ini.  XAMPP  adalah  sebuah  paket  installer  AMP (Apache, MySQL, dan Php) yang sangat mudah untuk diaplikasikan dalam komputer yang belum memiliki server untuk dapat melihat situs yang buat menggunakan bahasa server dan database server tersebut(Hidayat Abdurahman et al., 2019).
MySQL  merupakan  software  database  open  source  yang  sering  digunakan  untuk mengolah  basis  data  yang  menggunakan  bahasa  SQL  (Daniel  Dido  Jantce  TJ  Sitinjak  & Suwita, 2020).
Metode Pengumpulan data Metode yang di lakukan adalah sebagai berikut :
1.  Observasi,  yaitu  dengan  langsung  datang  ke  tempat  studi  case  untuk  melakukan pengamatan.
2.  Wawancara, ialah dengan mengajukan pertanyaan-pertanyaan kepada narasumber yang berhunbungan data yang akan di teliti.
3.  Literatur: Pengumpulan data melalui buku, jurnal, serta situs internet.

## Metode penelitian
Menurut  (Irwanto,  2021)  mengemukakan  bahwa  Waterfall  menggambarkan Pengembangan suatu model yang menyajikan proses aturan hidup  software dengan sistem yang berpengaruh bisa disebut dengan berurutan dengan mendahului proses analisis,desain, pengkodean,  pengujian  dan  serta  bagian  pendukung.  Menurut  (Maulia  Usnaini,  2021) mengemukakan bahwa waterfall terdapat beberapa tahapan sebagai berikut :
Gambar 1. Model Waterfall
1. Analisa  Kebutuhan,  Hambatan  ataupun  harapan  user  merupakan  gabungan  untuk menjalankan rancangan sebuah sistem agar bisa dikerjakan sesuai dengan kemiripan yang diinginkan.
JUTIS (Jurnal Teknik Informatika Unis) Vol. 11 No. 1 Bulan April 2023                                                                                                                 p-ISSN: 2252-5351 Program Studi Teknik Informatika – Fakultas Teknik
Universitas Islam Syekh-Yusuf Tangerang
2.  Rancangan Sistem, Tahap ini merupakan implementasi dari tahapan analisis kebutuhan yang kemudian dibuatkan perancangan dengan memanfaatkan hardware ataupun software pada komputer.
3.  Implementasi/pengkodean,  Merupakan  implementasi  dan  aplikasi  yang  berawal  dari kombinasi  sistem  yang  telah  direncanakan  pada  proses  sebelumnya,  dan  kemudian menjalankannya dari bagian pertama menjadi program kesatuan.
4.  Testing/pengujian,  Pemeriksaan  program  yang  telah  direncanakan  dan  dipersatukan kemudian menguji program tersebut apakah sudah siap dan sesuai dengan kebutuhan yang awalnya telah direncanakan.

## C. Hasil dan Pembahasan
1. Analisa System yang berjalan
a)  Actifity diagram

## Gambar 2. Actifity diagram yang berjalan
1)  Customer datang ke toko
2)  Customer memilih barang yang ada di toko
3)  Apabila customer sudah memilih barang sesuai dengan yang di inginkan dan ingin di beli, maka customer akan membawa barang ke kasir, dan membayar.
4)  Kasir akan mencatat pada buku catatan.
5)  Pemilik toko melihat data dan rekap penjual
2.  Analisa sistem yang di usulan
a)  Actifity diagram
Dalam katalog terdapat menu add to cart dimana customer akan memasukkan daftar pesanan  ke  dalam  kerajang  belanja.  Dalam  menu  keranjang  belanja  terdapat  menu pembayaran. Ketika customer mengklik pembayaran maka customer akan dialihkan ke halaman  informasi  pembayaran.  Customer  melakukan  pembayaran  via  transfer  dan konfirmasi pembayaran. Status pesanan akan berubah menjadi sudah dikonfirmasi.
JUTIS (Jurnal Teknik Informatika Unis) Vol. 11 No. 1 Bulan April 2023                                                                                                                 p-ISSN: 2252-5351 Program Studi Teknik Informatika – Fakultas Teknik
Universitas Islam Syekh-Yusuf Tangerang
Gambar 3. Actifity diagram usulan

## b)  Usecase diagram usulan
Gambar 4. Usecase diagram usulan
Ruang lingkup Admin adalah login, Kelola data baju, konfirmasi pesanan, kelola data pengiriman, cetak laporan dan logout. Ruang lingkup customer adalah registrasi, login, lihat katalog,  memesan  baju,  melihat  keranjang  belanja,  proses  pembayaran,  konfirmasi pembayaran, check status pengiriman, dan logout.
JUTIS (Jurnal Teknik Informatika Unis) Vol. 11 No. 1 Bulan April 2023                                                                                                                 p-ISSN: 2252-5351 Program Studi Teknik Informatika – Fakultas Teknik
Universitas Islam Syekh-Yusuf Tangerang

## c)  Class diagram usulan

## Gambar 5. Class diagram usulan
3.  Perancangan tampilan layar
a)  Tampilan utama usulan
Pada  tampilan  halaman  ini  terdapat  menu-menu  dari  mulai  home,  contact,  button  untuk login, serta di tampilkan beberapa produk pilihan dari toko super ema grosir, juga terdapat untuk pencarian produk yang diinginkan.
Gambar 6. Tampilan halaman utama
b)  Tampilan halaman login
Pada Halaman ini terdapat halaman untuk login admin Toko Super Ema Grosir.
JUTIS (Jurnal Teknik Informatika Unis) Vol. 11 No. 1 Bulan April 2023                                                                                                                 p-ISSN: 2252-5351 Program Studi Teknik Informatika – Fakultas Teknik
Universitas Islam Syekh-Yusuf Tangerang

## Gambar 7. Tampilan halaman login
c)  Tampilan halaman produk yang di beli customer Di halaman ini di tampilkan barang pilihan customer yang akan di beli, dan alamat customer yang akan di tuju untuk pengiriman banrang tersebut, serta metode pembayarannya.
Gambar 8. Tampilan halaman produk yang di beli

## D. Kesimpulan
Berdasarkan  perancangan  sistem  informasi  Penjualan  toko  Super  Ema  Grosir  maka didapatkan kesimpulan sebagai berikut :
1)  Sistem informasi penjualan ini dirancang dengan basis website menggunakan bahasa pemrograman PHP dan pengolahan database menggunakan MySQL.
2)  Proses pesanan jadi lebih cepat dan efisien tanpa harus datang ke toko langsung.
3)  Dengan  mengimplementasikan  sistem  penjualan  online  maka  admin  akan  lebih mudah dalam mengelola data stock dan penjualan.
JUTIS (Jurnal Teknik Informatika Unis) Vol. 11 No. 1 Bulan April 2023                                                                                                                 p-ISSN: 2252-5351 Program Studi Teknik Informatika – Fakultas Teknik
Universitas Islam Syekh-Yusuf Tangerang

## Saran
Setelah  selesai  menyelesaikan  perancangan  sistem  Penjualan  Toko  Super  Ema  Grosir penulis memberikan saran diantaranya :
1.  Perlu  adanya  pengembangan  sistem  ini  pada  Toko  Super  Ema  Grosir  agar  fungsi system  tersebut  bisa  digunakan  untuk  membantu  proses  penjualan  dan  laporan stock.
2.  Perlu ditambahkan fitur export dan import dari file excel maupun pdf agar admin bisa input dan download data dengan lebih mudah.
3.  Tampilan design website agar di buat lebih menarik.

## Daftar Pustaka
J.   (2019,   April 11).  MANFAAT  SISTEM  INFORMASI  DAN  PENGARUH  SISTEM INFORMASI BAGI PERUSAHAAN. https://doi.org/10.31219/osf.io/tx3yv Daniel Dido Jantce TJ Sitinjak, M., & Suwita, J. S. (2020). Analisa Dan Perancangan Sistem Informasi  Administrasi  Kursus  Bahasa  Inggris  Pada  Intensive  English  Course  Di Ciledug Tangerang. JURNAL IPSIKOM Vol. 8 No.1, Juni 2020 ISSN : 2338-4093, E- ISSN : 2686-6382, 8(1).
Hidayat Abdurahman et al. (2019). Membangun Website SMA PGRI Gunung Raya Ranau Menggunakan PHP dan MySQL. JTIM: Jurnal Teknik Informatika Mahakarya, 2(2), 41 – 52.
Jagoan Hosting. (2022). Pengertian Use Case Diagram, Simbol, Contoh & Cara Buatnya. Jagoanhosting.Com. https://www.jagoanhosting.com/blog/use-case-diagram/ Media, A. (2022). Pengertian HTML Menurut Para Ahli  dan Contohnya. Creator Media. https://creatormedia.my.id/pengertian-html-menurut-para-ahli-dan-contohnya/ Permana1),  A.  Y.,  &  Puji  Romadlon2).  (2019).  PERANCANGAN  SISTEM  INFORMASI PENJUALAN  PERUMAHAN  MENGUNAKAN  METODE  SDLC  PADA  PT. MANDIRI
LAND  PROSPEROUS  BERBASIS  MOBILE.    SIGMA – Jurnal  Teknologi    Pelita  Bangsa,
84(10), 1511 – 1518. https://doi.org/10.1134/s0320972519100129
Sutiono,  S.Kom,  M.Kom,  M.  T.  .  (2020).  Activity  Diagram:  Pengertian,  Tujuan  dan Contohnya.
DosenIT.Com. https://dosenit.com/software/activity-diagram
Maulia Usnaini, V. Y. (2021). Perancangan Sistem Informasi Pendataan Penduduk Berbasis Web Menggunakan Metode Waterfall. Jurnal Manajemen Informatika Jayakarta, 1, 36 – 55.