## Sistem Penjualan Baju Pada Id Store Berbasis Website
Robudin 1 , Ria Andryani 2 1 Program Studi Sistem Informasi, Fakultas Ilmu Komputer, Universitas Bina DarmaJalan Jenderal Ahmad Yani No. 3 Palembang, Sumatera Selatan e-mail: robudin@gmail.com 1 , ria.andryani@binadarma.ac.id 2

## Abstrak
ID Store merupakan usaha penjualan pakaian di daerah Kayuagung yang menyediakan berbagai macam produk seperti kaos, celana, jaket , sweater, topi, tas, dan acecoris lainnya. Saat ini sistem penjualan yang digunakan oleh ID Store masih menggunakan sistem manual/konvensional, dimana pembeli harus mendatangi toko ID Store untuk memilih dan membeli produk-produk yang disediakan. Berdasarkan penjelasan tersebut, maka dirancanglah sebuah website penjualan online yang dapat memudahkan ID Store dalam mengelola proses transaksi penjualan. Dengan mempunyai website penjualan online sendiri, ID Store akan terlihat profesional dan terpercaya. untuk merancang dan membangun aplikasi ini, peneliti melakukan pengumpulan data dengan cara observasi, wawancara dan studi kepustakaan sehingga dalam pengerjaan system ini nantinya lebih terarah. Pada tahapan selanjutnya, peneliti melakukan analisis perancangan menggunakan tahapan dari Web Engineering terdiri Customer communication, Planning, Modelling, Construction dan Deployment. kemudian dilanjutkan dengan menyiapkan data kategori dan katalog produk untuk diinputkan kedalam system. Dengan mempunyai website penjualan online sendiri penjual juga bisa lebih efektif dan efisien dalam mengelola produk tanpa adanya ikut campur pihak kedua.
Kata kunci —Sistem, Website, Web Engineering.

## Abstract
ID Store is a clothing sales business in the Kayuagung area which provides various kinds of products such as t-shirts, pants, jackets, sweaters, hats, bags and other accessories. Currently the sales system used by the ID Store still uses a manual/conventional system, where buyers must come to the ID Store store to select and buy the products provided. Based on this explanation, an online sales website was designed to facilitate ID Store in managing the sales transaction process. By having its own online sales website, ID Store will look professional and trustworthy. To design and build this application, researchers collect data by means of observation, interviews and literature studies so that the implementation of this system will be more focused. In the next stage, the researcher conducted a design analysis using the stages of Web Engineering consisting of Customer communication, Planning, Modeling, Constructionand Deployment. Then proceed with preparing the data categories and product catalogs to be inputted into the system. By having their own online sales website, sellers can also be more effective and efficient in managing products without the interference of a second party.
Keywords— Systems, Websites, Web Engineering
Robudin, Sistem Penjualan Baju Pada Id Store Berbasis Website …………… ... … 705

