PERANCANGAN SISTEM PENJUALAN BAJU

BERBASIS WEB DENGAN CODEIGNITER 3

Judul:
WEB PENJUALAN NMTRIFTHING.ID

Oleh:
Sentia Pera Insani (11211804)
Haekal Arrazak (11210934)
Muhammad Daffa Sua’ib (11212066)
Muhammad Alief Fitral (11210974)
Satria Rizki Iman Ramadhan (11211812)

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS NUSA MANDIRI
JAKARTA
2023
 KATA PENGANTAR

Dengan memanjatkan puja dan puji syukur kehadirat Allah SWT atas Rahmat
dan hidayah-Nya serta shalawat dan salam kepada Nabi Muhammad SAW yang
menjadi suri tauladan sepanjang zaman, sehingga penulis mampu menyelesaikan
makalah yang berjudul “Perancangan Sitem Penjualan Berbasis Web
NMTRIFTHING.ID” dengan tepat waktu. Makalah ini disusun untuk memenuhi
tugas akhir mata kuliah yaitu metode penelitian. Selain itu makalah ini bertujuan
untuk menambah wawasan bagi para pembaca. Penulis berharap dari laporan
penelitian para pembaca dapat mengambil manfaat serta ilmu yang tersampaikan
dalam makalah ini. Penulis mengucapkan terima kasih kepada ibu Juarni Siregar,
S.pd, M.Kom selaku dosen pembimbing mata kuliah metode penelitian, serta ucapan
terimakasih kepada orang tua, teman-teman, dan sahabat karena telah memberikan
doa, dukungan, serta semangat dalam menyusun laporan penelitian. Penulis
menyadari bahwa makalah ini masih banyak kekurangan maka dari itu penulis
berharap para pembaca dapat memberi kritik maupun saran yang bersifat membangun
agar tulisan selanjutnya jauh lebih baik di kemudian hari. Melalui makalah ini
semoga Allah SWT selalu melimpahkan taufik dan hidayah nya kepada kita semua.

Jakarta, 31 Mei 2023

I
 ABSTRACT

This paper discusses the design of a web-based sales system for the
NMTRIFTHING.ID online store. Selling through online platforms is increasingly
popular, especially for teenagers looking for quality clothing at affordable prices.
However, this online store faces several challenges, such as limited sales reach,
intense online business competition, and a manual note-taking system. The main
objective of this paper is to create a computerized system for processing web-based
thrifting clothing sales transaction data.
The research methods used in preparing this paper include observation,
interviews, and case studies. Data collected from observations and interviews are
used to analyze system requirements and obtain input from customers. Furthermore,
an analysis of the institution or company is carried out to understand the history and
organizational structure of the NMTRIFTHING.ID online store. In addition, the
current document specification is also analyzed to identify problems that need to be
solved.
In conclusion, this paper concludes that with a computerized web-based sales
system, the NMTRIFTHING.ID online shop can increase efficiency in processing
transaction data, expand sales reach, and compete effectively in online business.
Suggestions for further development are to conduct more thorough testing of the
system and continue to monitor technological developments to improve the quality
and features of the NMTRIFTHING.ID sales website.

Key word : online store,teenagers,selling online

II
 ABSTRAK

Makalah ini membahas perancangan sistem penjualan berbasis web untuk

toko online NMTRIFTHING.ID. Penjualan melalui platform online semakin populer,
terutama bagi remaja yang mencari pakaian berkualitas dengan harga terjangkau.
Namun, toko online ini menghadapi beberapa tantangan, seperti jangkauan penjualan
yang terbatas, persaingan bisnis online yang ketat, dan sistem pembuatan nota yang
masih manual.Tujuan utama dari makalah ini adalah untuk menciptakan sistem yang
terkomputerisasi dalam pengolahan data transaksi penjualan baju thrifting berbasis
web.
Metode penelitian yang digunakan dalam penyusunan makalah ini meliputi
observasi, wawancara, dan studi kasus. Data yang dikumpulkan dari observasi dan
wawancara digunakan untuk menganalisis kebutuhan sistem dan mendapatkan
masukan dari pelanggan. Selanjutnya, dilakukan analisis terhadap institusi atau
perusahaan untuk memahami sejarah dan struktur organisasi toko online
NMTRIFTHING.ID. Selain itu, spesifikasi dokumen berjalan juga dianalisis untuk
mengidentifikasi permasalahan yang perlu dipecahkan.
Dalam kesimpulan, makalah ini menyimpulkan bahwa dengan adanya sistem
penjualan berbasis web yang terkomputerisasi, toko online NMTRIFTHING.ID dapat
meningkatkan efisiensi dalam pengolahan data transaksi, memperluas jangkauan
penjualan, dan bersaing secara efektif dalam bisnis online. Saran untuk
pengembangan selanjutnya adalah melakukan pengujian yang lebih menyeluruh
terhadap sistem dan terus memantau perkembangan teknologi untuk meningkatkan
kualitas dan fitur dari website penjualan NMTRIFTHING.ID.

Kata Kunci : toko online,remaja,penjualan online

III
 DAFTAR ISI

