SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA

TOKO IPANG DUKUHWARU

Muhammad Andrie Irawan

Program Studi D3 Teknik Informatika

Politeknik Baja Tegal

Alamat : Jl. Raya Slawi – Jatibarang Km.4 Kec. Dukuhwaru Kab. Tegal
Telp. (0283) 6193309 – Website : poltekbajategal.ac.id

Korespondensi : andrieirawan687@gmail.com

Abstract
The use of this information system is to provide convenience to users.
Therefore, it is necessary to make a sales information system application to
improve the performance process at the ipang shop which was originally
manual into a computer system. This manufacture by means of data collection,
sistem planning, system analysis and design. Developed with PHP My Admin
and ready to be developed.

Keywords :Sales Information System application, Developed with PHP My

Admin.

Abstrak
Penggunaan dari Sistem Informasi Penjualan ini adalah untuk memberikan
kemudahan kepada pengguna. Oleh karena itu perlu dibuat suatu aplikasi
Sistem Informasi Penjualan untuk meningkatkan proses kinerja pada Toko
Ipang yang semula manual menjadi terkomputerisasi. Pembuatan aplikasi ini
dilakukan dengan cara pengumpulan data, perencanaan sistem, analisa sistem,
dan perancangan sistem. Pembuatan program aplikasi dikembangkan dengan
PHP MyAdmin. Dapat disimpulkan bahwa perancangan dan penerapan dari
Perancangan Sistem Informasi Penjualan Berbasis Web Pada Toko Ipang
Dukuhwaru telah siap dikembangkan.

Kata Kunci : Sistem Informasi Penjualan, PHP MyAdmin.

PENDAHULUAN
Kemajuan teknologi saat ini
memaksa segala pekerjaan yang
dilakukan oleh manusia dituntut
untuk cepat dan tepat. Dengan
semakin berkembangnya teknologi
seperti saat ini, pasti akan
berdampak pada segala aspek,
salah satunya adalah aspek bisnis.
Komputerisasi merupakan salah
satu solusi agar kita sebagai pelaku
bisnis dapat melakukan pekerjaan
secara cepat yang semula kita
lakukan dengan cara manual.
Sistem seperti ini masih sering kita
temui terutama di toko yang
berlokasi di sekitar pasar.
Toko yang berlokasi di sekitar
pasar ini banyak diminati oleh
masyarakat karena lengkapnya
produk yang dijual serta
kebebasan memilih produk sendiri
tanpa perlu banyak dilayani yang
tentu sangat berbeda jika kita
berkunjung di supermarket kita
berkunjung ke Supermarket.
Hal ini bagi sebagian orang
adalah suatu nilai lebih. Toko
Ipang merupakan salah satunya,
Toko Ipang adalah toko yang
menjual berbagai jenis keperluan
perlengkapan sekolah,alat tulis
kantor dan peralatan rumah
tangga. Sistem manual masih
berlaku di toko ipang, melakukan
penjualan dengan cara pencatatan
secara manual menggunakan buku
atau nota saja. Selain dapat
menimbulkan kesalahan, hal ini
tentu membuat konsumen harus
menunggu cukup lama ketika
melakukan proses pembayaran.
Berdasarkan masalah diatas
maka penulis sangat tertarik untuk
mencoba membuat sebuah aplikasi
denganhhjudul
“SISTEMjINFORMASIhhPENJU
ALANmBERBASISjWEBjnPAD
AgTOKOIPANGhDUKUHWRU

LANDASAN TEORI banyak aspek yang terkait

