PERANCANGAN SISTEM INFORMASI

PENJUALAN PADA TOKO YOOTS

APPLICATION PROJECT

Diajukan Untuk Memenuhi Ujian Mata Kuliah Proyek

Disusun Oleh
Nama : Fikri Noviansyah
Nim : 180442020006

PROGRAM STUDI MANAJEMEN INFORMATIKA

POLITEKNIK LP3I JAKARTA
2020
 KATA PENGANTAR

Puji syukur kehadirat Allah SWT yanag maha Pengasih lagi Maha
Penyayang. Karena berkat rahmat dan hidayahnya, Saya bisa menyusun dan
menyajikan makalah project sistem informasi ini yang berisi tentang struktur awal
dalam pembutan system dan sebagai salah satu tugas kuliah. Tak lupa penulis
mengucapkan terima kasih kepada berbagai pihak yang telah memberikan
dorongan serta motivasi.
Penulis menyadari bahwa dalam pembuatan project sistem informasi ini
masih terdapat banyak kekurangan dan jauh dari kesempurnaan. Oleh karena itu,
penulis mengharapkan kritik serta saran yang membangun guna untuk
menyempurnakan makalah ini dan dapat menjadi acuan dalam menyusun
makalah-makalah atau tugas-tugas selanjutnya.
Penulis juga memohon maaf apabila dalam penulisan project sistem
informasi ini masih terdapat kesalahan pengetikan dan kekeliruan sehingga
membingungkan pembaca dalam memahami masksud penulis, dan penulis sangat
berterima kasih sekali kepada Bapak Karto S.KOM selaku pembimbing serta
mengarahkan saya dalam pengerjaan project ini, penulis berharap semoga agar
kedepannya bisa lebih baik lagi dalam penulisan dan pembuatan project ini.

Jakarta,21 april 2020

Fikri Noviansyah

2
 DAFTAR ISI

Cover

Kata Pengantar

BAB I PENDAHULUAN
1.1 Latar Belakang Masalah
1.2 Batasan Masalah
1.3 Rumusan Masalah
1.4 Sistematika Penulisan

BAB II MANUAL BOOK PROGRAM APLIKASI

2.1 Petunjuk Penggunaan Aplikasi
2.2 Gambar Projek Dibuat
2.3 Tampilan Laporan

BAB III PEMBAHASAN

3.1 Narasi Sistem
3.2 Flowchart Sistem Berjalan
3.3 Diagram Konteks
3.4 Diagram Nol/Zero
3.5 Use Case
3.6 Keterangan Use Case dan Aktor
3.7 Keterangan Use Case
3.8 Skenario Use Case

3
 3.81. Skenario Use Case log in
3.82. Skenario Use Case Pendaftaran
3.83. Skenario Use Case Proses Pengujian
3.84. Skenario Use Case Proses Penilaian
3.85. Skenario Use Case Proses Pembayaran
3.9 Activity Diagram Use
3.91. Log in
3.92. Memilih Produk
3.93. Keranjang barang
3.94. Data Barang
3.95. Add…………………………………………….
3.96. Edit…………………………………………….
3.97. Delete…………………………………………..
3.98. Proses Pembayaran
3.99. Cetak Struk Transaksi………………………….
3.910. Laporan Harian………………………………...
3.10 Class Diagram
3.11 Perancang Database
3.11.1. Normalisasi
3.11.2. ERD
3.11.3. Relationship
3.11.4. Klasifikasi File

BAB IV PENUTUP

4.1. Kesimpulan
4.2. Saran

4
 BAB I
PENDAHULUAN

1.1. Latar Belakang masalah

Toko pakaian Yoots merupakan jenis usaha yang bergerak dalam bidang penjualan
pakaian (fashion) dan menjualan peralatan gambar. Yoots mempunyai toko yang
terletak Jl. Kemayoran Gempol No.2, RT.4/RW.4, Kb. Kosong, Kec. Kemayoran, Kota
Jakarta Pusat, menjual pakaian.

Mekanisme transaksi yang berlangsung sampai saat ini masih menggunakan cara
yang sederhana, yaitu konsumen harus datang langsung ke Toko Yoots untuk
melihat produk yang ditawarkan dan melakukan transaksi jual beli. Selain itu Toko
Yoots memiliki kendala dalam pengelolaan data dan pembuatan laporan penjualan
karena masih dilakukan dengan cara konvensional mengumpulkan nota penjualan
yang berasal dari transaksi penjualan yang dilakukan setiap harinya dan dicatat
dalam buku transaksi penjualan sehingga membutuhkan waktu yang cukup lama.