able of Contents
KATA PENGANTAR..................................................................................................i
ABSTRACT...................................................................................................................ii
ABSTRAK...................................................................................................................iii
DAFTAR GAMBAR....................................................................................................vi
DAFTAR TABEL.......................................................................................................vii
BAB I PENDAHULUAN.............................................................................................8
1.1. Latar Belakang Masalah.....................................................................................8
1.2. Identifikasi Masalah...........................................................................................9
1.3. Rumusan Masalah...............................................................................................9
1.4 Maksud Dan Tujuan...........................................................................................9
1.5. Metode Penelitian...............................................................................................9
BAB II LANDASAN TEORI....................................................................................11
2.1 Tinjauan pustaka............................................................................................11
2.2 Penelitian Terkait...........................................................................................12
BAB III ANALISA SISTEM BERJALAN..............................................................15
3.1 Tinjauan Institusi atau perusahaan................................................................15
3.1.1 Sejarah Institusi /Perusahaan..........................................................................15
3.2 Proses Bisnis Sistem..........................................................................................17
3.3 Spesifikasi dokumen berjalan..........................................................................17
BAB IV PERANCANGAN SISTEM.......................................................................18
4.1 Analisa Kebutuhan Software..........................................................................18
4.2 Desain................................................................................................................20
4.2.1 Rancangan User Interface..............................................................................20
4.3 Code Generation..............................................................................................26
4.4 Database...........................................................................................................28
BAB V PENUTUP.....................................................................................................37
5.1 Kesimpulan...........................................................................................................37

IV
5.2 Saran.....................................................................................................................37
DAFTAR PUSTAKA................................................................................................38
LAMPIRAN...............................................................................................................40

V
 DAFTAR GAMBAR

Gambar 1 Model Pengembangan Waterfall 1............................................................10

Gambar 3.1 Struktur Organisasi (Sumber : Peneliti)...................................................13
Gambar 3 2 Diagram Activity (Sumber : Peneliti)......................................................15
Gambar 4. 1 Tampilan Login Customer (Sumber : Peneliti)......................................18
Gambar 4. 2 Tampilan Beranda Customer (Sumber Peneliti).....................................18
Gambar 4. 3 Tampilan Login Owner (Sumber : Peneliti)...........................................19
Gambar 4. 4 Tampilan Beranda Owner (Sumber : Peneliti).......................................19
Gambar 4. 5 Tampilan Member Owner (Sumber:Peneliti).........................................20
Gambar 4. 6 Tampilan Tabel Master Owner (Sumber: Peneliti)................................20
Gambar 4. 7 Tampilan Master Produk (Sumber : Penelitian).....................................21
Gambar 4. 8 Tampilan Isi Produk(Sumber : Penelitian).............................................21
Gambar 4. 9 Tampilan Master Owner(Sumber :Penelitian)........................................22
Gambar 4. 10 Tampilan Menambahkan User(Sumber : Penelitian )..........................22
Gambar 4. 11 Tampilan Stok Produk (Sumber : Penelitian )......................................23
Gambar 4. 12 Tampilan Tambah Stok (Sumber : Penelitian).....................................23
Gambar 4. 13 Tampilan Halaman Transaksi (Sumber : Peneliti)................................24
Gambar 4. 14 ERD......................................................................................................26
Gambar 4. 15 LRS.......................................................................................................26

VI
 DAFTAR TABEL

Table 1 Spesifikasi File Tabel Status..........................................................................27

Table 2 Spesifikasi File Tabel Karyawan....................................................................28
Table 3 Spesifikasi File Tabel Transaksi.....................................................................29
Table 4 Spesifikasi File Tabel Pembeli.......................................................................30
Table 5 Spesifikasi File Tabel Bayar...........................................................................31
Table 6 Spesifikasi File Produk_Masuk......................................................................32
Table 7 Spesifikasi File Produk_Keluar......................................................................33
Table 8 Spesifikasi File Harga.....................................................................................33
Table 9 Spesifikasi File Produk...................................................................................34
Table 10 Spesifikasi File Keranjang............................................................................35

VII
 BAB I
PENDAHULUAN

1.1. Latar Belakang Masalah

Internet atau yang disebut inter Network adalah kumpulan jaringan komputer
yang menghubungkan lokasi akademik, administrasi, komersial, organisasi dan
individu [1], pengertian, sejarah, fasilitas dan koneksinya. [2]. Dengan adanya
internet kegiatan apapun menjadi lebih mudah contohnya berbelanja online.

Saat ini berbelanja online lebih digemari karena ada beberapa keuntungan yang
didapatkan saat berbelanja online contohnya lebih efisien dalam waktu serta bisa
mendapatkan harga yang lebih murah, hal tersebut yang membuat orang-orang
berbondong-bondong lebih memilih berbelanja online. Hanya lewat HP, Laptop dan
sebagainya kita bisa berbelanja. contohnya saat akan membeli pakaian tidak perlu
datang ke toko baju atau mall secara langsung saat berbelanja online juga
menawarkan beberapa ukuran serta jaket.

Salah satu penjualan baju online yang sedang tren dikalangan remaja yaitu
thrifting atau membeli baju jaket yang masih layak pakai dengan harga lebih
terjangkau selain itu pembelian lewat online bisa memesan jaket secara kustom atau
desain yang diinginkan sendiri. Untuk itu kami membuat makalah berjudul “web
penjualan nmthrifting.id”.

1.2. Identifikasi Masalah

