BAB III

ANALISIS DAN PERANCANGAN

3.1 Analisis Sistem yang Sedang Berjalan

Dari hasil pengamatan dan analisa yang dilakukan oleh penulis selama

melakukan penelitian di PT. Vista Agung Kencana yang bergerak dibidang

pembibitan ayam, pakan ternak dan makanan olahan ini, maka penulis

mendapatkan bahwa sistem penjualan pada PT. Vista Agung Kencana masih

belum terkomputerisasi dan masih manual mulai dari melakukan pencatatan stok

anak ayam, mencatat transaksi penjualan anak ayam , membuat nota penjualan

dengan cara tulis, dan membuat laporan keuangan hasil penjualan belum secara

otomatis.

3.2 Permasalahan Yang Dihadapi

Permasalahan yang dihadapi oleh PT. Vista Agung Kencana ini adalah

sebagai berikut:

1. sistem yang berjalan sekarang perlu melakukan pengecekkan jumlah

stok anak ayam belum terkomputerisasi sehingga membutuhkan waktu

yang lama;

2. sistem yang sedang berjalan masih menggunakan software MS. Excel

sebagai tempat pecatatan transaksi penjualan anak ayam sehingga

menyulitkan karyawan dalam pencarian data transaksi;

3. sistem yang berjalan sekarang pembuatan nota penjualan masih dengan

cara tertulis dan belum secara otomatis;dan

28
 4. sistem yang berjalan sekarang masih belum bisa membuat laporan

keuangan dari penjualan secara otomatis.

3.3 Sistem Yang Diusulkan

Sistem yang penulis usulkan nantinya yaitu membuat sebuah aplikasi yang

berbasis website dengan menggunakan PHP dan MySQL sebagai penyimpanan

datanya (database). Sistem yang diusulkan ini akan membantu pegawai untuk

menangani membuat laporan transaksi penjualan dan nota penjualan secara

otomatis, dapat membantu pegawai dalam mencari data transaksi penjualan anak

ayam yang sudah lama, dapat membantu melihat riwayat stok produk anak ayam

dari hasil penjualan, dapat membuat laporan keuangan secara otomatis mulai dari

jurnal pembelian, jurnal penjualan, laporan beban dan laporan laba rugi yang bisa

dilihat dalam periode yang ditentukan bisa per-hari, per-minggu, dan per-bulan.

3.4 Data Flow Diagram (DFD)

3.4.1 Diagram Konteks

Berikut ini adalah gambar Diagram Konteks dari Aplikasi Laporan

Laba Rugi Atas Penjualan Anak Ayam Berbasis Website Pada PT. Vista

Agung Kencana Kabupaten Muara Enim Sumatera Selatan.

29
 Gambar 3.1 Diagram Konteks

Pada gambar 3.1 diagram konteks diatas menggambarkan semua

aliran data yang mengalir ke dalam dan keluar sistem. Sehingga terdapat 3

entitas yaitu Admin Kasir, Supervisor dan Pimpinan. Masing-masing entitas

memiliki fungsi yang berbeda-beda terhadap sistem. Entitas Admin bisa

menambah data produk, data penjualan, dan data beban. Entitas Supervisor

bisa kelola data produk, data penjualan, dan data beban sedangkan pimpinan

hanya menerima data laporan.

30
 3.4.2 Diagram Level 1

Berikut ini adalah gambar diagram level 1 dari Aplikasi Laporan

Laba-Rugi Atas Penjualan Anak Ayam Berbasis Web Pada PT. Vista

Kencana Agung.

Gambar 3.2 Diagram Level 1

Pada gambar 3.2 diagram level 1 diatas merupakan proses aliran data yang

terjadi. Berikut ini penjelasan DFD Level 1:

1. Proses Login dilakukan oleh Admin Kasir, Supervisor dan

31
 Pimpinan untuk mendapatkan hak aksesnya mereka masing-

masing.

2. Kelola Produk

Entitas Admin dapat menambah, update dan melihat data produk.

sementara Supervisor dapat menambah, menghapus, mengedit,

