PERANCANGAN SISTEM INFORMASI

TOKO ONLINE PADA TOKO GITAR

APPLICATION PROJECT

Diajukan Untuk Memenuhi Ujian Mata Kuliah Proyek

Disusun Oleh
Nama : Rizal Liyan Syah
Nim : 180442020011

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

Dalam proses pembelian, pelanggan akan membuka website toko kami dan
dialihkan ke halaman awal website. Kemudian Pelanggan mengeklik halaman produk
dan Pelanggan memilih produk atau jenis produk yang diinginkan sesuai kebutuhan
pelanggan. Setelah Pelanggan menemukan produk yang diinginkan, maka Pelanggan
akan melihat detail produk terlebih dahulu kemudian mengeklik tombol beli.

Kemudian Pelanggan akan dialihkan ke halaman Menu Keranjang. Di halaman

keranjang tersebut, akan menampilkan detail pembelian produk yang di beli oleh
Pelanggan, seperti nama produk, harga produk, jumlah produk yang dibeli oleh
pelanggan, dan total harga produk yang dibeli. Kemudian Pelanggan akan mengeklik
tombol checkout di halaman keranjang untuk melakukan pembayaran.

Pada saat mengeklik tombol checkout, maka pelanggan diminta untuk melakukan
Login untuk melanjutkan transaksi. Jika belum terdaftar di website tersebut, maka
pelanggan akan melakukan pedaftaran. Jika Pelanggan sudah login, maka pelanggan
di alihkan ke menu beranda pada halaman. Kemudian pelanggan melanjutkan
Transaksi di menu keranjang dan melakukan checkout. Di menu checkout terdapat
beberapa opsi, seperti opsi pengiriman barang beserta ongkir, alamat lengkap
pengiriman, dan jenis pembayaran. Setelah melakukan checkout, pelanggan akan
membuat pesanan dan akan diperintah memasukkan nomor rekening Toko atau
virtual akun milik toko untuk melakukan pembayaran. Setelah pembayaran sudah
dilakukan dan berhasil, maka Admin akan mengvalidasi pembayaran tersebut dan
barang akan segera dikirim.

Admin yang melakukan pengisian beberapa data produk, memeriksa data

anggota User Pelanggan, dan memeriksa data transaksi Pelanggan yang masuk
ke menu laporan pada Halaman Admin.

9
3.2 Flowchart Sistem Berjalan
Admin System Pelanggan

Start Katalog Akses web toko gitar

Login Klik link produk di

halaman utama

Data Data
Entry Data Produk Memilih produk
Produk produk

Tersimpan Ke
database Beli produk

1 Produk Y T
Masuk Beli?
Keranjang
Data regist
pelanggan

Halaman
Klik checkout
Login

2 Sudah T
Login punya Klik Regist
akun?

Data Pemesanan
Input usernam & Y Input data untuk
password regist

Tampil detail
order dan form Klik Button Masuk Data regist
Cek Data identitas pelanggan 1

Input identitas Simpan

Data Tampil laporan
pemesanan Pemesanan Tampil Laporan
transaksi Data Pemesanan
2
pemesanan dan
info bayar
Kirim bukti pembayaran
lewat kontak email/
whatsapp

3
Bukti
Pembayaran 3
Bukti
Pembayaran

Cek dan Edit Status

pemesanan
Data
pengiriman
T
Pembayaran
Lunas?
Cek Resi

Kirim Barang Barang sampai

tujuan

Info Resi pengiriman Data

lewat email/whatsapp pengiriman 4
pelanggan End

10
 3.3 Diagram Konteks
Registrasi Pelanggan
Data Regist Pelanggan
Laporan Data Pemesanan Detail Order

Kelola Produk Sistem Informasi

Kelola Pemesanan Pembelian di Toko
Admin Pembelian, Pembayaran Pelanggan
Kelola Pembayaran
Gitar Online
Kelola Pengiriman Rz.Gitar

Nota Total Pesanan

Laporan Data Pembayaran Nota Pembayaran
Laporan Pengiriman

3.4 Diagram Nol/ Zero

1.0
Data Produk Entry Data Data Produk
Produk

2.0
Input Data Regist Pelanggan Laporan Data Regist Pelanggan
Regist

3.0
Pembelian
Memilih Produk Produk

4.0
Pelanggan Proses
Transaksi Admin
Pemesanan
Data Login, Identitas Pelanggan
Data Pemesanan

5.0
Input Rekening Pembayaran Proses Laporan Data Rekening Pembayaran
Pembayaran

6.0 Update Status Pembayaran

Validasi
Pembayaran

7.0
Info
Info pengiriman Input Data Pengiriman
Pengiriman
Barang

11
3.5 Use Case

12
3.6 Keterangan Use Case dan Aktor
a. Admin:
Merupakan seseorang yang bertugas mengelola semua data pada
sistem
b. Pelanggan :
Merupakan orang melakukan pembelian produk dan melakukan
transaksi pada system

3.7 Keterangan Use Case

Login :
Merupakan proses awal yang di lakukan Admin kedalam system/web
untuk mengelola data pada system/web

Registrasi :
Merupakan proses yang di lakukan oleh pelanggan untuk bisa
melakukan login pada website untuk melakukan transaksi lebih lanjut

Memilih Produk :
Merupakan proses memilih barang yang akan dibeli, yang dilakukan
pelanggan sesuai keinginan/kebutuhan.

Memesan Produk :
Merupakan proses yang dilakukan pelanggan jika sudah memlih
barang yang ingin dibeli.

Pembayaran :
Merupakan system yang mencakup seperangkat aturan, Lembaga dan
mekanisme yang digunakan untuk melaksanakan pemindahan dana
guna memenuhi kewajiban yang timbul dari suatu kegiatan jual beli.

