i
PEMBUATAN APLIKASI POINT OF SALE FASHION PLUS BERBASIS
WEB (Studi Kasus Toko Baju Devi Collection Madiun)
Tugas Akhir
Disusun untuk memenuhi salah satu syarat dalam memperoler gelar
Ahli Madya pada Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret
Disusun Oleh :
ASTRIANA WIDIASTUTI
M 3114034
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
iv
PERNYATAAN
Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini tidak
terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan disuatu
Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau
pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara
tertulis diacu dalam naskah ini dan disebutkan dalam Daftar Pustaka.
Surakarta, 13 Juni 2017
Astriana Widiastuti
v MOTTO
“Nothing is imposible be positive.”
(Astriana Widiastuti)
“Because the people who are crazy enough to think they can change the world, are the ones who do. (Think Different)”
vi
PERSEMBAHAN
Sebuah karya tulisan ini kupersembahkan untuk :
1. Allah SWT yang selalu memberikan kemudahan, rahmat, dan hidayah-Nya.
2. Bapak dan Ibu tercinta yang telah membimbing, menyayangi, memberikan
pengorbanan dan selalu memberikan doa dalam setiap langkahku.
3. Mas Bagus dan Mas Yayan yang selalu memberikan support dan kasih
sayang
4. Bapak Agus Purnomo,S.Si,M.Eng selaku Dosen Pembimbing yang telah
memberikan support dan membimbing selama proses pembuatan tugas
akhir.
5. Dosen dan Staf Pengajar Program D3 Teknik Informatika UNS yang telah
memberikan ilmu yang luar biasa.
6. Teman-teman Kelas TI A 2014 yang senantiasa menemani dalam mencari
ilmu dan berbagi ilmu.
7. Winda, Sukma, Devi, Intan, Dea yang selalu memberikan motivasi , doa,
dan kebahagiaan yang teramat dalam.
8. Arinta, Ayu, April, Devia, Chasmi, Cahyani yang menjadi warna
kebahagian di perjalanan hidupku.
9. Tiara, Uswatun, Tias, Alifah, Alfia, Mas Febri yang menemani dan
memberikan banyak bantuan selama proses pengerjaan tugas akhir ini.
10.Semua orang yang sudah mengajariku tentang arti kehidupan, semangat
vii
KATA PENGANTAR
Bismillahirrohmanirrohim, syukur Alhamdulillah selalu penulis haturkan kepada Allah SWT yang telah melimpahkan segenap rahmat dah karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “Pembuatan Aplikasi Point of Sale Fashion Plus Berbasis Web (Studi Kasus Toko Baju Devi Collection Madiun)”. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Amd.) pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret.
Dalam melakukan penelitian dan pelaksanaan Tugas Akhir yang didalamnya termasuk penyusunan laporan Tugas Akhir, penulis mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Melalui laporan ini penulis mengucapkan terima kasih kepada:
1. Allah S.W.T. atas nikmat, petunjuk, pertolongan, serta perlindungan yang telah diberikan kepada saya.
2. Prof. Ir. Ari Handono Ramelan, M.Sc (Hons)., Ph.D, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
3. Agus Purnomo,S.Si.,M.Eng selaku Pembimbing Tugas Akhir
4. Para Dosen Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.
5. Ibu Suprapti selaku pemilik toko baju Devi Collection Madiun.
6. Ayah, Ibu, kakak dan keluarga penulis yang selalu memberikan semangat kepada penulis.
7. Teman-teman D3 Teknik Informatika 2014 yang telah menyediakan waktunya untuk membagi ilmu dengan penulis.
viii
memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri.
Surakarta,13Juni 2017
ix DAFTAR ISI
PEMBUATAN APLIKASI POINT OF SALE FASHION PLUS BERBASIS WEB
(Studi Kasus Toko Baju Devi Collection Madiun) ... i
HALAMAN PERSETUJUAN ... Error! Bookmark not defined. HALAMAN PENGESAHAN ... Error! Bookmark not defined. MOTTO ... v
PERSEMBAHAN ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR TABEL ... xiii
DAFTAR GAMBAR ... xiv
INTISARI ... xvi
ABSTRACT ... xvii
BAB I ... 1
PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan ... 3
1.5 Manfaat ... 3
1.6 Metodologi Penelitian ... 3
1.7 Sistematika Penulisan ... 5
BAB II ... 7
TINJAUAN PUSTAKA DAN LANDASAN TEORI ... 7
2.1 Tinjauan Pustaka ... 7
2.2 Landasan Teori ... 8
2.2.1 Metode Average ... 8
2.2.2 Aplikasi dan Point of Sale ... 8
x
2.2.4 MySQL ... 9
2.2.5 Basis Data ... 9
2.2.6 HTML ... 9
2.2.7 Hypertext Preprocessor (PHP) ... 10
2.2.8 JavaScript ... 10
2.2.9 Unified Modeling Language (UML) ... 10
2.2.10 Framework ... 13
2.2.11 Framework CodeIgniter ... 13
2.2.12 Entity Relationship Diagram ... 14
2.2.13 Black Box Testing ... 16
BAB III ... 17
ANALISIS DAN RANCANGAN SISTEM ... 17
3.1 Deskripsi Data ... 17
3.2 Alat dan Bahan ... 18
3.2.2 Bahan... 18
3.3 Perancangan Sistem ... 18
3.3.1 Proses Bisnis ... 19
3.3.2 Analisis Data ... 19
3.3.3 Use Case Diagram ... 21
3.3.4 Use Case Text ... 23
3.3.5 Entity Relationship Diagram ... 42
3.3.6 Relasi Antar Tabel... 42
3.3.7 Tabel Fisik ... 43
3.3.8 Class Diagram ... 48
3.3.9 Sequence Diagram ... 49
3.4 Perancangan Interface ... 60
3.4.1 Tampilan Halaman Login ... 60
3.4.2 Tampilan Halaman Home Pemilik Toko ... 60
3.4.3 Tampilan Halaman Home Karyawan Toko ... 61
3.4.4 Tampilan Halaman List Data ... 62
xi
3.4.6 Tampilan Halaman Update Data ... 63
3.4.7 Tampilan Halaman Konfirmasi Hapus Data ... 63
3.4.8 Tampilan Halaman Home WebsitePoint of Sale ... 64
BAB IV ... 65
IMPLEMENTASI DAN PENGUJIAN ... 65
4.1 Implementasi Sistem ... 65
4.1.1 Implementasi Halaman Login ... 65
4.1.2 Implementasi Halaman Pemilik Toko ... 66
4.1.3 Implementasi Halaman Home Karyawan Toko ... 66
4.1.4 Implementasi Halaman Home Pengaturan Toko ... 67
4.1.5 Implementasi Halaman Pengaturan Toko ... 67
4.1.6 Implementasi Halaman Lihat Toko ... 68
4.1.7 Implementasi Halaman Edit Pengaturan Toko ... 68
4.1.8 Implementasi Halaman Kategori... 69
4.1.9 Implementasi Halaman Tambah Kategori ... 69
4.1.10 Implementasi Halaman Edit Kategori ... 69
4.1.11 Implementasi Halaman Lihat Data Kategori... 70
4.1.12 Implementasi Halaman Barang ... 70
4.1.13 Implementasi Halaman Tambah Barang ... 71
4.1.14 Implementasi Halaman Edit Barang ... 71
4.1.15 Implementasi Halaman Lihat Data Barang ... 72
4.1.16 Implementasi Halaman User ... 72
4.1.17 Implementasi Halaman Tambah User ... 72
4.1.18 Implementasi Halaman Edit User ... 73
4.1.19 Implementasi Halaman Lihat Data User ... 73
4.1.20 Implementasi Halaman Supplier ... 74
4.1.21 Implementasi Halaman Tambah Supplier ... 74
4.1.22 Implementasi Halaman Edit Supplier ... 75
4.1.23 Implementasi Halaman Lihat Data Supplier ... 75
4.1.24 Implementasi Halaman Stok Masuk ... 75
xii
4.1.26 Implementasi Grafik Stok Barang Keluar ... 77
4.1.27 Implementasi Grafik Stok Masuk ... 77
4.1.28 Implementasi Halaman Cetak Laporan Stok Barang Masuk ... 78
4.1.29 Implementasi Halaman Cetak Laporan Stok Barang Keluar ... 78
4.1.30 Implementasi Halaman Cetak Laporan Cashflow Keuangan... 78
4.1.31 Implementasi Halaman Kalkulasi ... 79
4.1.32 Implementasi Halaman Kasir ... 79
4.1.33 Implementasi Halaman Tambah Barang Terjual ... 80
4.1.34 Implementasi Notifikasi Barang Habis ... 81
4.1.35 Implementasi Halaman Detail Stok Masuk... 81
4.1.36 Implementasi Halaman Detail Stok Keluar... 81
4.1.37 Implementasi Halaman Kalkulasi Saldo Setiap Bulan ... 82
4.1.38 Implementasi Halaman Beban ... 82
4.1.39 Implementasi Lihat Data Beban ... 83
4.1.40 Implementasi Edit Data Beban ... 83
4.1.41 Implementasi Detail Beban ... 83
4.1 Pengujian ... 84
4.1.38 Pengujian Black Box Pemilik Toko ... 84
4.1.39 Pengujian Black Box Karyawan Toko ... 92
BAB V ... 94
KESIMPULAN DAN SARAN ... 94
5.1 Kesimpulan ... 94
5.2 Saran ... 94
DAFTAR PUSTAKA ... 95
xiii
DAFTAR TABEL
Tabel 2. 1 Metode Average ... 8
Tabel 2. 2 Use case diagram menurut (Fowler, 2005) ... 11
Tabel 2. 3 Simbol-simbol pada class diagram menurut (Fowler, 2005) ... 12
Tabel 2. 4. Simbol-simbol pada use casediagram menurut (Hermawan, 2000) .. 13
Tabel 2. 5 Simbol ERD menurut (Fathansyah, 1999) ... 15
Tabel 3. 1 Data – Data yang dibutuhkan ... 17
Tabel 3. 2 Analisa Kebutuhan Fungsional Sistem ... 20
Tabel 3. 3 Analisa Kebutuhan Non-Fungsional Sistem ... 21
Tabel 3. 4 Manajemen Data Kategori ... 23
Tabel 3. 5 Manajemen Data Barang... 25
Tabel 3. 6 Manajemen Data Karyawan ... 26
Tabel 3. 7 Manajemen Data Supplier... 28
Tabel 3. 8 Manajemen Data Setting Toko ... 29
Tabel 3. 9 Manajemen Data Stok Masuk ... 31
Tabel 3. 10 Manajemen Data Beban ... 32
Tabel 3. 11 Memanajemen Data Detail Beban ... 34
Tabel 3. 12 Melihat Grafik Stok Barang Keluar ... 36
Tabel 3. 13 Melihat Grafik Stok Barang Masuk ... 36
Tabel 3. 14 Melihat Kalkulasi ... 37
Tabel 3. 15 Manajemen Data Penjualan ... 37
Tabel 3. 16 Mencetak Laporan Stok Masuk Bulanan ... 38
Tabel 3. 17 Mencetak Laporan Stok Keluar Bulanan ... 39
Tabel 3. 18 Mencetak Laporan Cash Flow Keuangan ... 40
Tabel 3. 19 Mencetak Nota Transaksi ... 41
Tabel 3. 20 Tabel barang ... 43
Tabel 3. 21 Tabel kalkulasi ... 43
Tabel 3. 22 Tabel karyawan ... 44
Tabel 3. 23 Tabel kategori ... 44
Tabel 3. 24 Tabel penjualan ... 45
Tabel 3. 25 Tabel penjualan_detail ... 45
Tabel 3. 26 Tabel settings_toko ... 45
Tabel 3. 27 Tabel supplier ... 46
Tabel 3. 28 Tabel supply ... 46
Tabel 3. 29 Tabel supply_detail ... 47
Tabel 3. 30 Tabel beban ... 47
Tabel 3. 31 Tabel beban_detail ... 48
Tabel 4. 1 Tabel Pengujian Pemilik Toko ... 84
xiv
DAFTAR GAMBAR
Gambar 3. 1 Proses Bisnis ... 19
Gambar 3. 2 Usecase Diagram ... 21
Gambar 3. 3 ERD Aplikasi Point of Sale Devi Collection ... 42
Gambar 3. 4 Mapping Tabel Point of Sale ... 42
Gambar 3. 5 Class Diagram Point of Sale Devi Collection ... 49
Gambar 3. 6 Sequence diagram menambah, mengedit, menghapus, dan melihat data kategori ... 50
Gambar 3. 7 Sequence diagram menambah, mengedit, menghapus, dan melihat data barang ... 51
Gambar 3. 8 Sequence diagram menambah, mengedit, menghapus, dan melihat data karyawan ... 52
Gambar 3. 9 Sequence diagram menambah, mengedit, menghapus, dan melihat data supplier ... 53
Gambar 3. 10 Sequence diagram melihat data stok masuk, menambah data stok masuk, melihat detail stok masuk ... 54
Gambar 3. 11 Sequence diagram melihat data stok keluar, menambah data penjualan, melihat detail stok keluar ... 54
Gambar 3. 12 Sequence Diagram Melihat Grafik Stok Masuk ... 55
Gambar 3. 13 Sequence Diagram Melihat Grafik Stok Keluar ... 55
Gambar 3. 14 Sequence Diagram Melihat Kalkulasi... 56
Gambar 3. 15 Sequence Diagram Manajemen Data Pengaturan Toko ... 56
Gambar 3. 16 Sequence Diagram Mencetak Laporan Stok Masuk Bulanan ... 57
Gambar 3. 17 Sequence Diagram Mencetak Laporan Stok Keluar Bulanan ... 57
Gambar 3. 18 Sequence Diagram Mencetak Laporan Stok Keluar Bulanan ... 58
Gambar 3. 19 Sequence Diagram Mencetak Nota Transaksi ... 58
Gambar 3. 20 Sequence Diagram Manajemen Data Beban ... 59
Gambar 3. 21 Tampilan Halaman Login... 60
Gambar 3. 22 Tampilan Halaman Home Admin ... 61
Gambar 3. 23 Tampilan Halaman Home Karyawan Toko ... 61
Gambar 3. 24 Tampilan Halaman List Data ... 62
Gambar 3. 25 Tampilan Halaman Input Data ... 62
Gambar 3. 26 Tampilan Halaman Update Data ... 63
Gambar 3. 27 Tampilan Halaman Konfirmasi Hapus ... 63
Gambar 3. 28 Tampilan Halaman Home Website Point of Sale... 64
Gambar 4. 1 Implementasi Halaman Login ... 65
Gambar 4. 2 Implementasi Halaman Home Admin ... 66
Gambar 4. 3 Implementasi Halaman Home Karyawan Toko ... 66
Gambar 4. 4 Implementasi Halaman Home Pengaturan Toko ... 67
xv
Gambar 4. 6 Implementasi Halaman Lihat Toko ... 68
Gambar 4. 7 Halaman Edit Pengaturan Toko ... 68
Gambar 4. 8 Implementasi Halaman Kategori ... 69
Gambar 4. 9 Implementasi Halaman Tambah Kategori... 69
Gambar 4. 10 Implementasi Halaman Edit Kategori ... 70
Gambar 4. 11 Implementasi Halaman Lihat Data Kategori ... 70
Gambar 4. 12 Implementasi Halaman Barang ... 70
Gambar 4. 13 Implementasi Halaman Barang ... 71
Gambar 4. 14 Implementasi Halaman Edit Barang ... 71
Gambar 4. 15 Implementasi Halaman Lihat Data Barang ... 72
Gambar 4. 16 Implementasi Halaman User ... 72
Gambar 4. 17 Implementasi Halaman User ... 73
Gambar 4. 18 Implementasi Halaman Edit User ... 73
Gambar 4. 19 Implementasi Halaman Lihat Data User ... 74
Gambar 4. 20 Implementasi Halaman Supplier ... 74
Gambar 4. 21 Implementasi Tambah Supplier ... 74
Gambar 4. 22 Implementasi Tambah Supplier ... 75
Gambar 4. 23 Implementasi Lihat Data Supplier... 75
Gambar 4. 24 Implementasi Halaman Stok Masuk ... 76
Gambar 4. 25 Implementasi Halaman Tambah Stok Masuk ... 76
Gambar 4. 26 Implementasi Halaman Grafik Stok Keluar ... 77
Gambar 4. 27 Implementasi Halaman Grafik Stok Masuk ... 77
Gambar 4. 28 Implementasi Halaman Cetak Laporan Stok Barang Masuk ... 78
Gambar 4. 29 Impelmentasi Halaman Cetak Laporan Stok Barang Keluar ... 78
Gambar 4. 30 Implementasi Halaman Cetak Laporan Cash Flow Keuangan ... 79
Gambar 4. 31 Implementasi Halaman Kalkulasi ... 79
Gambar 4. 32 Implementasi Halaman Kasir ... 80
Gambar 4. 33 Implementasi Halaman Tambah Barang Terjual ... 80
Gambar 4. 34 Implementasi Notifikasi Barang Habis ... 81
Gambar 4. 35 Implementasi Halaman Detail Stok Masuk ... 81
Gambar 4. 36 Implementasi Halaman Detail Stok Keluar ... 82
Gambar 4. 37 Implementasi Halaman Kalkulasi Saldo Setiap Bulan ... 82
Gambar 4. 38 Implementasi Halaman Beban ... 83
Gambar 4. 39 Implementasi Lihat Data Beban ... 83
Gambar 4. 40 Implementasi Edit Data Beban ... 83
xvi INTISARI
Astriana Widiastuti, 2017. Pembuatan Aplikasi Point of Sale Fashion
Plus Berbasis Web (Studi Kasus Toko Baju Devi Collection Madiun). Program Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret, Surakarta
Devi Collection merupakan sebuah usaha toko baju yang terletak di Jalan Jalan Campursari Gang 2 No.5 Sogaten Madiun. Toko ini menyediakan berbagai macam baju, celana, jilbab, dan lainnya. Devi Collection menerapkan sistem tawar menawar dalam penjualannya. Proses pencatatan transaksi yang diterapkan di toko ini masih bersifat manual Devi Collection melakukan pencatatan dalam buku untuk setiap transaksinya, sehingga proses transaksi ini lebih baik dibenah
Pembuatan aplikasi Point of Sale Devi Collection menggunakan metode waterfall. Langkah-langkah dari metode ini adalah pengumpulan data, membuat analisa kebutuhan sistem, membuat desain sistem, membuat desain basis data, dan implementasi data setting. Aplikasi ini menggunakan bahasa pemrograman PHP berbasis framework codeigniter
Pembuatan aplikasi ini diharapkan dapat membantu pemilik toko dalam melakukan transaksi serta melihat laporan keuangan. Aplikasi dapat menangani manajemen data kategori, data barang, data karyawan, data supplier, data stok masuk, data stok keluar, melihat grafik stok masuk, melihat grafik stok keluar, mencetak laporan stok masuk bulanan, mencetak laporan stok keluar bulanan, mencetak laporan cashflow keuangan bulanan, melihat kalkulasi saldo awal, beserta mencetak nota transaksi
xvii ABSTRACT
Astriana Widiastuti, 2017. Make a Point of Sale’s Aplication Fashion
Plus Based on Web (Problem of Study Devi Collection’s Clothing Store Madiun). Diploma III Program, Informatic Engineering, Faculty of Mathematic and Sains, University of Sebelas Maret, Surakarta
Devi Collection is a clothing store that located in Campursari Street Gang 2 No.5 Sogaten Madiun. Clothings, Pants, Jilbabs are available in this store. Devi Collection applying a dealing system on this sales procedure. The transaction of registry process that applying on this store is use with manual method. Devi Collection doing the registry on the book in every transaction, so the transaction process is better to be change
Make a Point of Sale’s Devi Collection using a waterfall method. The step from this method is collecting data, make an analysis requirement system, make a system design, make a database system, and implementation of data’s setting. This aplication use a PHP’ program language based framework codeigniter
Hopefuly, this aplication can help the owner to make a transaction and also see an economic report. This aplication can handle a management data category, commodity’s data, entrance stock data, out stock data, see an entrance stock graphic, see an out stock graphic, print a cashflow economic monthly report, see an early calculation balance, and also print a transaction note