denganya, yaitu sejarah perangkat
Konsep Dasar Informasi
keras dan bagaimana perangkat
1. Informasi
keras itu digunakan. Lebih dari
Informasi adalah data yang telah setengah abad,
diklasifikasikan atau diolah untuk
Komputer digital ditemukan dan
digunakanhhdalam..proseshhpenga
digunakan untuk segala keperluan
mbilan keputusan. Kadir, Abdul.
baik dalam organisasi bisnis,
(2004) Untuk menggali sejauh
nonbisnis maupun perseorangan.
manahhperkembanganhhsistem
Teknologihsaathinihtelahhhmenga
informasi, akan menyangkut
lamihperkembanganhhyanghhsang
athrevolusioner dan dengan kinerja
yang berlipat meningkat, namun
ukurannya semakin kecil, semakin
ringan, kuat, dan murah. Tak
hanya itu, perangkat lunaknya juga
ikut mengalami perkembangan
yang luar biasa cepat. Mulai dari
programhaplikasihsederhanahmenj
adi program yang didesain untuk
mendukunghsistemjpembuatan
keputusanhyangjkompleksjsekalip
un.
2. Web
Web dibuat dengan suatu bahasa
pengkodean HTML, agar dapat
interaktif maka seorang web
development membuat suatu
pemrograman agar dapat interaksi
antara pengunjung dan situs
tersebut. World Wide Web
(“WWW”, atau singkatnya Web)
adalah suatu ruang informasi
dimana sumber-sumber daya yang
berguna di identifikasi oleh
pengenal global yang disebut
Uniform Resource Identifier
(URI).
3. PHP
MenurutgPeranginangin,Kasiman.
(2006),merupakanhbahasanberbent
uk skrip yang ditempatkan pada
sisi server dan diproses di server.
Hasilnya akan dikirimkan ke klien,
tempat pemakai menggunakan
browser. Secara khusus, PHP
dirancang untuk membentuk web
dinamis. Artinya ia dapat
membentuk satu tampilan
2
berdasarkan permintaan terkini.
Yang menarik, kode PHP juga bisa
berkomunikasi dengan basis data
dan melakukan perhitungan-
perhitungan yang kompleks sambil
jalan.
4. MySQL
PengertianhMenurutjMADCOM
S, 2016, MySQL adalah salah satu
jenishdatabasehserverhyangjmeng
gunakan SQL sebagai bahasa
dasarhuntukjmengakseshdatabasen
ya. MySQL termasuk jenis
RDBMS (Relational Database
Management System). Itu
sebabnya istilah seperti tabel,
baris, dan kolom digunakan pada
MySQL. Pada MySQL, sebuah
database mengandung satu atau
sejumlah tabel. Tabel terdiri dari
sejumlah baris dan setiap baris
5. Boostrap
Boostrap merupakan sebuah
library framework CSS yang telah
dibuathkhusushhuntukjjmengemba
ngkan front end sebuah website.
Dengan adanya bootstrap tersebut
tentu saja membuat halaman
website bisa menyesuaikan dengan
ukuran monitor device. Baik jika
di akses lewat ponsel, tablet
ataupun desktop. Awal mulanya,
bootstrap sendiri bernama Twitter
Blueprint. Ini dulunya diciptakan
dan dikembangkan oleh Jacob
Thornton dan Mark Otto yang ada
di Twitter untuk perangkat kerja
yang bisa mendorong konsistensi
pada alat internalnya.
6. Web hosting
PengertianhhWebhhhosting
MenuruthhChrisnatasari,A(2017),
adalah layanan online untuk
mengonlinekan website atau
aplikasi web di internet. Ketika
Anda membeli dan mendaftar di
suatu layanan hosting, pada
dasarnyahAndahsedangjmeminja
m space di server, tempat
menyimpan semua file dan data
yang dibutuhkan oleh website
agar dapat bekeja sepenuhnya.
Server merupakan komputer
fisik yang berjalan tanpa adanya
interupsi sehingga website Anda
bisa diakses kapan saja oleh
siapa pun. Web host bertugas
untuk menjaga server agar tetap
aktifhdanhberjalan,mengamanka
nnyahdarihseranganhcyber
berbahaya, dan memindahkan
konten (teks, gambar, file) dari
server ke browser pengunjung
situs Anda. Masing-masing
penyedia jasa web host
menawarkan jenis hosting yang
berbeda agar sesuai dengan
keinginan dan kebutuhan klien
7. Data Flow Diagram (DFD)
Data Flow Diagram (DFD)
merupakan alat pemodelan dari
proses analisis kebutuhan
perangkat lunak. Dalam DFD
dibahas fungsi-fungsi apa saja
yang diperlukan oleh suatu sistem
3
dan aliran data yang terdapat
diantara proses didalamnya. DFD
berguna sebagai alat untuk
memverifikasi apakah sistem yang
akan dibangun sudah memenuhi
kriteria yang diinginkan oleh
pengguna atau belum.
Data Flow diagram (DFD)
adalah representasi grafik yang
menggambarkan aliran informasi
dan transformasi informasi yang
diaplikasikan sebagai data yang
mengalir dari masukan (input)
dan keluaran (output). Notasi-
notasi pada DFD.
Entity Relationship Diagram
(ERD)
Entity Relationship Diagram
(ERD) adalah metode konseptual
yang mendeskripsikan hubungan
antara penyimpanan dalam DFD
untuk memodelkan struktur data
dan hubungan antar data ERD
adalah suatu permodelan berbasis
pada persepsi dunia nyata yang
mana terdiri dari kumpulan objek
dasar yang disebut dengan entitas
(entity) dan hubungan diantara
objek-objek tersebut dengan
menggunakan perangkat
konseptual dalam bentuk diagram..
Tinjauan Pustaka
Penelitian pertama diambil dari
penelitianhhKurniawanh(2013).Sis
 tem Informasi Penjualan Pakaian namun proses penjualan kurang
