Anda di halaman 1dari 76

HALAMAN JUDUL

RANCANG BANGUN SISTEM PENJUALAN BOEING


FASHION DISTRO BERBASIS WEBSITE

PROYEK TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat


Mencapai derajat Sarjana S-1 Program Studi Teknik Informatika

Disusun oleh:
Peri Waldi Wahyudi
5140411306

PROGRAM STUDI INFORMATIKA


FAKULTAS TEKNOLOGI INFORMASI DAN ELEKTRO
UNIVERSITAS TEKNOLOGI YOGYAKARTA
2019

HALAMAN PENGESAHAN
RANCANG BANGUN SISTEM PENJUALAN BOEING
FASHION DISTRO BERBASIS WEBSITE
PROYEK TUGAS AKHIR

Disusun oleh
Peri Waldi Wahyudi
5140411306

Telah dipertanggungjawabkan di dalam Sidang Proyek Tugas Akhir


pada tanggal, tgl-bln-thn (Pelaksanaan Sidang)

Tim Penguji:
Nama, Gelar (tanda tangan ketua)
Ketua

Nama, Gelar (tanda tangan anggota)


Anggota

Nama, Gelar (tanda tangan anggota)


Anggota

Tugas akhir ini telah diterima sebagai salah satu syarat untuk mencapai
derajat Sarjana S-1 Program Studi Teknik Informatika

Yogyakarta ,…………….
Ketua Program Studi Teknik Informatika/ Sistem Informasi
Fakultas Bisnis dan Teknologi Informasi, Universitas Teknologi Yogyakarta

Dr. Enny Itje Sela, S.Si., M.Kom

ii
LEMBAR PERNYATAAN

Saya yang bertanda tangan dibawah ini:


Nama : Peri Waldi Wahyudi
NIM : 5140411306
Program Studi : S1 Teknik Informatika
Menyatakan bahwa Proyek Tugas Akhir yang berjudul: “Rancang Bangun Sistem
Penjualan Boeing Fashion Distro Berbasis Website”.

Merupakan karya ilmiah asli saya dan belum pernah dipublikasikan oleh orang lain,
kecuali yang tertulis sebagai acuan dalam naskah ini dan disebutkan dalam daftar
pustaka. Apabila di kemudian hari, karya saya disinyalir bukan merupakan karya
asli saya, maka saya bersedia menerima konsekuensi apa yang diberikan Program
Studi Teknik Informatika Fakultas Teknologi Informasi Dan Elektro Universitas
Teknologi Yogyakarta kepada saya.

Demikian surat pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Yogyakarta
Pada tanggal : 2019
Yang menyatakan

Peri Waldi Wahyudi

iii
PERSEMBAHAN

Dengan Menyebut Nama Allah SWT dan Nabi Muhammad SAW.


Alhamdulillah penulis ucapkan atas segala kuasa dan rahmatnya pada akhirnya
laporan ini dapat terselesaikan dengan baik. Laporan Tugas Akhir ini penulis
persembahkan sebagai wujud Terimakasih yang mendalam kepada:
a. Bapak Sutarman S.Kom., M.,Kom., Ph.D. yang telah dengan sabar dan baik hati
dalam membimbing penulis menyelesaikan tugas akhir hingga laporan selesai.
b. Teman-teman seperjuangan Bagus Pramana, Khoiron Mufti, Pandu, Ranedo
Rizaldi
c. Teman-teman Teknik Informatika kelas E Angkatan 2014 yang selalu
memberikan dukungan dan doa kepada saya.
d. Pemilik Toko Boeing Fashion Distro yang telah memberikan izin tempat dan
kesempatan untuk penulis melakukan penelitian

iv
MOTTO

ْ ‫يَ ْرفَع للاه الَّذ يْنَ آ َمنه ْوا م ْن هك ْم َوالَّذيْنَ أ ه ْو ت ه ْو‬


‫االع ْل َم دَ َرجت‬
“Allah meninggikan orang-orang yang beriman diantara kamu dan orang-orang
yang diberi ilmu pengetahuan beberapa derajat”

‫ َو َما اجْ ت َ َم َع قَ ْوم في بَيْت م ْن‬،‫طريقًا إلَى ْال َجنَّة‬َ ‫س َّه َل للاه لَهه به‬ َ ‫س فيه ع ْل ًما‬ ‫طريقًا يَ ْلتَم ه‬
َ َ‫سلَك‬
َ ‫َو َم ْن‬
‫ َو َحفَّتْ هه هم‬، ‫الرحْ َمةه‬
َّ ‫ َوغَشيَتْ هه هم‬،‫ت َعلَيْهم السَّكينَةه‬ ْ َ‫سونَهه بَ ْي َن هه ْم إ َّّل نَزَ ل‬
‫ار ه‬ َ ‫بهيهوت للا َيتْلهونَ كت‬
َ َ‫َاب للا َو َيتَد‬
‫ َوذَك ََر هه هم للاه في َم ْن ع ْندَهه‬، ‫ْال َم ََلئ َكةه‬
“Barangsiapa yang menempuh suatu perjalanan dalam rangka untuk
menuntut ilmu maka Allah akan mudahkan baginya jalan ke surga.
Tidaklah berkumpul suatu kaum disalah satu masjid diantara masjid-
masjid Allah, mereka membaca Kitabullah serta saling mempelajarinya
kecuali akan turun kepada mereka ketenangan dan rahmat serta diliputi
oleh para malaikat. Allah menyebut-nyebut mereka dihadapan para
malaikat.”
(Hadits Abu Hurairah radhiyallahu ‘anhu)

"Sesungguhnya sesudah kesulitan itu ada kemudahan, sesungguhnya


sesudah kesulitan itu ada kemudahan."
(QS. Asy Syarh: 5-6)

“Karena Sesungguhnya di dalam setiap kesulitan itu ada kemudahan,


Sesungguhnya dalam setiap kesulitan itu ada kemudahan.”
(QS. Al Insyirah: 5-6)

“Cukuplah Allah Menjadi Pelindung Bagi Kami dan Dia Sebaik baik
Pelindung.”
(QS. Ali Imran: 173)

"Dan Allah bersama orang orang yang sabar."


(QS. Al-Anfal: 66)

"Waktu bagaikan pedang. Jika engkau tidak memanfaatkannya dengan


baik, maka ia akan memanfaatkanmu (dipotong)."
(HR. Muslim)

v
ABSTRAK

Perkembangan teknologi informasi yang semakin pesat dan penerapannya yang


telah merambah ke berbagai aspek atau bidang kehidupan, teknologi informasi juga
telah banyak digunakan oleh toko baju atau distro. Manfaat dari sistem ini ialah
pelanggan dapat dengan mudah membeli baju tanpa harus datang ke toko langsung,
Sistem Boeing Fashion Distro sebelumnya masih menggunakan pelayanan kasir
yang cukup sederhana dengan hanya dicatat pada sebuah buku, pelayanan kepada
pelanggan menjadi kurang maksimal, penghitungan hasil transaksi yang hanya
mengandalkan sebuah kalkulator tanpa dukungan sebuah komputer maupun laptop
dengan dibantu seorang karyawan pada bagian kasir dan seorang lagi pada bagian
pelayanan, pemilik toko sering mengalami kewalahan dalam memberikan
pelayanan kepada pelanggan disaat toko sedang ramai, dengan adanya sistem
Boeing Fashino Distro Berbasis Website ini pelanggan akan lebih mudah membeli
produk yang ada ditoko dan pemeilik toko dapat memperluas bisnisnya

Kata Kunci: Sistem Boeing Fashion Distro, Berbasis Website.

vi
ABSTRACT

The development of information technology is increasingly rapid and its application


has penetrated into various aspects or fields of life, information technology has also
been widely used by clothing stores or distros. The benefit of this system is that
customers can easily buy clothes without having to come to the store directly, the
Boeing Fashion Distro System still uses a cashier service that is quite simple, only
recorded in a book, customer service becomes less than optimal, calculation of
transaction results that only rely on a calculator without the support of a computer
or laptop with the help of an employee at the cashier and another in the service
department, shop owners often experience overwhelming service to customers
when the store is crowded, with the Boeing Fashino Distro-Based System this
customer will be easier buy products that are in stores and owners can expand their
business

Keywords: Boeing Fashion Distro System, Website Based.

vii
KATA PENGANTAR

Puji syukur dipanjatkan atas kehadirat Allah SWT, karena dengan limpahan
karunia-Nya penulis dapat menyelesaikan Proyek Tugas Akhir dengan judul
Rancang Bangun Sistem Penjualan Boeing Fashion Distro Berbasis Website.

Penyusunan Proyek Tugas Akhir diajukan sebagai salah satu syarat untuk
memperoleh gelar sarjana pada Program Studi Informatika Fakultas Teknologi
Informasi dan Elektro Universitas Teknologi Yogyakarta.

Proyek Tugas Akhir ini dapat diselesaikan tidak lepas dari segala bantuan,
bimbingan, dorongan dan doa dari berbagai pihak, yang pada kesempatan ini
penulis ingin menyampaikan ucapan terima kasih kepada:
1. Bapak Dr. Bambang Moertono S., MM., Ak., CA., selaku Rektor
Universitas Teknologi Yogyakarta.
2. Bapak Sutarman, S.Kom., M.Kom.,Ph.D. selaku Dekan Fakultas
Teknologi Informasi dan Elektro Universitas Teknologi Yogyakarta.
3. Ibu Dr. Enny Itje Sela, S.Si., M.Kom., selaku Ketua Program Studi Teknik
Informatika Fakultas Teknologi Informasi dan Elektro Universitas
Teknologi Yogyakarta.
4. Bapak Sutarman, S.Kom., M.Kom., Ph.D. selaku dosen Pembimbing yang
berkenan membimbing dan mengarahkan penulis, sehingga Laporan Tugas
Akhir ini dapat selesai.
5. Toko Boeing Fashion Distro yang telah memberikan ijin tempat dan
kesempatan untuk penulis melakukan penelitian tugas akhir.

Akhir kata, penulis menyadari bahwa sepenuhnya akan terbatasnya


pengetahuan penyusun, sehingga tidak menutup kemungkinan jika ada kesalahan
serta kekurangan dalam penyusunan Proyek Tugas Akhir, untuk itu sumbang saran
dari pembaca sangat diharapkan sebagai bahan pelajaran berharga dimasa yang
akan datang.
viii
Yogyakarta, Agustus 2019

Peri Waldi Wahyudi

ix
DAFTAR ISI

HALAMAN JUDUL .............................................................................................. i