## 1. PENDAHULUAN
ijaman sekarang peran IT sudah sangat membantu disegala bidang baik dalam bidang kesehatan, pendidikan, pemerintahan, ekonomi dan lain lain. Semua itu dilakukan untuk mempermudah dan mendongkrak hasil dalam pekerjaan. Dalam bidang ekonomi atauperdagangan IT digunakan untuk meningkatkan kinerja serta daya saing dengan perusahaan lain yang sejenis, Hal ini juga berpengaruh positif dalam perihal laba dan perluasan pemasaran produk. ID Store merupakan usaha penjualan pakaian di daerah Kayuagung yang menyediakan berbagai macam produk seperti kaos, celana, jaket , sweater, topi, tas, dan acecoris lainnya. Saatini sistempenjualan yang digunakan oleh ID Store masih menggunakan sistemmanual/konvensional,
dimana pembeli harus mendatangi toko ID Store untuk memilih dan membeli produk- produk yang disediakan. Penjualan online adalah suatu proses sosial danmanajerial dimana individu dan kelompok mendapatkan kebutuhan dan keinginan dengan menciptakan, menawarkan, dan bertukar sesuatu yang bernilai satu sama lain. Kegiatan yang dilakukan dalam rangka menjalankan misi untuk meraih visi melalui jalur yang terhubungdengan internet aktif, tidak memandang menggunakan handphone merek apa, komputer jenisapa, selama bisa melakukan kegiatan pemasaran dengan alat yang dipunya secara online [1]. Berdasarkan penjelasan tersebut, maka dirancanglah sebuah website penjualan online. MenurutAl-bahra [2], Website adalah sekumpulan halaman yang diawali dengan halaman muka yang berisikan informasi, iklan serta program aplikasi. Website tersebut digunakan sebagai media sarana promosi penjualan produk untuk ID Store. Karena dengan adanya sistem tersebut akandapat memudahkan ID Store dalam mengelola proses transaksi penjualan. Dengan mempunyai website penjualan online sendiri, ID Store akan terlihat profesional dan terpercaya. Denganmempunyai website penjualan online sendiri penjual juga bisa lebih efektif dan efisien dalammengelola produk tanpa adanya ikut campur pihak kedua. Metode pengembangan sistem yangdigunakan peneliti untuk penelitian ini adalah web engineering. Metode ini digunakan untuk menciptakan suatu sistem aplikasi berbasis web dengan menggunakan ilmu rekayasa, prinsip-prinsip manajemen dan pendekatan sistematis sehingga dapat diperoleh sistem dan aplikasi webdengan kualitas tinggi. Menurut Hadinata [3] dalam penelitiannya mengenai ImplementasiMetode Web Engineering dalam Perancangan Sistem Informasi Penerimaan Mahasiswa Baru dan Tes Online, sistem yang dirancang dapat membantu mengefisienkan kinerja staf PMB dalam pengelolaan data penerimaan mahasiswa baru dan data laporan penerimaan mahasiswa baru setiap program studi pertanggal daftarnya berjalan dengan metode pengembangan sistem web engineering. Dengan adanya permasalahan-permasalahan di atas, maka peneliti terpacuuntuk merancang sebuah program penjualan berbasis web dengan produk yang lebih menarik dan variatif, dengan tujuan agar pendapatan pada ID Store bertambah dan ruang lingkuppenjualan yang luas tidak hanya terpaku pada daerah Kayuagung, sehingga peneliti akan melakukan penelitian dengan judul “Sistem Penjualan Baju Pada Id Store Berbasis Website” .

## 2. METODE PENELITIAN
Metode penelitian yang digunakan dibagi menjadi dua bagian terdiri dari metode pengumpulan data dan metode pengembangan system. Penelitian ini dilakukan di Toko Id Store yang terletak di Jalan. Merdeka no.33 Mangunjaya, Kayu Agung, Sumatera Selatan.

## 2.1 Tahapan Pengumpulan Data
Metode pengumpulan data yang digunakan untuk membantu dalam pembuatan

## D
706