1. Lambatnya perkembangan penjualan produk karena hanya mencakup
kustomer disekitar daerah toko yang ditepati sehingga jangkauan yang
diperoleh sedikit.
2. Persaingan bisnis karena zaman sudah serba online,
3. Pembuatan nota yang masih manual.
4. Berbelanja ke toko harus antri serta terkadang terkendala dengan waktu.

8
1.3. Rumusan Masalah
1. Bagaimana cara meningkatkan jangkauan penjualan produk agar dapat menarik
lebih banyak pelanggan diluar area atau daerah toko yang ada?

2. Strategi apa yang efektif untuk bersaing dalam bisnis online dengan pesaing
lainnya?

3. Apa solusi terbaik untuk menggantikan sistem pembuatan nota manual agar
lebih efisien dan akurat?

1.4 Maksud Dan Tujuan

Adapun maksud dan tujuan dari pembuatan projek ini adalah:
1. Membuat sistem yang terkomputerisasi dalam proses pengolahan data
transaksi penjualan baju thrifting berbasis web.
2. Memberikan kemudahan dalam memproses serta menyimpan data-data
transaksi penjualan baju thrifting, sehingga karyawan akan lebih mudah dalam
menjalankan tugasnya dalam proses transaksi penjualan baju thrifting.
3. Memberikan informasi tentang hasil transaksi penjualan dalam proses
pengolahan data transaksi penjualan baju thrifting berbasis web.

1.5. Metode Penelitian

Menurut [3] terdapat model pengembangan sekuensial. Model air terjun bersifat
sistematis dan berurutan dalam membangun perangkat lunak. Proses build mengikuti
aliran analisis, desain, kode, pengujian, dan pemeliharaan.

Gambar 1 Model Pengembangan Waterfall 1

9
1.5.1 Teknik Pengumpulan Data
1. Observasi
Menggunakan metode observasi naturalistik dimana mengamai para
customer serta mencatat hal-hal penting dari kejadian tersebut . Contohny
mengamati seseorang yang memilih baju-baju, melakukan pembayaran.
2. Wawancara
Melakukan wawancara terhadap customer bagaimana kepuasan customer
terhadap pelayanan dan keinginan dari customer.
3. Studi Kasus
Melakukan riset terhadap pengumpulan data secara observasi dan
wawancara serta mempertimbangkan apa saja yang perlu diperbaiki.

10
 BAB II
LANDASAN TEORI

2.1 Tinjauan pustaka

1. E-Commerce
E-commerce adalah setiap kegiatan jual beli atau transaksi yang dilakukan
melalui media elektronik seperti aplikasi mobile seperti Shopee dan
Tokopedia.
2. Website
Didalam jurnal [4] menyatakan bahwa situs web adalah kumpulan halaman
web dan file yang ditautkan bersama. Sebuah web terdiri dari halaman atau
halaman, dan kumpulan halaman disebut halaman rumah. Halaman utama ada
di atas dan halaman terkait ada di bawah. Website sering digunkana untuk
menampilkan pencarian, selain itu menurut KBBI (kamus besar bahasa
indoensia) seperti yang telah dijelaskan diatas wbsite artinya situs dimana
nantinya aka nada link utama yang menjadi sub halaman pembahasan dari
pencarian.
3. Internet
Internet [5] Menurut kumpulan atau jaringan global. Internet (kependekan dari
Interconnection-Networking), secara harfiah, adalah sistem global dari semua
jaringan komputer yang saling terhubung yang menggunakan standar Internet
Protocol Suite (TCP/IP) untuk melayani miliaran pengguna di seluruh dunia.
4. ERD (Diagram Hubungan Entitas)
4. Entity-relationship diagram (ERD) adalah diagram yang digunakan dalam
desain basis data yang menunjukkan secara rinci hubungan antara objek atau
entitas dan atributnya.
5. LRS (Logical Record Structure)
Logical Record Structure (LRS) adalah metode atau teknik untuk
menggambarkan database dalam kaitannya dengan hubungan antar tabel, yang
mengubah ERD menjadi LRS melalui proses kardinalitas.
6. UML (Unified Modeling Language)
Unified Modeling Language adalah metode pemodelan visual yang digunakan
dalam desain sistem berorientasi objek. UML awalnya dibuat oleh Object
Management Group, dengan versi pertama 1.0 pada Januari 1997.

11
2.2 Penelitian Terkait
Berikut kutipan jurnal penelitian terkait permasalahan yang diangkat
1. Menurut dalam jurnal Perancangan Sistem Informasi Penjualan Barang
Handmade Berbasis Website Dengan Metode Waterfall Rahmat Hidayat,
Siti Marlina, Lila Dini Utami Simposium Nasional Ilmu Pengetahuan dan
Teknologi (SIMNASIPTEK) 2017 ISBN: 978-602-61268-4-9 jumlah
pekerjaan yang dilakukan setiap orang dalam penjualan yang berbeda, baik
tradisional maupun modern, membuat orang bertindak dengan cara yang
berbeda, menggunakan teknologi yang ada. Salah satu tindakan yang
diterapkan adalah dengan memanfaatkan internet atau media online untuk
mengembangkan penjualan atau yang lebih dikenal dengan e-commerce,
seperti menjual produk handmade melalui website. Berdasarkan uraian di
atas, penulis mencoba membuat suatu perancangan website penjualan
produk handmade yang bertujuan untuk mempromosikan dan memberikan
informasi yang cepat dan terkini mengenai produk, harga produk dan detail
produk handmade. Penggunaan website bertujuan untuk memperluas
jangkauan pemasaran produk tanpa perlu adanya batasan ruang dan waktu
untuk meningkatkan penjualan. Sistem distribusi berbasis web ini
dikembangkan dengan menggunakan metode pengembangan waterfall,
bahasa pemrograman PHP dan database MySQL. Dengan bantuan website
ini, sistem penjualan produk handmade bertujuan untuk menekan biaya
pemasaran dan periklanan produk.mampu membuat kegiatan pemasaran
dan penjualan produk handmade menjadi lebih efisien dan efektif tanpa
harus datang langsung ke toko. [3]