HALAMAN PENGESAHAN ................................................................................ i
LEMBAR PERNYATAAN ................................................................................. iii
PERSEMBAHAN ................................................................................................. iv
MOTTO ................................................................................................................. v
ABSTRAK ............................................................................................................ vi
ABSTRACT ......................................................................................................... vii
KATA PENGANTAR ........................................................................................ viii
DAFTAR ISI .......................................................................................................... x
DAFTAR GAMBAR .......................................................................................... xiii
DAFTAR TABEL ............................................................................................... xv
BAB I PENDAHULUAN ...................................................................................... 1
1.1 Latar Belakang .................................................................................................. 1
1.2 Rumusan Masalah ............................................................................................. 2
1.3 Batasan Masalah................................................................................................ 2
1.5 Tujuan penelitian ............................................................................................... 2
1.6 Manfaat Penelitian ............................................................................................ 3
1.7 Sistematika Penulisan ....................................................................................... 3
BAB II KAJIAN PUSTAKA DAN TEORI ........................................................ 5
2.1 Kajian Hasil Penelitian ...................................................................................... 5
2.2 Dasar Teori ........................................................................................................ 7
2.2.1 Sistem ...................................................................................................... 7
2.2.2 Pengertian Penjualan ............................................................................... 7
2.2.3 Pengertian Pemesanan............................................................................. 7
2.2.4 Pengertian Website ................................................................................. 7
2.2.5 Database .................................................................................................. 8
2.2.6 MySQL .................................................................................................... 8
2.2.7 PHP (Hypertext Preprosessor) ................................................................ 9
2.2.8 HTML (Hypertext Markup Language) .................................................... 9
2.2.9 XAMPP ................................................................................................... 9
2.2.10 CSS (Cascanding Style Sheet)............................................................... 9
2.2.11 DAD (Diagram Alir Data) .................................................................. 10
2.2.12 Tingkatan DAD (Diagram Alir Data) ................................................. 11
2.2.13 ERD (Entity Relationship Diagram) ................................................... 12
2.3 Analisis Kebutuhan (System Analysis) ............................................................ 13
BAB III METODE PENELITIAN..................................................................... 14
3.1 Obyek Penelitian ............................................................................................. 14
3.2 Metode Penelitian............................................................................................ 14
3.2.1 Studi Literatur ....................................................................................... 14
3.2.2 Pengumpulan Data Dan Studi Lapangan .............................................. 14
3.2.3 Analisa Dan Perancangan ..................................................................... 14
3.2.4 Perangkat Pendukung ............................................................................ 15
x
3.3 Tahapan Penelitian .......................................................................................... 16
3.4 Tahap Pembuatan Sistem ................................................................................ 16
3.5 Tahap Instalasi Dan Percobaan ....................................................................... 16
BAB IV ANALISA DAN PERANCANGAN SISTEM .................................... 17
4.1 Analisa Sistem yang Berjalan ......................................................................... 17
4.1.1 Prosedur Penjualan Produk ................................................................... 17
4.1.2 Prosedur Pengadaan Produk.................................................................. 18
4.2 Analisa Pengembangan Sistem ....................................................................... 19
4.3 Analisa Kebutuhan Sistem .............................................................................. 20
4.4 Analisa Kebutuhan User ................................................................................. 20
4.5 Analisa Pengembangan sistem ........................................................................ 20
4.5.1 Diagram Konteks .................................................................................. 21
4.5.2 Diagram Jenjang ................................................................................... 22
4.5.3 Diagram Alir Data Level 1.................................................................... 23
4.5.4 Diagram Alir Data Level 2 Proses 1 ..................................................... 24
4.5.5 Diagram Alir Data Level 2 Proses 2 ..................................................... 25
4.6 Perancangan Basis Data .................................................................................. 25
4.6.1 Entity Relationship Diagram (ERD) ..................................................... 25
4.6.2 Relasi Antar Tabel ................................................................................ 26
4.6.3 Struktur Tabel ....................................................................................... 27
4.7 Perancangan Interface ..................................................................................... 32
4.7.1 Rancangan Halaman Login ................................................................... 32
4.7.2 Rancangan Halaman Profil Pelanggan .................................................. 33
4.7.3 Rancangan Halaman Utama Sebelum Pelanggan Login ....................... 33
4.7.4 Rancangan Halaman Pendaftaran Pelanggan ........................................ 34
4.7.5 Rancangan Halaman Detail Produk ...................................................... 34
4.7.6 Rancangan Halaman Keranjang ............................................................ 35
4.7.7 Rancangan Halaman Admin ................................................................. 36
BAB V IMPLEMENTASI SISTEM .................................................................. 37
5.1 Cara Kerja Sistem ........................................................................................... 37
5.2 Implementasi Program .................................................................................... 37
5.2.1 Tampilan Utama Sebelum Pelanggan Login ........................................ 37
5.2.2 Tampilan Halaman Pendaftaran Pelanggan .......................................... 38
5.2.3 Tampilan Halaman Login ..................................................................... 39
5.2.4 Tampilan Halaman Profil Pelanggan .................................................... 40
5.2.5 Tampilan Halaman Produk ................................................................... 43
5.2.6 Tampilan Halaman Detail Produk......................................................... 44
5.2.7 Tampilan Halaman Keranjang .............................................................. 45
5.2.8 Tampilan Halaman Pembayaran ........................................................... 46
5.2.9 Tampilan Halaman Status Pembayaran ................................................ 47
5.2.10 Tampilan Halaman Konfirmasi Pembayaran ...................................... 48
5.2.11Tampilan Halaman Admin Input Produk ............................................. 51
5.2.12 Tampilan Halaman Admin Data Produk ............................................. 53
5.2.13 Tampilan Halaman Admin Data Transaksi ......................................... 54
5.2.14 Tampilan Halaman Admin Konfirmasi Pembayaran .......................... 55
5.2.15 Tampilan Mengubah Status Pembayaran Pelanggan .......................... 56
xi
5.2.16 Tampilan Data Laporan Penjualan ...................................................... 58
BAB VI PENUTUP ............................................................................................. 60
6.1 Kesimpulan ..................................................................................................... 60
6.2 Saran ................................................................................................................ 60
DAFTAR PUSTAKA .......................................................................................... 61

xii
DAFTAR GAMBAR

Gambar 4.1 Sistem Yang Berjalan ............................................................ 18


Gambar 4.2 Sistem Yang Diusulkan ......................................................... 19
Gambar 4.3 Diagram Konteks................................................................... 21
Gambar 4.4 Diagram Jenjang .................................................................... 22
Gambar 4.5 Diagram Alir Data Level 1 .................................................... 23
Gambar 4.6 Diagram Alir Data Level 2 Proses 1 ..................................... 24
Gambar 4.7 Diagram Alir Data Level 2 Proses 2 ..................................... 25
Gambar 4.8 Entity Relationship Diagram (ERD) ..................................... 26
Gambar 4.9 Relasi Antar Tabel ................................................................. 26
Gambar 4.10 Rancangan Halaman Login ................................................. 32
Gambar 4.11 Halaman Profil Pelanggan ................................................... 33
Gambar 4.12 Rancangan Halaman Utama Sebelum Pelanggan Login ..... 33
Gambar 4.13 Rancangan Halaman Pendaftaran Pelanggan ...................... 34
Gambar 4.14 Rancangan Halaman Detail Produk .................................... 35
Gambar 4.15 Rancangan Halaman Keranjang .......................................... 35
Gambar 4.16 Rancangan Halaman Admin................................................ 36
Gambar 5.1 Halaman Utama Sebelum Pelanggan Login.......................... 37
Gambar 5.2 Halaman Pendaftaran Pelanggan ........................................... 38
Gambar 5.3 Tampilan Halaman Login...................................................... 39
Gambar 5.4 Halaman Profil Pelanggan ..................................................... 41
Gambar 5.5 Tampilan Halaman Produk.................................................... 43
Gambar 5.6 Tampilan Detail Produk ........................................................ 44
Gambar 5.7 Tampilan Halaman Keranjang .............................................. 45
Gambar 5.8 Tampilan Halaman Pembayaran ........................................... 46
Gambar 5.9 Tampilan Halaman Status Pembayaran................................. 47
Gambar 5.10 Tampilan Halaman Konfirmasi Pembayaran ...................... 49
Gambar 5.11 Tampilan Input Produk ....................................................... 51
Gambar 5.12 Tampilan Data Produk ........................................................ 53

xiii
Gambar 5.13 Tampilan Halaman Admin Data Transaksi ......................... 54
Gambar 5.14 Tampilan Halaman Admin Konfirmasi Pembayaran .......... 55
Gambar 5.15 Tampilan Halaman .............................................................. 57
Gambar 5.16 Tampilan Data Laporan Penjualan ...................................... 58

xiv
DAFTAR TABEL

Tabel 2.1 Simbol DAD (Diagram Alir Data) ............................................ 10


Tabel 2.2 Notasi dalam ERD (Entity Relationship Diagram)................... 12

Tabel 3.1 Perangkat Keras ........................................................................ 15


Tabel 3.2 Perangkat Lunak ....................................................................... 15

Tabel 4.1 Analisa Pengguna...................................................................... 20


Tabel 4.2 Struktur Tabel Admin ............................................................... 27
Tabel 4.3 Struktur Tabel Pelanggan .......................................................... 27
Tabel 4.4 Struktur Tabel Barang ............................................................... 28
Tabel 4.5 Struktur Tabel Kategori Barang ................................................ 28
Tabel 4.6 Struktur Tabel Detail Barang .................................................... 29
Tabel 4.7 Struktur Tabel Keranjang .......................................................... 29
Tabel 4.8 Struktur Tabel Detail Transaksi ................................................ 30
Tabel 4.9 Struktur Tabel Detail Kirim ...................................................... 31
Tabel 4.10 Struktur Tabel Konfirmasi Pembayaran ................................. 31

xv
BAB I
PENDAHULUAN

1.1 Latar Belakang


Sistem Boeing Fashion Distro sebelumnya masih menggunakan pelayanan
kasir yang cukup sederhana dengan hanya dicatat pada sebuah buku, pelayanan
kepada pelanggan menjadi kurang maksimal, penghitungan hasil transaksi yang
hanya mengandalkan sebuah kalkulator tanpa dukungan sebuah komputer maupun
laptop dengan dibantu seorang karyawan pada bagian kasir dan seorang lagi pada
bagian pelayanan, pemilik toko sering mengalami kewalahan dalam memberikan
pelayanan kepada pelanggan disaat toko sedang ramai.
Antrian yang cukup lama membuat terjadinya penumpukan pembayaran
saat transaksi. Meski telah didukung dengan sebuah kalkulator, penghitungan
transaksi masih memiliki kelemahan dalam penghitungan karena tidak jarang
terjadi kesalahan penghitungan karena faktor salah pembacaan kode barang. Dalam
pendataan stok barang juga hanya mengandalkan pencatatan pada sebuah buku saja
sehingga tidak jarang ketika ditinggal pemiliknya, para pegawai mengalami
kesulitan dalam melihat harga barang karena harus mencari dulu dalam buku besar.
Sistem penjualan yang terjadi di Distro memiliki banyak kelemahan,
kebanyakan terjadi kesalahan pada pencatatan dan pencarian data yang sulit karena
setiap dilakukan mencari data penjual harus mencari pada buku besar. Tidak ada
informasi khusus yang menginformasikan tentang jumlah stok barang sehingga
tidak jarang ketika stok sudah habis pemilik toko baru mengetahui ketika terjadi
proses transaksi sehingga mengecewakan pelanggan.
Dengan diadakankan penelitian diharapkan mampu tercipta sebuah media
penjualan berbasis website sehingga apabila sistem ini diterapkan pada Boeing
Fashion Distro mampu meningkatkan pelayanan penjualan sehingga dapat
meningkatkan omset penjualan.

1
1.2 Rumusan Masalah
Berdasakan pada latar belakang masalah yang telah dipaparkan tersebut diatas,
maka dapat dirumuskan permasalahan sebagai berikut:
a. Bagaimana membuat sistem yang dapat membantu dalam menyampaikan
informasi produk pada pelanggan?
b. Bagaimana menampilkan informasi produk yang lengkap kepada
pelanggan?

1.3 Batasan Masalah


Pembuatan Sistem Penjualan Distro Berbasis Website mencakup berbagai hal,
sebagai berikut:
a. Sistem penjualan online ini terdapat 5 transaksi yaitu : transaksi penjualan,
transaksi pemesanan, transaksi pembayaran, transaksi pembatalan, dan
transaksi pengiriman.
b. Sistem yang dibangun memiliki 3 hak akses yaitu : admin sebagai pengelola
sistem, pemilik toko sebagai penerima laporan, dan user sebagai pembeli.
c. Sistem yang dibangun menghasilkan laporan penjualan, laporan
pemesanan, laporan transaksi pembayaran, laporan pembatalan pemesanan
dan laporan pengiriman.
d. Sistem yang dibangun dapat menampilkan profile toko, informasi
persediaan barang, informasi pemesanan, informasi pengiriman, dan
informasi pembatalan.
e. Pembayaran transaksi dilakukan secara online, dimana pembeli melakukan
transfer uang ke rekening yang telah ditentukan dan menggunggah bukti
transfernya.