## Jurnal JUPITER, Vol. 15 No. 1 Bulan April, Tahun 2023, Hal. 704 - 712
laporanpenelitian adalah sebagai berikut: a. Observasi Observasi adalah penelitian langsung terjun kelapangan mengambil data sebagai kegiatan diID Store dengan mengamati, mencatat dan meneliti objek yang bersangkutan, dari
observasi tersebut penjualan pada ID Store masih dilakukan secara manual, yaitu pembeli datang langsung ke toko lalu melakukan transaksiDalam metode ini menggunakan wawancara atau tanya jawab langsung kepada pemilik percetakan dan pembeli yang berhubungan dengan masalah yang diteliti pada ID Store Kayuagung. Hasil wawancana yang dilakukan kepada pembeli, pembeli merasa banyak keterbatasan dengan metode penjualan yang diterapkan pada ID Store saat ini.
b. Interview Dalam metode ini menggunakan wawancara atau tanya jawab langsung kepada pemilik percetakan dan pembeli yang berhubungan dengan masalah yang diteliti pada ID Store Kayuagung. Hasil wawancana yang dilakukan kepada pembeli, pembeli merasa banyak keterbatasan dengan metode penjualan yang diterapkan pada ID Store saat ini.
c. Studi Kepustakaan
1 Website Website adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi [4].
2 Web Browser Web browser adalah aplikasi perangkat lunak yang digunakan untuk mengambil dan menyajikan sumber informasi web.[5]
3 Web Server Web server adalah sebuah komputer yang terdiri dari perangkat keras dan perangkatlunak.
.
2.2 Tahapan Perancangan
Metode pengembangan sistem yang digunakan dalam penelitian ini adalah web engineering (rekayasa web), yaitu suatu model rekayasa perangkat lunak yang digunakan untuk pengembangan aplikasi-aplikasi berbasis web. web engineering adalah suatu proses yang digunakan untuk membuat aplikasi web yang berkualitas tinggi [6]. Terdapat 5 tahapan dalam metode web engineering (rekayasa web), Tahapan tersebut antara lain :
Gambar 1 Web Engineering Process Framework
Robudin, Sistem Penjualan Baju Pada Id Store Berbasis Website …………… ... … 707
a. Customer communication pada tahap ini akan berfokus dalam dua hal, yaitu analisa bisnis dan perumusan.
Analisa bisnis akan mendefinisikan hal-hal apa saja yang akan termuat di dalam aplikasi web, sedangkan Perumusan adalah pengumpulan informasi tentang hal-hal yang akan dimuat dalam web yang melibatkan semua calon pengguna. 1. Analisis Kebutuhan Software Pada tahapan ini dilakukan untuk menentukan kebutuhan software dan tahap untuk mengadakan pengumpulan data dengan melakukan pertemuan dengan Customer, maupun pengumpulan data-data tambahan baik yang ada di jurnal, artikel, maupun dari internet. Berikut ini kebutuhan Software pada sistem Informasi penjualan Id Store. Tabel 1 Kebutuhan Software Sistem Deskripsi Sistem Informasi Penjualan ID Store 1. Sistem harus dilengkapi login agar tidak setiap user dapat masuk kemenu utama. 2. Sistem dapat menampilkan data kapan saja sesuai kebutuhan pengguan terdiri dari data produk, data transaksi, data pelanggan, data pengguna dan data laporan transaksi. 3. Sistem harus dapat digunakan dengan mudah oleh user agar dapat meningkatkan efektifitas kinerja pengguna. 4. Sistem dapat melakukan Validasi jika user tidak lengkap dalam pengisian data atau masih terdapat field-field kosong. 5. Sistem dapat menampilkan informasi jika user salah memasukkan username dan password, 6. Sistem dapat melakukan validasi terhadap form upload bukti pembayaran. 2. Analisis Kebutuhan User Pada proses perencanaan merupakan proses analisis kebutuhan (analysis requirement) yang akan menghasilkan dokumen user requirement atau bisa dikatakan sebagai data yang berhubungan dengan keinginan user dalam pembuatansoftware, termasuk rencana yang akan dilakukan. Berikut kebutuhan pengguna dalam sistem Informasi penjualan id Store. a) Customer Pada Customer hal-hal yang dapat dilakukan pada sistem informasi Penjualan Id Store yaitu : 1) Customer dapat melakukan registrasi untuk mendapatkan Akun agar dapat melakukan login. 2) Customer dapat melakukan login dengan mengisi username dan password dengan benar untuk masuk ke menu utama.
3) Customer dapat melihat data terdiri dari data produk, data keranjang belanja,rincian pembelian serta informasi pengiriman produk.
4) Customer dapat melakukan konfirmasi pembayaran dengan memasukkan nomorrekening, tanggal transfer, dan file foto bukti transfer pembayaran. 5) Customer dapat melihat status transaksi pengiriman produk, melalui no resi
b) Bagian Admin
Pada aktor bagian Admin hal-hal yang dapat dilakukan pada sistem informasipenjualan Id Store yaitu 1) Admin dapat melakukan login dengan mengisi username dan password
708 Jurnal JUPITER, Vol. 15 No. 1 Bulan April, Tahun 2023, Hal. 704 - 712 denganbenar untuk masuk ke menu utama sesuai dengan bagian masing- masing. 2) Admini dapat memasukkan data terdiri dari data produk , data pengguna dandata kurir pengiriman.
3) Admini dapat melihat data terdiri dari data produk, data pelanggan, data transaksi, data pengguna dan laporan transaksi pemesanan.
b. Planning Agar dalam membangun sistem informasi penjualan ini, dapat diselesaikan tepat pada waktunya, untuk itu diperlukan penjadwalan untuk menentukan langkah- langkah yang dibutuhkan dalam pembuatan sistem informasi ini ini. Tabel 2 Jadwal Penelitian No Jenis Kegiatan Bulan (tahun 2022) Jun Jul Agu Sep Okto 1. Pengumpulan data
a. Customer communication
b. Planning
c. Modelling
d. Construction
e. Deployment
c. Modelling Tujuan dari aktivitas ini adalah untuk menjelaskan hal-hal apa saja yang memang diperlukan / dibutuhkan pada aplikasi yang akan dibangun dan solusi yang ditawarkan yang diharapkan dapat menjawab apa yang tersirat dari hasil-hasil analisa dan pengumpulan data. 1. Analisis Alur Proses Sistem
Rancangan proses digunakan untuk memberikan spesifikasi, merancang, membuat model, dan mendokumentasikan aspek-aspek dari sebuah Aplikasi dengan menggunakan Diagram Unified Modeling Language (UML)
Gambar 2 Activity Diagram
Robudin, Sistem Penjualan Baju Pada Id Store Berbasis Website …………… ... … 709
d. Construction Pembangunan aplikasi web memadukan antara perkembangan teknologi dengan tools pengembangan web yang telah ada, artinya memilih tools yang efektif namun tetap dapat menyesuaikan dengan teknologi yang berkembang saat ini.
e. Deployment
Aplikasi web diciptakan untuk dapat berguna bagi kebutuhan pekerjaan, dapat dioperasikan oleh end-user, dan kemudian dilakukan evaluasi secara berkala, memberi masukan-masukan kepada team pengembang dan apabila diperlukan akan dilakukan modifikasi pada aplikasi web tersebut.