update, dan melihat data produk, sedangkan Pimpinan hanya bisa

melihat data produk.

3. Kelola Penjualan

Entitas Admin dapat menambah dan mencetak data penjualan.

Sementara supervisor bisa menambah, mencetak, mengedit dan

menghapus data penjualan .

4. Kelola Stok

Entitas Admin Kasir dan supervisor dapat megupdate data stok anak

ayam.

5. Kelola Beban

Entitas Admin Kasir dapat menambah data beban, sementara

supervisor bisa menambah, mengedit dan mengapus data beban.

6. Kelola Laporan

Entitas Pimpinan akan menerima laporan dari sistem dimana data

yang telah diinputkan ke dalam database akan dialirkan menjadi

laporan kepada pimpinan.

32
DFD Level 2 Sub Proses Login

Gambar 3.3 DFD Level 2 Sub Proses Login

Pada gambar 3.3 diatas memiliki 3 subproses. Masing-masing entitas

yaitu admin, supervisor dan pimpinan memasukan data login. Data login

ketiga entitas yaitu yang akan disimpan pada datastore.

33
DFD Level 2 Sub Proses Kelola Data Produk

Gambar 3.4 DFD Level 2 Sub Proses Kelola Produk

Pada gambar 3.4 diatas adalah proses kelola data produk memiliki 4

subproses. Entitas admin kasir dapat menginput data penjualan. Supervisor

melakukan pengolahan data produk seperti input, cetak dan hapus pada

data penjualan. Sementara Pimpinan hanya dapat melihat data produk anak

ayam.

34
DFD Level 2 Sub Proses Kelola Data Penjualan

Gambar 3.5 DFD Level 2 Sub Proses Kelola Penjualan

Gambar 3.5 diatas memiliki 3 subproses. Entitas admin kasir dapat

menginput dan mencetak data pembelian. Supervisor dapat melakukan

pengolahan pada data pembelian seperti melakukan penginputan data,

melakukan pengeditan, penghapusan dan mencetak data pada sistem.

35
DFD Level 2 Sub Proses Kelola Data Stok

Gambar 3.6 DFD Level 2 Sub Proses Kelola Stok

Gambar 3.6 diatas memiliki 2 subproses. Entitas admin kasir dan

supervisor dapat melihat dan update data stok anak ayam sementara

pimpinan hanya dapat melihat data stok yang kemudian akan tersimpan

di data store riwayat stok.

36
DFD Level 2 Sub Proses Kelola Beban

Gambar 3.7 DFD Level 2 Sub Proses Kelola Beban

Gambar 3.7 diatas memiliki 4 subproses. Entitas admin dapat

menambah data beban sementara supervisor dapat melakukan pengolahan

pada data beban seperti melakukan penginputan data, melakukan

pengeditan dan melakukan penghapusan data pada sistem.

37
DFD Level 2 Sub Proses Kelola Laporan

Gambar 3.8 DFD Level 2 Sub Proses Kelola Laporan

Pada gambar 3.8 diatas memiliki 4 subproses. Proses laporan ini

merupakan proses dimana data yang telah diinputkan ke dalam database

akan dialirkan menjadi laporan kepada entitas pimpinan. Hal ini untuk

melihan setiap laporan data yang ada, entitas pimpinan diharuskan mengisi

data tanggal pada sistem untuk melihat laporan tersebut secara berkala

seperti laporan perhari, perminggu atau bulanan.

38
3.5 Entity Relationship Diagram (ERD)

Berikut ini merupakan permodelan ERD yang menjelaskan suatu hubungan

antar entitas dalam sistem pada Aplikasi Laporan Laba Rugi Atas Penjualan

Anak Ayam Berbasis Website Pada PT. Vista Kencana Agung.

Gambar 3.9 Entity Relationship Diagram (ERD)

3.6 Kamus Data

Berikut Adalah kamus data dari Aplikasi Laporan Laba Rugi Atas

Penjualan Anak Ayam Berbasis Website Pada PT. Vista Agung Kencana.

1. Admin : @id_admin + @email + @nama +

@password