1.5 Tujuan penelitian


Tujuan dari penelitian ini adalah untuk membangun sistem penjualan
produk Boeing Fashion Distro agar memudahkan pelanggan dalam mengetahui
informasi mengenai produk-produk yang dijual seperti harga, warna, model dan
sebagainya.
2
1.6 Manfaat Penelitian
Manfaat dengan adanya website pada Distro diharapkan:
a. Memudahan pelanggan dalam memilih produk.
b. Memudahan pelanggan dalam mengetahui detail produk.
c. Memudahan pelanggan dalam mengetahui harga secara terperinci.
d. Memudahan pelanggan mengetahui stok produk yang dijual.
e. Memudahan dalam mengelola data pemesanan.

1.7 Sistematika Penulisan


Adapun sistematika penulisan laporan Tugas Akhir di Boeing Fashion
Distro adalah sebagai berikut:

BAB 1 PENDAHULUAN
Bab ini berisi tentang latar belakang, rumusan masalah, batasan masalah,
tujuan penelitian, manfaat penelitian dan metode penelitian serta sistematika
penulisan yang dijadikan dasar dalam penulisan tugas akhir.

BAB II KAJIAN PUSTAKA DAN TEORI


Bab ini berisi tentang kajian pustaka dan landasan teori. Kajian pustaka
merupakan tinjauan tentang penelitian yang pernah dilakukan sebelumnya yang
dapat dijadikan sebagai referensi dalam mengembangkan sistem yang akan peneliti
bangun. Landasan teori berisi tentang dasar-dasar teori yang digunakan oleh
peneliti.

BAB III METODE PENELITIAN


Pada bab ini membahas mengenai metodologi dari penelitian yang
digunakan. Pada bab ini akan dijelaskan menganai urutan langkah-langkah dalam
melakukan penelitian, metode pengumpulan data dan responden yang dijadikan
sebagai narasumber dalam penelitian ini

3
BAB IV ANALISA DAN PERANCANGAN SISTEM
Bab ini membahas tentang analisis sistem yang menjelaskan bagaimana
menganalisis sistem untuk menemukan solusi dari sebuah permasalahan.
Sedangkan perancangan sistem terdiri dari perancangan proses, perancangan basis
data serta perancangan antarmuka.

BAB V IMPLEMENTASI SISTEM


Bab ini menjelaskan tentang implementasi sistem terkait dengan tools yang
digunakan dalam pembuatan sistem.

BAB VI PENUTUP
Bab ini berisi tentang rangkuman dari keseluruhan peneliti dan dibuat
kesimpulan untuk mendapatkan hasil dari jawaban dari masalah, apakah mencapai
tujuan atau tidak. Pada bab penutup peneliti juga memberikan saran untuk peneliti
selanjutnya agar penelitian dapat lebih baik

4
BAB II
KAJIAN PUSTAKA DAN TEORI

2.1 Kajian Hasil Penelitian


Beberapa hasil penelitian yang pernah dilakukan oleh peneliti sebelumnya
yang memiliki bidang dan tema yang sama dengan penelitian yang akan dilakukan.
Penelitian oleh Purnama, E. B., (2015). Sistem Penjualan Berbasis Web
E-commerce pada Distro Pacitan. Dengan adanya media promosi dan penjualan
berbasis website ini maka pelanggan akan mudah memesan produk-produk
fashion yang terbaru.
Penelitian oleh Hasyim, F. I., (2012). Sistem Informasi Penjualan Pakaian
Jadi Pada Distro Blindwear Bandung. Dengan dibangun sistem informasi penjualan ini,
yang pada awalnya sistem digunakan masih melakukan pengarsipan dalam
penyimpanan datanya. Dengan sistem informasi yang diusulkan ini, proses penjualan
produk dilakukan dengan berbasis web atau telah terkomputerisasi.
Penelitian oleh Prasetyo Utomo, A., (2011). Perancangan Dan
Pengaplikasian Sistem Penjualan pada Distro Smith Berbasis E-Commerce.
Dengan adanya website pemasaran ini dapat membantu perusahaan dalam
meningkatkan pelayanan dan penjualan diberbagai wilayah baik dalam kota
maupun luar kota.
Penelitian oleh Rais, I. Al, (2015). Sistem Informasi Penjualan Pakaian Di
Volltus Distro Bandung. Dengan adanya sistem ini Pengolahan data lebih efektif,
kasir dan admin akan lebih mudah dalam mengelolah proses pencatatan barang,
transaksi barang, dan data pelanggan.

5
Tabel 2.1 Perbandingan Tinjauan Pustaka
No Judul Penulis Metode Hasil/Kesimpulan
1. Sistem Penjualan Eka Pengumpulan Dengan adanya
Berbasis Web E- bambang data pembuatan web
commerce purnama pemasaran pada Tata
Distro, maka pihak toko
dapat terbantu
memasarkan produk
fashion secara online.
2. Sistem Informasi Faisal ibnu Pengumpulan Dengan diterapkannya
Penjualan Pakaian hasyim data sistem ini diharapkan
Jadi Pada Distro dapat mempermudah
Blindwear kinerja administrator
Bandung ataupun pemilik dalam
proses pengolahan data
karena sudah mempunyai
database yang
terintegrasi, hal ini sangat
efektif dan efisien bagi
kinerja administrator
3. Perancangan dan Agus SDLC Aplikasi penjualan distro
Pengaplikasian Prasetyo (Sistem smith semarang
Sistem Penjualan Utomo Development menyajikan laporan-
Pada Distro life cycle) laporan diantaranya
Smith Berbasis laporan produk, laporan
E-commerce member, laporan order,
dan laporan penjualan,
laporan tersebut ditujukan
kepada manajer sebagai
bahan pertimbangan
dalam perbaikan
pelayanannya.
4. Sistem Informasi Isra Al rais Waterfall Dengan sistem yang
Penjualan terkomputerisasi tidak
Pakaian Di ada lagi penumpukan
Volltus Distro data dan mempermudah
Bandung. dalam pencarian data

Seperti terlihat pada Tabel 2.1. perbedaan dari keempat referensi dengan judul
yang diangkat oleh penulis terletak pada metode yang digunakan, yaitu dengan
penggunaan metode waterfall, pengumpulan data, SDLC ( Sistem Development life
cycle) untuk menghasilkan informasi yang tepat, akurat dan terpercaya.

6
2.2 Dasar Teori
2.2.1 Sistem
Pengertian sistem menurut Yakub (2012) terdapat dua kelompok
pendekatan sistem didalam mendefinisikan sistem, yaitu pendekatan pada prosedur
dan pendekatan pada komponen atau elemen. Pendekatan sistem pada prosedurnya
mendefinisikan sistem sebagai berikut:
“Sistem merupakan suatu jaringan kerja dari prosedur-prosedur yang
saling berhubungan, berkumpul bersama – sama untuk melakukan suatu kegiatan
atau tujuan tertentu”.

2.2.2 Pengertian Penjualan


Menurut Abdullah, Thamrin dan Tantri, F., (2016), Penjualan adalah bagian
dari promosi dan promosi adalah salah satu bagian dari keseluruhan sistem
pemasaran.
Menurut Winardi, (2005), Penjualan adalah sebagai berikut: “Penjualan
adalah berkumpulnya seorang pembeli dan penjual dengan tujuan melaksanakan
tukar menukar barang dan jasa berdasarkan pertimbangan yang berharga misalnya
pertimbangan uang”.

2.2.3 Pengertian Pemesanan


Menurut Simamora, H., (2000), Proses kegiatan yang terpadu, menyeluruh
dan terencana yang dilaksanakan oleh institusi untuk menjalankan usaha. Dapat
juga diartikan sebagai suatu aktifitas yang dilakukan oleh pelanggan sebelum
membeli. Untuk mewujudkan kepuasan pelanggan maka perusahaan harus
mempunyai sebuah sistem pemesanan yang baik.

2.2.4 Pengertian Website


Menurut Suryana, (2004), website merupakan jaringan yang
menghubungkan jaringan-jaringan local kedalam suatu jaringan global, dimana
satu komputer di negara tertentu dapat diakses dengan komputer lain, website terdiri
dari page atau halaman, dan kumpulan halaman yang dinamakan homepage.

7
Biasanya setiap halaman dibawah homepage disebut child pag,, yang berisi
hyperlink ke halaman lain dalam web.

2.2.5 Database
Kumpulan informasi yang disimpan di dalam komputer secara sistematik
sehingga dapat diperiksa menggunakan suatu program komputer untuk
memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan
untuk mengelola dan memanggil kueri (query) basis data disebut sistem manajemen
basis data (database management system, DBMS). Sistem basis data dipelajari
dalam ilmu informasi (Kroenke, D., 2005).
Menurut Yakub, (2012), basis data (database) merupakan sekumpulan data
yang saling berhubungan (relasi). Relasi biasanya ditunjukan dengan kunci (key)
dari tiap file yang ada. Dalam satu file terdapat record-record yang sejenis, sama
besar, sama bentuk, yang merupakan satu kumpulan entitas yang seragam. Satu
record terdiri dari field-filed yang beruubungan dan menunujukan dalam satu
pengertian yang lengkap dalam satu record.
Berdasarkan beberapa pendapat para ahli di atas dapat ditarik kesimpulan
bahwa database adalah sekelompok data yang mempunyai ciri-ciri khusus dan
dapat dikelola sedemikian rupa sehingga bisa menghasilkan sebuah format data
yang baru.

2.2.6 MySQL
Menurut Buana, (2014), “MySQL Merupakan database server yang paling
sering digunakan dalam pemograman PHP. MySQL digunakan untuk menyimpan
data dalam database dan memanipulasi data-data yang diperlukan. Manipulasi data
tersebut berupa menambah, mengubah, dan menghapus data yang berada dalam
database”.
Menurut Madcom, (2011), Penyimpanan data yang fleksibel dan cepat
aksesnya dibutuhkan dalam sebuah website yang interaktif dan dinamis, jenis
database yang banyak digunakan sebagai bank data adalah MySQL. MySQL

8
menggunakan SQL dan bersifat gratis, selain itu MySQL dapat berjalan di berbagai
platform antara lain Linux, Windows dan sebagainya.

2.2.7 PHP (Hypertext Preprosessor)


Menurut Madcom, (2011), PHP (Hypertext Preprosessor) adalah sebuah
bahasa scripting server-side dijalankan di server, kemudian outputnya dikirim ke
client (browser) dalam bentuk HTML. PHP digunakan untuk membuat tampilan
web menjadi lebih dinamis. PHP sendiri sudah dapat berinteraksi dengan beberapa
database walaupun dengan kelengkapan yang berbeda seperti: MySQL,
PostgreSQL, SQL server, Microsoft Acces, Oracle dsb.

2.2.8 HTML (Hypertext Markup Language)


Menurut Sutarman, (2009), “HTML (Hypertext Markup Language) adalah
bahasa standar yang digunakan untuk pembuatan halaman web atau word wide
web, dengan hypertext dan informasi lain yang akan ditampilkan pada
halaman web. Dokumen hypertext bisa berisi teks, gambar, dan tipe informasi lain
seperti data file, audio, video, dan program executeable”.