2. Menurut jurnal BINA INSANI ICT JOURNALVol. 9, No. 2,

Desember2022, 102111ISSN: 2355-3421 (Print) ISSN:2527-9777
(Online). banyaknya penjual yang kesulitan untuk mengelola informasi
penjualan dan pemasaran tas pria secara manual melatarbelakangi
dilakukannya penelitian ini, yang bertujuan untuk merancang sebuah

12
 sistem informasi berupa aplikasi web yang dapat digunakan oleh penjual
bantuan. Metode perancangan aplikasi web ini menggunakan pendekatan
berorientasi objek dengan menggunakan notasi Unified Modelling
Language (UML). Penjualan dan pengumpulan laporan penjualan secara
manual banyak kerugiannya, baik karena keterbatasan waktu dan tempat
untuk melakukan transaksi maupun sulitnya mengumpulkan laporan dalam
jumlah besar dalam waktu singkat. Oleh karena itu, dengan menggunakan
aplikasi online sebagai alat penjualan dapat membantu penjual mengelola
barang dan transaksi secara sistematis. Aplikasi web dalam penelitian ini
memiliki tiga jenis pengguna: pengguna tamu, atau pengguna yang dapat
melihat beberapa bagian situs web tanpa login, pengguna anggota, atau
pengguna yang dapat.Lihat situs web, lakukan transaksi, dan kelola
pengguna atau pengguna yang dapat mengontrol konten situs web. Fitur
aplikasi web penjualan ini antara lain melihat profil pengguna, login,
logout dan mendaftar, menambahkan item ke troli, logout dan melihat
riwayat transaksi pengguna. Berdasarkan apa yang telah dibahas pada
uraian sebelumnya, dapat disimpulkan bahwa penjual dapat menggunakan
fungsi website ini untuk mengelola barang, membuat laporan penjualan
toko dan usaha.[4]

3. Menurut electronic commerce [5], transaksi e-commerce biasanya

melibatkan beberapa pihak yang terlibat dalam pembayaran dan
pendistribusian produk yang dibeli selama proses checkout. Beberapa
server atau sistem lain harus bekerja sama melawan proses yang berbeda
ini sesuai dengan aturan dan skenario yang disepakati. Tugas dari sistem
ini adalah mengatur permintaan-permintaan tersebut agar semua proses
transaksional yang melibatkan server dapat berjalan dengan efisien.

4. Perdagangan elektronik, i. H. Electronic commerce adalah distribusi,

pembelian, penjualan dan pemasaran barang dan jasa melalui sistem
elektronik seperti internet atau televisi, www atau jaringan komputer

13
 lainnya. Perdagangan elektronik dapat mencakup transfer uang elektronik
dan pertukaran data elektronik, sistem manajemen inventaris otomatis, dan
sistem entri otomatis.

5. [6] Menurut [6], salah satu cara pemanfaatan teknologi dalam menghadapi
persaingan ekonomi yang semakin ketat adalah dengan menggunakan
perdagangan elektronik, yaitu H. pemasaran berbagai produk atau jasa baik
dalam bentuk fisik maupun digital. Dalam konteks ini, e-commerce berarti
proses jual beli antara dua pihak dalam suatu perusahaan dimana barang,
jasa atau informasi dipertukarkan melalui media online.

6. Jurnal [7] menyatakan bahwa menurut [8] website atau website dapat
diartikan sebagai kumpulan halaman yang berisi informasi tekstual,
gambar statis atau bergerak, animasi, suara dan/atau gabungan dari semua
kegunaan tersebut, baik bersifat statis atau dinamis, membentuk rangkaian
bangunan yang saling berhubungan, masing-masing dihubungkan oleh
jaringan pelataran.

7. Journal [9] mengatakan bahwa website adalah kumpulan halaman web

yang saling terhubung. 7. Jurnal [9] mengatakan bahwa situs web adalah
kumpulan halaman web yang saling terhubung dan file-file itu terhubung
satu sama lain. Sebuah web terdiri dari halaman atau halaman, dan
kumpulan halaman disebut halaman rumah. Halaman utama ada di atas dan
halaman terkait ada di bawah. Biasanya, setiap halaman di bawah halaman
beranda yang berisi hyperlink ke halaman lain di web disebut subhalaman.
[10]

8. Dalam jurnal [11] Design Under [12], persyaratan fungsional didefinisikan

dengan membuat rencana implementasi dan menggambarkan pembentukan
sistem melalui perencanaan, pengeditan dan sketsa atau mengatur beberapa
elemen terpisah menjadi satu kesatuan yang utuh dan fungsional.dan file
terkait. Sebuah web terdiri dari halaman atau halaman, dan kumpulan

14
 halaman disebut halaman rumah. Halaman utama ada di atas dan halaman