39
 2. Supervisor : @id_supervisor + @email + @nama +

@password

3. Pimpinan : @id_pimpinan + @nama + @email +

@password

4. Produk : @id_produk + @judul + @gambar +

@harga +

@tgl_update + @stok + @deskripsi

5. Transaksi : @id_transaksi + @id_produk +

@nama_produk+@harga_produk

+@nama_pembeli+@no_hp+

@total_harga+@quantity+@tanggal

6. Riwayat Stok : @id_rwt_stok+@id_produk+

@nama_produk+@jumlah+@tipe+@user+

@tgl

7. Beban : @id_beban + @tipe + @keterangan +

@biaya+@tanggal

3.7 Spesifikasi Data dalam Database

a. Nama Tabel : Admin

Primary Key : id_admin

Tabel 3.1 Data Admin

No Field Name Type Field Size Description

1 Id_admin Int 5 PK/Not Null

2 Email Varchar 125 Not Null

40
3 Nama Varchar 125 Not Null

4 Password Varchar 125 Not Null

b. Nama Tabel : Supervisor

Primary Key : id_supervisor

Tabel 3.2 Data Supervisor

No Field Name Type Field Size Description

1 Id_supervisor Int 11 PK/Not Null

2 Email Varchar 125 Not Null

3 Nama Varchar 75 Not Null

4 Password Varchar 225 Not Null

c. Nama Tabel : Pimpinan

Primary Key : id_pimpinan

Tabel 3.3 Data Pimpinan

No Field Name Type Field Size Description

1 Id_pimpinan Int 5 PK/Not Null

2 Nama Varchar 125 Not Null

3 Email Varchar 125 Not Null

4 Password Varchar 175 Not Null

d. Nama Tabel : Produk

Primary Key : id_produk

41
 Tabel 3.4 Data Produk

Field Name Type Field Size Description

1 Id_produk Int 5 PK/Not Null

2 judul Varchar 125 Not Null

3 gambar Varchar 175 Not Null

4 harga int 15 Not Null

5 Tgl_update datetime - Not Null

6 stok Int 5 Not Null

7 deskripsi Varchar 225 Not Null

e. Nama Tabel : Transaksi

Primary Key : id_transaksi

Tabel 3.5 Data Transaksi

No Field Name Type Field Size Description

1 Id_transaksi Varchar 25 PK/Not Null

2 Id_produk Varchar 15 Not Null

3 Nama_produk Varchar 75 Not Null

4 Harga_produk Int 25 Not Null

5 Nama_pembeli Varchar 25 Not Null

6 No_hp Varchar 20 Not Null

7 Total_harga Int 15 Not Null

8 Quantity Varchar 15 Not Null

9 Tanggal Date - Not Null

42
 f. Nama Tabel : Riwayat Stok

Primary Key : id_rw_stok

Tabel 3.6 Data Riwayat Stok

No Field Name Type Field Size Description

1 Id_rwt_stok Int 11 PK/Not Null

2 Id_produk Varchar 15 Not Null

3 Nama_produk Varchar 125 Not Null

4 Jumlah Int 15 Not Null

5 Tipe Tinyint 1 Not Null

6 User Varchar 25 Not Null

7 Tanggal Datatime - Not Null

g. Nama Tabel : Beban

Primary Key : id_beban

Tabel 3.7 Data Beban

No Field Name Type Field Size Description

1 Id_beban Int 5 PK /Not Null

2 Keterangan Varchar 175 Not Null

3 Biaya Int 15 Not Null

4 Tanggal date - Not Null

43
3.8 Rancangan Aplikasi

Berikut Adalah rancangan aplikasi dari pembuatan Aplikasi Laporan Laba

Rugi Atas Penjualan Anak Ayam Berbasis Website Pada PT. Vista Agung

Kencana Kabupaten Muara Enim Sumatera Selatan.

3.8.1 Rancangan Tampilan Form Login

Halaman Login merupakan tampilan rancangan yang dimana halaman

login ini akan digunakan oleh pengguna sistem, pada sistem ini terdapat 3

pengguna yaitu admin kasir, supervisor dan pimpinan.