2.2.9 XAMPP
Menurut Nugroho, B., (2004), XAMPP merupakan merupakan paket php
berbasis open source yang dikembangkan oleh sebuah komunitas Open Source.
Dengan menggunakan XAMPP kita tidak perlu lagi melakukan penginstalan
program yang lain karena semua kebutuhan telah disediakan oleh XAMPP.
Beberapa pakat yang telah disediakan adalah Apache, MySql, Php, Filezila, dan
Phpmyadmin.

2.2.10 CSS (Cascanding Style Sheet)


Menurut Kadir, A., (2013), CSS merupakan singkatan dari Cascading Style
Sheet merupakan bahasa pemrograman web yang didesain khusus untuk
mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan
web lebih rapih, terstruktur, dan seragam. Cascading Style Sheet (CSS) merupakan

9
aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan
lebih terstruktur dan seragam.

2.2.11 DAD (Diagram Alir Data)


Menurut Parno, (2009), Data Alir Data (DAD) adalah alat pembuatan
model yang memungkinkan profesional sistem untuk menggambarkan sistem
sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan
alur data, baik secara manual maupun komputerisasi. Data flow diagram (DAD)
atau diagram alur data (DAD) memiliki tingkatan level mulai dari level 0 sampai
tingkatan level ke-n. Data flow diagram (DAD) level n merupakan suatu diagram
level rendah yang berfungsi menjabarkan secara detail diagram konteks (diagram
level tinggi) pada suatu sistem. Huruf n menggambarkan diagram alir data level
tertentu dan proses setiap lingkaran.

Tabel 2.1 Simbol DAD (Diagram Alir Data)


No. Gambar Keterangan

1. User/Terminator

2. Arus Data (Data Flow)

3. Proses

4. Data Storage

Sumber: Parno, (2009)

10
Keterangan simbol DAD (Diagram Alir Data):
a. User/Terminator, digunakan untuk mewakili entitas eksternal yang
berkomunikasi dengan sistem.
b. Arus Data, digunakan untuk menerangkan perpindahan data atau paket yang
digambarkan dengan anak panah menuju ke dan keluar dari proses.
c. Proses, menggambarkan kegiatan transformasi dari input menjadi output.
d. Data Strotage, yaitu komponen yang gunakan untuk membuat model
sekumpulan paket data dan berkaitan dengan penyimpanan seperti
database.

2.2.12 Tingkatan DAD (Diagram Alir Data)


a. Context Diagram (Top Level)
Context Diagram (Top Level) Adalah bagian dari data flow
diagram yang berfungsi memetakan model lingkungan, yang
dipresentasikan dengan lingkaran tunggal yang mewakili keseluruhan
system Context Diagram menyoroti sejumlah karakteristik penting sistem,
yaitu:
a. Kelompok pemakai, organisasi atau system lain yang melakukan
komunikasi atau sebagai terminator.
b. Data masuk, data yang diterima oleh system dari lingkungan dan
harus diproses dengan cara tertentu.
c. Data keluar, data yang dihasilkan oleh system dan diberikan
kedalam dunia luar.
d. Penyimpanan data (Storage), yaitu digunakan secara bersama antara
system dengan terminator.
b. Diagram Overviews
Diagram Overview (level 0) menerangkan atau menguraikan
beberapa kegiatan atau proses pada context diagram sistem informasi
kepegawaian, diagram level 0 ini digunakan memperinci proses yang ada
pada context diagram.

11
c. Diagram Rinci
Diagram Rinci (leveln), dijelaskan secara rinci proses yang telah
terjadi pada diagram rinci telah dilakukan sebuah proses yang terjadi pada
sistem yang akan dibuat, proses tersebut merupakan proses sebuah
penyimpanan. Diagram rinci juga dimaksudkan untuk memberikan detail
bagi proses sebelumnya dimana pada proses sebelumnya terdapat beberapa
inputan yang masih perlu untuk dijabarkan, sehingga harus dibuat diagram
rinci atau level n sesuai dengan proses yang terjadi.

2.2.13 ERD (Entity Relationship Diagram)


Menurut Yakub. (2012), ERD (Entity Relationship Diagram) merupakan
suatu model jaringan yang menggunakan susunan data yang disimpan pada sistem
secara abstrak. ERD juga menggambarkan hubungan antara satu entitas yang
memiliki sejumlah atribut dengan entitas yang lain dalam suatu sistem yang
terintegritas. Notasi ERD dijelaskan seperti pada tabel 2.2.

Tabel 2.2 Notasi dalam ERD (Entity Relationship Diagram)

No. Gambar Keterangan


Entitas atau bentuk persegi panjang
merupakan sesuatu objek data yang ada di
1. Entitas dalam sistem, nyata maupun abstrak
dimana data tersimpan atau dimana
terdapat data.
Relationship merupakan hubungan alamiah
Relasi yang terjadi antar entitas. Umumnya diberi
2. nama dengan kata kerja dasar

Atribut atau bentuk elips adalah sesuatu


yang menjelaskan apa sebenarnya yang
3. Attribut dimaksud entitas atau relationship dan
mewakili atribut dari masing-masing
entitas.

4. Garis merupakan penghubung antar entitas

Sumber : Yakub, (2012).

12
2.3 Analisis Kebutuhan (System Analysis)
Tahapan dalam melakukan analisis kebutuhan terdiri dari dua kegiatan,
yaitu studi pustaka dan pengumpulan data.
a. Studi Pustaka
Studi pustaka dilakukan untuk menggali informasi dan referensi lebih lanjut
mengenai order online service melalui pengumpulan data yang akan
dilakukan dengan cara membaca buku-buku yang terkait, mencari referensi
melalui internet dan dokumentasi lain yang berhubungan dengan penelitian.
Sehingga dapat digunakan sebagai pengetahuan dasar dalam pengenalan
online service.

b. Pengumpulan Data
Melakukan penggalian data dengan cara melakukan wawancara dan
menggali informasi secara langsung dengan pemilik distro.

13
BAB III
METODE PENELITIAN

3.1 Obyek Penelitian


Objek Penelitian dalam proyek tugas akhir ini adalah Toko Boeing Fashion
Distro yang beralamatkan Pasar Klithikan Pakuncen, JL. HOS Cokroaminoto
No.34, Pakuncen, Wirobrajan, Kota Yogyakarta.

3.2 Metode Penelitian


3.2.1 Studi Literatur
Bertujuan untuk mempelajari dan memahami teori dasar tentang sebuah
sistem pengendalian persediaan barang.

3.2.2 Pengumpulan Data Dan Studi Lapangan


Mengumpulkan data dan informasi yang terkait jumlah stok atau persediaan
barang.

3.2.3 Analisa Dan Perancangan


Pengembangan perangkat lunak sistem dengan tahapan sesuai dengan
tahapan pada Sistem pengendlian persediaan barang berikut :

a. Identifikasi Masalah

Usaha yang bergerak di bidang penjualan produk pakaian ini juga


membutuhkan sistem pendukung keputusan yang dapat mengendalikan
persediaan barang sehingga dapat mempermudah proses pengendalian
persediaan barang.

Contoh kasus Pada sebuah toko Boeing Fashion Distro mengalami


kendala dimana tidak adanya website untuk memperkenalkan produknya
sehingga pelanggan harus datang langsung ke toko untuk melihat barang
yang di inginkan.

14
b. Analisis Dan Akuisisi Pengetahuan

Pada tahapan ini akan dilakukan analisis terhadap data dan informasi
yang diperoleh, yaitu data dan informasi tentang jumlah stok barang saat
ada pelanggan yang melakukan pemesanan jumlah barang yang banyak dan
toko tersebut mampu menyediakan jumlah barang yang di pesan oleh
pelanggan.

3.2.4 Perangkat Pendukung


Alat-alat (tools)yang digunakan dalam penelitian ini yaitu:
a. Perangkat Keras
Perangkat keras yang digunakan dalam perancangan sistem ini adalah:

Tabel 3.1 Perangkat Keras

Laptop ASUS X455LA


Processor Intel(R) Core(TM) i3-4030u CPU @ 1.90GHz
(4CPUs), 1.9GHz
RAM 2048MB DDR4
Hard Disk 500 GB SSD

b. Perangkat Lunak

Adapun perangkat lunak yang digunakan adalah:

Tabel 3.2 Perangkat Lunak


Sistem Operasi Windows 10 Pro

Bahasa Pemrograman PHP

Database XAMPP dan MySQL

15
3.3 Tahapan Penelitian
Merupakan tahap dimana melakukan pengklasifikasian data yang telah
diperoleh untuk mendukung perancangan sistem. Berikut langkah yang dilakukan
dalam menganalisis data:
a. Mengumpulkan data yang digunakan dalam merancang sistem.
b. Melakukan pengelompokan data sesuai dengan permasalahan yang
dihadapi oleh sistem yang dirancang.
c. Mendiskripsikan data untuk memperoleh gambaran data dan menentukan
bahasa pemrograman yang tepat untuk menerapkan dalam pembuatan
program.pelaksanaan penelitian meliputi tahapan persiapan berikut, yaitu:
mengumpulkan data yang dibutuhkan dalam penelitian serta menyusun
rencana survei dengan persiapan beberapa pertanyaan yang akan diajukan
dalam sesi wawancara.
d. Tahap penyusunan laporan.

3.4 Tahap Pembuatan Sistem


Merupakan tahap dimana pembuatan sistem dilakukan. Berikut langkah
yang dilakukan dalam pembuatan sistem:
a. Analisis kebutuhan perangkat lunak, analisis ini dilakukan untuk mengolah
bahan yang sudah didapat kemudian dilanjutkan ketahap perancangan.
b. Perancangan perangkat lunak, dimana pada tahap ini merupakan tahap
penterjemahan dari bahan yang telah dianalisis kedalam bentuk yang dapat
dipahami oleh programer.
c. Implementasi perangkat lunak, suatu tahap dimana dilakukan penerjemahan
suatu masalah yang telah dirancang kedalam bahasa pemrograman.

3.5 Tahap Instalasi Dan Percobaan


Tahap ini dilakukan untuk menentukan apakah sistem yang dirancang dan
dibuat layak untuk diimplementasikan, apakah sistem telah sesuai dengan fungsi
dan kebutuhannya, sehingga didapat suatu evaluasi yang dapat dianalisa kembali
jika sistem belum sesuai dengan yang diharapkan.

16
BAB IV
ANALISA DAN PERANCANGAN SISTEM

4.1 Analisa Sistem yang Berjalan


Sistem penjualan yang saat ini dijalankan oleh Boeing Fashion Distro masih
menggunakan cara manual yaitu pembeli harus datang langsung ke toko untuk
melakukan pembelian barang dan pembayaran, setelah selesai proses pembelian
dan pembayaran petugas distro akan membuat laporan penjualan. Hal ini
menyebabkan lambatnya informasi yang dapat diberikan oleh penyedia barang
kepada calon pelanggan sehingga mempengaruhi hasil penjualan.
Dengan adanya suatu website, Boeing Fashion Distro dapat dengan lebih
mudah menyampaikan informasi produk-produknya secara detail kepada calon
pelanggan, yang diharapkan akan membantu meningkatkan penjualan secara
signifikan.
Melalui website, siapapun akan dapat mengakses informasi produk Boeing
Fashion Distro yang dibutukan kapan saja dan dimana saja. Selain itu suatu website
akan menjelaskan bagaimana proses kegiatan yang dilakukan seperti cara
pemesanan, waktu pemesanan, waktu yang dibutuhkan untuk mengirim pesanan
hingga sampai kepada pelanggan yang memesan, tracking barang yang dibeli,
memilih ekspedisi yang akan digunakan, biaya kirim barang. Sehingga pelanggan
dapat memperkirakan kapan harus memesan dan kapan barang akan dikirim.