Olahraga di Toko Lendis Sport efektif, karena masih manual
Berbasis Web. Lendis Sport dimana pembeli langsung ke toko.
Yogyakarta merupakan usaha yang Tujuan penelitian adalah
bergerak dalam bidang jual beli membangun Sistem Penjualan
alat-alat olahraga.Proses jual beli Berbasis Web, agar dapat
pada Lendis Sport masih manual, mempermudah pembeli tanpa
yaitu konsumen harus datang pada harus melakukan komunikasi
LendishSport.j secara langsung.

Tujuanhdari penelitian adalah

untuk mempermudah pihak Lendis
METODE PENELITIAN
Sporthdalamhmenampilkanhinfor
masi mengenai jenis-jenis pakaian, 3.1 Perancangan Produk/Program
Mempermudahhuserhdalamhmenc Untuk membantu dalam
ari informasi mengenai transaksi. perancangan penelitian ini, perlu
adanya susunan kerangka kerja yang
Penelitian yang kedua dilakukan
jelas
perbandingan penelitian oleh
Tahapan ini merupakan langkah-
Hidayath(2017)nPerancanganhSist
langkah yang akan dilakukan dalam
em Informasi Penjualan Peralatan
penyelesaian masalah yang akan
Olahraga Berbasis Web pada Toko
dibahas, penyelesaian masalah ini
Kenzie Sport Jakarta.bergerak harus disusun secara sistematis,
dalam bidang peralatan olahraga, logis, jelas, terstruktur dan teratur.
sehingga memiliki landasan teori
penelitian sebagai berikut :
yang baik.
1. Merumuskan Masalah
3. Pengumpulan Data
Pada tahap ini dilakukan
Pada tahap ini dilakukan proses
identifikasi masalah apa saja yang
pengumpulan data dengan metode
perlu dijawab atau dicarikan jalan
observasi langsung ke lapangan,
penyelesaianhmasalahnya.
hal ini bertujuan untuk mengamati
Rumusan masalah merupakan
dan menganalisa sistem seperti apa
suatu penjabaran dari identifikasi
yang dijalankan, sehingga peneliti
masalah dan pembatasan
mendapathinformasihyangjdibutuh
masalah.
kan.
2. Studi Literatur
4. Analisis Sistem
Pada tahap ini dilakukan pencarian
Pada tahap ini dilakukan
landasan-landasan teori yang
menyimpulkan konsep sistem
diperoleh dari berbagai buku dan
berdasarkan sistem informasi
juga jurnal untuk melengkapi
secara fisik dan konseptual.
perbendaharaan konsep dan teori,
5. Analisis Sistem Lama
4
 5

Pada tahap ini dilakukan tahap ini juga dilakukan untuk

identifikasi masalah pada sistem mengetahui apakah sudah
yang sedang berjalan. Dengan memenuhi fungsi yang diharapkan
demikian, diharapkan peneliti dapat atau belum.
menemukan kendala- kendala dan 8. Testing
kekurangan dari sistem penjualan Pada tahap ini dilakukan proses
yang digunakan oleh Toko Ipang menganalisa tiap aktivitas yang
sehingga peneliti dapat mencari digunakan untuk dapat melakukan
solusi dari permasalahan tersebut. evaluasi atau melihat kemampuan
6. Merancang Sistem Baru dari program dan menentukan
Pada tahap ini dilakukan proses apakah program tersebut telah
merancang dan menentukan cara memenuhi kebutuhan serta hasil
mengolah sistem informasi dari yang diharapkan.
hasil analisa sistem sehingga dapat 9. Kesimpulan
membantu dan memenuhi Pada tahapan ini dilakukan
kebutuhan pengguna. pembuatan kesimpulan yang
7. Membuat Coding disusun berdasarkan hasil
Pada tahap ini dilakukan proses penelitian dengan cara observasi,
coding atau pembuatan software. sehingga menjadi laporan
Pembuatan tahap ini dipecah penelitian yang dapat memberikan
menjadi beberapa modul yang gambaran secara utuh tentang
nantinya akan digabungkan dalam sistem yang sedang dibangun.
tahap berikutnya. Selain itu dalam