Gambar 3.10 Rancangan Tampilan Form Login

44
3.8.2 Rancangan Tampilan Halaman Dasboard Admin

Halaman Dasboard pada Admin Kasir merupakan tampilan awal yang

akan ditampilkan setelah melakukan login.

Gambar 3.11 Rancangan Tampilan Dasboard

45
3.8.3 Rancangan Tampilan Daftar Produk

Tampilan pada halaman ini akan menampilkan data produk apa saja

yang tersedia di PT. Vista Agung Kencana dan admin juga bisa melakukan

penambahan pada produk.

Gambar 3.12 Rancangan Tampilan Data Produk

46
3.8.4 Rancangan Tampilan Tambah Data Produk

Pada tampilan tambah data produk berfungsi untuk mempermudahkan

admin kasir dalam melakukan penginputan data produk.

Gambar 3.13 Rancangan Tampilan Tambah Data Produk

47
3.8.5 Rancangan Tampilan Daftar Riwayat Stok

Pada halaman ini riwayat stok sangat berguna untuk admin karena

dapat melihat bertambah dan berkurang stok anak ayam pada produk.

Gambar 3.14 Rancangan Tampilan Riwayat Stok

48
3.8.6 Rancangan Tampilan Update Stok

Pada rancangan kali ini yaitu Update Stok jumlah anak ayam yang

merupakan tampilan yang dimana admin dapat mengupdate stok total pda

stok produk tersebut.

Gambar 3.15 Rancangan Tampilan Update Stok

49
3.8.7 Halaman Data Penjualan

Halaman data penjualan merupakan tampilan yang dimana admin

dapat melihat siapa saja yang membeli produk tersebut.

. Gambar 3.16 Rancangan Tampilan Penjualan

50
3.8.8 Rancangan Tampilan Tambah Transaksi

.Halaman ini merupakan halaman untuk menambahkan data penjualan

dengan klik pilih produk.

Gambar 3.17 Rancangan Tampilan Tambah Transaksi

51
3.8.9 Rancangan Tampilan Halaman Keranjang

Pada Tampilan Halaman ini akan menampilkan detail produk dan stok

produk yang akan di tambah.

Gambar 3.18 Rancangan Tampilan Keranjang

52
3.8.10 Rancangan Tampilan Halaman Checkout

Pada rancangan halaman ini yaitu akan menampilkan total

transaksi.

Gambar 3.19 Rancangan Tampilan Chekout

53
3.8.11 Rancangan Tampilan Simpan Dan Cetak Nota

Pada Form ini digunakan untuk menampilkan total pembayaran.

Gambar 3.20 Rancangan Tampilan Simpan Cetak Nota

54
3.8.12 Rancangan Tampilan Data Beban

Pada Form tampilan data beban merupakan tampilan yang

digunakan untuk melihat data beban yang telah diinputkan oleh admin kasir.

Daftar beban yang diinputkan seperti beban operasional, beban gaji

karyawan, dan beban lain-lain.

Gambar 3.21 Rancangan Tampilan Data Beban

55
3.8.13 Rancangan Tampilan Tambah Data Beban

Pada Tampilan form tambah beban ini merupakan tampilan untuk

menambahkan data beban yang akan diinput oleh admin kasir.

Gambar 3.22 Rancangan Tampilan Tambah Data Beban

56
3.8.14 Rancangan Tampilan Halaman Supervisor

Rancangan Halaman Dasboard supervisor merupakan tampilan awal

yang akan ditampilkan setelah supervisor melakukan login.

Gambar 3.23 Rancangan Tampilan Dasboard Supervisor

57
3.8.15 Rancangan Tampilan Halaman Daftar produk

Rancangan Halaman produk yaitu Supervisor dapat melihat data dari

data produk apa yang tersedia di PT. Vista Agung Kencana dan Supervisor

pun bisa melakukan penambahan produk dan pengurangan

Gambar 3.24 Rancangan Daftar Produk

58
3.8.16 Rancangan Tambah produk

Pada Halaman ini merupakan halaman untuk menambahkan data