4.1.1 Prosedur Penjualan Produk


Penjualan Produk adalah tahapan proses penjualan produk dari toko Boeing
Fashion Distro kepada pelanggan. Prosedur penjualan yang sedang berjalan di toko
Boeing Fashion Distro saat ini adalah sebagai berikut:
a. Pelanggan datang ke toko.
b. Pelanggan memilih produk yang akan dibeli.
c. Setelah produk yang diinginkan sesuai.
d. Pelanggan pergi ke kasir.

17
e. Membayar sesuai harga yang tertera pada label produk.
f. Kasir menulis nota pembelian
g. Pelanggan mendapat produk yang dibeli dan nita pembelian produk untuk
lebih jelasnya dapat dilihat pada Gambar 4.1

Gambar 4.1 Sistem Yang Berjalan

4.1.2 Prosedur Pengadaan Produk


Pengadaan produk adalah tahapan proses pengadaan produk pada toko
Boeing Fashion. Prosedur pengadaan produk pada toko Boeing Fashion adalah
sebagai berikut:
a. Pemilik toko menulis daftar barang yang tidak tersedia di toko.
b. Kemudian pemilik toko membeli bahan keperluan produksi kepada suplier.
c. Setelah itu barang langsung diproduksi dan dikirim ke toko untuk didata dan
dijual.
18
4.2 Analisa Pengembangan Sistem
Dari masalah yang ditemukan pada sistem terdahulu, penulis mengusulkan
sistem yang baru dengan proses transaksi yang lebih baik. Prosedur transaksi
produk dengan sistem baru sebagai berikut:
a. Pelanggan melakukan pendaftaran pada website Boeing Fashion
b. Kemudian login pada web Boeing Fashion dan dapat memilih produk yang
diinginkan untuk dibeli.
c. Setelah memilih produk, pelanggan dapat melihat semua produk terpilih
didalam keranjang belanja.
d. Kemudian pelanggan melakukan pembayaran sesuai harga yang tertera.
e. Bila sudah melakukan pembayaran pelanggan dapat melakukan konfirmasi.
f. Setelah konfirmasi pembayaran dilakukan, maka admin akan memproses
pesanan pelanggan, produk siap packing dan dikirimkan kepada pelanggan.
g. Barang diterima oleh pelanggan.
Untuk penggambaran umum dari sistem yang diusulkan dapat dilihat pada
Gambar 4.2.

Gambar 4.2 Sistem Yang Diusulkan


19
4.3 Analisa Kebutuhan Sistem
Analisa kebutuhan adalah apa saja yang dibutuhkan untuk membuat e-
commerce pada Boeing Fashion. Analisis ini diperoleh berdasarkan wawancara
dengan Pemilik toko. Setelah melakukan analisis pada sistem yang berjalan, dapat
diketahui bahwa sistem e-commerce yang dibangun memiliki beberapa kubutuhan.

4.4 Analisa Kebutuhan User


Kebutuhan user merupakan siapa saja yang akan mengakses web nantinya.
Sistem yang dibangun ini digunakan oleh tiga pengguna, yaitu admin (Pemilik
toko), pelanggan dan pengunjung. Pemilik toko memiliki hak untuk menentukan
harga, dapat mengolah data barang, data transaksi penjualan dan laporan.
Pelanggan hanya dapat melakukan pemesanan barang saja. Pengunjung hanya
dapat melihat dan mencari barang. Untuk lebih jelasnya dapat dilihat pada tabel 4.1.

Tabel 4.1 Analisa Pengguna


Pengguna Hak Akses
Admin Mengelola data barang, data kategori, transaksi penjualan,
laporan penjualan
Pelanggan Melihat dan membeli barang
Pengunjung Hanya bisa melihat data barang, dan registrasi
Pemilik Laporan penjualan

4.5 Analisa Pengembangan sistem


Perancangan sistem dapat diartikan gambaran atau sketsa dari alur sistem
pengolahan data. Dalam rancangan sistem dapat menggunakan ERD (Entity
Relationship Diagram), Diagram Konteks, DAD (Data Flow Diagram).

20
4.5.1 Diagram Konteks
Diagram konteks merupakan bagian dari DAD level 0, yang memetakan
model dari lingkungan sistem. Pada DAD level 0 terdapat 4 entitas luar yaitu admin
sebagai pengatur, pelanggan sebagai pengguna, pengunjung sebagai pengguna dan
pemilik sebagai pengguna. Admin sebagai pengatur sistem dapat mengelola data
barang, data pelanggan dan data pemesanan. Pelanggan dan pengunjung dapat
melakukan registrasi, login, dan melakukan pembelian produk. Sedangkan pemilik
hanya dapat melihat laporan penjualan. Untuk lebih jelasnya dapat dilihat seperti
gambar 4.3

Gambar 4.3 Diagram Konteks

21
4.5.2 Diagram Jenjang
Diagram jejang, seperti terlihat pada gambar 4.3 terdapat empat proses yaitu
login, master data, transaksi dan laporan. Pada proses master data terdapat beberapa
proses diantaranya proses data barang, info transaksi dan data data pelanggan. Pada
proses transaksi terdapat beberapa proses untuk level selanjutnya seperti proses info
barang, data transaksi dan konfirmasi pembayaran. Untuk lebih jelasnya dapat
dilihat seperti gambar 4.4.

Gambar 4.4 Diagram Jenjang

22
4.5.3 Diagram Alir Data Level 1
DAD level 1 menjelaskan semua proses yang ada pada sistem e-commerce
seperti proses login, master data, transaksi dan proses laporan. Untuk proses login
dapat dilakukan oleh admin dan pelanggan. Data master hanya dapat dikelola oleh
admin sedangkan pelanggan hanya dapat melihat data tersebut. Proses transaksi
hanya dapat dikelola oleh admin dan pelanggan dapat melakukan transaksi,
sedangkan proses laporan hanya dapat dilihat oleh pemilik. Seperti terlihat pada
gambar 4.5

Gambar 4.5 Diagram Alir Data Level 1

23
4.5.4 Diagram Alir Data Level 2 Proses 1
DAD level 2 proses 1 menjelaskan proses yang berhubungan dengan data
yang diinputkan oleh admin sebagai data master, untuk menyampaikan informasi
barang kepada pelanggan dan menampilkan data pemesanan yang telah di inputkan
oleh pelanggan yang nantinya akan diproses lagi oleh admin, Sebagaimana terlihat
pada gambar 4.6.

Gambar 4.6 Diagram Alir Data Level 2 Proses 1

24
4.5.5 Diagram Alir Data Level 2 Proses 2
DAD level 2 proses 2 menjelaskan proses pelanggan melakukan proses
pemesanan, konfirmasi pembayaran yang nantinya akan dilanjutkan proses
konfirmasi pembayaran oleh admin. Sebagaimana terlihat pada gambar 4.7.

Gambar 4.7 Diagram Alir Data Level 2 Proses 2

4.6 Perancangan Basis Data


4.6.1 Entity Relationship Diagram (ERD)
ERD adalah suatu model yang dibuat untuk menjelaskan hubungan antar
data dalam basis data yang berdasar pada obyek-obyek dasar data yang memiliki
hubungan antar entitas. Tampilan ERD pada sistem penjualan Boeing Fashion
Distro bisa dilihat pada Gambar 4.8.

25
Gambar 4.8 Entity Relationship Diagram (ERD)

4.6.2 Relasi Antar Tabel


Tiap tabel dalam basis data yang telah dirancang, masing – masing
dihubungkan atau direalisasikan berdasarkan kunci field penghubung pada masing-
masing tabel. Relasi antar tabel dapat dilihat pada gambar 4.9.

Gambar 4.9 Relasi Antar Tabel


26
4.6.3 Struktur Tabel
a. Admin
Tabel admin merupakan tabel yang berisi data petugas yang meliputi:
id_admin, nama_admin, username_admin, password_admin, setiap atribut
dari tabel dapat dilihat pada Tabel 4.1

Tabel 4.2 Struktur Tabel Admin


Nama Field Tipe Data Keterangan
Id_admin Int (4) Primary Key
Nam_admin Varchar (20)
Username_admin Varchar (20)
Password_admin Varchar (20)

b. Pelanggan
Tabel pelanggan merupakan tabel yang berisi data pelanggan meliputi:
nama_pelanggan,id_pelanggan,username_pelanggan,
password_pelanggan, no_telp, alamat, email, dan foto, lebih jelasnya dapat
dilihat pada Tabel 4.3.

Tabel 4.3 Struktur Tabel Pelanggan


Nama Field Tipe Data Keterangan
Id_user Int (10) Primary Key
Nama_pelanggan Varchar (30)
Username_pelanggan Varchar (20)
Password_pelanggan Varchar (20)
No_telp Varchar (15)
alamat text
Email Varchar (50)
foto blob

27
c. Barang
Tabel barang merupakan tabel yang berisi data produk seperti id_barang,
nama_barang, kategori, deskripsi, stok, harga_barang, gambar,
berat_barang, dan size, lebih jelasnya dapat dilihat pada Tabel 4.4.

Tabel 4.4 Struktur Tabel Barang


Nama Field Tipe Data Keterangan
Id_barang Int(11) Primary Key
Nama_barang Varchar(35)
kategori Varchar(20)
deskripsi Text
gambar blob
Berat_barang Int (10)
harga Float
Status_av Tinyint (1)

d. Kategori Barang
Pada tabel kategori barang terdapat 2 field yaitu id_kategori dan nama_type
seperti tabel 4.5.

Tabel 4.5 Struktur Tabel Kategori Barang

Nama Field Tipe Data Keterangan

Id_kategori Int (11) Primary Key

Nama_tipe Varchar (50)

28
e. Detail Barang
Pada tabel detail barang terdapat 5 field yaitu id_detail_barang, id_barang,
size, stok, dan status_av. Tabel ini digunakan untuk menyimpan data detail
barang. Seperti pada tabel 4.6.

Tabel 4.6 Struktur Tabel Detail Barang

Nama Field Tipe Data Keterangan

Id_detail_barang Int (11) Primary Key

Id_barang Int (11) Foreign Key

size Varchar (10)

stok Int (11)

Status_av Tinyint (1)

f. Keranjang
Tabel keranjang merupakan tabel untuk menyimpan data barang/produk
yang dipilih pelanggan yang berisi data seperti id_keranjang, id_pelanggan,
id_barang, jumlah_barang, harga, total_berat, dan sub_harga, untuk lebih
jelasnya dapat dilihat pada Tabel 4.7.

Tabel 4.7 Struktur Tabel Keranjang


Nama Field Tipe Data Keterangan
Id_keranjang Int (10) Primary Key
Id_pelanggan Int (10) Foreign Key
Id_barang Int (10) Foreign Key
Id_pesan Int (10)
Jumlah_barang Int (10)

29
Harga Int (10)
Total_berat Int (10)
Sub_harga Int (10)

g. Transaksi
Pada tabel detail transaksi terdapat 7 field yaitu id, id_transaksi, id_barang,
jumlah_beli, dan harga_barang. Seperti pada tabel 4.8.

Tabel 4.8 Struktur Tabel Detail Transaksi

Nama Field Tipe data Keterangan


Id Int (20) Primary Key
Id_transaksi Varchar (20) Foreign Key
Id_barang Int (11) Foreign Key
Jumlah_beli Int (11)
Harga_barang Float
Berat Int (11)
Sub_total float

h. Detail Kirim
Pada tabel detail kirim terdapat 8 field yaitu id, id_transaksi, id_barang,
tujuan, kurir, estimasi, biaya_kirim, resi dan detail_alamat untuk
menyimpan data detail kirim pelanggan. Seperti pada tabel 4.9.

