PERANCANGAN SISTEM INFORMASI PENJUALAN PADA KEDAI KOPI PUJANGGA DENGAN METODE WATERFALL BERBASIS WEB
SKRIPSI
MUHAMMAD RIZKY ANGGA NUGROHO 1710512059
PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAKARTA 2021
PERANCANGAN SISTEM INFORMASI PENJUALAN PADA KEDAI KOPI PUJANGGA DENGAN METODE WATERFALL BERBASIS WEB
SKRIPSI
Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Komputer
MUHAMMAD RIZKY ANGGA NUGROHO 1710512059
PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAKARTA 2021
PERNYATAAN ORISINALITAS
Skripsi ini adalah hasil karya sendiri dan semua sumber yang dikutip serta yang dirujuk telah dinyatakan dengan benar.
Nama : Muhammad Rizky Angga Nugroho NIM : 1710512059
Tanggal : 2 Juli 2021
Jika di lain hari ditemukakan ketidaksesuaian dengan pernyataan maka saya bersedia dituntut dan diproses sesuai dengan ketentuan yang berlaku.
Jakarta, 2 Juli 2021
(Muhammad Rizky Angga Nugroho)
PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI UNTUK KEPENTINGAN AKADEMIS
Sebagai civitas akademik Universitas Pembangunan Nasional Veteran Jakarta, saya yang bertanda tangan dibawah ini:
Nama : Muhammad Rizky Angga Nugroho NIM : 1710512059
Fakultas : Ilmu Komputer Program studi : S1 Sistem Informasi
Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada Universitas Pembangunan Nasional Veteran Jakarta Hak Bebas Royalti Non Eksekutif (Non-excelusive Royalti Free Right) atas karya ilmiah saya yang berjudul:
Perancangan Sistem Informasi Penjualan Pada Kedai Kopi Pujangga Dengan Metode Waterfall Berbasis Web
Dengan Hak Bebas royalty ini Universitas Pembangunan Nasional Veteran Jakarta berhak menyimpan, mengaih media/formatkan, mengelola dalam bentuk pangkalan data (database), merawat dan mempulbikasikan skripsi saya selama mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak Cipta.
Demikian pernyataan ini saya buat dengan sebenarnya.
Dibuat di : Jakarta Pada Tanggal : 2 Juli 2021 Yang menyatakan,
(Muhammad Rizky Angga Nugroho)
v LEMBAR PENGESAHAN
Dengan ini dinyatakan bahwa Tugas Akhir berikut:
Nama : Muhammad Rizky Angga Nugroho
NIM : 1710512059
Program Studi : S-1 Sistem Informasi
Judul : Perancangan Sistem Informasi Penjualan Pada Kedai Kopi Pujangga Dengan Metode Waterfall Berbasis Web
Telah berhasil dipertahankan dihadapan Tim Penguji dan diterima sebagai bagian dari persyaratan yang diperlukan untuk memperoleh gelar Sarjana Komputer pada Program Studi Sistem Informasi S.1, Fakultas Ilmu Komputer, Universitas Pembangunan Nasional Veteran Jakarta.
Anita Muliawati, S.Kom., MTI.
Penguji I
Ruth Mariana Bunga Wadu S.Kom., MMSI.
Penguji II
Ati Zaidiah, S.Kom., MTI.
Pembimbing I
Sarika, S.Kom., M.Kom.
Pembimbing II
Dr. Ermatita, M.Kom.
Dekan
Ati Zaidiah, S.Kom., MTI.
Ketua Program Studi Ditetapkan di : Jakarta
Tanggal Ujian :15 Juli 2021
vi PERANCANGAN SISTEM INFORMASI PENJUALAN PADA
KEDAI KOPI PUJANGGA DENGAN METODE WATERFALL BERBASIS WEB
Muhammad Rizky Angga Nugroho
ABSTRAK
Penelitian ini dilakukan untuk membuat sebuah Sistem Informasi Penjualan berbasis web pada Kedai Kopi Pujangga yang bergerak di bidang food and beverages (F&B). Kedai ini melakukan proses penjualan masih secara konvensional, Hal ini dapat beresiko apabila adanya kehilangan bukti penjualan yang keluar akibat dari kesalahan manusia. Selain itu, laporan penjualannya juga masih dilakukan secara manual dan dilakukan setiap minggu. Karena proses penjualan ini masih dilakukan secara manual, pemilik kedai menjadi sulit untuk mengontrol penjualannya karena beresiko terjadinya miss sehingga harus dilakukan stock opname untuk memeriksa kembali hasil penjualan. Dengan ini proses yang berjalan menjadi tidak efektif dan efisien. Oleh karena itu dalam kasus ini dibutuhkan sebuah Sistem Informasi Penjualan yang dapat merekam transaksi penjualan dan membuat laporan penjualan secara otomatis. Maka agar dapat di akses secara realtime. Sistem Informasi Penjualan yang dibuat ini berbasis website untuk membantu menyelesaikan masalah penjualan kopi di Kedai Kopi Pujangga.
Pada penelitian ini peneliti menggunakan metode waterfall dengan sistem yang dibangun menggunakan bootstrap dan bahasa pemrograman PHP yang didukung dengan MySQL database.
Kata Kunci : Sistem Informasi Penjualan, Web, Waterfall, Food and Beverage (F&B), PHP, MySQL.
vii DESIGNING SALES INFORMATION SYSTEM AT
KEDAI KOPI PUJANGGA WITH THE WATERFALL METHOD WEB- BASED
Muhammad Rizky Angga Nugroho
ABSTRACT
This research has been done for creating a Sales Information System web-based at Kedai Kopi Pujangga that operating in the field of food and beverages (F&B). This shop is still using the conventional process for selling, This can be risky if there is lost on proof of sale because human error. Furthermore, the sales report are still done manually and it was held every week.
Because of this process are running manually, the shop owner become difficult to controlling the sale becayse it will be risk to get miss so that the shop must doing the stock opname to check the sale result. Therefore this ongoing process are not effective and efficient. So in this case are need a Sales Information System that can record sales transaction and create sales report automatically to be access in realtime. This Sales Information System web-based will help to accomplish any sales problem at Kedai Kopi Pujangga. In this research, the researcher are using waterfall research method with this system has built by using bootstrap and PHP program language with the support of MySQL database.
Key Words : Sales Information Sysyem, Web, Waterfall, Food and Beverage (F&B), PHP, MySQL.
viii KATA PENGANTAR
Puji dan Syukur serta nikmat dipanjatkan kepada Allah SWT karena atas rahmat, dan Karunia-Nya penulis dapat menyelesaikan skripsi dengan judul “Perancangan Sistem Informasi Penjualan pada Kedai Kopi Pujangga dengan Metode Waterfall Berbasis Web”.
Penulisan skripsi ini tidak akan selesai tanpa bantuan dari berbagai pihak. Karena itu pada kesempatan ini penulis ingin mengucapkan terima kasih kepada:
1. Ibu Dr. Ermatita, M.Kom. selaku Dekan Fakultas Ilmu Komputer.
2. Ibu Ati Zaidiah S.Kom., MTI. selaku Kepala Program Studi S1 Sistem Informasi sekaligus Dosen Pembimbing.
3. Keluarga Penulis yang banyak memberikan dukungan baik moril maupun materil.
4. Sahabat Keda Kopi Pujangga yang telah memberikan dukungan untuk penyusunan penulisan ini.
5. Sahabat Boba Vape yang telah memberikan dukungan untuk penyusunan penulisan ini.
6. Semua pihak yang tidak dapat penulis rinci satu per satu yang telah membantu dalam penyusunan tulisan ini.
Penulis menyadari dalam penulisan skripsi ini masih memiliki banyak kekurangan. Oleh karena itu penulis memohon saran dan kritik yang sifatnya membangun demi mengisi kekurangan yang ada dan dapat memberikan manfaat bagi pembaca.
Jakarta,
Penulis Muhammad Rizky Angga Nugroho
ix DAFTAR ISI
LEMBAR PENGESAHAN ... v
ABSTRAK ... vi
ABSTRACT ... vii
DAFTAR GAMBAR ... xii
DAFTAR TABEL ... xiv
DAFTAR SIMBOL ... xvi
BAB I ... 1
PENDAHULUAN ... 1
1.1. Latar Belakang Masalah ... 1
1.2. Perumusan Masalah ... 2
1.3. Ruang Lingkup Penelitian ... 3
1.4. Tujuan Penelitian ... 3
1.5. Manfaat Penelitian ... 3
1.6. Luaran yang Diharapkan ... 3
1.7. Sistematika Penulisan ... 4
BAB II ... 5
2.1 Sistem... 5
2.2 Informasi ... 5
2.3 Sistem Informasi ... 6
2.4 Penjualan... 7
2.5 Basis Data ... 7
2.6 DBMS (Database Management System) ... 8
2.7 Website ... 8
2.8 Metode Waterfall ... 9
2.9 PIECES ... 11
2.10 Perangkat Lunak Pendukung ... 12
2.10.1 Hyperlink Text Markup Language (HTML) ... 12
2.10.2 Cascading Style Sheet (CSS) ... 13
2.10.3 Hypertext Preprocessor (PHP) ... 13
2.10.4 MySQL ... 13
2.10.5 XAMPP ... 14
2.10.6 Bootstrap... 14
2.10.7 CodeIgniter ... 14
x
2.11 Unified Modelling Language (UML) ... 14
2.12 Black Box Testing ... 15
2.13 Penelitian Terkait ... 16
BAB III ... 19
3.1 Alur Penelitian ... 19
3.2 Tahapan Penelitian ... 19
3.2.1 Analisa Kebutuhan ... 19
3.2.2 Desain ... 20
3.2.3 Pengkodean ... 21
3.2.4 Pengujian Sistem ... 21
3.2.5 Implementasi ... 21
3.3 Alat dan Bahan yang Digunakan ... 21
3.4 Tempat dan Waktu Penelitian ... 22
BAB IV ... 23
4.1 Profil Perusahaan ... 23
4.2 Analisis Kebutuhan ... 25
4.2.1 Identifikasi Masalah ... 25
4.2.2 Wawancara dan Observasi ... 26
4.2.3 Analisis Proses Bisnis Penjualan ... 29
4.2.4 Deskripsi Aktor ... 29
4.3 Desain ... 30
4.3.1 Rancangan Sistem Usulan ... 30
4.3.2 Pendefinisian Aktor ... 31
4.3.3 Usecase Diagram... 31
4.3.4 Pendefinisian Use Case ... 32
4.3.5 Pembuatan Use Case Scenario ... 34
4.3.6 Activity Diagram ... 52
4.3.7 Seuquence Diagram ... 71
4.3.8 Class Diagram ... 91
4.3.9 Rancangan Database ... 92
4.3.10 Perancangan Antarmuka (User Interface)... 98
4.4 Black-Box Testing ... 109
4.4.1 Pemilik ... 109
4.4.2 Admin ... 111
xi
4.4.3 Kasir ... 113
BAB V ... 114
5.1 Kesimpulan ... 114
5.2 Saran ... 114
DAFTAR PUSTAKA ... 115
RIWAYAT HIDUP ... 118
LAMPIRAN... 120
xii DAFTAR GAMBAR
Gambar 1. Metode Waterfall (Subhan,2012) ... 9
Gambar 2. Alur Penelitian ... 19
Gambar 3. Struktur Organisasi Kedai Kopi Pujangga ... 23
Gambar 4. Analisis Proses Bisnis Penjualan ... 29
Gambar 5 Usecase Diagram Sistem Penjualan Kedai Kopi Pujangga ... 31
Gambar 6 Activity Diagram Usulan Login ... 53
Gambar 7 Activity Diagram Usulan Input Satuan Bahan ... 54
Gambar 8 Activity Diagram Usulan Input Bahan Baku ... 55
Gambar 9 Activity Diagram Usulan Input Pembelian Bahan ... 56
Gambar 10 Activity Diagram Usulan Input Bahan Rusak ... 58
Gambar 11 Activity Diagram Usulan Input Daftar Menu ... 59
Gambar 12 Activity Diagram Usulan Input Transaksi Penjualan ... 60
Gambar 13 Activity Diagram Usulan Input Biaya Pengeluaran Tambahan ... 61
Gambar 14 Activity Diagram Usulan Rekapitulasi Harian ... 62
Gambar 15 Activity Diagram Usulan Penjualan Per Transaksi ... 63
Gambar 16 Activity Diagram Usulan Penjualan Per Menu ... 64
Gambar 17 Activity Diagram Usulan Laporan Profit ... 65
Gambar 18 Activity Diagram Usulan Rekapitulasi Penjualan ... 66
Gambar 19 Activity Diagram Usulan Laporan Pembelian Bahan ... 68
Gambar 20 Activity Diagram Usulan Laporan Persediaan Bahan ... 69
Gambar 21 Activity Diagram Usulan Logout ... 70
Gambar 22 Sequence Diagram Login ... 71
Gambar 23 Sequence Diagram Input Satuan Barang ... 72
Gambar 24 Sequence Diagram Edit Satuan Barang ... 73
Gambar 25 Sequence Diagram Input Bahan Baku ... 74
Gambar 26 Sequence Diagram Edit Bahan Baku ... 75
Gambar 27 Sequence Diagram Input Pembelian Bahan ... 76
Gambar 28 Sequence Diagram Input Bahan Rusak ... 77
Gambar 29 Sequence Diagram Input Daftar Menu ... 78
Gambar 30 Sequence Diagram Edit Daftar Menu ... 79
Gambar 31 Sequence Diagram Input Transaksi Penjualan ... 80
Gambar 32 Sequence Diagram Input Biaya Pengeluaran Tambahan ... 81
Gambar 33 Sequence Diagram Rekapitulasi Penjualan Harian Kasir ... 82
Gambar 34 Sequence Diagram Rekapitulasi Penjualan Harian Pemilik ... 83
Gambar 35 Sequence Diagram Lihat Penjualan Per Transaksi ... 84
Gambar 36 Sequence Diagram Lihat Penjualan Per Menu ... 85
Gambar 37 Sequence Diagram Laporan Profit ... 86
Gambar 38 Sequence Diagram Rekapitulasi Penjualan ... 87
Gambar 39 Sequence Diagram Laporan Pembelian Bahan ... 88
Gambar 40 Sequence Diagram Laporan Persediaan Bahan ... 89
Gambar 41 Sequence Diagram Logout ... 90
Gambar 42 Class Diagram ... 91
Gambar 43 Halaman Login ... 98
Gambar 44 Dashboard ... 99
xiii
Gambar 45 Dashboard - Menu Gudang ... 100
Gambar 46 Satuan Bahan ... 100
Gambar 47 Entry Bahan Baku... 101
Gambar 48 Daftar Menu... 101
Gambar 49 Pembelian Bahan ... 102
Gambar 50 Bahan Rusak ... 102
Gambar 51 Dashboard - Menu Kasir ... 103
Gambar 52 Mesin Kasir – Hitung ... 103
Gambar 53 Mesin Kasir - Pembayaran ... 104
Gambar 54 Input Biaya Tambahan ... 104
Gambar 55 Rekapitulasi Harian ... 105
Gambar 56 Laporan Penjualan Per Transaksi ... 105
Gambar 57 Laporan Penjualan Per Menu ... 106
Gambar 58 Laporan Profit ... 107
Gambar 59 Laporan Rekapitulasi Penjualan ... 108
Gambar 60 Laporan Pembelian ... 109
xiv DAFTAR TABEL
Tabel 1. Review Penelitian Terkait ... 16
Tabel 2. Tabel Waktu Penelitian ... 22
Tabel 3 Hasil Wawancara ... 27
Tabel 4 Deskripsi Aktor Analisa Proses Bisnis ... 30
Tabel 5 Pendefinisian Aktor ... 31
Tabel 6 Pendefinisian Use Case ... 32
Tabel 7 Use Case Scenario Login ... 34
Tabel 8 Use Case Scenario Input Satuan Bahan ... 35
Tabel 9 Use Case Scenario Input Bahan Baku ... 35
Tabel 10 Use Case Scenario Input Pembelian Bahan ... 36
Tabel 11 Use Case Scenario Input Bahan Rusak ... 37
Tabel 12 Use Case Scenario Input Daftar Menu ... 39
Tabel 13 Use Case Scenario Input Transaksi Penjualan ... 40
Tabel 14 Use Case Scenario Input Biaya Pengeluaran ... 41
Tabel 15 Use Case Scenario Rekapitulasi Penjualan Harian ... 42
Tabel 16 Use Case Scenario Lihat Penjualan Per Transaksi ... 43
Tabel 17 Use Case Scenario Lihat Penjualan Per Menu ... 45
Tabel 18 Use Case Scenario Laporan Profit ... 47
Tabel 19 Use Case Scenario Rekapitulasi Penjualan ... 48
Tabel 20 Use Case Scenario Laporan Persediaan Bahan ... 49
Tabel 21 Use Case Scenario Lihat Laporan Biaya-Biaya ... 50
Tabel 22 Use Case Scenario Logout ... 51
Tabel 23 Activity Diagram Usulan Login ... 53
Tabel 24 Activity Diagram Usulan Input Satuan Bahan ... 54
Tabel 25 Activity Diagram Usulan Input Bahan Baku ... 55
Tabel 26 Activity Diagram Usulan Input Pembelian Bahan ... 57
Tabel 27 Activity Diagram Usulan Input Bahan Rusak ... 58
Tabel 28 Activity Diagram Usulan Input Daftar Menu ... 59
Tabel 29 Activity Diagram Usulan Input Transaksi Penjualan ... 60
Tabel 30 Activity Diagram Usulan Input Biaya Pengeluaran Tambahan ... 61
Tabel 31 Activity Diagram Usulan Rekapitulasi Harian ... 62
Tabel 32 Activity Diagram Usulan Penjualan Per Transaksi ... 63
Tabel 33 Activity Diagram Usulan Penjualan Per Menu ... 64
Tabel 34 Activity Diagram Usulan Laporan Profit ... 66
Tabel 35 Activity Diagram Usulan Rekapitulasi Penjualan... 67
Tabel 36 Activity Diagram Usulan Laporan Pembelian Bahan ... 68
Tabel 37 Activity Diagram Usulan Laporan Persediaan Bahan ... 69
Tabel 38 Activity Diagram Usulan Logout ... 70
Tabel 39 Rancangan Tabel User ... 92
Tabel 40 Rancangan Tabel Supplier ... 92
Tabel 41 Rancangan Tabel Pembelian ... 93
Tabel 42 Rancangan Tabel Penjualan ... 93
Tabel 43 Rancangan Tabel Pembelian ... 94
Tabel 44 Rancangan Tabel Barang ... 94
xv
Tabel 45 Rancangan Tabel Rinci Penjualan ... 95
Tabel 46 Rancangan Tabel Satuan Barang ... 95
Tabel 47 Rancangan Tabel Kategori Barang ... 96
Tabel 48 Rancangan Tabel Stok Barang ... 96
Tabel 49 Rancangan Tabel Rinci Menu ... 96
Tabel 50 Rancangan Tabel Menu ... 97
Tabel 51 Black-box Testing Sistem Pemilik ... 109
Tabel 52 Black-box Testing Sistem Admin ... 111
Tabel 53 Black-box Testing Sistem Kasir... 113
xvi DAFTAR SIMBOL
Diagram Flowchart
No Gambar Nama Keterangan
1 Input / Output Fungsi menginput data atau
menampilkan hasil suatu langkah
2 Garis Alir (Flow
Line)
Untuk menyatakan arah dalam alur program
3 Proses Untuk menunjukkan proses
pengolahan data pada program
4 Terminator Berfungsi mengawali dan
mengakhiri alur.
5 Decision Bertujuan untuk menjelaskan
kondisi yang bisa menghasilkan kemungkinan-kemungkinan.
6 Preparation Memberitahukan bahwa ini
simbol untuk mengolah data di dalam storage.
7 On Page Connector Untuk menyatakan penghubung antara beberapa diagram alir dalam satu halaman yang sama
xvii Unified Modeling Language (UML)
a) Use Case Diagram
No Gambar Nama Keterangan
1 Actor Mendetailkan ciri-ciri peran dari
pengguna ketika menggunakan usecase.
2 Dependency Terkait dengan adanya perubahan
yang terjadi oleh suatu elemen sendiri dan akan mempengaruhi elemen yang tidak sendiri.
3 Generalization Relasi antara objek anak berbagi sifat dan struktur data dari objek induknya.
4 Include Menjabarkan kalau usecase sumber
secara explicit.
5 Extend Menjabarkan kalau usecase target
dapat memperbesar sifat dari usecase sumber di titik yang ditandai.
6 Association Lambang untuk menyambungkan
antar satu objek dengan objek lain.
7 Use Case Bagian.dari fungsionalitas sistem
secara keseluruhan. Diwakili oleh bentuk elips, dengan nama use case di atas atau di dalam elips.
8 System Menjabarkan paket oleh sistem yang
ditampilkan dengan terbatas.
xviii b) Activity Diagram
No Gambar Nama Keterangan
1 Activity Memvisualisasikan dari kelas
antarmuka yang saling melakukan interaksi antara satu dengan lain.
2 Decision Pemilihan cabang apabila ada
aktivitas satu atau lebih.
3 Initial Node Awal mula objek mulai
dibentuk.
4 Actifity Final
Node
Befungsi ketika objek dibuat dan dileburkan
5 Fork Node Aliran yang tadinya satu menjadi
banyak aliran
c) Sequence Diagram
No Gambar Nama Keterangan
1 Actor Merepresentasikan suatu entitas
yang berinteraksi.
2 LifeLine Mengeksekusi objek selama
sequence.
3 General Simbol representasi entitas tunggal
sequence diagram.
4 Boundary Simbol tepi dari sistem.
.
xix
5 Control Simbol yang mengatur alur
informasi skenario.
xiv
6 Entity Entitas bertanggung jawab
menyimpan data dan informasi.
7 Message
Entry
Message entry simbol yang menggambarkan hubungan antar objek.
8 Message to
self
Menggambarkan pesan/hubungan objek itu sendiri
.
9 Message
Return
Memberikan hasil oleh pengiriman message yang biasa divisualisasikan dari arah kanan ke kiri.
a) Class Diagram
No Gambar Nama Keterangan
1 Class Simbol struktur sistem.
2 Interface Konsep interface pada
pemrograman yang berorientasi objek.
3 Association menggambar relasi antar kelas
4 Directed
Association
Relasi yang terjadi antara satu kelas dengan yang lainnya dengan memiliki arti kelas yang satu telah digunakan oleh kelas lainnya.
5 Generalization Hubungan antara objek anak
dengan objek induk terkait pembagian perilaku dan struktur datanya.
6 Dependency Relasi antar kelas yang saling
ketergantungan dengan kelas lainnya.
xv
7 Nary
Association
Simbol yang menggambarkan untuk menghindari asosiasi yang memiliki dua objek.