produk yang baru.

Gambar 3.25 Rancangan Tambah Produk

59
3.8.17 Rancangan Tampilan Riwayat Stok

Pada rancangan halaman ini supervisor juga dapat melihat keluar

masuknya stok anak ayam pada produk.

Gambar 3.26 Rancangan Riwayat Stok

60
3.8.18 Rancangan Tampilan Update Stok

Rancangan Halaman Update Stok Produk merupakan tampilan

yang dimana Supervisor dapat mengupdate stok total anak ayam.

Gambar 3.27 Rancangan Update Stok

61
3.8.19 Rancangan Tampilan Edit Produk

Halaman ini merupakan halaman yang digunakan untuk mengedit

data jika data sebelumnya mengalami kesalahan dalam penginputan

Gambar 3.28 Rancangan Edit Data Produk

62
3.8.20 Rancangan Tampilan Hapus Produk

Halaman hapus data ini berfungsi untuk Supervisor apabila hendak

menghapus data yang mengalami kesalahan penginputan.

Gambar 3.29 Rancangan Hapus Data Produk

63
3.8.21 Rancangan Tampilan Penjualan

Rancangan Halaman data penjualan merupakan tampilan yang

dimana supervisor juga dapat melihat siapa saja yang membeli produk

tersebut.

Gambar 3.30 Rancangan Penjualan

64
3.8.22 Rancangan Tampilan Tambah Transaksi Penjualan

Rancangan Halaman ini merupakan halaman untuk menambahkan

data penjualan.

Gambar 3.31 Rancangan Tambah Transaksi Penjualan

65
3.8.23 Rancangan Halaman Keranjang

Rancangan Halaman ini akan menampilkan detail produk dan stok

produk yang akan di tambah.

Gambar 3.32 Rancangan Keranjang

66
3.8.24 Rancangan Halaman Checkout

Halaman ini akan menampilkan total transaksi yang hendak

dibayar dalam pemesanan tersebut.

Gambar 3.33 Rancangan Checkout

67
3.8.25 Rancangan Tampilan Simpan Dan Cetak Nota

Rancnagan Halaman ini akan menampilkan total pembayaran yang

harus dibayar oleh pembeli.

Gambar 3.34 Rancangan Simpan Dan Cetak Nota

68
3.8.26 Rancangan Daftar Beban

Rancnagan Halaman ini akan menampilkan daftar beban dilakukan

oleh oleh PT. Vista Agung Kencana. supervisor juga bisa menambahkan

data beban. Daftar beban yang diinputkan seperti beban operasional beban

gaji karyawan, dan beban lain-lain.

Gambar 3.35 Rancangan Daftar Beban

69
3.8.27 Rancangan Tambah Data Beban

Rancnagan Halaman tambah data beban adalah untuk menambahkan

data-data tentang beban ke dalam aplikasi tersebut.

Gambar 3.36 Rancangan Tambah Beban

70
3.8.28 Rancangan Edit Beban

Rancnagan edit data beban berfungsi untuk supervisor apabila

hendak mengedit data yang mengalami kesalahan pada penginputan beban.

Gambar 3.37 Rancangan Edit Beban

71
3.8.29 Rancangan Hapus Beban

Rancangan hapus data beban berfungsi untuk supervisor apabila

hendak menghapus data yang mengalami kesalahan pada penginputan beban.

Gambar 3.38 Rancangan Hapus Beban

72
3.8.30 Rancangan Tampilan Halaman Pimpinan

Jika pimpinan telah berhasil login maka akan diarahkan pada

tampilan halaman utama khusus pimpinan, pada tampilan halaman utama

pimpinan ini juga terdapat fitur-fitur seperti data laporan yang ada pada

program penjualan.

Gambar 3.39 Rancangan Tampilan Halaman Pimpinan

73
3.8.31 Rancangan Tampilan Produk

Tampilan pada halaman ini akan menampilkan data produk pada

penjuaan aplikasi laporan laba rugi atas penjualan anak ayam dimana

pimpinan dapat melihat data produk yang telah diinputkan.