Semakin banyaknya bisnis penjualan pakaian mendorong Toko Yoots sulit untuk
mengenalkan produknya kepada publik, sehingga diperlukan solusi untuk menarik
konsumen dan selangkah lebih maju dibandingkan kompetitor yang lainnya, salah
satu caranya adalah membuat e-commerce pada toko tersebut. Pengolahan data
juga dapat dilakukan dengan lebih efektif karena data disimpan dalam bentuk
database, dengan demikian data yang disimpan akan lebih mudah diolah dan dapat
menghasilkan informasi yang lebih akurat. Aplikasi e-commerce juga dilengkapi

5
 sistem rekomendasi yang akan menawarkan produk yang telah dibeli oleh
konsumen lain sehingga diharapkan dapat membantu konsumen dalam
menentukan pembelian.“Perancangan eCommerce pada Toko Yoots dengan
Mengggunakan PHP dan MySQL”.

1.2. Batasan masalah

Adapun beberapa permasalahan yang di dapat pada Toko Yoots, berikut:
1. Pembahasan masalah peracangan sistem informasi
2. Bahasa pemrograman yang di gunakan pada sistem penjuanlan /pinginputan
online adalah PHP Native,
3. Database yang di gunakan yaitu Mysql,
4. Aplikasi yang di buat yaitu menampilkan data produk, proses input,edit delete
pada data transaksi
5. Hasil Cetak Laporan proses transaksi pejualan pada toko Yoots Store

1.3. Rumusan Masalah

Pembahasan penulisan makalah project ini berdasakan permasalahan yang
terdapat pada yang dimana proses masih menggunakan proses manual maka
dari itu penulis merincikan beberap rincian sebagai berikut :
1. Bagaimana proses berjalan nya penginputan/pendataan produk melalui
system online?
2. Bagaimana penjualan secara online?
3. Bagaimana customer memilih produk melalui website?
.Proses Check out?
4.Cetak Struk

1.4. Sistematika penulisan

6
Penulis membuat sistematika dengan di kelompokan menjadi 4 Bab,
dimana masing-masing Bab saling terhubung. Sistematiknya sebagai
berikut :

BAB I : PENDAHULUAN

Bab ini menjelaskan tentang latar belakang masalah, batasan masalah ,

rumusan masalah, dan sistematika penulisan.

BAB II : MANUAL BOOK PROGRAM APLIKASI

BAB III : PEMBAHASAN

Bab ini menjelaskan tentang bahasa yang di gunkan untuk

menvisualisasikan program yang kita buat dengan menggunakan
UML(Unifed Modelling Language). Dan juga di bab ini penulis harus
menuliskan tentang kendala-kendala yang ada dalam pembuatan sistem
yang penulis buat.

BAB IV : PENUTUP

BAB II

7
 MANUAL BOOK PROGRAM APLIKASI

2.1 Petunjuk Penggunaan Aplikasi

2.2 Gambaran Proyek dibuat

BAB III

8
 PEMBAHASAN

3.1 Narasi Sistem

Toko Yoots berdiri pada tahun 2016. Toko ini merupakan sebuah
toko yang berlokasi di JL.Kemayoran Gempol. Toko Yoots menjual
pakaian dari berbagai merk dan menjual alat alat Seni. Saat ini
Toko Yoots masih mendatakan penjualannya secara manual
menggunakan buku, dan Microsoft Excel. Untuk mendukung
aktivitasnya tersebut, maka dibutukan Sistem Informasi penjualan
pada toko tersebut.

Dalam Proses pembelian Customer datang ke Toko Yoots,

Kemudian menuju ke ipad pembelian dan Customer akan
Memilih/mencari pakaian yang ingin dibeli.setelah itu jika
customer tertarik sesuai apa yang di ingikan, jika Customer tidak
tertarik maka Customer mencari kembali pakaian yang di
inginkan. Customer klik “keranjang belanja” kemudian Customer
Menginput data QTY, SIZE dan data diri.

Customer mencetak Struk pembayaran lalu menuju Kasir untuk