30
Tabel 4.9 Struktur Tabel Detail Kirim
Nama Field Tipe data Keterangan
Id Int (11) Primary Key
Id_transaksi Id_transaksi Foreign Key
Tujuan Varchar (50)
Kurir Varchar (50)
Estimasi Int (11)
Biaya_kirim Float
Resi Varchar (50)
Detail_alamat Varchar (100)

i. Konfirmasi Pembayaran
Pada tabel konfirmasi pembayaran terdapat 4 field yaitu id, id_transaksi,
foto dan waktu pembayaran untuk mengkonfirmasi pembayaran pelanggan.
Seperti pada tabel 4.10.

Tabel 4.10 Struktur Tabel Konfirmasi Pembayaran

Nama Field Tipe Data Keterangan

Id Int (11) Primary Key

Id_transaksi Varchar (20) Foreign Key

Foto Varchar (150)

Waktu_pembayaran Timestamp

31
4.7 Perancangan Interface
Rancangan interface dugunakan untuk memberikan gambaran bagaimana
proses input dan output yang terjadi pada sistem. Perancangan interface anatara
user dan komputer ini dapat dilihat pada gambar berikut ini.

4.7.1 Rancangan Halaman Login


Pada halaman login kustomer, kustomer akan melakukan login dengan
memasukan data username dan password. Apabila data login yang dimasukkan
benar maka sistem akan masuk dan user dapat melakukan transaksi pembelian.
Akan tetapi jika data yang dimasukkan salah atau tidak sesuai dengan data dalam
database maka akan muncul konfirmasi bahwa login gagal. Implementasi halaman
login dilihat pada Gambar 4.10.

Gambar 4.10 Rancangan Halaman Login

32
4.7.2 Rancangan Halaman Profil Pelanggan
Halaman ini digunakan untuk menampilkan data profil pelanggan.

Gambar 4.11 Halaman Profil Pelanggan

4.7.3 Rancangan Halaman Utama Sebelum Pelanggan Login


Halaman utama ini untuk menampilkan Produk terbaru agar menarik minat
pelanggan untuk membeli barang dari website ini. Untuk lebih jelasnya dapat
dilihat pada Gambar 4.12.

Gambar 4.12 Rancangan Halaman Utama Sebelum Pelanggan Login


33
4.7.4 Rancangan Halaman Pendaftaran Pelanggan
Halaman ini digunakan untuk melakukan pendaftaran bagi para calon
pelanggan yang belum memiliki akun. Untuk lebih jelasnya dapat dilihat pada
Gambar 4.13.

Gambar 4.13 Rancangan Halaman Pendaftaran Pelanggan

4.7.5 Rancangan Halaman Detail Produk


Halaman ini menampilkan detail produk untuk memperjelas keterangan
produk dan membuat pelanggan lebih mengerti. Untuk lebih jelasnya dapat dilihat
pada Gambar 4.14.

34
Gambar 4.14 Rancangan Halaman Detail Produk

4.7.6 Rancangan Halaman Keranjang


Halaman ini menampilkan produk yang diminati oleh pelanggan untuk
nantinya berlanjut ke pembayaran. Untuk lebih jelasnya dapat dilihat pada Gambar
4.15

Gambar 4.15 Rancangan Halaman Keranjang

35
4.7.7 Rancangan Halaman Admin
Halaman ini digunakan admin mengelola data produk

Gambar 4.16 Rancangan Halaman Admin

36
BAB V
IMPLEMENTASI SISTEM

5.1 Cara Kerja Sistem


Sistem e-commerce sebagai media penjualan berbasis website dibangun
menggunakan bahasa pemrograman PHP dengan menggunakan database MySQL.
Untuk mempermudah dalam menjelaskan cara kerja sistem ini, maka bagian sistem
dikelompokan menjadi dua bagian yaitu: bagian Admin dan bagian User. Untuk
bagian admin sistem kerjanya yaitu mengelola data kategori barang, mengelola
barang, mengelola data pembelian, mengelola data pembayaran, mengelola
informasi web user. Sedangkan untuk user sistem utamanya untuk mempermudah
transaksi pembelian produk Boeing Fashion yang di akses melalui website.

5.2 Implementasi Program


5.2.1 Tampilan Utama Sebelum Pelanggan Login
Sebelum dapat berbelanja di Boeing Fashion Distro, calon pelanggan
diminta untuk mendaftar terlebih dahulu. Calon pelanggan dapat mendaftarkan diri
dengan meng-klik button daftar di halaman utama ini, pada halaman ini tersedia
pula informasi mengenai produk-produk baru dari Sumber Kaos. Tampilan
halaman utama sebelum pelanggan login dapat dilihat pada Gambar 5.1.

Gambar 5.1 Halaman Utama Sebelum Pelanggan Login

37
5.2.2 Tampilan Halaman Pendaftaran Pelanggan
Halaman ini berfungsi untuk calon pelanggan melakukan pendaftaran
dengan membuat username dan password serta mengisi form pendaftaran yang
telah tersedia dihalaman ini. Tampilan halaman pendaftaran pelanggan dapat dilihat
pada Gambar 5.2

Gambar 5.2 Halaman Pendaftaran Pelanggan

<?php
include ('../koneksi.php');

if($_POST['daftar']) {

$nama_pelanggan = $_POST['nama_pelanggan'];
$username_pelanggan = $_POST['username_pelanggan'];
$password_pelanggan = $_POST["password_pelanggan"];
$no_telp = $_POST['no_telp'];
$alamat = $_POST['alamat'];
$email = $_POST['email'];

if(empty($nama_pelanggan) || empty($username_pelanggan) ||
empty($password_pelanggan) || empty($no_telp) || empty($email))
{
echo "<script>alert('Lengkapi Data Terlebih Dahulu');
location.href='../daftar.php';</script>";
} else {

$ekstensi_diperbolehkan = array('png','jpg');
$namafilefoto = $_FILES['foto']['name'];
$x = explode('.', $namafilefoto);
38
$ekstensi = strtolower(end($x));
$ukuran = $_FILES['foto']['size'];
$file_tmp = $_FILES['foto']['tmp_name'];
if(in_array($ekstensi, $ekstensi_diperbolehkan) === true){
if($ukuran < 1044070){
move_uploaded_file($file_tmp,
'../fotopelanggan/'.$namafilefoto);
$qry = "INSERT INTO pelanggan VALUES ('','$nama_pelanggan',
'$username_pelanggan', '$password_pelanggan', '$no_telp',
'$alamat', '$email', '$namafilefoto')";
$query = mysqli_query($koneksi, $qry);
if($query){
echo 'FILE BERHASIL DI UPLOAD';
header('location:../halamanlogin.php');
}else{
echo $qry;
echo 'GAGAL MENGUPLOAD';
}
}else{
echo 'UKURAN FILE TERLALU BESAR';
}
}else{
echo "<script>alert('EKSTENSI FILE YANG DI UPLOAD TIDAK DI
PERBOLEHKAN'); location.href='../daftar.php';</script>";
}
}
}
?>

5.2.3 Tampilan Halaman Login


Halaman ini berfungsi untuk login dan masuk ke web boeingfashion dan
melihat produk terbaru lebih banyak lagi, Tampilan halaman login dapat dilihat
pada Gambar 5.3.

Gambar 5.3 Tampilan Halaman Login


39
<?php
include '../koneksi.php';
$userpel = $_POST['username_pelanggan'];
$passpel = $_POST['password_pelanggan'];