IMPLEMENTASI
PRODUK/PROGRAM
PENGUJIAN
3.2.1 Database PRODUK/PROGRAM
Berikut adalah relasi tabel dari
perancangan sistem informasi pada Pengujian Sistem merupakan hal
Toko Ipang. yang sangat penting bertujuan
untuk menemukan kesalahan-
3.2.2 Entity Relationship Diagram kesalahan atau kekurangan-
(ERD) kekurangan pada perangkat lunak
Perancangan database berbasis yang akan diuji, dengan
web pada Toko Ipang ini dibuat menggunakan metode blackbox
dalam bentuk testing .
Entity Relationship Diagram 1) Pengujian black box testing
(ERD). Berikut ini adalah skema merupakan metode pengujian yang
hubungan antar tabel dalam dilakukan untuk menilai kebutuhan
database pada Toko Ipang. dan spesifikasi software. Pengujian
 6

ini sangat penting untuk 4) Pengujian daftar sistem menu

menemukan bug atau gangguan laporan yaitu data-data laporan ini
pada program aplikasi yang akan berasal dari data barang dan data
dibuat, contohnya untuk mengecek penjualan harus melalui proses
apakah software mampu transaksi, karena tujuan dari
melakukan login dengan lancar database laporan ini untuk
menggunakan password, e-mail menampilkan hasil yang diperoleh
dan username. Pengujian ini dapat dalam waktu harian, mingguan
dilakukan untuk memastikan serta tahunan. Sistem akan
bahwa pengguna benar-benar tidak menampilkan data laporan yang
bisa masuk tanpa informasi akan dilihat sesuai dengan
tersebut untuk menjaga keamanan keinginan kita dan disertai dalam
program aplikasi. akan menjadi bentukhgrafik.
lebih baik dan kesalahan atau
kekurangan dapat diminimalisir.
Berikut adalah proses pengujan
sistem:
2) Pengujian saat Log in aplikasi
Sistem akan menolak akses user
dan menampilkan “Username tidak
boleh kosong” pada kolom
Username dan begitu pula pada
kolom password, pesan yang
keluar akan menyesuaikan dengan
kolom yang tidak diisi.
Pengujian daftar sistem menu
produk atau barang untuk
memasukan atau penginputan
barang yang akan dijual kepada
pelanggan, yang mana setelah
proses penginputan otomatis stok
barang bertambah oleh level admin
3) Pengujian daftar sistem menu
barang berisi tentang data-data
barang yang sudah diinput kedalam
data base barang yang berhubungan
dengan proses transaksi. Sistem
akan menyimpan data pelanggan
yang mana proses ini berhubungan
dengan proses penjualan.
HASIL DAN PEMBAHASAN
1.1 Form Log In Aplikasi
Gambar 4.1 Tampilan Log In Aplikasi
Tampilan Log In aplikasi
merupakan langkah awal untuk
membuka software tersebut dalam
pekerjaannya sistem log in dibagi
Program Log In sebagai Admin (
Menu Kasir ) merupakan program
yang berfungsi untuk menampilkan
nama user / kasir yang telah
ditentukan oleh admin sehingga kasir
tersebut dapat mengakses aplikasi
toko tersebut.
1.3 Form Barang Masuk
Gambar 4.3 Form Barang Masuk
Tampilan barang masuk
merupakan program yang
menapilkan tentang barang atau
produk yang telah diinput berisi
tentang no faktur, jumlah barang,
waktu transaksi yang dilakukan oleh
admin sendiri.
7
menjadi dua yaitu masuk sebagai
admin dan sebagai kasir
1.2 From Log In sebagai Admin
( Menu Kasir )
Gambar 4.2 Tampilan Log in sebagai Admin
( Menu Kasir )
1.4 Form Supplier Produk
Supplier merupakan pihak
Gambar 4.4 Form Supplier Produk
perorangan atau perusahaan yang
memasok atau menjual bahan
mentah ke pihak lain agar bisa diolah
menjadi suatu produk yang siap
dijual.
1.5 Form Laporan
Merupakan hasil dari proses
penjualan barang / produk yang
dilakukan oleh kasir dengan
pelanggan saat bertransaksi, dapat
melihat hasil yang diperoleh yang
sesuai dengan keinginan kita bisa
melihat penghasilan harian, bulanan
bahkan tahunan.

