T1__BAB IV Institutional Repository | Satya Wacana Christian University: Perancangan Sistem Informasi Akuntansi Penjualan Berbasis Web pada CV Kasih Karunia T1 BAB IV
1
BAB IV
HASIL PRAKTEK KERJA DAN ANALISIS
4.1
Analisis
Sistem Penjualan CV Kasih Karunia dilakukan dengan cara online, yaitu
proses penjualan/transaksinya dilakukan tanpa ada interaksi langsung dari pihak
penjual dan pihak pembeli. Sistem informasi akuntasi penjualan di CV. Kasih Karunia
bertujuan untuk memudahkan proses penjualan yang sebelumnya menggunakan
media sosial seperti Facebook (FB), Blackberry Messenger (BBM) dan Whatsapp
(WA) dan pencatatan menggunakan Microsoft Excel. Berikut diagram singkat yang
menunjukan prosedur penjualan di CV. Kasih Karunia :
Tidak
Promosi via
media sosial
(FB, BBM,
Pelanggan
masuk
mencari
Pesan
Pengiriman
kepada
pelanggan
Disimpan di
kontak, dan
diberi informasi
pengiriman
Admin
menghitungkan
total pembelian
Proses
pembayaran
dan pembuatan
nota
1. Karyawan di CV. Kasih Karunia khususnya Admin, melakukan promosi via media
sosial seperti facebook, bbm, dan whatsapp. Promosi berupa pemberian informasi
mengenai harga produk, dan jadwal pengiriman ke pelanggan.
2
2. Pelanggan menghubungi admin penjualan dan mencari informasi, jika pelanggan
tidak memesan atau hanya bertanya-tanya saja, maka admin akan menyimpan
kontak dan tetap memberikan informasi ke pelanggan. Jika pelanggan memesan,
maka admin akan menghitungkan jumlah pesanan pelanggan dan membuatkan
nota.
3. Setelah pesanan siap, maka pesanan akan diantarkan langsung oleh kurir.
Proses penjualan seperti prosedur di atas membutuhkan waktu yang cukup lama
karena harus menjawab pelanggan yang masuk satu persatu, dan ketika ada pelanggan
yang masuk lebih dari satu dalam waktu yang sama, maka pelanggan lain harus
menunggu untuk mendapatkan informasi. Hal ini menyebabkan proses menjadi lama,
kurang efektif, dan efisien.
4.2
Kebutuhan
Permasalahan yang dihadapi oleh CV. Kasih Karunia adalah dalam proses
penjualan membutuhkan waktu yang lama, dan kemungkinan adanya kesalahan dalam
pencatatan maupun penghitungan.
Aplikasi Sistem Informasi Akuntansi Penjualan yang akan dikembangkan dalam
laporan ini berbasis Web, dan bahasa pemrograman yang dipakai merancang aplikasi
ini adalah PHP (Hpertext Preprocessor). PHP merupakan bahasa pemrograman yang
digunakan secara luas untuk penanganan, pembuatan dan pengembangan situs web dan
bisa digunakan bersamaan dengna HTML. Pengolahan datanya pun menggunakan
perangkat lunak yang di sebut MySQL yang merupakan sebuahkonsep pengoperasian
database, terutama untuk pemilihan atau seleksi dan pemasukkan data, yang
memungkinkan pengoprasian data dikerjakan dengan mudah secara otomatis.
3
Agar aplikasi ini dapat berjalan dengan baik maka diperlukan web server untuk
mengakses aplikasi tersebut dan hardware yang dapat memadai seperti seperangkat alat
komputer dan printer untuk menjalankan aplikasi serta mencetak bukti transaksi.
4.3
Jadwal
Berikut adalah jadwal perancangan aplikasi Sistem Informasi Akuntansi
Penjualan selama melakukan kerja praktek mulai tanggal 05 September 2016 – 06
Desember 2016 :
Tabel 4.1 Jadwal Perancangan Aplikasi
Waktu Perencanaan
Minggu 1
Minggu 2
-
Minggu 3
-
Minggu 4
-
Minggu 5
-
Minggu 6
-
Minggu 7
-
Minggu 8
Minggu 9
Minggu 10
Minggu 11
Minggu 12-13
-
Uraian Perencanaan
Mengidentifikasi masalah
Gambaran masalah
Merancang desain database dan tampilan index
admin
Merancang tampilan index pelanggan
Merancang tampilan menu pelanggan dan admin
Pembuatan program login admin
Pembuatan program index
Pembuatan program menu admin (Master sayur,
master pelanggan dan master pelanggan baru)
Pembuatan program menu admin (Transaksi proses
transaksi, dan cetak nota)
Pembuatan program daftar pesanan pelanggan di
menu admin
Pembuatan program menu pelanggan, edit data
pelanggan
Pembuatan program menu pelanggan status pesanan
Pembuatan program menu pelanggan daftar
pesanan
Pembuatan program menu awal pendaftaran
Pembuatan program menu awal profil toko
Pembuatan program menu awal testimoni
pelanggan
Pembuatan program menu awal kontak
Pembuatan program logout pelanggan dan admin
Pembuatan program menu awal koleksi sayur
Pengujian dan pembuatan Tugas Akhir
Pembuatan Tugas Akhir
Pembuatan Tugas Akhir
4
4.4
Perancangan
4.4.1
Perancangan UML
UML adalah singkatan dari “Unified Modelling Language” yaitu suatu
metode pemodelan secara visual untuk sarana perancangan sistem berorientasi
objek. Pada laporan ini diagram UML yang digunakan adalah use case
diagram, activity diagram, class diagram. Diagram-diagram tersebut akan
ditampilkan di Lampiran 2.
4.4.2
Rancangan Database
Database yang digunakan dalam perancangan aplikasi toko online ini
diberi nama “tokosayurdb” memliki beberapa field sebagai berikut :
1.
Tabel detailtransaksi : Digunakan untuk menampung data transaksi
pembelian sayur dari pelanggan.
Tabel 4.1 Tabel detailtransaksi
Name
Type
Size
Null
Default
Key
no_nota
Varchar
25
No
None
-
kode_sayur
Varchar
10
Yes
Null
-
Jumlah
Int
10
Yes
Null
-
Subtotal
Int
10
Yes
Null
-
2.
Tabel pelanggan : Digunakan untuk menampung data pelanggan.
Tabel 4.2 Tabel pelanggan
Name
Type
Size
Null
Default
Key
kode_pelanggan
Varchar
10
No
None
Primary
nama_pelanggan
Varchar
50
Yes
Null
-
alamat_pelanggan
Varchar
500
Yes
Null
-
5
3.
kota_pelanggan
Varchar
50
Yes
Null
-
notelp_pelanggan
Varchar
20
Yes
Null
-
acer_pelanggan
Varchar
500
Yes
Null
-
kode_wilayah
Varchar
5
No
None
-
pass_pelanggan
Varchar
45
No
None
-
Tabel perusahaan : Digunakan untuk menampung data perusahaan
Tabel 4.3 Tabel perusahaan
Name
Type
Size
Null
Default
Key
nama_persh
alamat_persh
telp_persh
Varchar
Varchar
Varchar
50
200
30
No
No
No
None
None
None
-
6
4.
Tabel sayur : Digunakan untuk menampung data koleksi sayur
Tabel 4.4 Tabel sayur
Name
Type
Size
Null
Default
Key
kode_sayur
nama_sayur
harga_beli
harga_jual
satuan
Varchar
Varchar
Int
Varchar
Int
10
45
10
45
10
No
Yes
Yes
Yes
Yes
None
Null
Null
Null
Null
Primary
-
5.
Tabel transaksi : Digunakan untuk menampung data transaksi
pembelian pelanggan yang nantinya untuk mencetak nota penjualan
pelanggan
Tabel 4.5 Tabel transaksi
Name
Type
Size
Null
Default
Key
no_nota
tanggal
grand_total
bayar
kembali
kode_kasir
bayar_via
keterangan
kode_pelanggan
tglkirim
tglorder
Varchar
Datetime
Int
Int
Int
Varchar
Varchar
Varchar
Varchar
Date
Date
25
10
10
10
25
20
100
10
-
No
Yes
Yes
Yes
Yes
Yes
No
No
No
No
No
None
Null
Null
Null
Null
Null
None
None
None
None
None
Primary
-
6.
Tabel user : Digunakan untuk menampung data user yang login
Tabel 4.6 Tabeluser
Name
username
password
nama
level
Type
Varchar
Varchar
Varchar
Varchar
Size
20
45
45
45
Null
No
Yes
Yes
Yes
Default
None
Null
Null
Null
Key
Primary
-
7
7.
Tabel pelangganbr : Digunakan untuk menampung semetara data
pelanggan baru yang mendaftar
Tabel 4.7 Tabel pelangganbr
Name
Type
Size
Null
Default
Key
nama_pelanggan
Varchar
50
Yes
Null
-
alamat_pelanggan
Varchar
500
Yes
Null
-
kota_pelanggan
Varchar
50
Yes
Null
-
notelp_pelanggan
Varchar
20
Yes
Null
-
acer_pelanggan
Varchar
500
Yes
Null
-
email_wilayah
Varchar
5
No
None
-
password
Varchar
45
No
None
-
Status
Varchar
20
No
None
-
8.
Tabel pelangganpesan : digunakan untuk menampung sementara data
pesanan pelanggan
Tabel 4.8 Tabel pelangganpesan
Name
Type
Size
Null
Default
Key
tgl_plgpesan
Date
-
No
None
-
tgl_kirim_plgpesan
Date
-
No
None
-
Kode_plgpesan
Varchar
20
Yes
Null
-
Nama_plgpesan
Varchar
50
Yes
Null
-
Alamat_plgpesan
Varchar
100
Yes
Null
-
Pesanan_plgpesan
Varchar
500
No
None
-
status_plgpesan
Varchar
30
No
None
-
8
4.4.3
Model Relasional Data
Berikut adalah model relasional data dari perancangan aplikasi sistem
informasi akuntansi penjualan :
Gambar 4.1 Model Relasional Data
4.4.4
Rancangan DFD (Data Flow Diagram)
a. Context Diagram
Context diagram ini menjelaskan tentang garis besar aplikasi sistem
informasi akuntansi penjualan, mengenai apa yang diberikan oleh
aplikasi atau sistem kepada pihak lain.
Login
Daftar
Sistem Informasi
Akuntansi Penjualan
PIMPINAN
Laporan
PELANGGAN
Informasi kontak
Informasi daftar sayur
Informasi testimoni pelanggan
Gambar 4.2 Context Diagram
b. DFD Level 0
DFD Level 0 menjelaskan bagaimana keseluruhan alur aplikasi sistem
informasi akuntansi penjualan beserta dengan penyimpanan data yang
diinputkan dan output yang dihasilkan.
9
Input id admin dan
password
1.0
Login
Admin
Tampilan menu admin
pelanggan pesan
Data diri pelanggan dan
pesanan pelanggan
Input data diri pelanggan
Input data pesanan pelanggan
2.0
Input data
pelanggan dan input
data pesanan
pelanggan
Data pesanan
Pelanggan
Data diri pelanggan
Status pelanggan
pelanggan
Data pesanan pelanggan
Input transaksi penjualan
3.0
Transaksi
Input status pesanan
Pesan
Pelanggan
Status pesanan
Gambar 4.3 DFD Level 0
c. DFD Level 1 Proses Login
Input id admin dan
password
1.0
Login
Admin
Tampilan menu admin
Gambar 4.3 DFD Level 1 Proses Login
d. DFD Level 1 Proses Input Data
Admin
pelanggan pesan
Data diri pelanggan dan
pesanan pelanggan
Input data diri pelanggan
Input data pesanan pelanggan
2.0
Input data
pelanggan dan input
data pesanan
pelanggan
Data pesanan
Pelanggan
Data diri pelanggan
Status pelanggan
pelanggan
Gambar 4.4 DFD Level 1 Proses Input Data
10
e. DFD Level 1 Proses Transaksi
Admin
Data pesanan pelanggan
Input transaksi penjualan
Input status pesanan
3.0
Transaksi
Pesan
Status pesanan
Gambar 4.5 DFD Level 1 Proses Transaksi
Pelanggan
11
4.4.5
Rancangan UI (User Interface)
1. Form index
Berupa tampilan awal sistem informasi akuntansi penjualan CV. Kasih
Karunia. Form ini digunakan baik oleh admin maupun pelanggan.
CV. KASIH KARUNIA
SELAMAT DATANG DI SISTEM PENJUALAN SAYUR ORGANIK ONLINE
(Menampilkan beberapa foto)
MENU UTAMA
Koleksi sayur
Testimoni Pelanggan
Kontak
Profil toko
Pendaftaran
Login admin
Login pelanggan
2. Form Profil Toko
Berisi profil toko sayur, seperti gambar logo, foto2 sayur siap kirim, foto2
koleksi sayur dan sebagian testimoni pelanggan.
CV. KASIH KARUNIA
PROFIL TOKO
12
3. Form Koleksi Sayur (Tampilan Pelanggan)
Berisi kumpulan daftar sayur yang dijual di CV. Kasih Karunia
KODE
SAYUR
KOLEKSI SAYUR
HARGA
JUAL
NAMA SAYUR
SATUAN
(GRAM)
4. Form Koleksi sayur tampilan admin, yang berisi daftar sayur yang dijual
ke pelanggan.
KODE
SAYUR
KOLEKSI SAYUR
NAMA
HARGA
SAYUR
BELI
HARGA
JUAL
SATUAN
(GRAM)
5. Form Testimoni Pelanggan, berisi kumpulan foto testimoni pelanggan
TESTIMONI PELANGGAN
FOTO TESTIMONI
KETERANGAN
13
6. Form Kontak, berisi daftar kontak CV. Kasih Karunia yang bisa
dihubungi.
KONTAK
Fanspage
Instagram
Whatsapp
BBM
7. Form Pendaftaran, digunakan untuk pendaftaran pelanggan baru. Sehingga
pelanggan yang sudah mendaftar bisa login dan memesan.
PENDAFTARAN PELANGGAN BARU
Data Pribadi
Nama Lengkap :
Alamat :
Detail alamat :
Kota :
No. Hp
Daftar
Kembali
8. Form Login Admin, digunakan untuk login admin. Yang selanjutnya
admin dapat mengakses menu-menu admin.
CV. Kasih Karunia
Login Admin
Username :
Password :
14
9. Form Login Pelanggan, digunakan untuk login pelanggan yang sudah
mendaftar, sehingga pelanggan dapat memesan.
CV. Kasih Karunia
Login Pelanggan
Username :
Password :
10. Form index pelanggan, berisi menu-menu untuk pelanggan, seperti master
edit data pelanggan, daftar pesanan pelanggan, dan status pesanan.
CV. Kasih Karunia
Home
Master
Transaksi
Logout
11. Form Master edit data pelanggan, form ini berada di index pelanggan,
berguna untukpelanggan yang mengedit data pelanggan.
CV. Kasih Karunia
No Nama
Alamat
Kota
No Telp
Detail Alamat
Status
15
12. Form Transaksi Daftar Pesanan, merupakan form yang digunakan untuk
pelanggan mengisi data sayur apa saja yang akan dipesan.
FORM PESANAN PELANGGAN
Pesanan Pelanggan
Tgl Pesan
Tgl Kirim
Kode Pelanggan
Nama Pelanggan
Alamat
Pesanan
Daftar
Kembali
13. Form Status pesanan, berisi data pesanan pelanggan yang bisa diakses oleh
pelanggan, untuk mengetahui status pesanannya apakah sudah di input,
dikirim, atau proses antar.
CV. Kasih Karunia
Tgl
Tgl
No Pesan Kirim
Kode
Plg
Nama
Plg
Pesanan
Status
14. Form index admin, berisi menu-menu untuk admin mengakses data sayur,
data pelanggan, dan transaksi.
CV. Kasih Karunia
Home Master Transaksi
Master User
Logout
16
15. Form Master sayur tampilan admin, untuk input data sayur, edit, dan hapus
data sayur.
CV. Kasih Karunia
Kode
Nama
No Sayur
Sayur
Harga
Beli
Harga
Jual
Satuan
Tambah
Sayur
Edit Hapus
16. Form edit data sayur tampilan admin, berfungsi untuk mengedit data sayur
dan update data sayur.
CV. Kasih Karunia
Kode Sayur
Nama Sayur
Harga Beli
Harga Jual
Satuan
Update
Delete
.
17. Form master pelanggan, tampilan admin berfungsi untuk menambahkan
pelanggan baru, mengedit, dan mengupdate data pelanggan, juga
menambahkan status pelanggan baru
CV. Kasih Karunia
No Nama Alamat
Kota
No Telp
Detail Alamat
Status
17
18. Form master transaksi, berisi tampilan untuk admin menginput data pelanggan
yang pesan, yang kemudian menginputkan data pesanan ke form proses
transaksi.
CV. Kasih Karunia
No
Tgl Pesan
Tgl Kirim
Nama
Alamat
Pesanan
Status
19. Form master transaksi, proses transaksi. Digunakan untuk admin menginput
data pesanan pelanggan, dan mencetak nota.
Cv. Kasih Karunia
Kode
Pelanggan
Nama
Pelanggan
Alamat
Kota
No. Nota
Tanggal Pesan
Tanggal Kirim
Kode Sayur
Nama
Sayur
Harga
Total
18
20. Form cetak nota, adalah form hasil dari input pesanan pelanggan di form proses
transaksi. Form cetak nota nantinya digunakan untuk mencetak nota penjualan.
Cv. Kasih Karunia
Kode
Pelanggan
Nama
Pelanggan
Alamat
Kota
No. Nota
Tanggal Pesan
Tanggal Kirim
Kode Sayur
Grand Total :
Buat Nota
Nama
Sayur
Harga
Total
19
4.5 Implementasi
Aplikasi Sistem Informasi Aakuntansi Penjualan CV. Kasih Karunia
yang dirancang ini, memiliki berbagai tampilan yang disebut User
Interface yang dapat memudahkan user untuk mengolah dan memproses
data. Berikut ini User Interface yang terdapat dalam aplikasi Sistem
Informasi Akuntasi Penjualan.
a. Tampilan awal
Sebelum masuk lebih lanjut ke dalam sistem, tampilan yang ada di
sistem adalah tampilan awal. Tampilan ini merupakan tampilan awal,
baik bagi admin maupun pelanggan.
Gambar 4.5.1 Tampilan awal
b. Tampilan menu utama koleksi sayur
Tampilan ini berisi daftar sayur yang dijual di CV. Kasih Karunia,
harga dan satuan berat sayur. Pelanggan dapat melihat-lihat daftar
sayur dan kemudian dapat memesan.
20
Gambar 4.5.2 Tampilan Koleksi sayur
c. Tampilan menu utama kontak
Dalam menu ini pelanggan dapat melihat informasi kontak CV. Kasih
Karunia.
Gambar 4.5.3 Tampilan daftar kontak
21
d.
Tampilan menu utama profil toko
Menu ini berisi uraian singat tentang profil perusahaan dan visi misi
dari CV. Kasih Karunia.
Gambar 4.5.4 Tampilan profil toko
e. Tampilan menu utama testimoni pelanggan
Dalam tampilan menu testimoni pelanggan berisi beberapa kumpulan
foto testimoni pelanggan yang sudah pernah memesan sayur.
Gambar 4.5.5 Tampilan testimoni pelanggan
f.
Tampilan menu pendaftaran
22
Dalam menu pendaftaran ini adalah menu yang berisi form
pendaftaran pelanggan. Dalam form pendaftaran ini pelanggan
mengisi data diri seperti nama, alamat, detail alamat, nomor telepon.
Data tersebut nantinya akan diinput oleh admin dan data pelanggan
akan disimpan dalam database. Setelah pelanggan mendaftar,
selanjutnya pelanggan dapat login ke sistem dan dapat memesan.
Gambar 4.5.6 Tampilan menu pendaftaran
g.
Tampilan menu login pelanggan
Tampilan menu login pelanggan ini merupakan menu yang dapat
diakses oleh pelanggan. Username berupa kode pelanggan, sedangkan
password diatur default oleh sistem yaitu 1234.
Gambar 4.5.7 Tampilan menu login pelanggan
h.
Tampilan menu pelanggan
23
Tampilan menu pelanggan ini merupakan menu untuk pelanggan
mengakses data pelanggan dan untuk melakukan pemesanan. Di
dalam menu pelanggan terdapat dua menu, yaitu master dan transaksi.
Gambar 4.5.8 Tampilan menu pelanggan
i.
Tampilan menu master pelanggan
Dalam tampilan menu master pelanggan ini berisi edit data
pelanggan. Edit data pelanggandigunakan untuk pelanggan mengedit
data diri seperti nama, alamat atau nomor telepon.
Gambar 4.5.9 Tampilan menu master pelanggan
Gambar 4.5.10 Tampilan menu master edit pelanggan
24
Gambar 4.5.11 Tampilan menu master edit pelanggan
j. Tampilan menu transaksi pelanggan
Menu ini berisi daftar pesanan dan status pesanan. Kedua menu ini
berkaitan dengan pesanan pelanggan.
Gambar 4.5.12 Tampilan menu transaksi pelanggan
k.
Tampilan menu transaksi daftar pesanan pelanggan
Daftar pesanan di menu pelanggan ini merupakan form untuk
pemesanan sayur oleh pelanggan. Di menu ini pelanggan akan
mengisi form pesanan, yang nantinya pesanan akan diinput oleh
admin.
Gambar 4.5.13 Tampilan menu transaksi pelanggan
l. Tampilan menu transaksi status pesanan pelanggan
25
Di menu ini pelanggan dapat mengetahui bagaimana status
pesanannya dan dapat melihat data pesanan apa saja yang pernah
dipesan.
Gambar 4.5.14 Tampilan menu transaksi pelanggan
m. Tampilan login admin
Tampilan ini merupakan tampilan untuk admin yang login, dan mengakses
menu admin.
Gambar 4.5.15 Tampilan menu login admin
n. Tampilan menu awal admin
Dalam menu tampilan awal admin ini, ada beberapa menu yang bisa
diakses, diantaranya menu master, transaksi, master user dan logout.
Gambar 4.5.16 Tampilan menu awal admin
o. Tampilan menu master admin
26
Menu master yang dapat diakses oleh admin diantaranya master
daftar sayur, master pelanggan baru dan master pelanggan.
Dalam master sayur, admin dapat menginput, menambah, mengedit
dan mengupdate data sayur yang dijual.
Dalam master pelanggan baru, admin dapat melihat data pelanggan
yang baru mendaftar. Dan menginput data diri pelanggan baru di
menu master pelanggan.
27
p. Tampilan menu transaksi admin
Dalam menu ini, admin dapat menginputkan transaksi penjualan sayur atau
pesanan pelanggan. Sampai dengan mencetak nota penjualan.
Di menu transaksi terdapat beberapa menu yang dapat diakses. Menu
daftar pesanan digunakan admin untuk melihat daftar pesanan
pelanggan, kemudian admin akan menginput pesanan di menu proses
transaksi.
Selanjutnya di menu transaksi terdapat menu proses transaksi, disini
admin akan menginputkan penjualan sayur. Mulai dari tanggal
pesanan, nama pelanggan, daftar sayur yang dipesan, hingga menjadi
nota penjualan.
28
Setelah transaksi berhasil diinput, maka hasil inputan penjualan akan
tampil di menu cetak nota.
Selanjutnya, admin akan mencetak nota penjualan. Kemudian
menyiapkan pesanan pelanggan. Nota akan dibuat rangkap 2,
rangkap 1 akan diberikan pelanggan, rangkap 2 akan diberikan
kepada kurir sebagai dokumen alamat pengiriman.
29
BAB IV
HASIL PRAKTEK KERJA DAN ANALISIS
4.1
Analisis
Sistem Penjualan CV Kasih Karunia dilakukan dengan cara online, yaitu
proses penjualan/transaksinya dilakukan tanpa ada interaksi langsung dari pihak
penjual dan pihak pembeli. Sistem informasi akuntasi penjualan di CV. Kasih Karunia
bertujuan untuk memudahkan proses penjualan yang sebelumnya menggunakan
media sosial seperti Facebook (FB), Blackberry Messenger (BBM) dan Whatsapp
(WA) dan pencatatan menggunakan Microsoft Excel. Berikut diagram singkat yang
menunjukan prosedur penjualan di CV. Kasih Karunia :
Tidak
Promosi via
media sosial
(FB, BBM,
Pelanggan
masuk
mencari
Pesan
Pengiriman
kepada
pelanggan
Disimpan di
kontak, dan
diberi informasi
pengiriman
Admin
menghitungkan
total pembelian
Proses
pembayaran
dan pembuatan
nota
1. Karyawan di CV. Kasih Karunia khususnya Admin, melakukan promosi via media
sosial seperti facebook, bbm, dan whatsapp. Promosi berupa pemberian informasi
mengenai harga produk, dan jadwal pengiriman ke pelanggan.
2
2. Pelanggan menghubungi admin penjualan dan mencari informasi, jika pelanggan
tidak memesan atau hanya bertanya-tanya saja, maka admin akan menyimpan
kontak dan tetap memberikan informasi ke pelanggan. Jika pelanggan memesan,
maka admin akan menghitungkan jumlah pesanan pelanggan dan membuatkan
nota.
3. Setelah pesanan siap, maka pesanan akan diantarkan langsung oleh kurir.
Proses penjualan seperti prosedur di atas membutuhkan waktu yang cukup lama
karena harus menjawab pelanggan yang masuk satu persatu, dan ketika ada pelanggan
yang masuk lebih dari satu dalam waktu yang sama, maka pelanggan lain harus
menunggu untuk mendapatkan informasi. Hal ini menyebabkan proses menjadi lama,
kurang efektif, dan efisien.
4.2
Kebutuhan
Permasalahan yang dihadapi oleh CV. Kasih Karunia adalah dalam proses
penjualan membutuhkan waktu yang lama, dan kemungkinan adanya kesalahan dalam
pencatatan maupun penghitungan.
Aplikasi Sistem Informasi Akuntansi Penjualan yang akan dikembangkan dalam
laporan ini berbasis Web, dan bahasa pemrograman yang dipakai merancang aplikasi
ini adalah PHP (Hpertext Preprocessor). PHP merupakan bahasa pemrograman yang
digunakan secara luas untuk penanganan, pembuatan dan pengembangan situs web dan
bisa digunakan bersamaan dengna HTML. Pengolahan datanya pun menggunakan
perangkat lunak yang di sebut MySQL yang merupakan sebuahkonsep pengoperasian
database, terutama untuk pemilihan atau seleksi dan pemasukkan data, yang
memungkinkan pengoprasian data dikerjakan dengan mudah secara otomatis.
3
Agar aplikasi ini dapat berjalan dengan baik maka diperlukan web server untuk
mengakses aplikasi tersebut dan hardware yang dapat memadai seperti seperangkat alat
komputer dan printer untuk menjalankan aplikasi serta mencetak bukti transaksi.
4.3
Jadwal
Berikut adalah jadwal perancangan aplikasi Sistem Informasi Akuntansi
Penjualan selama melakukan kerja praktek mulai tanggal 05 September 2016 – 06
Desember 2016 :
Tabel 4.1 Jadwal Perancangan Aplikasi
Waktu Perencanaan
Minggu 1
Minggu 2
-
Minggu 3
-
Minggu 4
-
Minggu 5
-
Minggu 6
-
Minggu 7
-
Minggu 8
Minggu 9
Minggu 10
Minggu 11
Minggu 12-13
-
Uraian Perencanaan
Mengidentifikasi masalah
Gambaran masalah
Merancang desain database dan tampilan index
admin
Merancang tampilan index pelanggan
Merancang tampilan menu pelanggan dan admin
Pembuatan program login admin
Pembuatan program index
Pembuatan program menu admin (Master sayur,
master pelanggan dan master pelanggan baru)
Pembuatan program menu admin (Transaksi proses
transaksi, dan cetak nota)
Pembuatan program daftar pesanan pelanggan di
menu admin
Pembuatan program menu pelanggan, edit data
pelanggan
Pembuatan program menu pelanggan status pesanan
Pembuatan program menu pelanggan daftar
pesanan
Pembuatan program menu awal pendaftaran
Pembuatan program menu awal profil toko
Pembuatan program menu awal testimoni
pelanggan
Pembuatan program menu awal kontak
Pembuatan program logout pelanggan dan admin
Pembuatan program menu awal koleksi sayur
Pengujian dan pembuatan Tugas Akhir
Pembuatan Tugas Akhir
Pembuatan Tugas Akhir
4
4.4
Perancangan
4.4.1
Perancangan UML
UML adalah singkatan dari “Unified Modelling Language” yaitu suatu
metode pemodelan secara visual untuk sarana perancangan sistem berorientasi
objek. Pada laporan ini diagram UML yang digunakan adalah use case
diagram, activity diagram, class diagram. Diagram-diagram tersebut akan
ditampilkan di Lampiran 2.
4.4.2
Rancangan Database
Database yang digunakan dalam perancangan aplikasi toko online ini
diberi nama “tokosayurdb” memliki beberapa field sebagai berikut :
1.
Tabel detailtransaksi : Digunakan untuk menampung data transaksi
pembelian sayur dari pelanggan.
Tabel 4.1 Tabel detailtransaksi
Name
Type
Size
Null
Default
Key
no_nota
Varchar
25
No
None
-
kode_sayur
Varchar
10
Yes
Null
-
Jumlah
Int
10
Yes
Null
-
Subtotal
Int
10
Yes
Null
-
2.
Tabel pelanggan : Digunakan untuk menampung data pelanggan.
Tabel 4.2 Tabel pelanggan
Name
Type
Size
Null
Default
Key
kode_pelanggan
Varchar
10
No
None
Primary
nama_pelanggan
Varchar
50
Yes
Null
-
alamat_pelanggan
Varchar
500
Yes
Null
-
5
3.
kota_pelanggan
Varchar
50
Yes
Null
-
notelp_pelanggan
Varchar
20
Yes
Null
-
acer_pelanggan
Varchar
500
Yes
Null
-
kode_wilayah
Varchar
5
No
None
-
pass_pelanggan
Varchar
45
No
None
-
Tabel perusahaan : Digunakan untuk menampung data perusahaan
Tabel 4.3 Tabel perusahaan
Name
Type
Size
Null
Default
Key
nama_persh
alamat_persh
telp_persh
Varchar
Varchar
Varchar
50
200
30
No
No
No
None
None
None
-
6
4.
Tabel sayur : Digunakan untuk menampung data koleksi sayur
Tabel 4.4 Tabel sayur
Name
Type
Size
Null
Default
Key
kode_sayur
nama_sayur
harga_beli
harga_jual
satuan
Varchar
Varchar
Int
Varchar
Int
10
45
10
45
10
No
Yes
Yes
Yes
Yes
None
Null
Null
Null
Null
Primary
-
5.
Tabel transaksi : Digunakan untuk menampung data transaksi
pembelian pelanggan yang nantinya untuk mencetak nota penjualan
pelanggan
Tabel 4.5 Tabel transaksi
Name
Type
Size
Null
Default
Key
no_nota
tanggal
grand_total
bayar
kembali
kode_kasir
bayar_via
keterangan
kode_pelanggan
tglkirim
tglorder
Varchar
Datetime
Int
Int
Int
Varchar
Varchar
Varchar
Varchar
Date
Date
25
10
10
10
25
20
100
10
-
No
Yes
Yes
Yes
Yes
Yes
No
No
No
No
No
None
Null
Null
Null
Null
Null
None
None
None
None
None
Primary
-
6.
Tabel user : Digunakan untuk menampung data user yang login
Tabel 4.6 Tabeluser
Name
username
password
nama
level
Type
Varchar
Varchar
Varchar
Varchar
Size
20
45
45
45
Null
No
Yes
Yes
Yes
Default
None
Null
Null
Null
Key
Primary
-
7
7.
Tabel pelangganbr : Digunakan untuk menampung semetara data
pelanggan baru yang mendaftar
Tabel 4.7 Tabel pelangganbr
Name
Type
Size
Null
Default
Key
nama_pelanggan
Varchar
50
Yes
Null
-
alamat_pelanggan
Varchar
500
Yes
Null
-
kota_pelanggan
Varchar
50
Yes
Null
-
notelp_pelanggan
Varchar
20
Yes
Null
-
acer_pelanggan
Varchar
500
Yes
Null
-
email_wilayah
Varchar
5
No
None
-
password
Varchar
45
No
None
-
Status
Varchar
20
No
None
-
8.
Tabel pelangganpesan : digunakan untuk menampung sementara data
pesanan pelanggan
Tabel 4.8 Tabel pelangganpesan
Name
Type
Size
Null
Default
Key
tgl_plgpesan
Date
-
No
None
-
tgl_kirim_plgpesan
Date
-
No
None
-
Kode_plgpesan
Varchar
20
Yes
Null
-
Nama_plgpesan
Varchar
50
Yes
Null
-
Alamat_plgpesan
Varchar
100
Yes
Null
-
Pesanan_plgpesan
Varchar
500
No
None
-
status_plgpesan
Varchar
30
No
None
-
8
4.4.3
Model Relasional Data
Berikut adalah model relasional data dari perancangan aplikasi sistem
informasi akuntansi penjualan :
Gambar 4.1 Model Relasional Data
4.4.4
Rancangan DFD (Data Flow Diagram)
a. Context Diagram
Context diagram ini menjelaskan tentang garis besar aplikasi sistem
informasi akuntansi penjualan, mengenai apa yang diberikan oleh
aplikasi atau sistem kepada pihak lain.
Login
Daftar
Sistem Informasi
Akuntansi Penjualan
PIMPINAN
Laporan
PELANGGAN
Informasi kontak
Informasi daftar sayur
Informasi testimoni pelanggan
Gambar 4.2 Context Diagram
b. DFD Level 0
DFD Level 0 menjelaskan bagaimana keseluruhan alur aplikasi sistem
informasi akuntansi penjualan beserta dengan penyimpanan data yang
diinputkan dan output yang dihasilkan.
9
Input id admin dan
password
1.0
Login
Admin
Tampilan menu admin
pelanggan pesan
Data diri pelanggan dan
pesanan pelanggan
Input data diri pelanggan
Input data pesanan pelanggan
2.0
Input data
pelanggan dan input
data pesanan
pelanggan
Data pesanan
Pelanggan
Data diri pelanggan
Status pelanggan
pelanggan
Data pesanan pelanggan
Input transaksi penjualan
3.0
Transaksi
Input status pesanan
Pesan
Pelanggan
Status pesanan
Gambar 4.3 DFD Level 0
c. DFD Level 1 Proses Login
Input id admin dan
password
1.0
Login
Admin
Tampilan menu admin
Gambar 4.3 DFD Level 1 Proses Login
d. DFD Level 1 Proses Input Data
Admin
pelanggan pesan
Data diri pelanggan dan
pesanan pelanggan
Input data diri pelanggan
Input data pesanan pelanggan
2.0
Input data
pelanggan dan input
data pesanan
pelanggan
Data pesanan
Pelanggan
Data diri pelanggan
Status pelanggan
pelanggan
Gambar 4.4 DFD Level 1 Proses Input Data
10
e. DFD Level 1 Proses Transaksi
Admin
Data pesanan pelanggan
Input transaksi penjualan
Input status pesanan
3.0
Transaksi
Pesan
Status pesanan
Gambar 4.5 DFD Level 1 Proses Transaksi
Pelanggan
11
4.4.5
Rancangan UI (User Interface)
1. Form index
Berupa tampilan awal sistem informasi akuntansi penjualan CV. Kasih
Karunia. Form ini digunakan baik oleh admin maupun pelanggan.
CV. KASIH KARUNIA
SELAMAT DATANG DI SISTEM PENJUALAN SAYUR ORGANIK ONLINE
(Menampilkan beberapa foto)
MENU UTAMA
Koleksi sayur
Testimoni Pelanggan
Kontak
Profil toko
Pendaftaran
Login admin
Login pelanggan
2. Form Profil Toko
Berisi profil toko sayur, seperti gambar logo, foto2 sayur siap kirim, foto2
koleksi sayur dan sebagian testimoni pelanggan.
CV. KASIH KARUNIA
PROFIL TOKO
12
3. Form Koleksi Sayur (Tampilan Pelanggan)
Berisi kumpulan daftar sayur yang dijual di CV. Kasih Karunia
KODE
SAYUR
KOLEKSI SAYUR
HARGA
JUAL
NAMA SAYUR
SATUAN
(GRAM)
4. Form Koleksi sayur tampilan admin, yang berisi daftar sayur yang dijual
ke pelanggan.
KODE
SAYUR
KOLEKSI SAYUR
NAMA
HARGA
SAYUR
BELI
HARGA
JUAL
SATUAN
(GRAM)
5. Form Testimoni Pelanggan, berisi kumpulan foto testimoni pelanggan
TESTIMONI PELANGGAN
FOTO TESTIMONI
KETERANGAN
13
6. Form Kontak, berisi daftar kontak CV. Kasih Karunia yang bisa
dihubungi.
KONTAK
Fanspage
BBM
7. Form Pendaftaran, digunakan untuk pendaftaran pelanggan baru. Sehingga
pelanggan yang sudah mendaftar bisa login dan memesan.
PENDAFTARAN PELANGGAN BARU
Data Pribadi
Nama Lengkap :
Alamat :
Detail alamat :
Kota :
No. Hp
Daftar
Kembali
8. Form Login Admin, digunakan untuk login admin. Yang selanjutnya
admin dapat mengakses menu-menu admin.
CV. Kasih Karunia
Login Admin
Username :
Password :
14
9. Form Login Pelanggan, digunakan untuk login pelanggan yang sudah
mendaftar, sehingga pelanggan dapat memesan.
CV. Kasih Karunia
Login Pelanggan
Username :
Password :
10. Form index pelanggan, berisi menu-menu untuk pelanggan, seperti master
edit data pelanggan, daftar pesanan pelanggan, dan status pesanan.
CV. Kasih Karunia
Home
Master
Transaksi
Logout
11. Form Master edit data pelanggan, form ini berada di index pelanggan,
berguna untukpelanggan yang mengedit data pelanggan.
CV. Kasih Karunia
No Nama
Alamat
Kota
No Telp
Detail Alamat
Status
15
12. Form Transaksi Daftar Pesanan, merupakan form yang digunakan untuk
pelanggan mengisi data sayur apa saja yang akan dipesan.
FORM PESANAN PELANGGAN
Pesanan Pelanggan
Tgl Pesan
Tgl Kirim
Kode Pelanggan
Nama Pelanggan
Alamat
Pesanan
Daftar
Kembali
13. Form Status pesanan, berisi data pesanan pelanggan yang bisa diakses oleh
pelanggan, untuk mengetahui status pesanannya apakah sudah di input,
dikirim, atau proses antar.
CV. Kasih Karunia
Tgl
Tgl
No Pesan Kirim
Kode
Plg
Nama
Plg
Pesanan
Status
14. Form index admin, berisi menu-menu untuk admin mengakses data sayur,
data pelanggan, dan transaksi.
CV. Kasih Karunia
Home Master Transaksi
Master User
Logout
16
15. Form Master sayur tampilan admin, untuk input data sayur, edit, dan hapus
data sayur.
CV. Kasih Karunia
Kode
Nama
No Sayur
Sayur
Harga
Beli
Harga
Jual
Satuan
Tambah
Sayur
Edit Hapus
16. Form edit data sayur tampilan admin, berfungsi untuk mengedit data sayur
dan update data sayur.
CV. Kasih Karunia
Kode Sayur
Nama Sayur
Harga Beli
Harga Jual
Satuan
Update
Delete
.
17. Form master pelanggan, tampilan admin berfungsi untuk menambahkan
pelanggan baru, mengedit, dan mengupdate data pelanggan, juga
menambahkan status pelanggan baru
CV. Kasih Karunia
No Nama Alamat
Kota
No Telp
Detail Alamat
Status
17
18. Form master transaksi, berisi tampilan untuk admin menginput data pelanggan
yang pesan, yang kemudian menginputkan data pesanan ke form proses
transaksi.
CV. Kasih Karunia
No
Tgl Pesan
Tgl Kirim
Nama
Alamat
Pesanan
Status
19. Form master transaksi, proses transaksi. Digunakan untuk admin menginput
data pesanan pelanggan, dan mencetak nota.
Cv. Kasih Karunia
Kode
Pelanggan
Nama
Pelanggan
Alamat
Kota
No. Nota
Tanggal Pesan
Tanggal Kirim
Kode Sayur
Nama
Sayur
Harga
Total
18
20. Form cetak nota, adalah form hasil dari input pesanan pelanggan di form proses
transaksi. Form cetak nota nantinya digunakan untuk mencetak nota penjualan.
Cv. Kasih Karunia
Kode
Pelanggan
Nama
Pelanggan
Alamat
Kota
No. Nota
Tanggal Pesan
Tanggal Kirim
Kode Sayur
Grand Total :
Buat Nota
Nama
Sayur
Harga
Total
19
4.5 Implementasi
Aplikasi Sistem Informasi Aakuntansi Penjualan CV. Kasih Karunia
yang dirancang ini, memiliki berbagai tampilan yang disebut User
Interface yang dapat memudahkan user untuk mengolah dan memproses
data. Berikut ini User Interface yang terdapat dalam aplikasi Sistem
Informasi Akuntasi Penjualan.
a. Tampilan awal
Sebelum masuk lebih lanjut ke dalam sistem, tampilan yang ada di
sistem adalah tampilan awal. Tampilan ini merupakan tampilan awal,
baik bagi admin maupun pelanggan.
Gambar 4.5.1 Tampilan awal
b. Tampilan menu utama koleksi sayur
Tampilan ini berisi daftar sayur yang dijual di CV. Kasih Karunia,
harga dan satuan berat sayur. Pelanggan dapat melihat-lihat daftar
sayur dan kemudian dapat memesan.
20
Gambar 4.5.2 Tampilan Koleksi sayur
c. Tampilan menu utama kontak
Dalam menu ini pelanggan dapat melihat informasi kontak CV. Kasih
Karunia.
Gambar 4.5.3 Tampilan daftar kontak
21
d.
Tampilan menu utama profil toko
Menu ini berisi uraian singat tentang profil perusahaan dan visi misi
dari CV. Kasih Karunia.
Gambar 4.5.4 Tampilan profil toko
e. Tampilan menu utama testimoni pelanggan
Dalam tampilan menu testimoni pelanggan berisi beberapa kumpulan
foto testimoni pelanggan yang sudah pernah memesan sayur.
Gambar 4.5.5 Tampilan testimoni pelanggan
f.
Tampilan menu pendaftaran
22
Dalam menu pendaftaran ini adalah menu yang berisi form
pendaftaran pelanggan. Dalam form pendaftaran ini pelanggan
mengisi data diri seperti nama, alamat, detail alamat, nomor telepon.
Data tersebut nantinya akan diinput oleh admin dan data pelanggan
akan disimpan dalam database. Setelah pelanggan mendaftar,
selanjutnya pelanggan dapat login ke sistem dan dapat memesan.
Gambar 4.5.6 Tampilan menu pendaftaran
g.
Tampilan menu login pelanggan
Tampilan menu login pelanggan ini merupakan menu yang dapat
diakses oleh pelanggan. Username berupa kode pelanggan, sedangkan
password diatur default oleh sistem yaitu 1234.
Gambar 4.5.7 Tampilan menu login pelanggan
h.
Tampilan menu pelanggan
23
Tampilan menu pelanggan ini merupakan menu untuk pelanggan
mengakses data pelanggan dan untuk melakukan pemesanan. Di
dalam menu pelanggan terdapat dua menu, yaitu master dan transaksi.
Gambar 4.5.8 Tampilan menu pelanggan
i.
Tampilan menu master pelanggan
Dalam tampilan menu master pelanggan ini berisi edit data
pelanggan. Edit data pelanggandigunakan untuk pelanggan mengedit
data diri seperti nama, alamat atau nomor telepon.
Gambar 4.5.9 Tampilan menu master pelanggan
Gambar 4.5.10 Tampilan menu master edit pelanggan
24
Gambar 4.5.11 Tampilan menu master edit pelanggan
j. Tampilan menu transaksi pelanggan
Menu ini berisi daftar pesanan dan status pesanan. Kedua menu ini
berkaitan dengan pesanan pelanggan.
Gambar 4.5.12 Tampilan menu transaksi pelanggan
k.
Tampilan menu transaksi daftar pesanan pelanggan
Daftar pesanan di menu pelanggan ini merupakan form untuk
pemesanan sayur oleh pelanggan. Di menu ini pelanggan akan
mengisi form pesanan, yang nantinya pesanan akan diinput oleh
admin.
Gambar 4.5.13 Tampilan menu transaksi pelanggan
l. Tampilan menu transaksi status pesanan pelanggan
25
Di menu ini pelanggan dapat mengetahui bagaimana status
pesanannya dan dapat melihat data pesanan apa saja yang pernah
dipesan.
Gambar 4.5.14 Tampilan menu transaksi pelanggan
m. Tampilan login admin
Tampilan ini merupakan tampilan untuk admin yang login, dan mengakses
menu admin.
Gambar 4.5.15 Tampilan menu login admin
n. Tampilan menu awal admin
Dalam menu tampilan awal admin ini, ada beberapa menu yang bisa
diakses, diantaranya menu master, transaksi, master user dan logout.
Gambar 4.5.16 Tampilan menu awal admin
o. Tampilan menu master admin
26
Menu master yang dapat diakses oleh admin diantaranya master
daftar sayur, master pelanggan baru dan master pelanggan.
Dalam master sayur, admin dapat menginput, menambah, mengedit
dan mengupdate data sayur yang dijual.
Dalam master pelanggan baru, admin dapat melihat data pelanggan
yang baru mendaftar. Dan menginput data diri pelanggan baru di
menu master pelanggan.
27
p. Tampilan menu transaksi admin
Dalam menu ini, admin dapat menginputkan transaksi penjualan sayur atau
pesanan pelanggan. Sampai dengan mencetak nota penjualan.
Di menu transaksi terdapat beberapa menu yang dapat diakses. Menu
daftar pesanan digunakan admin untuk melihat daftar pesanan
pelanggan, kemudian admin akan menginput pesanan di menu proses
transaksi.
Selanjutnya di menu transaksi terdapat menu proses transaksi, disini
admin akan menginputkan penjualan sayur. Mulai dari tanggal
pesanan, nama pelanggan, daftar sayur yang dipesan, hingga menjadi
nota penjualan.
28
Setelah transaksi berhasil diinput, maka hasil inputan penjualan akan
tampil di menu cetak nota.
Selanjutnya, admin akan mencetak nota penjualan. Kemudian
menyiapkan pesanan pelanggan. Nota akan dibuat rangkap 2,
rangkap 1 akan diberikan pelanggan, rangkap 2 akan diberikan
kepada kurir sebagai dokumen alamat pengiriman.
29