## 3. HASIL DAN PEMBAHASAN
Setelah melakukan tahapan-tahapan pengembangan sistem, dengan menggunakan web engineering (rekayasa web) yang telah diuraikan pada bab-bab sebelumnya, maka diperoleh hasilnya yaitu Sistem Informasi Penjualan Baju Pada Id Store Berbasis Website, dengan adanyasistem ini dapat membantu id store dalam memenuhi permintaan pelanggan, mempermudah dalam mempromosikan produk serta dapat meningkatkan omset penjualan. Hasil dari penelitian ini dituangkan dalam bentuk web yang mana akan dijalankan melalui internet yang dapat diakses pada laman web yaitu www.idstore.com yang dapat digunakan untuk memberikan kepuasan kepada konsumen dalam hal penyampaian informasi yang selalu up-to-date, dan dapat digunakan untuk kegiatan promosi produk id store, tanpa dibatasi oleh ruang dan waktu.
3.1 Tampilan Antar Muka 1. Halaman Menu Utama Pada halaman utama pengguna dapat melihat semua daftar produk berdasarkan kategori produk, untuk melihat detailnya produk cukup mengklik produk tersebut. Bisa juga untuk melihat home index ini dengan menuliskan pada menu bar http://localhost/idstore .
Gambar 3 Halaman Home Index
2. Halaman Daftar produk
Halaman Daftar produk ini menampilkan informasi seluruh produk penjualan id store. pengguna bisa mencari produk yang dibutuhkan sesuai kategori tipe, dan pilihan harga tertinggi sampai terendah.

## Gambar 4 Halaman Daftar Produk
3. Halaman Rincian Produk
Pada halaman rincian produk menampilkan informasi berupa gambar produk, nama produk, harga, deskripsi, berat dan produk, jumlah stok produk. Kemudian pelanggan di minta menentukan jumlah pembelian dengan memasukkan pembelian pada keranjang belanja.
Gambar 5 Halaman Rincian Produk
4. Halaman Rincian Belanja
Halaman rincian belanja dapat ditampilkan jika pelanggan ingin melanjutkan proses belanja dengan mengklik tombol lanjut belanja pada keranjang belanja.
Gambar 6 Halaman Rincian Belanja
Robudin, Sistem Penjualan Baju Pada Id Store Berbasis Website …………… ... … 711
5. Halaman Login Admin Halaman form login merupakan Halaman yang akan digunakan Admin yang ingin masuk ke menu utama admin.
Gambar 7 Halaman Login Admin
6. Halaman Menu Utama Admin
Halaman Menu Admin merupakan Halaman yang berisikan halaman yang berhubungan satu dengan yang lain. Yang berisikan halaman produk, transaksi, laporan transaksi dan pelanggan.