melakukan pembayaran berdasarkan struk pembayaran
Customer. Kemudian kasir mencetak struk transaksi sembanyak 2
rangkap 1 rangkap untuk customer dan 1 rangkap lagi untuk di
jadikan laporan harian untuk Owner toko.

3.2 Flowchart Sistem Berjalan

9
 CUSTOMER KASIR OWNER

1
Start

Customer Laporan harian

Struk Uang
Pembelian
Customer Datang
Ke Toko menuju
ipad pembelian 3
Kasir mencetak
struk 2 Rangkap

Customer Menuju
Ke Ipad pembelian
End
Struk 1

Struk 2
Customer Memilih/
Mencari pakaian.

2
F
Buat laporan harian
untuk owner

Tertarik?

Laporan harian
T

3
Customer Klik
Keranjang ͞Belanja͟

Customer
Menginput data

Customer Mencetak
Struk ͞Pembelian͟

Customer Struk
Pembelian Uang

Struk 1

10
 3.3 Diagram Konteks
Diagram Konteks

Data Pembelian. Struk

Pembayaran
SISTEM INFORMASI PEMBELIAN
Uang Owner
Customer PAKAIAN YOOTS STORE
Struk Laporan
Pakaian dan Struk Transaksi

3.4 Diagram Nol/ Zero

Diagram Zero

Customer memilih Pakaian

1.0
Customer
Pemilian Produk

2.0 Qty Size dan Data Pelanggan

Proses Transaksi

Struk Pembayaran. Uang

3.0
Proses Pembayaran

Struk Transaksi dan Pakaian

4.0
Owner
Proses Laporan

3.5 Use Case

11
uc Use Case Model

Yoots Store

login

«extend»

Customer Memilih Produk

Kasir
«extend»
«extend»

Keranj ang
Barang Data Barang
«include» Delete

«include»
«incl ude»
Add

«extend» Edit

Proses Cetak Struk

Pembayaran «extend» Transaksi

Ow ner

«extend»

Laporan Harian

12
3.6 Keterangan Use Case dan Aktor
a. Owner :
Merupakan seseorang owner toko yang menerima hasil laporan
penjulan.
b. Kasir :
Merupakan sesorang yang bertugas untuk melakukan penginputan
data dan laporan penjualan
c. Customer:
Merupakan orang atau calon pembeli yang dating ke toko dan
membeli baju

3.7 Keterangan Use Case

Login :
Merupakan proses awal yang di lakukan kasir kedalam system/web
untuk melakukan menginputan data dan transaksi baju

Memilih Produk :
Merupakan proses yang di lakukan oleh customer untuk membeli baju

Keranjang Barang :
Merupakan serangkain proses yang di lakukan oleh customer untuk
menampung barang yang telah di pilih nya.
Data Barang :
Merupakan proses pengelolaan barang yang dapat di tambahkan, di
tampilkan pada form, diubah dan dihapus
Edit :
Merupakan suatu proses untuk mengendit data barang yang telah di
input sebelumnya.
Add :
Merupakan suatu proses untuk mengadd data barang yang ingin di
update maupun di hapus.
Delete :
Merupakan suatu proses untuk menghapus data barang yang telah di
input maupun yang telah di update.
Proses Pembayaran :
Merupakan proses transaksi pembayaran yang di lakukan oleh
customer ke kasir kasir
Cetak Struk

13
 Merupakan proses dari proses transaksi pembayaran yang menghasil
struk sebagai tanda bukti transaksi.
Laporan Harian:
Merupakan proses laporan harian yang berdasarkan dari proses
transaksi pembayaran.

3.8 Skenario Use Case

Reaksi Aktor Reaksi Sistem
1. Kasir memasukan
usernamae dan password
2. Klik Login
3. Kasir menvalidasi data
dengan mengecek table user
4. Masuk ke dalam Dashboard
web Yoots Store

3.81. Skenario Use Case Log in

3.82. Skenario Use Case Memilih Barang

Reaksi Aktor Reaksi Sistem
1. Customer memilih produk
2. Menampilkan halaman detail
produk.
3. Setelah itu Customer pengisian
data Qty, Size dan data diri
4. Setelah itu Customer klik
mencetak struk pembelian untuk
mengkonfirmasi pesanan nya ke
kasir
5. System merespon dengan
memproses mencetak struk