Gambar 3.40 Rancangan Tampilan Produk

74
3.8.32 Rancangan Tampilan Riwayat Stok

Pada halaman ini pimpinan juga dapat melihat keluar masuknya stok

anak ayam pada produk.

Gambar 3.41 Rancangan Tampilan Riwayat Stok

75
3.8.33 Rancangan Halaman Pembelian

Pada halaman ini akan menampilkan jurnal pembelian, dimana pada

jurnal pembelian ini merupakan pembelian pada anak ayam dimana

mempunyai kode akun ayam pada kas, dari jurnal pembelian ini merupakan

harga pokok pembelian atau modal yang sudah dihitung pembagiannya

untuk harga perbox anak ayam dengan selisih 75% dari harga anak ayam

yang dijual dalam perbox. Jadi jurnal ini sudah langsung otomatis

perhitungannya setiap melakukan transaksi, di jurnal ini juga sudah di buat

otomatis berapa jumlah pembelian dan totalnnya. Jurnal pembelian ini bisa

di lihat dalam periode perhari, perminggu dan perbulan.

Gambar 3.42 Rancangan Pembelian

76
3.8.34 Rancangan Jurnal Pembelian

Pada halaman ini akan menampilkan jurnal pembelian selama 1 Bulan

yang digunakan untuk mencatat proses transaksi pada pembelian.

Gambar 3.43 Rancangan Jurnal Pembelian

77
3.8.35 Rancangan Tampilan Laporan Beban

Rancnagan laporan beban ini pimpinan bisa melihat transaksi yang

Terjadi dalam periode perhari, perminggu, dan perbulan.

Gambar 3.44 Rancangan Laporan Beban

78
3.8.36 Rancangan Laporan Beban

Rancangan Pada halaman Laporan beban pimpinan dapat melihat

bagaimana transaksi yang terjadi.

Gambar 3.45 Rancangan Laporan Beban

79
3.8.37 Rancangan Halaman Penjualan

Pada halaman ini pimpinan dapat melihat stok dan jumlah

penjualan yang masuk.

Gambar 3.46 Rancangan Tampilan Penjualan

80
3.8.38 Rancangan Halaman Jurnal Penjualan

Pada halaman ini akan menampilkan jurnal penjualan selama 1 Bulan

yang digunakan untuk mencatat proses transaksi pada penjualan. Dimana

jurnal penjualan ini merupakan total keseluruhan transaksi dari penjualan

anak ayam yang secara otomatis sudah bisa langsung terbuat jurnal

penjualanannya, yang mempunyai kode akun kas pada penjualan yaitu

diambil dari harga penjualan anak ayam dan hpp pada ayam diambil dari hpp

atau modal dari pembelian anak ayam dalam satu box. Dari jurnal penjualan

ini perhitungannya sudah otomatis yaitu berapa jumlah transaksi penjualan

dan totalnya, dikurang dengan harga pokok penjualan, maka dapatlah total

laba kotor dari penjualan anak ayam selama 1 bulan. Jurnal ini juga

digunakan untuk mencatat laporan pada penjualan.

Gambar 3.47 Rancangan Jurnal Penjualan

81
3.8.39 Rancangan Halaman laba Rugi

Pada halaman ini pimpinan dapat melihat keuntungan yang

didapatkan dari penjualan tersebut, apakah mendapat keutungan atau tidak.

Gambar 3.48 Rancangan Tampilan Laporan Laba Rugi

82
3.8.40 Rancangan Halaman Laporan laba Rugi

Pada halaman ini akan menampilkan jurnal laba rugi selama 1 bulan

yang digunakan untuk mencatat proses transaksi pada laba rugi. Laporan

laba rugi ini diperoleh dari total transaksi dari penjualan dikurangkan dengan

Hpp sama dengan laba kotor, dari total laba kotor ini untuk mendapatkan

laba bersih maka dikurangi dengan beban, baru dapatlah laba bersih atau

keuntungan yang diperoleh perusahaan dari penjualan anak ayam.

Gambar 3.49 Rancangan Tampilan Laporan Laba Rugi

83
84