13
 Entry Produk:
Merupakan suatu proses untuk menambah data produk yang ingin di
masukkan ke dalam sebuah tampilan system/web.

Delete Produk:
Merupakan suatu proses untuk menghapus data produk yang telah di
input maupun yang telah di update.

Validasi Data Pemesanan:

Merupakan proses yang dilakukan Admin untuk menyetujui data
pemesanan dari Pelanggan
Validasi Pembayaran:
Merupakan proses yang dilakukan Admin untuk menyetujui atau
memeriksa pembayaran apakah pemesanan sudah di bayar atau belum
dan jika sudah, produk yang di pesan Pelanggan akan segera
dikirimkan.
.

3.8 Skenario Use Case

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

3.81. Skenario Use Case Log in Admin

14
 3.82. Skenario Use Case Register Pelanggan
Reaksi Aktor Reaksi Sistem
1. Pelanggan input nama,
username, password, alamat,
telepon
2. Klik Tombol Submit

3. Pesan “Dftar Berhasil” dan

dialihkan ke halaman login
4. Memasukkan username dan
password & klik Tombol Login
5. Validasi Data username dan
password

6. Pesan “login sukses” , dialihkan

ke menu utama website

3.83. Memilih Produk

Reaksi Aktor Reaksi Sistem
1. Klik halaman Produk pada menu
utama
2. Menampilkan Produk
3. Memilih Produk dan Klik tombol
masukan keranjang
4. Data masuk ke keranjang

15
 3.84. Pemesanan Produk
Reaksi Aktor Reaksi Sistem
1. Klik halaman keranjang pada
menu utama
2. Menampilkan Produk yg dibeli
3. Klik tombol checkout
4. Tampil data detail produk, dan
form identitas penerima
5. Isi identitas
6. Klik submit
7. Tampil detail produk dan data
pemesanan

3.85. Skenario Use Case Add

Reaksi Aktor Reaksi Sistem
1. Klik link add produk pada
halaman table produk
2. System akan menampilkan
form upload
3. Admin akan input data produk
4. Klik button simpan
5. Pesan “Berhasil Simpan”

16
3.86. Skenario Use Case Edit
Reaksi Aktor Reaksi Sistem
1. Klik button Edit pada table
produk
2. System Menampilkan form
edit

3. Mengisi field field yang akan di

edit
4. Melakukan Proses edit data
pada data produk
5. Menyimpan hasil perubahan
data
6. Data Tersimpan

a. Skenario Use Case Delete

Reaksi Aktor Reaksi Sistem
1. Klik tombol hapus dan pilih data
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. Menghapus data
7. Data Terhapus

b. Skenario Use Case Proses Pembayaran

Reaksi Aktor Reaksi Sistem
1. Customer melakukan pembayaran
produk dengan transfer, dan
menginfokan ke admin lewat
kontak email/whatsapp

c. Skenario Use Case Validasi Data

Reaksi Aktor Reaksi Sistem
1. Kasir klik Data Pemesanan Pada
website admin

17
 2. System akan menampilkan
data pemesanan

d. Skenario Use Case Validasi Pembayaran

Reaksi Aktor Reaksi Sistem
1. Admin klik data pemesanan
2. Edit status pembayaran menjadi
Lunas jika sudah dibayar
3. Menampilkan data pemesanan
dengan status lunas
4. Info pembayaran akan di infokan
ke pelanggan di website

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

18
 3.9.2 Memilih Produk
act Package1

customer System

Start

Memilih Produk menampilkan halaman

detail produk

klik Keranjang menampilkan

belanja proses check out

end

19
 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

20
3.9.4 Proses Pembayaran
act Package1

customer

start

Customer melakukan
pembayaran produk
dengan memakai uang
tunai.

end

21
 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

22
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

23
 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

24
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

25
Produk
1 Penjualan
M Barang

Id_Produk
Id_Produk
Id_Barang
Nama_Produk
Nama_barang

harga

Stok

Qty

26
 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

27
 3.11.6 Klasifikasi File

User Pelanggan
No Kolom Tipe Data Panjang Status
1 Id_pelanggan int 11 Primary_key
2 username varchar 15
3 password varchar 15
4 No_telpon varchar 15
5 Alamat varchar 255

Admin

No Kolom Tipe Data Panjang Status

1 Id_admin int 11 Primary_key
2 Username varchar 15
3 Password varchar 50

Produk

No Kolom Tipe Data Panjang Status

1 Id_produk Int 11 Primary_key

2 Nama_Produk varchar 50

28
3 Harga_Produk Int 11

4 Berat_Produk varchar 15

5 Foto varchar 50

6 Stok Int 11

Ongkir

No Kolom Tipe Data Panjan Status

g
1 Id_Ongkir int 11 Primary key
2 Kota Varchar 100
3 Tarif int 11

Pembelian / Transaksi_header

No Kolom Tipe Data Panjang Status

1 Id_pembelian Varchar 50 Primary Key
2 Id_pelanggan Varchar 50 Foreign key
3 Nama_Pelanggan varchar 50
4 Id_ongkir varchar 50
5 Tgl_Pembelian date
6 Total_pembelian Int 11
7 Status enum

Pembelian_Produk / Trans_Detail

No Kolom Tipe Data Panjan Status

g
1 Id_pembelian Varchar 50 Foreign key
2 Id_produk Varchar 50 Foreign key
3 Nama_Produk Varchar 50
4 Harga_Produk int 11
5 Jumlah_Beli int 11

29
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.

BAB IV
PENUTUP

4.1. Kesimpulan
4.2. Saran

30
31