6. Setelah itu customer menuju ke

kasir membawa uang struk
pembelian nya.

14
 3.83. Skenario Use Case Keranjang barang
Reaksi Aktor Reaksi Sistem
1. Klik Keranjang barang
2. System menampilkan data
barang yang telah di simpan
oleh customer

3.84. Data Barang

Reaksi Aktor Reaksi Sistem
1. Kasir Klik Produk
2. Kasir Klik Data Barang
3. System akan menampilkan
semua data barang.

3.85. Skenario Use Case Add

Reaksi Aktor Reaksi Sistem
1. Klik check box
2. System akan menampilkan
produk

3.86. Skenario Use Case Edit

Reaksi Aktor Reaksi Sistem
1. Klik button Edit
2. System Menampilkan form
edit

15
 3. Mengisi field field yang akan di
edit
4. Melakukan Proses edit data
pada data barang
5. Menyimpan hasil perubahan
data
6. Data Tersimpan

3.87. Skenario Use Case Delete

Reaksi Aktor Reaksi Sistem
1. Klik check box produk yang ingin
di hapus
2. Klik button delete produk
3. Menampilkan pesan
konfirmasi hapus kategori
4. Menjawab konfirmasi dengan
menekan tombol “OK”
5. System akan menghapus
6. Menyimpan hasil perubahan
data
7. Data Tersimpan

3.88. Skenario Use Case Proses Pembayaran

Reaksi Aktor Reaksi Sistem
1. Customer melakukan pembayaran
produk dengan memakai uang
tunai.

3.89. Skenario Use Case Cetak Struk Transaksi

Reaksi Aktor Reaksi Sistem
1. Kasir klik Data Transaksi
2. Kasir memilih Detail Transaksi di
list Data Transaksi
3. System akan menampilkan
data sesuai transaksi
4. Kasir klik Cetak Struk 2 Rangkap
5. System akan merespon dengan
memperoses cetak struk
6. System merespon dengan
memproses mencetak struk

16
 3.90. Skenario Use Case Laporan Harian
Reaksi Aktor Reaksi Sistem
1. Kasir Memberikan struk untuk di
jadikan laporan harian

3.9 Activity Diagram

3.9.1 Log in
act Package1

kasir system

Start

masuk ke
w eb tampil form
login

Tidak

memasukan username
dan passw ord

Iya

Halaman Dashbord Menampilkan

Halaman Utama

end

17
 3.9.2 Memilih Produk
act Package1

customer System

Start

Memilih Produk menampilkan halaman

detail produk

klik Keranjang menampilkan

belanja proses check out

end

18
 3.9.3 Data Barang
act Package1

kasir System

start

pilih menu kelola

menampilkan menu data
Data Barang
barang

input data barang

add

edit delete

Simpan Data Tersimpan

selesai

19
3.9.4 Proses Pembayaran
act Package1

customer

start

Customer melakukan
pembayaran produk
dengan memakai uang
tunai.

end

20
 3.9.5 . Cetak Struk Transaksi

act Package1

customer kasir system ow ner

Start

Kasir mengecek Data

Transaksi dan Kasir
mengklik data transaksi

Kasir memilih Detail system akan

Transaksi di list data menampilkan data
transaksi sesuai transaksi

kasir klik cetak 2 System akan

struk 2 rangkap merespon dengan
cetak struk

struk transaksi
Struk
menerima struk laporan

end

21
3.10 Class Diagram
class Class Model

kasir Login user

- id_kasir: char - username: char

- username: char - password: char
- password: char - nama_user: char
- alamat_user: char
+ update informasi() - no_tlpn: char
- kelola data baju()
- kelola data transaksi() - insert()
- laporan transaksi()

tb_barang
tb_produk
- kd_barang: varchar
- id_produk: varchar - nama_barang: varchar
- nama_produk: varchar - harga: int
- stok: int
- qty: int

tb_transdetail
tb_TransHeader
- no_transaksi: varchar
- no_trans: varchar
- id_produk: varchar
- nama_pembeli: varchar
+ kd_barang: int
- nama_user: varchar
+ harga: int
- tgl_pembelian: date
+ Qty: int
+ size: int
+ total: int

22
 3.11 Perancangan Data Base