/*
$sql = "SELECT * FROM nama_tbl where user(nama_field) = '' and
pass(nama_field) = ''";

$query = ........
if (user == ambildata && pass == ambildata){
}
*/
$data = mysqli_query($koneksi, "SELECT * FROM pelanggan WHERE
username_pelanggan='$userpel' and
password_pelanggan='$passpel'");

$login = mysqli_num_rows($data);
$a=mysqli_fetch_array($data);
if ($login >0) {
//membuat seesion
session_start();
$_SESSION[username_pelanggan] = $a[username_pelanggan];
$_SESSION[password_pelanggan] = $a[password_pelanggan];
$_SESSION[nama_pelanggan] = $a[nama_pelanggan];
$_SESSION[no_telp] = $a[no_telp];
$_SESSION[alamat] = $a[alamat];
$_SESSION[email] = $a[email];
$_SESSION[foto] = $a[foto];
$_SESSION[id_pelanggan] = $a[id_user];
$_SESSION[role] = 'user';

header('location:../indexlogin.php');
}
else {
header('location:../halamanlogin.php');
}
?>

5.2.4 Tampilan Halaman Profil Pelanggan


Halaman ini berfungsi untuk merubah ataupun melihat data profil
pelanggan yang sudah terdaftar. Tampilan halaman profil pelanggan bisa dilihat
pada Gambar 5.4

40
Gambar 5.4 Halaman Profil Pelanggan

<div class="form-group">
<label class="col-md-4 control-label" align="left">Nama</label>
<div class="col-md-4">
<input name="nama_pelanggan" type="text" class="form-control
input-md" value="<?php echo"".$_SESSION['nama_pelanggan']."" ?>"
readonly>
</div>
</div>

<!-- Text input-->


<div class="form-group">
<label class="col-md-4 control-label"
align="left">Username</label>
<div class="col-md-4">
<input name="username_pelanggan" type="text" class="form-
control input-md" value="<?php
echo"".$_SESSION['username_pelanggan']."" ?>" readonly>
</div>
</div>

<div class="form-group">
<label class="col-md-4 control-label"
align="left">Password</label>
<div class="col-md-4">
<input name="password_pelanggan" type="password" class="form-
control input-md" value="<?php
echo"".$_SESSION['password_pelanggan']."" ?>" readonly>
</div>

41
</div>

<div class="form-group">
<label class="col-md-4 control-label" align="left">No Telepon /
HP</label>
<div class="col-md-4">
<input name="no_telp" type="text" class="form-control input-md"
value="<?php echo"".$_SESSION['no_telp']."" ?>" readonly>
</div>
</div>

<!-- Textarea -->


<div class="form-group">
<label class="col-md-4 control-label"
align="left">Alamat</label>
<div class="col-md-4">
<textarea class="form-control" name="alamat" readonly=""><?php
echo"".$_SESSION['username_pelanggan']."" ?></textarea>
</div>
</div>

<div class="form-group">
<label class="col-md-4 control-label" align="left">E-
mail</label>
<div class="col-md-4">
<input name="email" type="email" class="form-control input-md"
value="<?php echo"".$_SESSION['email']."" ?>" readonly>
</div>
</div>

<!-- File Button -->


<div class="form-group">
<label class="col-md-4 control-label">Foto</label>
<div class="col-md-4">
<img src="<?php echo "fotopelanggan/".$_SESSION['foto']; ?>"
width="200" height="200">
</div>
</div>

<!-- Button -->


<div align="center">
<a class="btn btn-primary" role="button"
href="formeditprofil.php">Edit Profil</a>
</div>

</fieldset>
</form>
</div>

42
5.2.5 Tampilan Halaman Produk
Halaman ini berisikan produk-produk yang dijual di website ini sehingga
para pelanggan dapat memilih produk apa yang diminati. Tampilan halaman produk
dapat dilihat pada Gambar 5.5.

Gambar 5.5 Tampilan Halaman Produk

<?php
$nobarang=1;
$tampilbarang = mysqli_query($koneksi,"SELECT * FROM barang");
while ($barang = mysqli_fetch_array($tampilbarang)) {
?>
<tr>
<td><?php echo $nobarang++ ?></td>
<td><?php echo $barang['nama_barang']; ?></td>
<td><?php echo $barang['kategori']; ?></td>
<td><?php echo $barang['deskripsi']; ?></td>
<td>Rp.<?php echo $barang['harga']; ?></td>
<td><?php echo $barang['berat_barang']; ?> Gram</td>
<td>
<?php
$db = mysqli_query($koneksi,"SELECT * FROM detail_barang where
id_barang='".$barang['id_barang']."' ");
while ($dbl = mysqli_fetch_array($db)) {
echo "<pre class='form-control'>".$dbl['size']." =
".$dbl['stok']." pcs</pre>";
}
?>
</td>
<td>

43
<a class="btn btn-primary" role="button"
href="index.php?page=formubahbarang&id_barang=<?php echo
$barang['id_barang']; ?>">Edit</a>
<a class="btn btn-danger" role="button"
href="pages/md/proses/hapusbarang.php?id_barang=<?php echo
$barang['id_barang']; ?>">Hapus</a>
</td>
</tr>
<?php

5.2.6 Tampilan Halaman Detail Produk


Halaman ini menampilakn deskripsi produk yang akan dibeli oleh
pelanggan. Tampilan halaman detail produk dapat dilihat pada Gambar 5.6.

Gambar 5.6 Tampilan Detail Produk

<?php
$nobarang=1;
$tampilbarang = mysqli_query($koneksi,"SELECT * FROM barang");
while ($barang = mysqli_fetch_array($tampilbarang)) {
?>
<tr>
<td><?php echo $nobarang++ ?></td>
<td><?php echo $barang['nama_barang']; ?></td>
<td><?php echo $barang['kategori']; ?></td>
<td><?php echo $barang['deskripsi']; ?></td>
<td>Rp.<?php echo $barang['harga']; ?></td>
<td><?php echo $barang['berat_barang']; ?> Gram</td>
<td>

44
<?php
$db = mysqli_query($koneksi,"SELECT * FROM detail_barang where
id_barang='".$barang['id_barang']."' ");
while ($dbl = mysqli_fetch_array($db)) {
echo "<pre class='form-control'>".$dbl['size']." =
".$dbl['stok']." pcs</pre>";
}
?>
</td>
<td>
<a class="btn btn-primary" role="button"
href="index.php?page=formubahbarang&id_barang=<?php echo
$barang['id_barang']; ?>">Edit</a>
<a class="btn btn-danger" role="button"
href="pages/md/proses/hapusbarang.php?id_barang=<?php echo
$barang['id_barang']; ?>">Hapus</a>
</td>
</tr>
<?php

5.2.7 Tampilan Halaman Keranjang


Halaman ini berisikan produk-produk apa saja yang sudah dipilih oleh
pelanggan, serta informasi jumlah produk yang akan dibeli, size baju, berat produk
dan total harganya. Tampilan halaman keranjang dapat dilihat pada Gambar 5.7

Gambar 5.7 Tampilan Halaman Keranjang

45
<?php

$tampil = mysqli_query($koneksi,"SELECT
barang.id_barang,
barang.nama_barang,
barang.gambar,
keranjang.id_keranjang,
keranjang.jumlah_barang,
keranjang.harga,
keranjang.total_berat,
keranjang.sub_harga,
detail_barang.size
FROM barang left join keranjang
on barang.id_barang=keranjang.id_barang
left join detail_barang
on barang.id_barang=detail_barang.id_barang
where keranjang.id_pelanggan ='{$_SESSION['id_pelanggan']}'
group by barang.nama_barang ");

$no=1;
while ($tam = mysqli_fetch_array($tampil)) {
$no++;
?>

5.2.8 Tampilan Halaman Pembayaran


Setelah pelanggan memastikan produk yang akan dibeli, pelanggan dapat
melakukan pengisian alamat dan pemilihan ekspedisi yang diinginkan oleh
pembeli. Di halaman ini juga pelanggan diberi nomor rekening kemana pelanggan
harus mentransfer pembayarannya serta pelanggan harus menggunggah bukti
transfernya. Tampilan halaman pembayaran dapat dilihat pada gambar 5.8.

Gambar 5.8 Tampilan Halaman Pembayaran

46
<?php
$no=1;
include 'koneksi.php';
$sql = "SELECT * FROM detail_transaksi left join barang on
barang.id_barang=detail_transaksi.id_barang where
id_transaksi='".$_GET['trx']."' ";
// echo $sql;
$result = mysqli_query($koneksi, $sql);
if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_assoc($result)) {
?>
<tr>
<td><?php echo $no; ?></td>
<td><?php echo $row['nama_barang']; ?></td>
<td><?php echo $row['jumlah_beli']; ?> pcs</td>
<td>Rp. <?php echo $row['harga_barang']; ?></td>
<td align="right">Rp. <?php echo $row['sub_total']; ?></td>
</tr>
<?php
$no++;
}
} else {
echo "0 results";
}
mysqli_close($koneksi);
?>

5.2.9 Tampilan Halaman Status Pembayaran


Halaman in berisikan informasi status pembayaran pelanggan yang berisi
status pembayaran dan resi pengiriman produk. Tampilan halaman status
pembayaran dapat dilihat pada Gambar 5.9.

Gambar 5.9 Tampilan Halaman Status Pembayaran


47
<?php
$nopem=1;
$tampilpem = mysqli_query($koneksi,"SELECT * FROM transaksi
left join pelanggan on pelanggan.id_user=transaksi.id_user");
while ($tampem = mysqli_fetch_array($tampilpem)) {

?>
<tr>
<td><?php echo $nopem++ ?></td>
<!-- tanggal id_user total_transaksi status -->
<td><?php echo $tampem['id_transaksi']; ?></td>
<td><?php echo $tampem['tanggal']; ?></td>
<td><?php echo $tampem['nama_pelanggan']; ?></td>
<td><?php echo $tampem['total_transaksi']; ?></td>
<td>
<?php
if($tampem['status']=='dibayar'){
echo "<a class='btn-xs btn-success'>Terbayar Menungu Konfirmasi
admin</a>";
}
if($tampem['status']=='terkirim'){
echo "<a class='btn-xs btn-primary'>".$tampem['status']."</a>";
}
if($tampem['status']=='terbayar'){
echo "<a class='btn-xs btn-warning'>".$tampem['status']."</a>";
}
if($tampem['status']=='chekout'){
echo "<a class='btn-xs btn-danger'>".$tampem['status']."</a>";
}
?>
</td>
<td><a href="index.php?page=detailpembayaran&trx=<?php echo
$tampem['id_transaksi']; ?>" class="btn btn-
primary">Detail</a></td>
</tr>
<?php

5.2.10 Tampilan Halaman Konfirmasi Pembayaran


Halaman ini berisikan info harga produk yang harus dibayarkan dan
mengupload bukti pembayarannya. Tampilan halaman konfirmasi pembayaran
dapat dilihat pada Gambar 5.10

48
Gambar 5.10 Tampilan Halaman Konfirmasi Pembayaran
<?php
include 'koneksi.php';
$sql = "SELECT * FROM Transaksi where
id_transaksi='".$_GET['trx']."' ";
// echo $sql;
$result = mysqli_query($koneksi, $sql);
if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_assoc($result)) {
?>
<tr>
<td>Id transaksi</td>
<td><?php echo $_GET['trx']; ?></td>
</tr>
<tr>
<td>Tanggal Transaksi</td>
<td><?php echo $row['tanggal'] ?></td>
</tr>
<tr>
<td>Status Transaksi</td>
<td><?php echo $row['status'] ?></td>
</tr>
<?php
}
} else {
echo "0 results";
}
mysqli_close($koneksi);
?>
</table>
</div>
</div>
<br>
<h3>Daftar Item Terbeli </h3>
<div class="row">
<table class="table table-striped table-bordered">
<thead>

49
<th>#</th>
<th>nama barang</th>
<th>jumlah barang</th>
<th>harga satuan</th>
<th>subtot</th>
</thead>

<?php
$no=1;
include 'koneksi.php';
$sql = "SELECT * FROM detail_transaksi left join barang on
barang.id_barang=detail_transaksi.id_barang where
id_transaksi='".$_GET['trx']."' ";
// echo $sql;
$result = mysqli_query($koneksi, $sql);
if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_assoc($result)) {
?>
<tr>
<td><?php echo $no; ?></td>
<td><?php echo $row['nama_barang']; ?></td>
<td><?php echo $row['jumlah_beli']; ?> pcs</td>
<td>Rp. <?php echo $row['harga_barang']; ?></td>
<td align="right">Rp. <?php echo $row['sub_total']; ?></td>
</tr>
<?php
$no++;
}
} else {
echo "0 results";
}
mysqli_close($koneksi);
?>
<tr>
<td colspan="4" align="right">Ongkir</td>
<?php
$no=1;
include 'koneksi.php';
$sql = "SELECT biaya_kirim FROM detail_kirim where
id_transaksi='".$_GET['trx']."' ";
// echo $sql;
$result = mysqli_query($koneksi, $sql);
if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_assoc($result)) {
?>
<td align="right" >Rp.<?php echo $row['biaya_kirim']; ?></td>
<?php
}}mysqli_close($koneksi);
?>
</tr>
<tr>
<td colspan="4" align="right">Total Yang Harus Di bayar</td>
<?php
$no=1;
include 'koneksi.php';

50
$sql = "SELECT total_transaksi FROM transaksi where
id_transaksi='".$_GET['trx']."' ";
// echo $sql;
$result = mysqli_query($koneksi, $sql);
if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_assoc($result)) {
?>
<td align="right" ><h3>Rp.<?php echo $row['total_transaksi'];
?></h3></td>
<?php
}}mysqli_close($koneksi);
?>

5.2.11Tampilan Halaman Admin Input Produk


Halaman ini admin bisa menambah produk produk terbaru dan akan tampil
dihalaman produk pelanggan. Tampilan input produk dapat dilihat pada Gambar
5.11

Gambar 5.11 Tampilan Input Produk

<?php
include ('koneksi.php');

if($_POST['inputbarang']) {
$namabarang = $_POST['nama_barang'];
$kategori = $_POST['kategori'];
$deskripsi = $_POST['deskripsi'];
$berat_barang = $_POST['berat_barang'];
$harga = $_POST['harga'];

51
if(empty($namabarang) || empty($kategori) || empty($deskripsi)
|| empty($berat_barang)) {
echo "<script>alert('Lengkapi Data Terlebih Dahulu');
location.href='../../../index.php?page=forminputbarang';</script
>";
} else {

$ekstensi_diperbolehkan = array('png','jpg');
$namafilebarang = $_FILES['gambar']['name'];
$x = explode('.', $namafilebarang);
$ekstensi = strtolower(end($x));
$ukuran = $_FILES['gambar']['size'];
$file_tmp = $_FILES['gambar']['tmp_name'];
if(in_array($ekstensi, $ekstensi_diperbolehkan) === true){
if($ukuran < 1044070){
move_uploaded_file($file_tmp,
'../gambarbarang/'.$namafilebarang);

$qry = "INSERT INTO barang VALUES (NULL, '$namabarang',


'$kategori', '$deskripsi','$namafilebarang',
'$berat_barang','$harga','0')";
$query = mysqli_query($koneksi,$qry );
$last_id = mysqli_insert_id($koneksi);
foreach ($_POST['size'] as $index => $value) {
$sql = "insert into detail_barang value
('','".$last_id."','".$_POST['size'][$index]."','".$_POST['stok'
][$index]."','0') ";
$query2 = mysqli_query($koneksi,$sql );
}
if($query){
echo 'FILE BERHASIL DI UPLOAD';
header('location:../../../index.php?page=lihatbarang');
}else{
echo $qry;
echo 'GAGAL MENGUPLOAD';
}
}else{
echo 'UKURAN FILE TERLALU BESAR';
}
}else{
echo 'EKSTENSI FILE YANG DI UPLOAD TIDAK DI PERBOLEHKAN';
}
}