Gambar 4.5 Form Laporan
4.6 Program Log In sebagai Kasir (
Menu Produk )
Gambar 4.6 Tampilan Log In sebagai kasir
(Menu Produk )
Program menu produk merupakan
tampilan yang menunjukan pekerjaan
kasir yang mana data barangnya
seperti kode produk,nama
produk,harga dan stok berasal dari
proses penginputan oleh admin.
Fungsi tersebut untuk memberikan
informasi tentang produk atau barang
yang tersedia dan siap untuk dijual,
selain
itu dalam menu ini kita dapat
mencari secara manual, dengan cara
mengetikan nama barang produk
yang akan kita cari yang sesuai
dengan keinginan.
8
4.7 Program Transaksi Penjualan
Produk
Gambar 4.7 Program Transaksi Penjualan
Produk
Program transaksi penjualan
produk merupakan proses terjadinya
transaksi yang mana pembeli datang
langsung ke toko untuk membeli
barang. Proses ini melalui proses
penginputan barang terlebih dahulu
yang dilakukan oleh admin sehingga
dalam proses penjualan kita tidak
usah memasukan atau menginput
barang lagi, tinggal memasukan kode
produk secara otomatis data dari
barang tersebut sudah ada tinggal
memasukan harga bayar dan simpan
yang nantinya akan muncul
notifikasi nota untuk proses
pencetakan nota penjualan.
4.8 Program Data Customer
Gambar 4.8 Program Data Customer
Program data customer
merupakan program yang
didalamnya terdapat data- data
pelanggan yang sudah menjadi
member atau berlangganan di toko,

dan kasir juga dapat menambahkan
pelanggan baru dengan klik
Tambahkan Customer dan masukan
nama, no telepon dan alamat.
4.9 Program Laporan Barang /
Produk
Gambar 4.9 Laporan barang / Produk
Kesimpulan
Dari hasil penelitian yang
telah disampaikan pada bab
sebelumnya, maka kesimpulan dari
penelitian ini adalah sistem informasi
penjualan berbasis web pada Toko
Ipang yang telah diterapkan dapat
mengurangi kesalahan dan kelalaian
pada kasir yang dapat merugikan
pihak perusahaan serta dapat
memudahkan kasir dan admin dalam
melakukan transaksi penjualan yang
semua telah tersedia di dalam sistem
komputer.
Perlu diadakan peninjauan ulang
terhadap sistem di masa yang akan
datang, hal ini bertujuan untuk
mengantisipasi perubahan yang
mungkin terjadi. Peninjauan
tersebut berguna untuk melihat
9
Program laporan barang /
produk merupakan program yang
digunakan untuk melihat hasil dari
pembelian barang / produk yang
sesuai dengan kebutuhan.
Saran
Penulis memiliki beberapa saran
yanghdapathmendukungjpengemba
ngan aplikasi perancangan sistem
informasi penjualan pada Toko
Ipang yaitu sebagai berikut :
Untuk menghindari kejadian yang
tidak diinginkan, Toko Ipang perlu
melakukan backup data, hal ini
bertujuan untuk menyimpan data
agar jika dikemudian hari terjadi
kerusakan, aplikasi masih bisa
digunakan karena telah tersimpan.
kondisi apakah sistem masih sesuai
dengan apa yang dibutuhkan oleh
Toko Ipang dan apakah perlu
dilakukan penambahan atau
perubahan terhadap sistem yang
telah ada.
DAFTAR PUSTAKA

Chrisnatasari, A.(2017). Analisis Kurniawan,D.(2013).j

SistemhInformasikPenjua SistemjInformasi Penjualan
lan Berbasis Ecommerce. Pakaian Olahraga di Toko
Yogyakarta:hVarata Lendis Sport Berbasis Web,
Store. Skripsi, Program studi Sistem
Hidayat, A.(2017).hPerancangan Informasi Sekolah Tinggi
SistemhInformasijPenjua Manajemen Informatika dan
lan Peralatan Olahraga KomputerhYogyakarta,Yogya
Berbasis Web Pada Toko karta: Akakom
Kenzie Sport jakarta, Madcoms. (2016). Pemrograman
Skripsi, Program Studi \PHP dan MySQL untuk
SistemjInformatikajSekol Pemula. Yogyakarta: Andi.
ah Tinggi Manajemen Peranginangin, Kasiman. 2006.
InformatikahdanjKomput Aplikasi Web Dengan PHP
er.Jakarta:Nusa MAndiri. DanjMySQL.Yogyakarta:And
i Publisher.