terkait ada di bawah. Biasanya, setiap halaman di bawah halaman beranda
yang berisi hyperlink ke halaman lain di web disebut subhalaman. [10]

9. Dalam jurnal [11] Design Under [12], persyaratan fungsional didefinisikan

dengan membuat rencana implementasi dan menggambarkan pembentukan
sistem melalui perencanaan, pengeditan dan sketsa atau mengatur beberapa
elemen terpisah menjadi satu kesatuan yang utuh dan fungsional.

15
 BAB III
ANALISA SISTEM BERJALAN

3.1 Tinjauan Institusi atau perusahaan

NMTRIFTHING.ID merupakan website penjualan baju dengan kualitas no 1 yang
beralamat di jalan pangkalan jati II No 28A Rt 3 Rw 13 jatiwaringin Jakarta Timur.
NMTRIFTHING.ID merupakan web penjualan kaos, jaket pakaian merek terbaru
atau trifthing, dengan itu para pelanggan bisa membeli produk kami tanpa harus ke
offline store serta bisa menjangkau para pelanggan yang luar pulau dan luar negeri.
Ada beberapa fitur yang terdapat dalam web NMTRIFTHING.ID yaitu fitur
checkout, fitur pembayaran dan konfirmasi pembayaran fitur untuk owner atau
pemilik terdapat fitur untuk upload barang,mengisi stok dan melihat pembayaran
3.1.1 Sejarah Institusi /Perusahaan
NMTRIFTHING.ID berdiri sejak tanggal 22 Mei 2023, diketuai oleh M.Alif
yang beranggotakan haekal,sentia,daffa dan satria kami berinisiatif membuat toko
baju trifthing karena melihat dari segmen customer serta melihat bisnis yang cukup
menawarkan keuntungan ada beberapa keuntungan yang didapatkan salah satunya
kita bisa mengurangi limbah pakaian dengan membeli baju trifthing serta bisa
membeli baju dengan harga murah, akan tetapi tidak semua orang dapat membeli baju
secara offline atau daring ke toko disebabkan faktor seperti kurangnya waktu kami
berencana membuat website NMTRIFTHING.ID agar customer bisa membeli lewat
online serta kami bisa bersaing dalam dunia bisnis dan menemukan customer lebih
banyak lagi.
3.1.2 Struktur Organisasi/Perusahaan

16
 Gambar 3.1 Struktur Organisasi (Sumber : Peneliti)

Berikut penjelasan singkat dari masing-masing unit yang ada dalam bagan di
atas:

1. Pemilik. Dalam hal ini, dia adalah pemilik dan bertanggung jawab atas
semua kegiatan perusahaan. Beliau memiliki tanggung jawab dan
wewenang untuk mengatur segala hal yang berkaitan dengan
operasional Perseroan.
2. Manajer keuangan adalah orang yang bertanggung jawab atas
keuangan perusahaan. Di perusahaan, tugas CFO adalah memimpin
semua fungsi bisnis, termasuk pelaporan keuangan. Dalam beberapa
kasus, Manajer Keuangan juga dapat ditugaskan menangani masalah
pajak.
3. Pengelola SDM adalah orang yang mengelola sumber daya manusia
(karyawan, kolaborator atau juga peserta program pemagangan).
Dalam hal ini, manajer SDM juga bertanggung jawab atas perekrutan.
Pada saat yang sama, manajer SDM juga bertanggung jawab untuk
mengatur hubungan antara semua lini agar perusahaan dapat berfungsi
dengan baik.
4. Manajer bertanggung jawab atas seluruh kegiatan operasional
perusahaan. Fitur fungsionalnya sendiri dapat berbeda menurut
industri. Manajer operasi juga biasanya berhubungan dengan, dan
secara langsung mengawasi, staf atau karyawan yang terlibat dalam
operasi sehari-hari.
5. Manajer pemasaran, yang berperan mengelola penawaran produk
perusahaan, baik barang maupun jasa, di pasar. Peran manajer
pemasaran sendiri cukup penting, karena keberhasilan tugas
memerlukan pengetahuan dan pengalaman khusus.

17
3.2 Proses Bisnis Sistem
Proses bisnis system dan alur bisnis program penjualan pakaian online
NMTRIFTHING.ID menggunakan Activity Diagram.

Gambar 3 2 Diagram Activity (Sumber : Peneliti)

3.3 Spesifikasi dokumen berjalan

1. Nama Dokumen : Bukti Pembayaran

Fungsi : Konfirmasi pembelian
Sumber : Customer
Tujuan : Beli Baju
Media : kertas atau Screenshoot
Frekuensi : Setiap akan konfirmasi pembelian

18
2. Nama Dokumen : Invoice
Fungsi : Rincian barang yang dipesan
Sumber : Toko
Tujuan : Jumlah tagihan yang dibeli oleh customer
Media : Kertas
Frekuensi : Setiap setelah checkout

19
 BAB IV

PERANCANGAN SISTEM

4.1 Analisa Kebutuhan Software

Sistem penjualan secara online berbasis web dimana penjual dan pembeli
tidak bertatap muka secara langsung. Calon pembeli melakukan pembelian melalui
media browser kami. Kebutuhan perangkat lunak yang diperlukan untuk mengakses
sistem pakar diagnosa gangguan kecemasan ini meliputi:

1. Sistem Operasi : Windows 10