52
5.2.12 Tampilan Halaman Admin Data Produk
Halaman ini menampilkan semua data produk yang sudah diinputkan admin
sebelumnya. Tampilan data produk bisa dilihat pada Gambar 5.12

Gambar 5.12 Tampilan Data Produk

<?php
$nobarang=1;
$tampilbarang = mysqli_query($koneksi,"SELECT * FROM barang");
while ($barang = mysqli_fetch_array($tampilbarang)) {
?>
<tr>
<td><?php echo $nobarang++ ?></td>
<td><?php echo $barang['nama_barang']; ?></td>
<td><?php echo $barang['kategori']; ?></td>
<td><?php echo $barang['deskripsi']; ?></td>
<td>Rp.<?php echo $barang['harga']; ?></td>
<td><?php echo $barang['berat_barang']; ?> Gram</td>
<td>
<?php
$db = mysqli_query($koneksi,"SELECT * FROM detail_barang where
id_barang='".$barang['id_barang']."' ");
while ($dbl = mysqli_fetch_array($db)) {
echo "<pre class='form-control'>".$dbl['size']." =
".$dbl['stok']." pcs</pre>";
}
?>
</td>
<td>
<a class="btn btn-primary" role="button"
href="index.php?page=formubahbarang&id_barang=<?php echo
$barang['id_barang']; ?>">Edit</a>

53
<a class="btn btn-danger" role="button"
href="pages/md/proses/hapusbarang.php?id_barang=<?php echo
$barang['id_barang']; ?>">Hapus</a>
</td></tr><?php

5.2.13 Tampilan Halaman Admin Data Transaksi


Halaman ini beriskan data pelanggan yang sudah checkout, konfirmasi
pembayaran oleh admin dan proses packing produk yang nantinya akan dikirim
sesuai alamat tujuan pelanggan yang sudah diinputkannya. Tampilan halaman
admin data pembayaran bisa dilihat pada Gambar 5.13

Gambar 5.13 Tampilan Halaman Admin Data Transaksi

<?php
$nopem=1;
$tampilpem = mysqli_query($koneksi,"SELECT * FROM transaksi
left join pelanggan on pelanggan.id_user=transaksi.id_user");
while ($tampem = mysqli_fetch_array($tampilpem)) {

?>
<tr>
<td><?php echo $nopem++ ?></td>
<!-- tanggal id_user total_transaksi status -->
<td><?php echo $tampem['id_transaksi']; ?></td>
<td><?php echo $tampem['tanggal']; ?></td>
<td><?php echo $tampem['nama_pelanggan']; ?></td>
<td><?php echo $tampem['total_transaksi']; ?></td>
<td>

54
<?php
if($tampem['status']=='dibayar'){
echo "<a class='btn-xs btn-success'>Terbayar Menungu Konfirmasi
admin</a>";
}
if($tampem['status']=='terkirim'){
echo "<a class='btn-xs btn-primary'>".$tampem['status']."</a>";
}
if($tampem['status']=='terbayar'){
echo "<a class='btn-xs btn-warning'>".$tampem['status']."</a>";
}
if($tampem['status']=='chekout'){
echo "<a class='btn-xs btn-danger'>".$tampem['status']."</a>";
}
?>
</td>
<td><a href="index.php?page=detailpembayaran&trx=<?php echo
$tampem['id_transaksi']; ?>" class="btn btn-
primary">Detail</a></td>
</tr>
<?php

5.2.14 Tampilan Halaman Admin Konfirmasi Pembayaran


Halaman ini berisikan data pelanggan yang telah melakukan pembayaran
dan mengunggah bukti pembayarannya. Untuk lebih jelasnya bisa dilihat pada
Gambar 5.14.

Gambar 5.14 Tampilan Halaman Admin Konfirmasi Pembayaran

<?php
$nost=1;
$tampilst = mysqli_query($koneksi,"SELECT * FROM transaksi left
join pelanggan on pelanggan.id_user=transaksi.id_user join
konfirmasi_pembayaran on

55
transaksi.id_transaksi=konfirmasi_pembayaran.id_transaksi where
transaksi.status='dibayar' ");
while ($tamst = mysqli_fetch_array($tampilst)) {
?>

<tr>
<td><?php echo $nost++ ?></td>
<td><?php echo $tamst['id_transaksi']; ?></td>
<td><?php echo $tamst['nama_pelanggan']; ?></td>
<td>Rp.<?php echo $tamst['total_transaksi']; ?></td>
<td><?php echo $tamst['waktu_pembayaran']; ?></td>
<td>
<a class="btn btn-primary" role="button"
href="index.php?page=ubahstatustransaksi&trx=<?php echo
$tamst['id_transaksi']; ?>">Detail</a>
</td>
</tr>
<?php

5.2.15 Tampilan Mengubah Status Pembayaran Pelanggan


Halaman ini berisikan info produk yang dibeli oleh pelanggan dan bukti
pembayaran yang telah di unggah, setelah pengecekan pembayaran benara, admin
dapat mengubah status pembayaran pelanggan menjadi terbayar dan mengirimkan
produk ke alamat yang telah di isi pelanggan serta admin mengisi data resi
pengirimannya. Untuk lebih jelasnya bisa dilihat pada Gambar 5.15.

56
Gambar 5.15 Tampilan Halaman

<?php
$nost=1;
$tampilst = mysqli_query($koneksi,"SELECT * FROM transaksi left
join pelanggan on pelanggan.id_user=transaksi.id_user join
konfirmasi_pembayaran on
transaksi.id_transaksi=konfirmasi_pembayaran.id_transaksi where
transaksi.status='dibayar' ");
while ($tamst = mysqli_fetch_array($tampilst)) {
?>
<tr>
<td><?php echo $nost++ ?></td>
<td><?php echo $tamst['id_transaksi']; ?></td>
<td><?php echo $tamst['nama_pelanggan']; ?></td>
<td>Rp.<?php echo $tamst['total_transaksi']; ?></td>
<td><?php echo $tamst['waktu_pembayaran']; ?></td>
<td>
<a class="btn btn-primary" role="button"
href="index.php?page=ubahstatustransaksi&trx=<?php echo
$tamst['id_transaksi']; ?>">Detail</a>
</td>
</tr>
<?php

57
5.2.16 Tampilan Data Laporan Penjualan
Menampilkan data laporan penjualan produk sesuai tanggal yang dipilih.

Gambar 5.16 Tampilan Data Laporan Penjualan

<?php
$nost = 1;
$total=0;
$totalb=0;
$qry = "SELECT * FROM detail_transaksi
left join barang
on barang.id_barang=detail_transaksi.id_barang
join transaksi
on transaksi.id_transaksi=detail_transaksi.id_transaksi
join pelanggan
on pelanggan.id_user=transaksi.id_user
join konfirmasi_pembayaran
on transaksi.id_transaksi=konfirmasi_pembayaran.id_transaksi
where transaksi.status='terkirim'
and transaksi.tanggal <= '".$_POST['tgl_akhir']."' and
transaksi.tanggal >='".$_POST['tgl_awal']."' ";
$tampilst = mysqli_query($koneksi,$qry);
while ($tamst = mysqli_fetch_array($tampilst)) {
$total = $total + $tamst['total_transaksi'];
$totalb = $totalb + $tamst['jumlah_beli'];
?>
<tr>
<td><?php echo $nost++ ?></td>
<td><?php echo $tamst['id_transaksi']; ?></td>

58
<td><?php echo $tamst['tanggal']; ?></td>
<td><?php echo $tamst['id']; ?></td>
<td><?php echo $tamst['nama_pelanggan']; ?></td>
<td><?php echo $tamst['id_barang']; ?></td>
<td><?php echo $tamst['nama_barang']; ?></td>
<td><?php echo $tamst['jumlah_beli']; ?> Pcs</td>
<td>Rp.<?php echo $tamst['harga_barang']; ?></td>
<td align="right">Rp.<?php echo $tamst['total_transaksi'];
?></td>
</tr>
<?php } ?>

<tr>
<td colspan="9" align="right"><b>TOTAL BARANG TERJUAL</b></td>
<td align="right"><b><?php echo $totalb; ?> Pcs</b></td>
</tr>
<tr>
<td colspan="9" align="right"><b>TOTAL NILAI PENJUALAN</b></td>
<td align="right"><b>Rp.<?php echo $total; ?></b></td>
</tr>
</table>
</div>

59
BAB VI
PENUTUP

6.1 Kesimpulan
Dari penelitian yang dilakukan dalam proyek tugas akhir ini telah menghasilkan
sebuah Rancang Bangun Sistem penjualan Boeing Fashion Distro Berbasis
Website. Berdasarkan penelitian yang telah dilakukan tersebut dapat diambil
kesimpulan yaitu:
a. Sistem ini menyampaikan serta mempermudah pelanggan dalam
memperoleh informasi mengenai produk. Dari produk-produk baru, cara
pembelian, informasi perusahaan, dan detail produk meliputi; ukuran
produk, berat produk, serta harga produk.
b. Untuk biaya ongkir sistem ini telah tersambung ke api key Raja Ongkir
c. Berdasarkan kinerja sistem yang dijabarkan diatas pada poin pertama dapat
pula ditarik kesimpulan bahwa sistem ini dapat membantu pelanggan untuk
mendapatkan produk yang diinginkan secara lebih cepat dan tepat.

6.2 Saran
Dari hasil penelitian yang telah dilakukan muncul saran-saran guna
melakukan pengembangan lebih lanjut terhadap sistem. Saran-saran tersebut
antara lain adalah:
a. Sistem dapat dikembangkan menjadi sistem informasi yang melayani
promosi produk dengan adanya voucher atau potongan harga dengan
adanya kupon.
b. Sistem dapat dikembangkan menjadi sistem yang dilengkapi dengan
menu favorit untuk memudahkan pelanggan yang sudah memiliki
rencana memesan namun belum sekarang.

60
DAFTAR PUSTAKA

Abdullah, Thamrin dan Tantri, F. (2016), Manajemen Pemasaran, .

Buana (2014), Database Server, .

Hasyim, F.I. (2012), Sistem Informasi Penjualan Pakaian Jadi Pada Distro
Blindwear Bandung, .

Kadir, A. (2013), Pengantar Teknologi informasi, Yogyakarta: ANDI Publisher.

Kroenke, D. (2005), Database Processing, Erlangga.

Madcom (2011), Penyimpanan Data, .

Nugroho, B. (2004), Latihan Membuat Aplikasi Web PHP dan MySQL dengan
Dreamweaver MX, .

Parno (2009), Data flow diagram (DAD), .

Prasetyo Utomo, A. (2011), Perancangan Dan Pengaplikasian Sistem Penjualan


pada Distro Smith Berbasis E-Commerce, .

Purnama, E.B. (2015), Sistem Penjualan Berbasis Web E-commerce, .

Rais, I. Al (2015), Sistem Informasi Penjualan Pakaian Di Volltus Distro Bandung,


.

Simamora, H. (2000), Akuntansi Basis Pengembangan Keputusan Bisnis, .

Suryana (2004), Penjualan Toko Baju Berbasis Website, .

Sutarman (2009), Pengantar Teknologi Informasi, Jakarta: Bumi Aksara.

Winardi (2005), Manajemen Perubahan (The Management of Change), Prenada


Media, 1.

Yakub (2012), Pengantar Sistem Informasi, Yogyakarta: Graha Ilmu.

61