Aplikasi Penjualan Web PT Indoberka
Aplikasi Penjualan Web PT Indoberka
KERJA PRAKTIK
Program Studi
S1 Sistem Informasi
Oleh:
ARFIANSYAH AGMA
13410100060
Program Sarjana
Disusun Oleh:
Nim : 13410100060
2017
“BERJUANG menggapai KESUKSESAN, dan jangan lupa BERDOA
kepadaNya”
ABSTRAK
pada bidang konstruksi, pabrikasi, dan distributor rangka atap. PT. Indoberka
No.10 Surabaya. Pendiri sekaligus direktur utama dari PT. Indoberka Investama
mencatat transaksi pada nota penjualan dan buku laporan penjualan yang sebagai
laporan penjualan. Selain itu, proses retur barang di PT. Indoberka Investama juga
masih melakukan proses secara manual. Pelanggan yang ingin melakukan retur
teknologi informasi untuk pengolahan data penjualan dan retur barang merupakan
membutuhkan suatu aplikasi penjualan. Oleh karena itu, maka penulis membuat
suatu aplikasi penjualan yang dapat membantu pengolahan data penjualan, data
retur barang, dan pencatatan data stok barang serta menyusun laporan-laporan
Online.
vi
KATA PENGANTAR
Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha
Penyayang, kami panjatkan puja dan puji syukur atas kehadirat-Nya, yang telah
kerja praktik yang berjudul "Rancang Bangun Aplikasi Penjualan Berbasis Web
Pada PT. Indoberka Investama" dapat diselesaikan dengan baik dan tepat waktu.
Adapun tujuan penulisan laporan kerja praktik ini adalah untuk memenuhi
Laporan Kerja Praktik ini telah penulis susun dengan maksimal dan
pembuatan laporan ini. Untuk itu Penulis menyampaikan ucapan terima kasih
1. Orang tua dan keluarga besar Penulis yang selalu memberikan dukungan
2. Bapak Prof. Dr. Budi Jatmiko, [Link] selaku Rektor Institut Bisnis dan
Surabaya.
vii
5. Bapak Wahju Priastoto, S.E., selaku staff bagian PPKP yang sudah
ijin kerja praktik dan membimbing dengan sepenuh hati dan mengarahkan
7. Seluruh jajaran manajemen dan staff PT. Indoberka Investama yang belum
8. Terima kasih kepada seluruh pihak yang belum dapat penulis sebutkan
satu persatu yang secara langsung maupun tidak langsung terlibat dalam
Terlepas dari semua itu, Penulis menyadari sepenuhnya bahwa masih ada
kekurangan baik dari segi susunan kalimat maupun tata bahasanya. Oleh karena
itu dengan tangan terbuka kami menerima segala saran dan kritik dari pembaca
agar kami dapat memperbaiki laporan kerja praktik ini. Akhir kata kami berharap
Penulis
viii
DAFTAR ISI
Halaman
ABSTRAK ............................................................................................................. vi
ix
2.4.1 Direktur ........................................................................................... 11
2.4.2 Manager........................................................................................... 11
3.4.1 MySQL............................................................................................. 27
x
3.7 Hypertext Preprocessor (PHP) ............................................................... 28
xi
D. DFD Level 1 Pembuatan Laporan .......................................................... 52
xii
DAFTAR TABEL
Halaman
xiii
DAFTAR GAMBAR
Halaman
xiv
Gambar 4.25. Tampilan Desain Input Form Tambah Data Barang ...................... 66
Gambar 4.26. Tampilan Desain Input Halaman Master Karyawan ...................... 66
Gambar 4.27. Tampilan Desain Input Form Tambah Data Karyawan ................. 67
Gambar 4.28. Tampilan Desain Input Halaman Tabel Transaksi ......................... 68
Gambar 4.29. Tampilan Desain Input Halaman Tabel Retur Barang ................... 69
Gambar 4.30. Tampilan Desain Input Halaman Beranda Pelanggan.................... 70
Gambar 4.31. Tampilan Desain Input Lihat Keranjang ........................................ 71
Gambar 4.32. Tampilan Desain Input Checkout Transaksi .................................. 71
Gambar 4.33. Tampilan Desain Input Tabel Upload Pembayaran ....................... 72
Gambar 4.34. Tampilan Desain Input Halaman Retur Barang ............................. 73
Gambar 4.35. Tampilan Desain Output Tabel Histori Order ................................ 74
Gambar 4.36. Tampilan Desain Output Detil Histori Order ................................. 75
Gambar 4.37. Tampilan Desain Output Tabel Histori Retur Barang .................... 75
Gambar 4.38. Tampilan Desain Output Detil Histori Retur Barang ..................... 76
Gambar 4.39. Tampilan Desain Output Laporan Penjualan ................................. 77
Gambar 4.40. Tampilan Desain Output Laporan Retur Barang............................ 78
Gambar 4.41. Tampilan Desain Output Bukti Pemesanan Barang ....................... 79
Gambar 4.42. Tampilan Desain Output Bukti Pendaftaran Retur Barang ............ 79
Gambar 4.43. Tampilan Desain Output Nota Penjualan ....................................... 80
Gambar 4.44. Tampilan Desain Output Bukti Retur Barang ................................ 81
Gambar 4.45. Tampilan Desain Output Laporan Data Pelanggan ........................ 80
Gambar 4.46. Tampilan Desain Output Laporan Data Barang ............................. 82
Gambar 4.47. Tampilan Desain Output Laporan Data Karyawan ........................ 83
Gambar 4.48. Tampilan Desain Output Laporan Penjualan ................................. 84
Gambar 4.49. Tampilan Desain Output Laporan Retur Barang............................ 84
Gambar 4.50. Tampilan Interface Halaman Login ............................................... 86
Gambar 4.51. Tampilan Interface Halaman Pendaftaran...................................... 87
Gambar 4.52. Tampilan Interface Beranda Bagian Penjualan.............................. 87
Gambar 4.53. Tampilan Interface Master Pelanggan ........................................... 88
Gambar 4.54. Tampilan Interface Tambah Data Pelanggan ................................. 89
Gambar 4.55. Tampilan Interface Halaman Master Barang ................................. 90
Gambar 4.56. Tampilan Interface Tambah Data Barang ...................................... 91
xv
Gambar 4.57. Tampilan Interface Master Karyawan............................................ 91
Gambar 4.58. Tampilan Interface Tambah Data Karyawan ................................. 92
Gambar 4.59. Tampilan Interface Halaman Tabel Transaksi ............................... 93
Gambar 4.60. Tampilan Interface Halaman Tabel Retur ...................................... 94
Gambar 4.61. Tampilan Interface Halaman Laporan Penjualan........................... 95
Gambar 4.62. Tampilan Interface Halaman Laporan Penjualan........................... 96
Gambar 4.63. Tampilan Interface Halaman Beranda Pelanggan .......................... 97
Gambar 4.64. Tampilan Interface Katalog Barang ............................................... 98
Gambar 4.65. Tampilan Interface Halaman Keranjang Belanja ........................... 98
Gambar 4.66. Tampilan Interface Halaman Keranjang Checkout Transaksi ....... 99
Gambar 4.67. Tampilan Interface Halaman Upload Pembayaran ...................... 100
Gambar 4.68. Tampilan Interface Halaman Histori Order ................................. 101
Gambar 4.69. Tampilan Interface Halaman Detail Histori Order ...................... 102
Gambar 4.70. Tampilan Interface Halaman Retur Barang ................................. 102
Gambar 4.71. Tampilan Interface Keranjang Retur Barang ............................... 103
Gambar 4.72. Tampilan Interface Halaman Histori Retur Barang ..................... 104
Gambar 4.73. Tampilan Interface Detail Histori Retur Barang .......................... 104
Gambar 4.74. Tampilan Interface Bukti Pemesanan Barang .............................. 105
Gambar 4.75. Tampilan Interface Bukti Pendaftaran Barang............................. 106
Gambar 4.76. Tampilan Interface Nota Pembelian Barang ................................ 106
Gambar 4.77. Tampilan Interface Bukti Retur Barang ....................................... 107
xvi
DAFTAR LAMPIRAN
Halaman
Lampiran 4. Form KP-6 Log Harian Dan Catatan Perubahan Acuan Kerja ....... 114
xvii
BAB I
PENDAHULUAN
diperoleh dengan mudah dan cepat. Dalam kemajuan teknologi informasi ini
manufaktur yang menghasilkan produk rangka atap baja ringan atau disebut
dengan galvalum. PT. Indoberka investama berdiri pada tahun 2008 dan awalnya
perusahaan ini bernamakan UD. Berkat Jaya, dan kemudian pada tahun 2012 UD
Berkat jaya berubaha menjadi PT. Indoberka Investama. Dalam kegiatan setiap
galvalum dengan berbagai macam model rangka atap yang seusai dengan
1
2
Investama juga melakukan transaksi penjualan yang secara langsung dari pabrik
outlet-outlet.
manual. Transaksi penjualan masih dicatat pada nota penjualan dua rangkap.
Rangkap satu diberikan pada pelanggan untuk dijadikan bukti penjualan dan nota
penjualan rangkap dua digunakan sebagai arsip oleh bagian penjualan untuk
merekap hasil penjualan. Nota penjualan tersebut juga dijadikan sebagai acuan
yang berasal dari nota penjualan ke kartu stok barang. Rekapan hasil penjualan
dilakukan setiap minggu sekali, sedangkan rekapan stok barang dilakukan setiap
hari. Proses penjualan ini yang menyebabkan pengolahan data penjualan menjadi
kurang efektif dan efisien serta memerlukan penyimpanan laporan yang cukup
besar untuk menyimpan semua laporan dalam proses penjualan, sehingga laporan
membutuhkan biaya yang cukup besar untuk penyimpanan. Selain itu proses
pengolaan data penjualan barang yang masih berlangsung manual dirasa kurang
maksimal untuk proses penjualan. Pada aktifitas penjualan ini, pembeli harus
sehingga proses penjualan dapat dikelola secara efektif, efisien, dan semakin
dalam perusahaan.
aplikasi penjualan berbasis web pada PT. Indoberka Investama sebagai berikut:
2. Aplikasi penjualan ini hanya mencakup pada proses penjualan yang ada di
PT. Indoberka Investama dan tidak mencakup proses penjualan dan sistem
1.4 Tujuan
dicapai dalam Kerja Praktik ini adalah terbentuknya Aplikasi Penjualan Berbasis
1.5 Manfaat
Berdasarkan uraian yang telah dijelaskan diatas maka manfaat yang bisa
menghemat waktu.
2. Pelanggan akan lebih mudah untuk melakukan pembelian produk yang dijual
BAB I PENDAHULUAN
Pada bab ini akan dibahas tentang latar belakang yang melandasi
sistematika penulisan
BAB V PENUTUP
pengembangannya.
BAB II
di bidang kontruksi, pabrikasi, dan distributor rangka atap. Lokasi pabrik dan
Darmo Permai Utara No.3. Pendiri sekaligus direktur utama dari PT. Indoberka
Investama adalah Pak Leo. Logo PT. Indoberka Investama dapat dilihat pada
gambar 2.1.
oleh Pak Leo yang pada awalnya merupakan seorang aplikator rangka atap
galvalum, tetapi statusnya masih sebagai sebuah Usaha Dagang dengan nama UD.
Berkat Jaya. Proses bisnis yang dijalankan oleh UD. Berkat Jaya pada awalnya
hanya masih sebatas sebagai distributor rangka atap galvalum. Pada tahun 2010
Indoberka Investama
7
8
kehakiman tertanggal 3 April 2012. Hingga saat ini jumlah karyawan yang
terdapat pada PT. Indoberka Investama berjumlah 147 orang. Sebagai sebuah
Investama adalah pabrikasi dan penjualan dengan produk utamanya yaitu rangka
atap galvalum yang terdiri dari berbagai varian dan berbagai ukuran. Varian
rangka atap galvalum yang diproduksi dan dipasarkan oleh PT. Indoberka
Investama terdiri dari jenis Canal, Rang, Spandek, dan Hollow. Dalam
outlet perusahaan yang terbesar di beberapa area pemasaran. Area pemasaran PT.
Indoberka Investama saat ini meliputi area Jawa Timur yang terdiri dari wilayah
Surabaya, Sidoarjo, Malang dan Madiun; area Jawa Tengah yang terdiri dari
wialayah Yogyakarta, Solo dan Semarang; area Bali, area Lombok, dan area
Makassar. Selain penjualan melalui unit-unit outlet yang dimiliki, penjualan juga
Investama saat ini memiliki total outlet yang berjumlah 24 unit yang tersebar di
membuka pabrik baru pada area pemasaran di luar wilayah Jawa Timur untuk
biaya yang timbul dari proses distribusi dari pabrik ke outlet yang berada di luar
logo tersebut merupakan logo terakhir yang saat ini digunakan oleh PT. Indoberka
Investama.
Adapun Visi, Misi, dan Motto dari PT. Indoberka Investama akan
2.3.1 Visi
“Menjadi produsen rangka atap baja ringan yang unggul dan berdaya
saing tinggi”.
10
2.3.2 Misi
2.3.3 Motto
penjualan, bagian gudang, bagian produksi, dan bagian keuangan, serta juga
tersendiri yang dikepalai oleh seorang kepala outlet. Kepala outlet membawahi
bagian penjualan, bagian pembelian, dan admin gudang pada outlet yang
dipimpin. Struktur organisasi pada PT. Indoberka Investama dapat dilihat pada
gambar 2.2.
11
Direktur
Pak Leo
Manager
Heru Njotoprawiro
berikut:
2.4.1 Direktur
rencana strategis perusahaan dalam rangka pencapaian visi dan misi perusahaan
serta sebagai pusat koordinasi setiap kegiatan yang dijalankan oleh perusahaan.
2.4.2 Manager
melalui supplier. Barang yang dibeli dapat berupa bahan baku yang dibutuhkan
pengecekan secara rutin jumlah persediaan bahan baku dan barang jadi hasil
produksi yang disimpan di gudang. Selain itu bagian gudang juga bertugas untuk
mencatat keluar masuknya barang jadi hasil produksi yang terdapat di gudang,
pengecekan kelengkapan, jumlah, dan kondisi barang yang akan dikirim. Bagian
gudang memiliki wewenang untuk mengatur retur penjualan dan retur pembelian.
13
bahan baku, dan efisiensi penggunakan tenaga kerja, mesin, dan peralatan. Bagian
penjualan maupun transaksi pembelian yang dilakukan oleh perusahaan. Selain itu
bagian keuangan juga bertugas untuk melakukan stock opname pada setiap akhir
untuk kebutuhan penentuan jumlah uang kerajinan yang akan diterima oleh setiap
pegawai.
pembelian yang dilakukan oleh outlet. Kepala outlet memiliki wewenang untuk
menyusun dan menetapkan rencana penjualan dan pembelian dari outlet yang
dikepalai.
14
kegiatan pembelian barang-barang lain diluar dari barang yang didistribusi oleh
pabrik.
outlet dan proses keluarnya barang dari outlet ke pelanggan yang melakukan
pembelian.
yang berada dibawah koordinasi Bapak Heru sebagai manager yang bertugas
produk yang dijual oleh PT. Indoberka Investama. Bagian penjualan juga harus
perusahaan dengan melihat laporan penjualan yang dibuat oleh bagian penjualan.
15
Selain itu bagian penjualan juga melakukan kegiatan retur penjualan dari
dan kepala bagian penjualan yang dipegang oleh Ibu Novi. Sedangkan dibawah
jabatan Ibu Novi ada 2 bagian yaitu, bagian penjualan yang dijabat oleh Ibu
LANDASAN TEORI
bagian ini terdapat teori yang mendukung dalam analisa, perancangan, dan
pembuatan aplikasi.
3.1 Penjualan
perusahaan. Jika aktivitas penjualan produk maupun jasa tidak dikelola dengan
baik maka secara langsung dapat merugikan perusahaan. Hal ini dapat disebabkan
karena sasaran penjualan yang diharapkan tidak tercapai dan pendapatan pun akan
berkurang.
dilakukan oleh penjual dalam menjual barang atau jasa dengan harapan akan
diartikan sebagai pengalihan atau pemindahan hak kepemilikan atas barang atau
proses dimana kebutuhan pembeli dan kebutuhan penjual dipenuhi, melalui antar
pertukaran informasi dan kepentingan. Jadi, konsep penjualan adalah cara untuk
16
17
Dalam kenyataan penjualan mempunyai dua sistem yang biasa diterapkan oleh
suatu perusahaan perdagangan yaitu penjualan yang dilakukan dengan cara tunai
dan penjualan yang dilakukan dengan menggunakan cara kredit atau yang sering
dimana penjualan pembeli akan membayar harga barang atau jasa yang dibelinya
saat itu juga. Penjualan tunai dilaksanakan oleh perusahaan dengan cara
barang yang terjadi selama pengiriman, barang yang cacat pada saat setelah di jual
atau menghapus atau merevisi Dokumen penjualan. Hal ini memang merupakan
cara termudah namun ada informasi yang mungkin penting yang dihilangkan
dengan cara tersebut. Pada laporan penjualan juga akan terlihat nomor urut yang
yaitu:
1. Permintaan
2. Pemprosesan
3. Jawaban
website bisa terdiri dari beberapa jenis informasi grafis (tekstual dari
Menurut McLeod dan Schell (2008), System Development Life Cycle atau
analisa.
Fase dimana suatu proyek sistem informasi yang potensial dilakukan dan
c. Analysis
Fase dimana sistem yang sedang berjalan dipelajari dan alternatif sistem baru
diusulkan.
d. Logical Design
Fase dimana semua kegiatan fungsional dari sistem yang diusulkan untuk
e. Physical Design
Fase rancangan logis dari sebelumnya diubah dalam bentuk teknis yang terinci
f. Implementation
Fase dimana sistem informasi diuji dan digunakan untuk mendukung suatu
organisasi.
20
g. Maintenance
pengembangan sistem itu dibagi menjadi beberapa tahapan kerja. Tiap tahapan ini
Berdasarkan penjelasan diatas, analisa sistem adalah sebuah tahap yang paling
permasalahan yang ada dan kendala-kendala yang dihadapi. Tahap analisis sistem
dilakukan setelah tahap perencanaan sistem dan sebelum tahap desain sistem atau
perancangan sistem.
2. Understand, memahami kerja dari sistem yang ada dengan cara mempelajari
secara terinci bagaimana sistem yang ada beroperasi sebelum mencoba untuk
3. Analyze, langkah ini dilakukan berdasarkan data yang telah diperoleh dari
4. Report, laporan ini dibuat sebagai dasar untuk pemecahan masalah dan
terpisah ke dalam satu kesatuan yang utuh dan berfungsi. Tujuan dari rancangan
sistem adalah untuk memenuhi kebutuhan kepada pemakai sistem, dan untuk
memberikan gambaran secara jelas dan rancang bangun yang lengkap kepada
yang menunjukan hasil (flow) didalam program atau prosedur sistem secara
logika. Bagan alir digunakan terutama untuk alat bantu komunikasi dan untuk
dokumentasi.
22
dalam menggambar suatu bagan alir, analis sistem atau pemrograman sebagai
berikut:
a. Bagan alir sebaiknya digambar dari atas ke bawah dan mulai dari bagian kiri
c. Harus ditunjukan darimana kegiatan akan dimulai dan dimana akan berakhir.
gaji.
semestinya.
f. Kegiatan yang terpotong dan akan disambung ketempat lain harus ditunjukan
formulir (form flowchart) atau paperwork flowchart merupakan bagan alir yang
Bagan alir dokumen ini digambar dengan simbol-simbol pada gambar 3.1
(Jogiyanto, 2005).
urutan-urutan dari prosedure-prosedure yang ada dalam sistem. Bagan alir sistem
menunjukan apa yang dikerjakan sistem. Bagan alir sistem digambar dengan
komponen-komponen yang ada pada suatu sistem serta aliran-aliran data. Fungsi
utama dari DFD yaitu untuk memudahkan analis sistem untuk menggambarkan
suatu sistem sebagai satu fungsi yang saling berhubungan antara satu dengan yang
lain.
perincian dari yang sangat umum ke yang sangat terperinci. DFD banyak
digunakan oleh analis sistem untuk mewakili elemen logis dari sistem. Akan
tetapi, teknik ini tidak mewakili sistem fisik. Dengan kata lain, DFD menunjukkan
tugas logis yang sedang dilakukan, namun tidak menunjukkan cara melakukannya
atau siapa (atau apa) yang melakukannya. Simbol-simbol yang digunakan dalam
beserta relasinya. Entity merupakan sesuatu yang ada dan terdefinisikan di dalam
suatu organisasi, dapat abstrak dan nyata. Untuk setiap entity biasanya
mempunyai atribut yang merupakan ciri entity tersebut. Relasi adalah hubungan
antar entity yang berfungsi sebagai hubungan yang mewujudkan pemetaan antar
entity.
dengan jelas, dapat menggambarkan batasan jumlah entity dan partisipasi antar
entity, mudah dimengerti pemakai dan mudah disajikan oleh perancang database.
Physical Data Model (PDM) adalah jenis model data yang menggambarkan
3.5 Database
data yang saling berhubungan satu dengan lainnya, tersimpan di perangkat keras
ini, terdapat tiga hal yang berhubungan dengan basis data, yaitu sebagai berikut
ini.
1. Data itu sendiri yang diorganisasikan dalam bentuk basis data (database).
dibeli dalam bentuk suatu paket. Banyak paket perangkat lunak yang disediakan
untuk memanipulasi basis data. Paket perangkat lunak ini disebut dengan DBMS
(Data Base Management System). Contoh DBMS yang terkenal misalnya dBASE,
3.4.1 MySQL
daemon MySQL di sisi server dan berbagai macam program serta library yang
MySQL dilepaskan dengan suatu lisensi open source dan tersedia secara
cuma-cuma. MySQL bekerja pada berbagai sistem operasi dan banyak bahasa.
28
MySQL bekerja dengan cepat dan baik dengan data yang besar, PHP menyediakan
Markup Languange. Fungsi HTML di dalam sebuah dokumen web adalah untuk
mengatur struktur tampilan dokumen tersebut dan juga untuk menampilkan link
atau sambungan ke halaman web lain yang ada di internet. Biasanya sebuah
languange karena berfungsi untuk memperindah file tulisan (text) biasa untuk
bahasa pemrograman web server-side yang bersifat open source. PHP merupakan
script yang terintegrasi dengan HTML dan berada pada server (server side HTML
embedded scripting). PHP adalah script yang digunakan untuk membuat halaman
website yang dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat
yang diterima oleh client selalu terbaharui (up to date). Semua script PHP
3.8 Internet
menghubungkan antar jaringan secara global, internet dapat juga dapat disebut
jaringan alam suatu jaringan yang luas. Seperti halnya jarigan komputer lokal
yang sama yaitu Tranmission Control Protol (TCP) dan Internet Protocol (IP).
3.9 XAMPP
Dengan menggunakan paket software instalasi ini, maka sudah dapat melakukan
DESKRIPSI PEKERJAAN
nasional yang bergerak di bidang kontruksi, pabrikasi, dan distributor rangka atap
baja ringan yang menggunakan material galvalum. Produk rangka atap PT.
dihasilkan perusahaan. Selain itu, juga dilakukan analisis untuk memahami proses
bisnis yang dijalankan oleh perusahaan terkait dengan proses penjualan produk.
mengidentifikasi masalah ini terkait dengan current system yang saat ini
diterapkan.
30
31
Berdasarkan data yang didapat, identifikasi masalah yang dapat dilakukan adalah
masih menggunakan brosur, kertas nota, dan buku laporan penjualan. Hal tersebut
dikarenakan pada proses penjualan masih menggunakan cara manual dan tidak
yang dihasilkan oleh perusahaan. Dalam proses penjualan yang masih dilakukan
dengan cara menulis di nota maka laporan penjualan yang akan dibuat masih
memakai rekapan copy nota dan mecatat penjualan tersebut ke dalam buku
penjualan. Sehingga membutuhkan waktu yang cukup lama dan lamban dalam
Berdasarkan hasil identifikasi, maka sistem saat ini (current system) yang
berjalan pada PT. Indoberka Investama terkait dengan proses bisnis kegiatan
melibatkan tiga entitas yaitu, pelanggan, bagian penjualan, dan bagian gudang.
untuk memeriksa stok sesuai dengan data permintaan. Apabila stok barang tidak
32
ada maka bagian gudang memberi infromasi ke bagian penjualan bahwa stok
tersebut tidak ada dan tidak di proses, apabila stok barang ada maka bagian
gudang membuat rincian barang yang diminta dan mengirim barang tersebut ke
bagian penjualan. Setelah bagian penjualan sudah menerima rincian barang yang
diminta beserta barangnya, maka diproses oleh bagian penjualan untuk dibuatkan
nota penjualan tiga rangkap. Nota penjualan satu untukpelanggan, rangkap dua
untuk diarsipkan, dan rangkap tiga akan diberikan ke bagian gudang untuk
Pada document flowchart retur barang yang ada pada gambar 4.2
penjualan untuk dibuatkan surat pengajuan retur. Surat pengajuan retur tersebut
tesebut tidak ada kerusakan maka surat pengajuan tersebut tidak diproses, jika
barang tersebut rusak maka dilakukan proses verifikasi barang tersebut apakah
surat retur yang dilakukan pihak gudang, jika kerusakannya terjadi sesudah
diterima pelanggan maka proses retur tidak dapat diterukan. Surat retur direkap
dua rangkap, rangkap satu diberikan ke bagian penjualan, rangkap dua diarsipkan.
Setelah bagian penjualan menerima surat retur maka bagian penjualan merekap
surat retur dan rekapan surat retur itu di rekap dua rangkap, rangkap satu
diberikan ke pelanggan, dan rekap dua dibuat arsip untuk laporan retur dalam
penjualan.
current system yang saat ini dijalankan pada PT. Indoberka Investama. Hasil
2. Potensi terjadinya kesalahan dalam pencatatan nota tetap masih cukup tinggi.
4. Acuan untuk merekap hasil pendapatan dan stok barag hanya mengcau oada
Sesuai dengan masalah yang telah dibahas pada analisis sistem di atas,
dilakukan secara manual saat ini dan system flow untuk menggambarkan aplikasi
seluruh rancangan prosedur sistem pada aplikasi penjualan pada PT. Indoberka
Investama. System flowchart yang ada pada aplikasi penjualan ini meliputi system
cetak bukti pemesanan barang, system flowchart cetak nota penjualan, system
36
flowchart pendaftaran retur barang, system flowchart konfirmasi dan cetak bukti
pendaftaran calon pelanggan baru agar mendapatkan hak akses masuk ke Website
Aplikasi Penjualan PT. Indoberka Investama. Pada gambar 4.3 system flowchart
dengan masuk ke dalam halaman sign up pada aplikasi penjualan berbasis web
pada PT. Indoberka Investama. Dalam halaman pendaftaran ini, pelanggan wajib
mengisi data sesuai dengan identitas yang sebenar-benarnya, dan setelah sudah
terisi semua maka pelanggan harus mengeklik tombol simpan agar data tersebut
konfirmasi dari bagian penjualan agar ingin menjadi pelanggan yang bisa
alur konfirmasi pendaftaran calon pelanggan yang baru untuk mendapatkan hak
akses melakukan transaksi penjualan dan retur barang dalam aplikasi penjualan
ini. Bagian penjualan yang berhak mengkonfirmasi calon pelanggan baru dan
harus melakukan cek data-data pendaftaran sesuai prosedur yang ada. Setelah
mendapatkan hak akses untuk login dan akan mengirm email pemberitahuan ke
menjelaskan alur proses pemesanan barang yang akan dibeli oleh pelanggan.
supaya bisa melakukan transaksi ini. Dalam system flowchart ini, pelanggan harus
menginputkan data pemesanan barang yang sesuai dengan kebutuhan dan harus
memilih barang yang sudah disajikan dalam halaman pemesanan. Barang yang
39
ditampilkan pada menu tersebut sudah sesuai pada database barang beserta stok
mengupload bukti pembayaran yang sesuai dengan total harga barang yang dibeli.
Semua data pemesanan barang tersebut disimpan pada database penjualan, dan
sesuai id penjualan yang akan dibayar. Data upload bukti pembayaran tersebut
disimpan dan secara otomatis akan menyimpan ke dalam database upload bukti
oleh bagian penjualan, dan proses mencetak bukti pemesanan barang yang
Proses konfirmasi pemesanan barang ini harus dilakukan oleh bagian penjualan
agar dapat mengecek pemesanan barang yang dilakukan oleh pelanggan sesuai
dengan prosedur dan syarat pembelian barang atau tidak. Jika sesuai maka bagian
penjualan mengkonfirmasi pemesanan barang tersebut dan jika kalau tidak sesuai
barang tersebut berubah statusnya menjadi konfirmasi dan secara otomatis stok
pelanggan wajib untuk mencetak bukti pemesanan barang tersebut sebanyak dua
pengambilan barang yang dibeli sesuai pemesanan pelanggan dan rangkap dua
proses pembuatan sampai mencetak nota penjualan yang dijalankan oleh sistem
yang dibuat ini. Bagian penjualan mendapatkan bukti pemesanan barang dan
mengecek kembali status penjualannya dan jika sesuai maka dicetaknya nota
dua diberikan pada pelanggan, dan rangkap tiga dibuat arsip bagian penjualan.
melakukan retur atau pengembalian barang yang sudah dibeli rusak atau cacat. Di
penjualan tersebut. Form-form pada halaman ini didasari dari id penjualan yang di
menekan tombol simpan dan secara otomatis data tersebut menyimpan ke dalam
yaitu mencetak bukti pendaftaran retur barang tersebut sebanyak dua rangkap.
proses konfirmasi retur barang, dan rangkap kedua retur barang dibuat untuk
arsip.
System flowchart konfirmasi dan cetak bukti retur barang pada gambar
4.9 menjelaskan proses dari konfirmasi retur barang sampai mencetak bukti retur
barang. Awal dalam alur proses ini adalah pelanggan memberikan bukti
mencari, mengecek id retur barang, dan mengecek barang yang akan diretur
apakah kerusakannya sesuai dengan deskripsi retur barang. Bila barang yang
diretur tidak sesuai dengan deskripsi maka proses retur barang selesai dan jika
barang tersebut sesuai dengan deskripsi makan bagian penjualan mengecek barang
tersebut dengan detail dan apakah barang tersebut rusak atau cacat pada saat
sudah diterima pelanggan, atau sebelum diterima pelanggan. Jika rusaknya sudah
diterima pelanggan maka barang yang diretur tidak dapat direturkan, dan kalau
secara otomatis sistem akan mengupdate stok pada database barang, dan
disimpan pada database retur diterima, retur barang, dan barang. Setelah
44
sebagai bukti rektur, rangkap kedua dibuat untuk arsip di bagian penjualan, dan
sistem yang dibuat ini dalam menghasilkan output laporan penjualan dan retur
barang. Laporan penjualan dan retur barang ini dihasilkan untuk mempermudah
45
bagian penjualan dalam mengecek dan mengontrol penjualan dan retur barang.
utama dan beserta sub-prosesnya yang didekomposisi dari proses utama yang ada
pada sistem yang dibuat ini. Pada aplikasi penjualan berbasis web pada PT.
pelanggan, proses penjualan, proses retur barang, dan proses pembuatan laporan.
46
1
Aplikasi Penjualan Pada PT. Indoberka
Investama
1.2 1.5
1.3 1.4
Pendaftaran Pembuatan laporan
pelanggan Penjualan Retur barang
1.5.2 1.5.3
1.3.4 1.3.5
1.3.2 1.3.3 1.3.6 Laporan penjualan Laporan retur barang
Konfirmasi Cetak bukti
Pemesanan barang Upload bukti Cetak nota
pemesanan barang pemesanan
pembayaran penjualan
barang
Context diagram pada gambar 4.12 ini menunjukkan aliran data input
dan output secara luas dari sistem yang dibuat ini. Context diagram pada sistem
ini menjelaskan bahwa terdapat dua entitas, yaitu pelanggan dan bagian penjualan.
Data pelanggan
Nota penjualan
Bukti pembayaran 1
Data pelanggan
Pelanggan Aplikasi Penjualan Pada PT.
Data barang Data retur barang Bagian penjualan
Indoberka Investama
Nota penjualan Laporan
penjualan
menjelaskan proses-proses utama yang berjalan pada sistem yang dibuat ini
beserta aliran data dan penyimpanan data dari masing-masing aktivitas yang
terkait. DFD Level 0 pada gambar 4.13 ini menggambarkan bahwa terdapat empat
proses utama, yaitu proses pendaftaran pelanggan, proses penjualan, proses retur
1
Data konfirmasi pendaftaran
Pendaftaran
pelanggan
Data barang
Bukti pembayaran
5 upload_bukti_pembayaran
Data pelanggan
1.1
1 pelanggan
1.2
Konfirmasi
Data pelanggan pendaftaran
merupakan hasil dekomposisi dari Data Flow Diagram level 0 pada proses
pendaftaran pelanggan. Pada Data Flow Diagram level 1 ini terdapat dua proses
dan dua external entity. Dua proses tersebut terdiri dari proses pendaftaran dan
Data Flow Diagram level 1 penjualan pada gambar 4.15 merupakan hasil
dekomposisi dari Data Flow Diagram level 0 pada proses penjualan. Pada Data
Flow Diagram level 1 ini terdapat lima proses dan dua external entity. Kelima
konfirmasi pemesanan barang, cetak bukti pemesanan barang, dan cetak nota
50
penjualan. Sedangkan dua external entity terdiri dari pelanggan dan bagian
penjualan.
Data pelanggan
1 pelanggan
2 barang
Data barang
Data konfirmasi pemesanan
2.3 barang
Status pemesanan Status pemesanan barang
Konfirmasi pemesanan
barang
barang
Data konfirmasi
7 transaksi_diterima
pemesanan barang
Data pemesanan barang
Data penjualan
Nota penjualan
2.5
Cetak nota penjualan
Nota penjualan
Data Flow Diagram level 1 retur barang pada gambar 4.16 ini merupakan
hasil dekomposisi dari Data Flow Diagram level 0 pada proses retur barang. Pada
Data Flow Diagram level 1 retur barang terdapat tiga proses dan 2 external entity.
Ketiga proses tersebut terdiri dari pendaftaran retur barang, konfirmasi retur
barang, dan cetak bukti retur barang. Sedangkan dua external entity meliputi
1 pel anggan
3 penj ual an
4 retur_barang
3.1
Data retur
Pel anggan barang Pendaftaran retur barang
Data retur barang
Laporan penjualan
Data penjualan
3 penjualan 4.1
Laporan penjualan
Data periode
laporan
Bagian penjualan
Data laporan
periode
4.2
Data retur barang
4 retur_barang Laporan retur barang
Laporan retur barang
Data Flow Diagram level 1 pembuatan laporan pada gambar 4.17 ini
merupakan hasil dekomposisi dari Data Flow Diagram level 0 pada proses
pembuatan laporan. Pada Data Flow Diagram level 1 ini terdapat dua proses dan
satu external entity. Kedua proses tersebut meliputi laporan penjualan dan laporan
satu dengan tabel yang lain dalam sistem yang dibuat ini. CDM pada aplikasi
penjualan berbasis web pada PT. Indoberka Inestama ini dijelaskan pada gambar
4.18. Pada CDM terdapat enam tabel yang terdiri dari tabel pelanggan, tabel
barang, tabel bagian penjualan, tabel penjualan, tabel upload bukti pembayaran,
Conceptual Data Model (CDM) yang sudah dibuat tadi. Perancangan PDM
merupakan representasi fisik dari database yang akan dibuat. PDM menggunakan
sejumlah tabel untuk menggambarkan data serta hubungan antara data-data yang
ada di sistem yang dibuat ini. Penggambaran PDM pada sistem yang dibuat ini
aplikasi penjualan pada PT. Indoberka Investama, meliputi nama tabel, nama
atribut, tipe data, serta data pelengkap seperti primary key dan foreign key. Data-
data dibawah ini akan menjelaskan satu per satu secara detil dari struktur tabel
sistem.
A. Tabel Pelanggan
nama_pelanggan Varchar 60
no_telp_pelanggan Varchar 14
email_pelanggan Varchar 50
password_pelanggan Varchar 25
status Varchar 50
56
B. Tabel Barang
nama_barang Varchar 60
harga Int
stok Int
nama_bagian_penjualan Varchar 60
no_telp_bagian_penjualan Varchar 14
email_bagian_penjualan Varchar 50
username_bagian_penjualan Varchar 25
password_bagian_penjualan Varchar 25
D. Tabel Penjualan
tanggal_transaksi Date
total_harga Int
58
status Varchar 50
kuantitas Int
sub_total Int
bagian penjualan
tanggal_diterima Date
tanggal_retur Date
status Varchar 30
kuantiti Int
bagian penjualan
Key
Key
Key
tanggal_retur_diterima Date
Desain input dan output (I/O) merupakan rancangan I/O berupa form
untuk memasukkan data dan membuat laporan sebagai informasi yang dihasilkan
dari pengelolaan data serta merupakan acuan membuat aplikasi dalam merancang
A. Desain Input
1) Halaman Login
PT. Indoberka Investama. Halaman ini berfungsi untuk melakukan login agar
bisamasuk kedalam aplikasi. Terdapat dua input text yang terdiri dari email dan
PT. Indoberka Investama. Dalam halaman pendaftaran ini terdapat enam input text
dan dua button. Enam input text terdiri dari id pelanggan, nama pelanggan, no.
63
melihat data pelanggan yang ada di dalam database pelanggan dan sebagai
64
halaman untuk memberi aktivasi pelanggan agar mendapatkan hak ases untuk
master pelanggan terdapat tabel yang berisi sembilan kolom dan lima button.
alamat pelanggan, no. telepon pelanggan, passowrd pelanggan, status, dan aksi.
Sedangkan lima button terdiri dari button tambah button data pelanggan, button
pelanggan baru ke dalam database pelanggan. Form ini sama seperti halaman
pendaftaran pelanggan dan bedanya adalah halaman ini hanya bisa diakses oleh
bagian penjualan. Dalam form tambah data pelanggan ini terdapat enam input text
dan dua button. Enam input text terdiri dari id pelanggan, nama pelanggan, no.
melihat data barang yang ada di dalam database barang. Halaman ini juga
berfungsi sebagai update stok barang. Dalam halaman master barang terdapat
tabel yang berisi delapan kolom dan empat button. Delapan kolom tersebut terdiri
dari nomor, id barang, nama barang, harga, stok, deskripsi barang, gambar, dan
aksi. Sedangkan empat button terdiri dari button tambah data barang, button cetak,
dalam database barang. Terdapat lima input text yaitu id barang, nama barang,
harga, stok, deskripsi barang, dan terdapat tiga button yang terdiri dari button pilih
melihat data bagian penjualan yang ada di dalam database bagian penjualan.
67
Dalam halaman master karyawan terdapat tabel yang berisi sembilan kolom dan
empat button. Sembilan kolom terdiri dari nomor, id karyawan, nama karyawan,
password karyawan, dan aksi. Sedangkan empat button terdiri dari button tambah
baru ke dalam database bagian penjualan. Terdapat tujuh input text yang terdiri
dari id karyawan, nama karyawan, alamat karyawan, no. telepon karyawan, email
karyawan, username karyawan, password karyawan, dan terdapat dua button yaitu
data transaksi yang masuk ke dalam database penjualan. Halaman tabel transaksi
penjualan. Dalam halaman ini tedapat tabel yang berisi sembilan kolom, satu
input text, dan empat button. Sembilan kolom tersebut terdiri dari nomor, id
gambar, dan aksi. Keempat button tersebut terdiri dari button cari, button
konfirmasi, button lihat detail, dan button cetak. Sedangkan input text yang ada
Halaman tabel retur barang adalah halaman yang berfungsi unuk melihat
data retur barang yang masuk ke dalam database penjualan. Halaman tabel retur
mencetak bukti retur barang. Dalam halaman ini tedapat tabel yang berisi dua
belas kolom, satu input text, dan empat button. Sembilan kolom tersebut terdiri
kuantiti, tanggal transaksi, tanggal retur, deskripsi, status dan aksi. Keempat
button tersebut terdiri dari button cari, button konfirmasi, button lihat detail, dan
button cetak. Sedangkan input text yang ada dalam halaman tabel transaksi yaitu
melakukan login dan halaman ini merupakan halaman yang berfungsi sebagai
ini terdapat tabel yang berisi lima kolom, empat button, tampilan gambar
carousell, dan dua input text. Lima kolom tabel tersebut terdiri id barang, nama
barang, harga, deskripsi barang, dan tampilan barang. Empat button terdiri dari
button lihat keranjang, button checkout, button cari, dan button tambah ke
keranjang. Sedangkan dua input text terdiri dari search, dan kuantiti.
pembelian sebelum melakukan checkout. Dalam halaman ini terdapat tabel yang
71
berisi enam kolom, dua button, dan satu text. Enam kolom tersebut terdiri dari id
barang, nama barang, harga, jumlah, subtotal, dan aksi. Dua button terdiri dari
button lihat keranjang, button checkout, button hapus dan button edit. Sedangkan
pembelian barang setelah memilih barang yang akan dibeli. Dalam halaman ini
terdapat lima input text dan tiga button. Lima input text terdiri dari id penjualan, id
pelanggan, nama pelanggan, tanggal pesan, dan grand total. Sedangkan tiga
button terdiri dari button lihat keranjang, button checkout, dan button proses.
halaman upload pembayaran ini terdapat suatu tabel yang berisi kolom nomor, id
penjualan, nama pelanggan, tanggal transaksi, total harga, gambar, status, dan
aksi. Dalam kolom aksi terdapat dua button, yaitu button pilih file dan button
upload.
73
pendaftaran penukaran barang yang ingin ditukar dan barang yang ditukar harus
sesuai dengan penjualan sebelumnya. Dalam halaman retur barang ini terdapat
enam input text, empat button, dan tabel yang berisi enam kolom. Enam input text
tersebut terdiri dari id retur, id penjualan, id barang, nama barang, kuantiti, dan
deskripsi kerusakan. Empat button terdiri dari button tambah, button batal, button
hapus, dan button simpan transaksi. Sedangkan tabel berisi enam kolom tersebut
dan aksi.
B. Desain Output
Halaman histori order adalah halaman yang ada tabel berisi data-data
pembelian barang dari pelanggan tersebut yang berfungsi untuk melihat histori
transaksi pembelian barang. Halaman order histori juga berfungsi untuk mencetak
bukti pemesanan barang. Dalam halaman histori order terdapat tabel yang berisi
kolom sebanyak sepuluh dan dua button. Sepuluh kolom tersebut terdiri dari
harga, gambar pembayaran, status, dan aksi. Sedangkan dua button terdiri dari
Detil histori order adalah halaman yang berfungsi untuk melihat detil
transaksi yang ada pada id penjualan tersebut. Detil histori order terdapat sebuah
tabel yang berisi enam kolom dan satu button. Enam kolom tersebut terdiri dari
75
nomor, id barang, nama barang, harga, kuantiti, dan subtotal. Sedangkan button
Halaman histori retur barang pada gambar 4.37 adalah halaman yang
menampilkan tabel berisi data-data retur barang dari pelanggan tersebut yang
berfungsi untuk melihat histori transaksi retur barang. Halaman histori retur
barang juga berfungsi untuk mencetak bukti pendaftaran retur barang. Dalam
halaman histori retur barang terdapat tabel yang berisi kolom sebanyak enam dan
dua button. Enam kolom tersebut terdiri dari nomor, id retur, nama pelanggan,
tanggal retur, tanggal diterima, dan aksi. Sedangkan dua button terdiri dari button
Detil histori histori retur adalah halaman yang berfungsi untuk melihat
detil retur barang yang ada pada id retur tersebut. Detil histori retur barang
terdapat sebuah tabel yang berisi delapan kolom dan satu button. Delapan kolom
tanggal transaksi, status, dan deskripsi.. Sedangkan button hanya ada button close.
77
penjualan ini terdapat dua input text, dua button, dan tabel yang berisi sembilan
kolom. Dua input text terdiri dari tanggal awal, dan tanggal akhir. Dua button
terdiri dari button proses, dan button reset. Sedangkan sembilan kolom yang ada
Laporan retur barang pada gambar 4.40 adalah halaman yang berfungsi
Dalam halaman laporan retur barang ini terdapat dua input text, dua button, dan
tabel yang berisi delapan kolom. Dua input text terdiri dari tanggal awal, dan
78
tanggal akhir. Dua button terdiri dari button proses, dan button reset. Sedangkan
sembilan kolom yang ada di tabel terdiri dari nomor, id retur, id penjualan,
sebuah output yang dikeluarkan oleh sistem secara otomatis setelah menekan
button cetak. Output ini berfungsi sebagai bukti bahwa pelanggan sudah memesan
barang dan bukti tersebut diberikan ke bagian penjualan agar transaksi pembelian
dapat diproses. Dalam bukti pemesanan barang terdapat text yang berisi id
penjualan, nama pelanggan, status, tanggal transaksi, tanggal diterima, dan bagian
penjualan, dan grand total. Selain itu juga terdapat tabel yang berisi kolom id
Bukti pendaftaran retur barang pada gambar 4.42 adalah sebuah output
yang dikeluarkan oleh sistem secara otomatis setelah menekan button cetak pada
halaman histori retur barang. Output ini berfungsi sebagai bukti bahwa pelanggan
sudah mendaftarkan barang yang diretur dan bukti tersebut diberikan ke bagian
penjualan agar transaksi retur barang dapat diproses. Dalam bukti pemesanan
barang terdapat text yang berisi id retur, nama pelanggan, id penjualan, tanggal
transaksi retur, dan tanggal transaksi. Selain itu juga terdapat tabel yang berisi
Nota penjualan adalah sebuah output yang dikeluarkan oleh sistem secara
otomatis setelah menekan button cetak. Output ini dicetak oleh bagian penjualan
dan berfungsi sebagai bukti bahwa pembelian barang pelanggan sudah diproses.
Nota pembelian barang diberikan kepada pelanggan dan bagian gudang. Dalam
81
nota pembelian barang terdapat text yang berisi id penjualan, nama pelanggan,
status, tanggal transaksi, tanggal diterima, bagian penjualan, status nota, dan
grand total. Selain itu juga terdapat tabel yang berisi kolom id barang, nama
Bukti retur barang adalah sebuah output yang dikeluarkan oleh sistem
secara otomatis setelah menekan button cetak. Output ini dikeluarkan oleh bagian
penjualan dan berfungsi sebagai bukti bahwa retur barang pelanggan sudah
diproses dan diberikan kepada pelanggan serta bagian gudang. Dalam bukti retur
barang terdapat text yang berisi id retur, nama pelanggan, id penjualan, tanggal
retur, tanggal transaksi, dan bagian penjualan. Selain itu juga terdapat tabel yang
secara otomatis setelah menekan button cetak. Output ini berfungsi sebagai
biodata pelanggan.
secara otomatis setelah menekan button cetak seperti yang ditunjukkan pada
gambar 4.4.6. Output ini berfungsi sebagai laporan rekapan barang agar dapat
secara otomatis setelah menekan button cetak. Output ini berfungsi sebagai
laporan rekapan bagian penjualan PT. Indoberka Investama yang sebagai admin
juga dalam aplikasi penjualan PT. Indoberka Investama ini dan laporan ini
secara otomatis dan berdasarkan periode yang diinputkan setelah menekan button
cetak seperti ditunjukkan pada gambar 4.48. Output ini berfungsi sebagai laporan
rekapan transaksi penjualan agar bagian penjualan bisa melihat dan mengontrol
84
pemasukan dengan mengecek laporan penjualan yang dicetak atau yang ada di
sistem.
Laporan retur barang adalah sebuah output yang dikeluarkan oleh sistem
secara otomatis dan berdasarkan periode yang diinputkan setelah menekan button
cetak. Output ini berfungsi sebagai laporan retur barang agar bagian penjualan
bisa melihat dan mengontrol pembukuan retur barang dengan mengecek laporan
pada PT. Indoberka Investama, penjelasan perangkat keras, perangkat lunak, dan
4.5.1 Teknologi
A. Perangkat Keras
3) VGA On Board
5) Hardisk 500GB
7) Printer
B. Perangkat Lunak
adalah:
2) XAMPP
A. Halaman Login
Pada interface login user pada gambar 4.50, yang dapat melakukan login
adalah bagian penjualan dan pelanggan. Jika pelanggan yang login maka harus
menginputkan email dan passowrd pada kolom yang tersedia, dan jika bagian
penjualan yang login maka harus menginputkan username pada kolom email dan
B. Halaman Pendaftaran
dengan data dirinya dan tidak boleh mengarang dalam mengisi form-form
dan jika data pelanggan yang dinputkan sesuai dengan prosedur maka data
disajikan tampilan yang berisi gambar carousel tentang galvalum. Dalam halaman
ini terdapat menubar yang berisi menu-menu yang khusus diberikan kepada
bagian penjualan untuk melayani pelanggan. Menubar tersebut terdiri dari home,
master pelanggan, master barang, master karyawan, tabel transaksi, tabel retur,
dan ada dropdown laporan yang berisi laporan penjualan dan laporan retur.
daftar pelanggan yang ada pada database. Terdapat fitur search box yang berguna
untuk melakukan pencarian pelanggan dan dua tombol Tambah Data Pelanggan
pelanggan dan tombol cetak untuk mencetak data-data pelanggan sebagai laporan
data pelanggan. Dalam halaman ini disajikan data pelanggan yang digambarkan
89
dengan menggunakan tabel. Dalam tabel tersebut ada tombol edit untuk mengedit
data pelanggan, tombol hapus untuk menghapus data pelanggan, dan tombol
aktivasi yang berguna untuk memberi akses pelanggan agar dapat menggunakan
Jika bagian penjualan menekan tombol tambah data pelanggan pada master
gambar 4.54. Halaman tambah data pelanggan berfungsi untuk menginputkan data
pelanggan yang baru. Perbedaan antara halaman pendaftaran dan halaman tambah
data pelanggan adalah statusnya dan yang menginputkan data. Kalau halaman
pendaftaran, status pelanggan yang masuk masih belum mendapatkan hak akses
dan menunggu untuk aktivasi dan yang menginputkan adalah pelanggan itu
sendiri. Sedangkan halaman tambah data pelanggan, status secara otomatis sudah
daftar barang yang ada pada database barang. Terdapat fitur search box yang
berguna untuk melakukan pencarian barang dan dua tombol Tambah Data Barang
yang berfungsi untuk menambahkan data barang yang baru kedalam database
barang dan tombol cetak untuk mencetak data-data barang sebagai laporan data
barang. Dalam halaman ini disajikan data barang yang digambarkan dengan
menggunakan tabel. Dalam tabel tersebut ada tombol edit untuk mengedit data
barang, tombol hapus untuk menghapus data barang, dan ada tampilan untuk
gambar barang.
Jika bagian penjualan menekan tombol tambah data barang pada master
barang, maka halaman berpindah ke halaman tambah data barang seperti pada
91
gambar 4.56. Halaman tambah data barang berfungsi untuk menginputkan data
barang yang baru. Dalam halaman data barang ini bagian penjualan harus
menginputkan sesuai data barang yang dijual dan harus mengupload gambar
barangnya.
daftar bagian penjualan yang ada pada database bagian penjualan. Terdapat fitur
search box yang berguna untuk melakukan pencarian bagian penjualan dan dua
tombol Tambah Data Karyawan yang berfungsi untuk menambahkan data bagian
penjualan yang baru kedalam database bagian penjualan dan tombol cetak untuk
Dalam halaman ini disajikan data bagian penjualan yang digambarkan dengan
menggunakan tabel. Dalam tabel tersebut ada tombol edit untuk mengedit data
bagian penjualan, dan tombol hapus untuk menghapus data bagian penjualan.
baru, dan menekan tombol tambah data karyawan pada master karyawan, maka
halaman berpindah ke halaman tambah data barang seperti pada gambar 4.58.
penjualan yang baru dan menyimpan data tersebut ke dalam database agar
barang ini bagian penjualan harus menginputkan sesuai data bagian penjualan
transaksi pelanggan yang masuk ke dalam database dan juga berfungsi untuk
pembelian barang. Dalam halaman ini terdapat fitur search box yang berguna
untuk melakukan pencarian transaksi milik pelanggan, dan sebuah tabel yang
tanggal transaksi, total harga, status, gambar upload pembayaran, dan aksi yang
ada tombol konfirmasi untuk mengkonfirmasi transaksi, tombol lihat detail yang
berguna untuk melihat detail dalam id penjualan, dan tombol cetak yang berfungsi
Pada interface halaman tabel retur berfungsi untuk melihat data retur
barang pelanggan yang masuk ke dalam database dan juga berfungsi untuk
barang. Dalam halaman ini terdapat fitur search box yang berguna untuk
melakukan pencarian transaksi retur barang milik pelanggan, dan sebuah tabel
barang, kuantiti, tanggal transaksi, tanggal retur, deskripsi, status, dan aksi yang
ada tombol konfirmasi untuk mengkonfirmasi retur barang, tombol lihat detail
yang berguna untuk melihat detail dalam id retur, dan tombol cetak yang
seluruh transaksi penjualan beserta detail penjualan dan dijadikan sebagai laporan
text box untuk menginputkan tanggal awal dan tanggal akhir serta ada dua tombol
untuk proses dan reset tanggal. Tabel tersebut terdapat kolom id penjualan, id
pelanggan, tanggal transaksi, tanggal diterima, id barang, kuantiti, sub total, dan
total harga serta muncul tombol cetak untuk mencetak laporan tersebut.
menampilkan seluruh transaksi retur barang beserta detail retur barang dan
dijadikan sebagai laporan retur barang. Laporan retur barang ini muncul
laporan retur barang terdapat text box untuk menginputkan tanggal awal dan
tanggal akhir serta ada dua tombol untuk proses dan reset tanggal. Tabel tersebut
kuantiti, dan deskripsi serta muncul tombol cetak untuk mencetak laporan
tersebut.
tampilan yang berisi gambar carousel tentang galvalum. Dalam halaman ini
dalam membeli barang dan retur barang. Menubar tersebut terdiri dari home,
barang berupa tabel ditunjukkan pada gambar 4.64. Halaman ini berfungsi untuk
memberi kemudahan pelanggan dalam memilih barang yang akan dibeli dan jika
mengisi kuantiti barang yang dibeli menekan tombol tambah ke keranjang agar
berisi kolom yang terdiri dari id barang, nama barang, harga, deskripsi barang,
Halaman keranjang pada hambar 4.65 ini berfungsi untuk menyimpan data
pilihan barang yang akan dibeli oleh pelanggan dan menampilkan barang-barang
apa saja yang akan dibeli oleh pelanggan. Adanya halaman ini, pelanggan dapat
membeli banyak pilihan barang dan pelanggan diberi fasilitas untuk menghapus
barang pada keranjang dengan menekan tombol hapus pada tabel, dan mengubah
kuantiti barang yang dibeli dengan menekan tombol ubah pada tabel. Jika pilihan
barang pada keranjang sudah pasti maka proses selanjutnya yaitu pelanggan
M. Halaman Checkout
barang. Halaman ini sudah menginputkan data dalam form-form yang ada pada
halaman tersebut secara otomatis. Form-form tersebut tidak bisa diubah oleh
pelanggan yang melakukan sesuai transaksi, dan data transaksi yang diinputkan.
proses supaya data tersebut tersimpan dalam database dan masuk kedalam
barang selesai. Dalam halaman ini pelanggan harus diwajibkan mengupload bukti
pembayarannya sesuai dengan id penjualan dan grand total yang sudah tertera di
bukti pembayaran tersebut, setelah itu menekan tombol pilih file untuk mencari
file bukti pembayaran tersebut, dan jika sudah memilih file pembayaran maka
101
Halaman Histori Order pada gambar 4.68 ini adalah halaman yang
informasi rekapan pembelian barang bagi pelanggan. Halaman ini juga digunakan
untuk mencetak bukti pemesanan barang jika proses pemesanan barang sudak
dikonfirmasi oleh bagian penjualan, dengan menekan tombol cetak maka sistem
secara otomatis membuat file berupa pdf yang digunakan sebagai bukti
Selain itu dalam tabel histori pembelian ini terdapat tombol lihat detail untuk
Halaman Retur Barang pada gambar 4.70 adalah halaman yang berfungsi
untuk pendaftaran barang yang akan dikembalikan karena cacat atau rusak.
pendaftaran retur barang. Semua form-form yang ada pada halaman ini sudah
otomatis memanggil data sesuai dengan prosedur retur barang kecuali kuantiti
barang yang ingin ditukar dan deskripsi. Jika pelanggan sudah menentukan barang
yang ingin diretur maka pelanggan harus menekan tombol tambah agar data
barang tersebut pindah kedalam keranjang retur yang ditunjukkan pada gambar
4.71. Keranjang retur berfungsi untuk menyimpan data-data barang yang ingin
berfungsi agar pelanggan dapat meretur banyak jenis barang sesuai dengan id
penjualan. Jika pelanggan sudah selesai memilih barang yang ingin diretur, maka
pelanggan diwajibkan untuk menekan tombol simpan agar data tersebut simpan ke
dalam database.
Halaman Histori Retur pada gambar 4.72 ini adalah halaman yang
menampilkan histori retur barang dan juga berfungsi untuk memberi informasi
rekapan retur barang bagi pelanggan. Halaman ini juga digunakan untuk mencetak
bukti pendaftaran retur barang, dengan menekan tombol cetak maka sistem secara
otomatis membuat file berupa pdf yang digunakan sebagai bukti pendaftaran retur
pengembalian barang.
104
Selain itu dalam tabel histori pembelian ini terdapat tombol lihat detail
untuk menampilkan detail transaksi retur barang barang seperti pada gambar 4.73.
barang yang sudah dibeli dan bukti ini diberikan kepada bagian penjualan agar
Bukti pendaftaran retur barang pada 4.75 adalah bukti yang yang berfungsi
untuk menukarkan atau mengembalikan barang yang rusak atau cacat. Bukti ini
tersebut berdasarkan deskripsi yang ada di bukti pendaftaran retur dan apakah
Nota pembelian barang pada gambar 4.76 adalah bukti yang dicetak oleh
bagian penjualan dari sistem untuk diberikan ke pelanggan sebagai bukti bahwa
transaksi pemesanan barang pelanggan telah selesai dan barang sudah diterima
oleh pelanggan. Nota penjualan dicetak oleh bagian penjualan sebanyak tiga
rangkap. Rangkap pertama diberikan pelanggan, rangkap kedua dibuat arsip, dan
Bukti Retur Barang pada gambar 4.77 adalah bukti yang dicetak oleh
bagian penjualan dari sistem untuk diberikan ke pelanggan sebagai bukti bahwa
transaksi retur barang pelanggan telah selesai dan barang sudah diretur dan
diterima oleh pelanggan. Bukti Retur Barang dicetak oleh bagian penjualan
PENUTUP
5.1 Kesimpulan
1. Berdasarkan Aplikasi yang dibuat pada saat kerja praktik ini bagian
penjualan dapat melakukan transaksi penjualan dan retur barang yang lebih
2. Aplikasi pada saat kerja praktik ini berfungsi untuk membantu bagian
5.2 Saran
Berdasarkan Aplikasi Penjualan berbasis web yang telah dibuat ini, dapat
maintenance software.
108
DAFTAR PUSTAKA
Anhar, ST. 2010. Panduan Menguasai PHP dan MySQL secara Otodidak.
Jakarta: Mediakita.
Jogiyanto, Hartono. 2005. Analisis & Desain Sistem Informasi. Yogyakarta: Andi
Offset.
Kotler, Philip. 2006. Manajemen Pemasaran Edisi 11. Jakarta: PT. Indeks
Kadir, & Abdul. 2009. From Zero To A Pro - Membuat Aplikasi Web Dengan
PHP Dan Database MySQL. Yogyakarta: Andi Offset.
McLeod, R., & Schell, G. 2008. Sistem Informasi Manajemen. Jakarta: Salemba
Empat.
Sibero, F.X Alexander. 2011. Kitab Suci Web Programming. Jakarta: MediaKom.
Stice dan Skousen. 2009. Akuntansi Intermediate, Edisi Keenam Belas, Buku 1,
Salemba Empat, Jakarta.
Sya'ban, W. 2010. Build Your Blogger XML Template. 1st ed. Yogyakarta:
Penerbit ANDI.
109