2. Internet browser : Browser Edge, Google Chrome
3. Aplikasi Web Server : Xampp
4. Pemrograman : PHP, Vsc, Javascript
5. Database server : PHPMysql v.7.0
6. Text editor : Notepad++
7. Perancangan Basis data : MysQL
8. Perancangan antarmuka : Adobe XD
9. Perancangan Model : Power Design

Halaman Customer:
1). User melakukan registrasi di halaman login
2). User dapat melakukan login ke website
3). User dapat memilih produk yang tersedia
4). User memilih produk yang ingin di beli
5). User memasukan jumlah produk yang ingin di beli
6). User akan memasukan ke keranjang terlebih dahulu
7). User dapat menchekout bila ingin di beli
8). User dapat mencancel bila ingin tukar produk tersebut

20
9). User akan melihat halamaan checkout/order
10). User dapat melihat invoice order pembelian
11). User memilih pembayaran pada invoice order dan user dapat mengupload bukti
pembayaran pada fitur Upload Bukti Pembayaran.

12). User akan menunggu konfirmasi dari owner untuk pembelian produk
13). Setelah sudah di konfirmasi,user dapat melihat status pembelian produk
14). User akan cetak invoice pembelian
Halaman Owner (Pemilik NMTRIFTING.ID):
1). Owner login pada website NMTRIFTHING.ID
2). Owner dapat menambah produk barang
3). Owner dapat menghapus apabila ingin mengganti produk tersubut
4). Owner dapat memberikan harga dalam produk baru
5). Owner dapat menambahkan stok produk atau jumlah stok dan tanggal masuk
stok produk
6). Owner bisa menambah karyawan
7). Owner bisa mengkonfirmasi pembayaran tersebut

21
4.2 Desain
4.2.1 Rancangan User Interface

1. Tampilan Customer

Gambar 4. 1 Tampilan Login Customer (Sumber : Peneliti)

Gambar 4. 2 Tampilan Beranda Customer (Sumber Peneliti)

22
2. Tampilan Owner

Gambar 4. 3 Tampilan Login Owner (Sumber : Peneliti)

Gambar 4. 4 Tampilan Beranda Owner (Sumber : Peneliti)

23
 Gambar 4. 5 Tampilan Member Owner (Sumber:Peneliti)

Gambar 4. 6 Tampilan Tabel Master Owner (Sumber: Peneliti)

24
Gambar 4. 7 Tampilan Master Produk (Sumber : Penelitian)

Gambar 4. 8 Tampilan Isi Produk(Sumber : Penelitian)

25
Gambar 4. 9 Tampilan Master Owner(Sumber :Penelitian)

Gambar 4. 10 Tampilan Menambahkan User(Sumber : Penelitian )

26
Gambar 4. 11 Tampilan Stok Produk (Sumber : Penelitian )

Gambar 4. 12 Tampilan Tambah Stok (Sumber : Penelitian)

27
 Gambar 4. 13 Tampilan Halaman Transaksi (Sumber : Peneliti)

4.3 Code Generation

<body class="hold-transition login-page">

<div class="login-box">

<div class="login-logo">

<a href="#"><b>NMTRIFTING</b>Shop</a>

</div>

<!-- /.login-logo -->

<div class="card">

<div class="card-body login-card-body">

<p class="login-box-msg">Silahkan Register</p>

<form action="<?= base_url("Auth/register") ?>" method="post">

<label class="text-danger"><?= form_error('nama') ?></label>

<div class="input-group mb-3">

<input type="text" class="form-control" placeholder="Nama"

28
<input type="text" class="form-control" placeholder="No HP" name="no_hp">

<div class="input-group-append">

<div class="input-group-text">

<span class="fas fa-phone"></span>

</div>

</div>

</div>

<label class="text-danger"><?= form_error('pass') ?></label>

<div class="input-group mb-3">

<input type="password" class="form-control" placeholder="Password"

name="pass">

<div class="input-group-append">

<div class="input-group-text">

<span class="fas fa-lock"></span>

</div>

</div>

</div>

<div class="row">

<div class="col-4">

<button type="submit" class="btn btn-primary btn-block">Register</button>

</div>

</div>

</form>

<br>

<p class="mb-0">

<a href="register.html" class="text-center">Login jika belum memiliki akun</a>

</p>

</div>

<!-- /.login-card-body -->

29
4.4 Database
1. Entity Relationship Diagram

Gambar 4. 14 ERD

2. Logical Record Structure

Gambar 4. 15 LRS

30
3. Spesifikasi File
a. Spesifikasi File Tabel Status
Nama Database : db_penjualan_brand
Nama file : status
Akronim : status.sql
Tipe file : file master
Akses file : random
Panjang record : 38
Kunci field : id_status
Software : MySQL

No Elemen Data Nama Field Type Size Keterangan

1 Id status id_status Integer 11 Primery key

2 No antrean no_antrean Varcha 7

r

3 status status Integer 5

4 Id karyawan id_karyawan Text 15 Foreign

Key

Table 1 Spesifikasi File Tabel Status

b. Spesifikasi File Tabel Karyawan

Nama Database : db_penjualan_brand
Nama file : karyawan
Akronim : karyawan.sql
Tipe file : file master
Akses file : random
Panjang record : 235
Kunci field : id_karyawan

31
 Software : MySQL

No Elemen Data Nama Field Type Size Keterangan

