SISTEM PEMBAYARAN PELAYANAN JASA BERBASIS WEB MENGGUNAKAN FRAMEWORK CODEIGNITER PADA LINDA
SALON PANGKALPINANG
SKRIPSI
Susanty 1622500117
PROGRAM STUDI SISTEM INFORMASI FAKULTAS TEKNOLOGI INFORMASI
INSTITUT SAINS DAN BISNIS (ISB) ATMA LUHUR
PANGKALPINANG
2020
i
ii
iii
KATA PENGANTAR
Segala puji bagi Tuhan Yang Maha Esa karena atas berkat dan karunia- Nya, sehinggan penulis dapat menyelesaikan laporan skripsi yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada Jurusann Sistem Informasi ISB Atma Luhur.
Dalam penyusunan laporan ini, penulis menyadari sepenuhnya bahwa selesainya laporan skripsi ini tidak terlepas dari dukungan, semangat, serta bimbingan dari berbagai pihak. Oleh karena itu, penulis ingin menyampaikan ucapan terima kasih kepada:
1. Tuhan Yang Maha Esa yang telah memberikan kesempatan untuk menyelesaikan laporan skripsi.
2. Bapak Drs. Djaetun Hs yang telah mendirikan Atma Luhur.
3. Bapak Dr. Husni Teja Sukmana,S.T., M.Sc, selaku Rektor ISB Atma Luhur.
4. Bapak Ellya Helmud, M.Kom, selaku Dekan FTI ISB Atma Luhur.
5. Bapak Okkita Rizan, M.Kom, selaku Kaprodi Sistem Informasi.
6. Bapak Bambang Adiwinoto, S.Kom, M.Kom, selaku Dosen Pembimbing 7. Ibu Linda, selaku Owner Linda Salon Pangkalpinang yang telah
memberikan izin untuk pelaksanaan penelitian ini.
8. Keluarga, teman-teman angkatan 2016 dan sahabat yang telah memberikan semangat dalam penyelesaian skripsi pengantar tugas akhir ini.
Penulis menyadari bahwa penyusunan laporan skripsi ini masih jauh dari sempurna. Maka dari itu, penulis sangat mengharapkan kritik dan saran yang dapat membangun sehingga dapat lebih baik lagi di masa yang akan datang.
Akhir kata, penulis berharap semoga skripsi ini dapat bermanfaat bagi pembaca dan pihak lain.
Pangkalpinang, 17 Juli 2020
Susanty
iv
ABSTRACT
Linda Salon is one of beauty salon engaged in beauty care to provide the best services needed my many people so it can fulfilled their needs. In this software developement research the writer use OOAD (Object Oriented Analysis and Design) method. This method approaches the problem from an object perspective, not a functional perspective as in structured programming. The design of web- based salon service payment information system design at Linda Salon in Pangkalpinang uses a website, which can then be used by Linda Salon to improve the performance of salon services to customer.
Keywords: Services, website, OOAD (Object Oriented Analysis and Design)
v
ABSTRAK
Linda salon adalah salah satu salon kecantikan yang bergerak dibidang perawatan kecantikan untuk memberikan pelayanan terbaik yang dibutuhkan oleh banyak orang sehingga terpenuhinya kebutuhan mereka. Dalam penelitian pengembangan perangkat lunak ini penulis menggunakan OOAD (Object Oriented Analysis and Design). Metode ini melakukan pendekatan terhadap masalah dari perspektif objek, tidak pada perspektif fungsional seperti pada pemrograman terstruktur, perancangan desain sistem informasi pembayaran pelayanan salon berbasis web pada Linda Salon di Pangkalpinang menggunakan website, yang kemudian dapat digunakan Linda Salon untuk meningkatkan kinerja pelayanan salon kepada para pelanggan.
Kata Kunci : Pelayanan, website, OOAD (Object Orientied Analysis and Design)
vi
DAFTAR ISI
Halaman
LEMBAR PERNYATAAN ...i
LEMBAR PENGESAHAN SKRIPSI ...ii
KATA PENGANTAR ...iii
ABSTRACT ...iv
ABSTRAK ...v
DAFTAR ISI ...vi
DAFTAR GAMBAR ...xi
DAFTAR TABEL...xiv
DAFTAR LAMPIRAN ...xvi
BAB 1 PENDAHULUAN 1.1. Latar Belakang ...1
1.2. Rumusan Masalah ...1
1.3. Batasan Masalah ...2
1.4. Tujuan dan Pemanfaatan Penelitian ...2
1.4.2 Tujuan Penelitian ...2
1.4.3 Manfaat Penelitian ...3
1.5 Sistematika Penulisan ...3
BAB II LANDASAN TEORI 2.1 Landasan Teori ...5
2.1.1 Pengertian Sistem ...5
2.1.2 Pengertian Informasi...5
2.1.3 Pengertian Sistem Informasi ...5
2.1.4 Pengertian Pembayaran ...5
2.1.5 Sistem Pembayaran...6
2.1.6 Pengertian Pelayanan Jasa ...6
2.1.7 Pengertian WEB ...6
vii
2.1.8 Pengertian Framework ...6
2.1.9 Pendekatan Berorientasi Objek ...7
2.1.9.1 OOA (Object Oriented Analysis) ...7
2.1.9.2 OOD (Object Oriented Design) ...7
2.2 Analisa dan Perancangan Sistem Berorientasi Objek dengan UML ...8
2.2.1 Unified Model Language (UML) ...8
2.2.2 Activity Diagram...9
2.2.3 Usecase Diagram ...11
2.2.4 Class Diagram ...14
2.2.5 Sequence Diagram ...14
2.2.6 Analisa Masukan ...14
2.2.7 Analisa Keluaran ...14
2.2.8 Deskripsi Usecase...14
2.2.9 Perancangan Sistem Berorientasi Objek...15
2.2.9.1 Entity Relationship Diagram (ERD)...15
2.2.9.2 Logical Record Structure (LRS) ...16
2.2.9.3 Tabel/Relasi ...16
2.2.9.4 Spesifikasi Basis Data ...16
2.2.9.5 Rancangan Dokumen Keluaran ...16
2.2.9.6 Rancangan Dokumen Masukan ...16
2.2.9.7 Rancangan Layar ...17
2.3 Tinjauan Penelitian Terdahulu ...17
2.4 Metode Pengembangan Perangkat Lunak ...20
2.5 Model Pengembangan Sistem ...20
2.6 Teori Program ...21
2.6.1 XAMPP ...21
2.6.2 Sublime Text ...21
2.6.3 Kerangka Penelitian ...23
viii
BAB III METODOLOGI PENELITIAN
3.1. Model Pengembangan Sistem ...24
3.2. Metode Pengembangan Sistem ...24
3.2.1. Metode Object Oriented Analysis and Design (OOAD) ...24
3.2.1.1. OOA (Object Oriented Analysis) ...25
3.2.1.2. OOD (Object Oriented Design) ...26
3.3. Alat Bantu Pengembangan Sistem ...28
3.3.1. Unified Modelling Language (UML) ...28
3.4. Tahap Testing (Pengujian) ...28
BAB IV PEMBAHASAN 4.1. Tinjauan Umum ...29
4.1.1. Sejarah Tempat Penelitian ...29
4.1.2. Struktur Organisasi ...29
4.1.3. Tugas & Wewenang ...29
4.2. Analisa Proses Bisnis ...30
4.2.1. Proses Bisnis Pendataan Pelanggan ...30
4.2.2. Proses Bisnis Pemilihan Paket ...30
4.2.3. Proses Bisnis Pemilihan Perawatan ...30
4.2.4. Proses Bisnis Pendataan Kunjungan...30
4.2.5. Proses Bisnis Penginputan Form Pembayaran ...30
4.2.6. Proses Bisnis Cetak Bukti Pembayaran ...30
4.2.7. Proses Bisnis Cetak Laporan Transaksi Pelayanan Jasa Salon ...30
4.3. Activity Diagram ...31
4.3.1. Activity Diagram Pendataan Pelanggan ...31
4.3.2. Activity Diagram Pemilihan Paket ...31
4.3.3. Activity Diagram Pemilihan Perawatan ...31
4.3.4. Activity Diagram Pendataan Kunjungan ...32
4.3.5. Activity Diagram Penginputan Form Pembayaran ...32
4.3.6. Activity Diagram Cetak Bukti Pembayaran ...32
4.3.7. Activity Diagram Cetak Laporan Transaksi Pelayanan Jasa Salon ....33
ix
4.4. Analisa Keluaran ...33
4.5. Analisa Masukan ...34
4.6. Identifikasi Kebutuhan ...34
4.7. Usecase Diagram ...36
4.8. Deskripsi Usecase ...37
4.9. ERD ...40
4.10. Transformasi ERD ke LRS ...41
4.11. LRS ...42
4.12. Tabel ...43
4.13. Spesifikasi Basis Data ...44
4.14. Rancangan Keluaran ...48
4.15. Rancangan Masukan ...48
4.16. Struktur Tampilan ...52
4.17. Rancangan Layar ...53
4.17.1 Rancangan Layar Login ...53
4.17.2 Rancangan Layar Dashboard ...53
4.17.3 Rancangan Layar User ...54
4.17.4 Rancangan Layar Pelanggan...54
4.17.5 Rancangan Layar Kunjungan ...55
4.17.6 Rancangan Layar Perawatan...55
4.17.7 Rancangan Layar Paket ...55
4.17.8 Rancangan Layar Form Pembayaran ...56
4.17.9 Rancangan Layar Cetak Struk ...56
4.17.10 Rancangan Layar Cetak Laporan...56
4.18. Sequence Diagram ...57
4.18.1. Sequence Diagram Login Kasir ...57
4.18.2. Sequence Diagram Entry Data User ...58
4.18.3. Seque nce Diagram Entry Data Pelanggan ...59
4.18.4. Sequence Diagram Entry Data Perawatan ...60
4.18.5. Sequence Diagram Entry Data Paket ...61
4.18.6. Sequence Diagram Entry Data Kunjungan ...62
x
4.18.7. Sequence Diagram Entry Form Pembayaran ...63
4.18.8. Sequence Diagram Entry Struk Pembayaran ...64
4.18.9. Sequence Diagram Laporan ...65
4.19. Class Diagram ...66
4.20. Deployment Diagram ...67
4.21. Tampilan Layar ...68
4.21.1. Tampilan Layar Login ...68
4.21.2. Tampilan Layar Dashboard ...69
4.21.3. Tampilan Layar User ...70
4.21.4. Tampilan Layar Pelanggan ...71
4.21.5. Tampilan Layar Perawatan ...72
4.21.6. Tampilan Layar Paket ...73
4.21.7. Tampilan Layar Kunjungan ...74
4.21.8. Tampilan Layar Form Pembayaran ...75
4.21.9. Tampilan Layar Cetak Bukti Pembayaran ...75
4.21.10. Tampilan Layar Cetak Laporan ...76
BAB V PENUTUP 5.1 Kesimpulan ...77
5.2 Saran ...78
DAFTAR PUSTAKA ...79
LAMPIRAN A DOKUMEN KELUARAN SISTEM BERJALAN ...81
LAMPIRAN B DOKUMEN MASUKAN SISTEM BERJALAN ...83
LAMPIRAN C RANCANGAN DOKUMEN KELUARAN ...85
LAMPIRAN D RANCANGAN DOKUMEN MASUKAN ...88
LAMPIRAN E SURAT KETERANGAN RISET ...96
LAMPIRAN F KARTU KONSULTASI ...99
LAMPIRAN G BIODATA PENULIS SKRIPSI ...101
xi
DAFTAR GAMBAR
Halaman
Gambar 2.1 Entitas/Entity ...15
Gambar 2.2 Atribut/Attribute ...15
Gambar 2.3 Hubungan/Relationship ...15
Gambar 2.4 Kerangka Penelitian ...23
Gambar 4.1 Struktur Organisasi Linda Salon ...29
Gambar 4.2 Activity Diagram Pendataan Pelanggan ...31
Gambar 4.3 Activity Diagram Pemilihan Paket ...31
Gambar 4.4 Activity Diagram Pemilihan Perawatan ...31
Gambar 4.5 Activity Diagram Pendataan Kunjungan ...32
Gambar 4.6 Activity Diagram Penginputan Form Pembayaran ...32
Gambar 4.7 Activity Diagram Cetak Bukti Pembayaran ...32
Gambar 4.8 Activity Diagram Cetak Laporan Transaksi Pelayanan Jasa Salon .33 Gambar 4.9 Use Case Diagram Kasir...36
Gambar 4.10 Entity Relationship Diagram (ERD) ...40
Gambar 4.11 Transformasi ERD ke LRS ...41
Gambar 4.12 LRS...42
Gambar 4.13 Struktur Tampilan ...52
Gambar 4.14 Login ...53
Gambar 4.15 Dashboard...53
Gambar 4.16 User ...54
xii
Gambar 4.17 Pelanggan ...54
Gambar 4.18 Kunjungan ...55
Gambar 4.19 Perawatan ...55
Gambar 4.20 Paket ...55
Gambar 4.21 Form Pembayaran ...56
Gambar 4.22 Cetak Bukti Pembayaran ...56
Gambar 4.23 Cetak Laporan ...56
Gambar 4.24 Sequence diagram login kasir ...57
Gambar 4.25 Sequence diagram entry data user ...58
Gambar 4.26 Sequence diagram entry data pelanggan ...59
Gambar 4.27 Sequence diagram entry data perawatan ...60
Gambar 4.28 Sequence diagram entry data paket ...61
Gambar 4.29 Sequence diagram entry data kunjungan ...62
Gambar 4.30 Sequence diagram entry Form Pembayaran...63
Gambar 4.31 Sequence diagram bukti pembayaran ...64
Gambar 4.32 Sequence diagram laporan ...65
Gambar 4.33 Class diagram ...66
Gambar 4.34 Deployment diagram ...67
Gambar 4.35
Tampilan Layar Login...68
Gambar 4.36
Tampilan Layar Dashboard...69
Gambar 4.37
Tampilan Layar User...70
Gambar 4.38
Tampilan Layar Pelanggan...71
xiii
Gambar 4.39
Tampilan Layar Perawatan...72
Gambar 4.40
Tampilan Layar Paket...73
Gambar 4.41
Tampilan Layar Kunjungan...74
Gambar 4.42
Tampilan Layar Form Pembayaran...75
Gambar 4.43
Tampilan Layar Cetak Bukti...75
Gambar 4.44
Tampilan Layar Cetak Laporan...76
xiv
DAFTAR TABEL
Halaman
Tabel 2.1 Ringkasan Diagram ...8
Tabel 2.2 Simbol-simbol pada pembuatan Activity Diagram ...10
Tabel 2.3 Elemen Dasar Use Case ...11
Tabel 2.4 Komponen use case diagram ...12
Tabel 2.5 Tinjauan Penelitian Terdahulu ...17
Tabel 4.1 Tabel Pelanggan ...43
Tabel 4.2 Tabel Kunjungan ...43
Tabel 4.3 Tabel pilih ...43
Tabel 4.4 Tabel Perawatan ...43
Tabel 4.5 Tabel Paket ...43
Tabel 4.6 Tabel Bukti Pembayaran ...43
Tabel 4.7 Tabel Form Pembayaran ...43
Tabel 4.8 Tabel User ...43
Tabel 4.9 Spesifikasi Basis Data Pelanggan ...44
Tabel 4.10 Spesifikasi Basis Data Kunjungan ...44
Tabel 4.11 Spesifikasi Basis Data pilih...45
xv
Tabel 4.12 Spesifikasi Basis Data Perawatan ...45
Tabel 4.13 Spesifikasi Basis Data Paket ...46
Tabel 4.14 Spesifikasi Basis Data Bukti ...46
Tabel 4.15 Spesifikasi Basis Data Form ...47
Tabel 4.16 Spesifikasi Basis Data User ...47
xvi