## Gambar 8 Halaman Menu Admin
7. Halaman Data Transaksi
Halaman Data transaksi digunakan untuk menampilkan data informasi mengenai informasi transaksi pemesanan customer terdiri beberapa informasi meliputi tanggal, nama pemesan, total harga, tujuan pengantaran dan bukti pembayaran.
Gambar 9 Halaman Data Transaksi

## 4. KESIMPULAN
Berdasarkan uraian hasil dan pembahasan yang telah dijelaskan pada bab-bab sebelumnya. Maka penulis menarik beberapa kesimpulan yaitu :
1. Melalui Sistem Informasi Penjualan Baju Pada Id Store Berbasis Website ini dapat membantu menyebarkan informasi mengenai informasi produk dari id store secara cepat dan lengkap serta dapat memperluas jangkauan area promosi. Dengan sistem dan sarana- sarana yang disediakan di dalam website ini maka dapat menjangkau lebih banyak pelanggan lagi, sehingga membantu meningkatkan omset dan perluasan usaha id store.
2. Melalui Website Sistem Informasi Penjualan Baju Pada Id Store ini, konsumen dapat memiliki sebuah fasilitas perolehan informasi inovatif, lengkap dan akurat, serta dapat membantu pengguna untuk menemukan produk dengan lebih mudah dengan adanya informasi mengenai produk, harga produk, jumlah stok, sehingga efisiensi dan efektivitas kinerja mencari produk sesuai dengan kriteria pengguna.

## 5. SARAN
Berdasarkan dari kesimpulan yang telah diuraikan diatas, penulis ingin memberikan saran yang ingin disampaikan yaitu :
1. Diharapkan dengan adanya sistem ini dapat menjadi media promosi berbasis online pada pelaku pemilik id store, untuk meningkatkan pelayanan terhadap pelanggan sehingga dapat menarik minat konsumen lebih banyak.
2. Kontrol keamanan sistem informasi ini masih perlu dimanajemen, agar semua aktifitas pengolahan informasi dapat berjalan dengan lancar tanpa ada gangguan dari orang atau organisasi yang tidak berwenang.
3. Setelah dilakukan pemakaian pada sistem Informasi penjualan ini, dianjurkan untuk dilakukan pemeliharaan agar dapat mengurangi tingkat kesalahan serta melakukan perbaikan untuk penyempurnaan kembali bila diperlukan.

## UCAPAN TERIMA KASIH
Ucapakn terima kasih kami sampaikan kepada Owner Toko baju ID Store Kayuagung yang telah bersediah menerima kami untuk melakukan penelitian dengan menggunakan dan mengakses data-datanya.
DAFTAR PUSTAKA [1] Kotler, Philip Manajemen Pemasaran. – Jakarta : Prehallindo, 2002.
[2] Al-bahra bin Ladkjamudin Analisis dan Desain Sistem Informasi. -Yogyakrta : Graha Ilmu,2013.
[3] Hadinata, Novri Implementasi Metode Web Engineering dalam Perancangan Sistem Informasi Penerimaan Mahasiswa Baru dan Tes Online. Skripsi S1 Universitas Bina DarmaPalembang. Tidak Diterbitkan, 2014..
[4] Yuhefizar Mooduto Rahmat Cara Mudah Membangun Website Iteraktif Menggunakan Content Manajemen System Joomla [Book]. - Jakarta : PT.Elex Media Komputindo, 2006.
[5] F.K Sibero Alexander Web Programing power pack [Book]. - Yogyakarta : MediaKom, 2013.
[6] Pressman, Roger S. Rekayasa Perangkat Lunak-BUKU SATU. – Yogyakarta : Andi ISBN, 2005.