1 Id karyawan id_karyawan Varcha 7 Primery key

r

2 Nama karyawan nama_karyawan Varcha 50

r

3 Email karyawan email_karyawan Varcha 50

r

4 Pin karyawan pin_karyawan Integer 4

5 No hp karyawan nohp_karyawan Varcha 13

r

6 Password karyawan pass_karyawan Varcha 100

r

7 Level Level Integer 11

Table 2 Spesifikasi File Tabel Karyawan

c. Spesifikasi File Tabel Transaksi
Nama Database : db_penjualan_brand
Nama file : transaksi
Akronim : transaksi.sql
Tipe file : file master
Akses file : random
Panjang record : 33
Kunci field : id_transaksi
Software : MySQL

32
No Elemen Data Nama Field Type Size Keterangan

1 Id transaksi id _transaksi Varchar 11 Primery key

2 Id produk id_produk Integer 7

3 Jumlah jumlah Varchar 3

4 Tanggal_transaksi tanggal_transaks Timestamp -

i

5 Id_pembeli id_pembeli Varchar 7

6 No antrean no_antrean Integer 5

Table 3 Spesifikasi File Tabel Transaksi

d. Spesifikasi File Tabel Pembeli
Nama Database : db_penjualan_brand
Nama file : pembeli
Akronim : pembeli.sql
Tipe file : file master
Akses file : random
Panjang record : 204
Kunci field : id_status
Software : MySQL

No Elemen Data Nama Field Type Size Keterangan

33
1 Id pembeli id _pembeli Varchar 7 Primery key

2 Nama pembeli nama_pembeli Varchar 30

3 Alamat pembeli alamat_pembeli Varchar 50

4 No hp pembeli nohp_pembeli Varchar 13

5 Email pembeli email_pembeli Varchar 50

6 Pin pembeli pin_pembeli Integer 4

7 Password pembeli pass_pembeli Varchar 50

Table 4 Spesifikasi File Tabel Pembeli

e. Spesifikasi File Tabel Bayar
Nama Database : db_penjualan_brand
Nama file : bayar
Akronim : bayar.sql
Tipe file : file master
Akses file : random
Panjang record : 22
Kunci field : id_bayar
Software : MySQL

No Elemen Data Nama Field Type Size Keterangan

1 Id bayar Id_bayar Varcha 5 Primery key

r

2 Uang uang_pembeli Double -

pembeli

34
 3 Total harga total_harga Double -

4 Tanggal tanggal_bayar Date -

bayar

5 Id karyawan id_karyawan Varcha 7

r

6 No antrean no_antrean Integer 5

Table 5 Spesifikasi File Tabel Bayar

f. Spesifikasi File Tabel Produk_Masuk

Nama Database : db_penjualan_brand
Nama file : produk_masuk
Akronim : produk_masuk.sql
Tipe file : file master
Akses file : random
Panjang record : 21
Kunci field : id_masuk
Software : MySQL

No Elemen Data Nama Field Type Size Keterangan

1 Id masuk id_masuk Integer 11 Primery

key

2 Id produk id_produk Varcha 7

r

3 Jumlah jumlah Integer 3

35
 4 Tanggal Tanggal_masuk Date -
masuk

Table 6 Spesifikasi File Produk_Masuk

g. Spesifikasi File Tabel Produk_Keluar

Nama Database : db_penjualan_brand
Nama file : produk_keluar
Akronim : produk_keluar.sql
Tipe file : file master
Akses file : random
Panjang record : 19
Kunci field : id_keluar
Software : MySQL

No Elemen Nama Field Type Size Keterangan

Data

1 Id keluar id_keluar Integer 11 Primery

key

2 Id produk id_produk Varchar 7

3 Jumlah jumlah Integer 11

4 Tanggal tanggal_keluar Timestam -

keluar p

Table 7 Spesifikasi File Produk_Keluar

h. Spesifikasi File Tabel Harga
Nama Database : db_penjualan_brand
Nama file : harga
Akronim : harga.sql

36
 Tipe file : file master
Akses file : random
Panjang record : 9
Kunci field : id_harga
Software : MySQL

No Elemen Data Nama Field Type Size Keterangan

1 Id harga id_harga Varcha 4 Primery key

r

2 Ukuran ukuran_produk Varcha 5

produk r

3 Harga produk Harga_produk Double -

Table 8 Spesifikasi File Harga

i. Spesifikasi File Tabel Produk

Nama Database : db_penjualan_brand
Nama file : produk
Akronim : produk.sql
Tipe file : file master
Akses file : random
Panjang record : 317
Kunci field : id_produk
Software : MySQL

No Elemen Data Nama Field Type Keterangan

37
 1 Id produk id_produk Varcha 7 Primery key
r

2 Id harga id_harga Varcha 5

r

3 Foto produk foto_produk Varcha 255

r

4 Nama produk nama_produk Varcha 50

r

Table 9 Spesifikasi File Produk

j. Spesifikasi File Tabel Keranjang

Nama Database : db_penjualan_brand
Nama file : keranjang
Akronim : keranjang.sql
Tipe file : file master
Akses file : random
Panjang record : 136
Kunci field : id_keranjang
Software : MySQL

No Elemen Data Nama Field Type Size Keterangan

1 Id keranjang id_keranjang Integer 11 Primery

key

2 No invoice noinvoice Varchar 100