3.11.1 Normalisasi
no_transaks nama_pembel nama_use id_produ nama_produ kd_baran nama_baran siz sto harga qty total
i i r k k g g e k
Trs_001 Fikri Fikri P01 T-SHIRT Brng-001 98Club L 50 12000 1 12000
0 0
Trs_002 Irul Irul P02 T-SHIRT Brng-002 YTSC L 50 12000 2 26000
0 0

3.11.2 Tabel NF1

no_transaks nama_pembel nama_use id_produ nama_produ kd_baran nama_baran Siz stok harg qty total
i i r k k g g e a
Trs_001 Fikri Fikri P01 T-SHIRT Brng-001 98Club L 50 120000 1 12000
0
Trs_001 Fikri Fikri P01 T-SHIRT Brng-001 98Club L 50 120000 1 12000
0
Trs_002 Irul Irul P02 T-SHIRT Brng-002 YTSC L 50 120000 2 26000
0
Trs_002 Irul Irul P02 TSHIRT Brng-002 YTSC L 50 120000 2 26000
0

3.11.2Tabel NF2
Tabel barang
id_produ nama_produk
nama_baran harga
k g
P01 T-SHIRT 98Club 120000
P02 T-SHIRT YTSC 120000
P03 CREWNECK STREET 350000
P03 SWEATER YTSC 350000

3.11.3Tabel NF3
Tabel Produk
id_produ nama_produk nama_barang
k

23
P01 T-SHIRT 98Club
P01 T-SHIRT 98Club
P02 T-SHIRT YTSC
P02 TSHIRT YTSC

Tabel Baju
id_produ nama_produk
nama_baran stok harga
k g
P01 T-SHIRT 98Club 50 120000
P02 T-SHIRT YTSC 50 120000
P03 CREWNECK STREET 50 350000
P03 SWEATER YTSC 50 350000

3.11.4 ERD

24
Produk
1 Penjualan
M Barang

Id_Produk
Id_Produk
Id_Barang
Nama_Produk
Nama_barang

harga

Stok

Qty

25
 3.11.5 Relationship
class Class Model

kasir Login user

- id_kasir: char - username: char

- username: char - password: char
- password: char - nama_user: char
- alamat_user: char
+ update informasi() - no_tlpn: char
- kelola data baju()
- kelola data transaksi() - insert()
- laporan transaksi()

tb_barang
tb_produk
- kd_barang: varchar
- id_produk: varchar - nama_barang: varchar
- nama_produk: varchar - harga: int
- stok: int
- qty: int

tb_transdetail
tb_TransHeader
- no_transaksi: varchar
- no_trans: varchar
- id_produk: varchar
- nama_pembeli: varchar
+ kd_barang: int
- nama_user: varchar
+ harga: int
- tgl_pembelian: date
+ Qty: int
+ size: int
+ total: int

26
 3.11.6 Klasifikasi File

Login
No Kolom Tipe Data Panjang Status
1 Username char 50
2 Password char 15
3 Nama_User Char 50
4 Alamat_User Char 70
5 No_telpn Char 15

kasir

No Kolom Tipe Data Panjang Status

1 Id_Kasir varcahar 50 Primary key
2 Username varchar 15
3 Password varchar 50

produk

No Kolom Tipe Data Panjang Status

1 Id_produk Varchar 20 Primary key
2 Nama_Produk varchar 50

barang

No Kolom Tipe Data Panjang Status

1 kd_Barang varchar 20 Primary key
2 Nama_barang Varchar 50
3 Harga int
4 Stok int
5 Qty int

transaksi_detail

No Kolom Tipe Data Panjan Status

g
1 no_transaksi Varchar 50 Foreign key
2 Id_produk Varchar 50 Foreign key
3 Harga int
4 Qty int
5 Size int

27
 6 total int

Transaksi_header

No Kolom Tipe Data Panjan Status

g
1 no_transaksi Varchar 50 Primary Key
2 Id_Barang Varchar 50 Foreign key
3 Nama_Pembeli varchar 50
4 Nama_User varchar 50
5 Tgl_Pembelian date

Di class table transaksi detail isi fieldnya id_barang di pindahkan ke transaksi header

Karena table transaksi di hider sama detail di inner join di ambil pas di form trasaksi

Intinya isi field yang table detail yang isinya id_barang di pindah ke table trans_header.

28
 BAB IV
PENUTUP

4.1. Kesimpulan
4.2. Saran

29