38
3 Id pembeli id_pembeli Varchar 7

4 Id produk id_produk Varchar 7

5 Jumlah jumlah Integer 11

6 Tanggal Tgl timestam

p

Table 10 Spesifikasi File Keranjang

39
 BAB V
PENUTUP

5.1 Kesimpulan
Berdasarkan analisis permasalahan yang diidentifikasi, dapat disimpulkan,
bahwa:

1. Toko tersebut menghadapi tantangan dalam memperluas jangkauan

penjualan.
2. Mengoptimalkan proses pembuatan nota yang masih manual.
3. Mengatasi antrian yang memakan waktu. Maka ketidakmampuan
untuk mengatasi masalah-masalah ini dapat menghambat pertumbuhan
dan keberlanjutan toko.

5.2 Saran
1. Toko harus banyak melakukan aktifitas promosi melalui aplikasi
online seperti sosial media, serta memberikan potongan harga atau
diskon untuk menarik minat para pembeli diluar area atau daerah toko
yang ada.
2. Menerapkan strategi manajemen antrian: Untuk mengatasi masalah
antrian,toko perlu mempertimbangkan penggunaan sistem antrian atau
jadwal janji. Dengan memanfaatkan teknologi seperti nomor antrian
digital atau reservasi waktu, toko dapat meningkatkan pengalaman
pelanggan dan mengurangi waktu tunggu.
3. Toko perlu beralih dari proses manual menjadi sistem yang otomatis
dalam pembuatan nota. Menggunakan perangkat lunak kasir modern
akan membantu mengoptimalkan efisiensi, mengurangi kesalahan
manusia, dan mempercepat proses pembayaran.

40
 DAFTAR PUSTAKA

[1] S. Rohaya, “Internet : Pengertian, Sejarah, Fasilitas dan koneksi,” Geopolit.

Int. Boundaries, vol. 2, no. 1, pp. 1–16, 2019.

[2] T. A. Sudah, “Upaya Akselerasi Pemberdayaan Sekolah Melalui

Perpustakaan,” pp. 1–17, 2008.

[3] L. A. Pratama, A. Primawati, and L. Ariyani, “Perancangan Sistem Informasi

Sirkulasi Buku Pada Perpustakaan SMP Negeri 103 Jakarta,” STRING (Satuan
Tulisan Ris. dan Inov. Teknol., vol. 4, no. 2, p. 227, 2019, doi:
10.30998/string.v4i2.4179.

[4] H. B. Silvia Tiffani, “Perancangan Sistem Informasi Penjualan Tas Pria Pada
Princessolshop Berbasis Web,” vol. 9, no. 2, pp. 102–111, 2022.

[5] J. Irnawati and S. Cay, “Strategi Pemasaran Penjualan E-Commerce Melalui

Brand Community,” 2021, [Online]. Available: www.penerbitwidina.com

[6] A. P. Kusuma, K. A. Prasetya, and U. M. D. E. C. D. E. Los, Perancangan

Dan Implementasi E-Commerce Untuk Penjualan Baju Online Berbasis
Android, vol. 11, no. 1. 2017. doi: 10.35457/antivirus.v11i1.194.

[7] G. Wibisono and W. E. Susanto, “Perancangan Website Sebagai Media

Informasi dan Promosi Batik Khas Kabupaten Kulonprogo,” J. Evolusi, vol. 6,
no. 2, pp. 46–55, 2015.

[8] A. Wicaksana, “Pengertian Website Dalam GIS,” Https://Medium.Com/, no.

2010, pp. 7–28, 2016.

[9] M. Ferdika and H. Kuswara, “Sistem Informasi Penjualan Berbasis Web Pada
PT Era Makmur Cahaya Damai Bekasi,” Inf. Syst. Educ. Prof. E-ISSN 2548-
3587, vol. 1, no. 2, pp. 175–188, 2017.

[10] A. S. Faqih and A. D. Wahyudi, “Rancang Bangun Sistem Informasi Penjualan

41
 Berbasis Web (Studi Kasus : Matchmaker),” J. Teknol. dan Sist. Inf., vol. 3, no.
2, pp. 1–8, 2022.

[11] D. Andrian, “Penerapan Metode Waterfall Dalam Perancangan Sistem

Informasi Pengawasan Proyek Berbasis Web,” J. Inform. dan Rekayasa
Perangkat Lunak, vol. 2, no. 1, pp. 85–93, 2021.

[12] A. Kadir, “Pengenalan Sistem Informasi.” 2014.

42
 LAMPIRAN

1. Hasil Pengecekan Pagiarisme

Bab 1 Bab 3

Bab 2

43
 LEMBAR PENILAIAN

Judul Makalah : Perancangan Sistem Penjualan Berbasis Web

NMTRIFTHING.ID
Kelas / Kelompok : 11.4A.06 /1
Nama Anggota Kelompok :

1. Sentia Pera Insani (11211804)

2. Muhamad Daffa Sua’ib (11212066)
3. Haekal Arrazak (11210934)
4. Muhamad Alief Fitral (11210974)
5. Satria Rizki Iman Ramadhan (11211812)

No Aspek yang dinilai Nilai

1. Kekompakan kelompok
2. Materi penulisan sesuai
dengan topiknya

3. Sistematika penulisan

Mengetahui,
Dosen Pengampu Mata Kuliah

Juarni Siregar, S.pd,M.Kom

44