LAPORAN SKRIPSI SISTEM INFORMASI WEDDING PLANNER PADA SALON LUGAS INDAH BERBASIS WEB Laporan ini disusun guna memenuhi salah satu syarat untuk menyelesaikan Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus Disusun Oleh : Nama : Wahyu Prasetyo NIM : 2008-53-179 Program Studi : Sistem Informasi Fakultas : Teknik UNIVERSITAS MURIA KUDUS KUDUS 2015 i
ii
iii
iv
HALAMAN MOTTO DAN PERSEMBAHAN MOTTO Bacalah dengan nama Tuhanmu yang menciptakan. Dia telah menciptakan manusia dari segunmpal darah. Bacalah, dan Tuhanmulah Yang Maha Pemurah. Yang mengajar dengan Qalam. Dialah yang mengajar manusia segala yang belum diketahui (Q.S Al- Alaq 1-5). "Ketika satu pintu tertutup, pintu lain terbuka, namun terkadang kita melihat dan menyesali pintu tertutup tersebut terlalu lama hingga kita tidak melihat pintu lain yang telah terbuka" PERSEMBAHAN Skripsi ini penulis persembahkan kepada: 1. Ibu dan Bapakku 2. Keluarga ku 3. Teman-teman ku 4. Almamater UMK v
RINGKASAN Laporan skripsi dengan judul Sistem Informasi Wedding Planner Pada Salon Lugas Indah Berbasis Web. telah dilaksanakan dengan menganalisa permasalahan yang ada diantaranya inginnya pelanggan mendapat pelayanan yang praktis dan cepat, dimana setiap orang yang mau menggunakan jasa wedding planner harus datang langsung ketempat tersebut.. Selain itu masalah yang lain adalah setiap orang tidak tahu apakah barang persewaan tersebut sudah disewa orang lain atau belum. Bila masih manual kemungkinan pelanggan akan segan bila tujuanya cuma bertanya harga dan model yang ada. Dan apabila ada aplikasi web pelanggan bisa terlebih dulu meihat-lihat harga dan model di media online. Tujuan dari skripsi ini untuk setiap pelanggan bisa melihat model dan hargaharga yang sesuai dengan keinginan sebagai awal penjajakan sesuai dengan bajet yang mereka punya tanpa harus datang lansung. Tapi untuk melakukan transaksi pelanggan akan tetap datang untuk melanjutkan proses kesepakatan dua belah pihak Dalam laporan ini penulis menggunakan metode waterfall sebagai metode pengembangan sistem, UML sebagai bahasa pemodelan sistem, MySQL sebagai database, dan PHP sebagai bahasa pemrogaman. Kata Kunci : Sistem,Web, online. vi
KATA PENGANTAR Segala puji bagi Allah Yang Maha Pengasih dan Penyayang yang telah melimpahkan rahmat dan kasih sayang-nya sehingga pada kesempatan kali ini penulis dapat menyelesaikan Laporan Skripsi di Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus. Penyusunan Skripsi ini merupakan salah satu syarat untuk menyelesaikan Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus. Penulis menyadari bahwa di dalam penyusunan Laporan Skripsi ini tentunya masih terdapat berbagai kekurangan, sehingga penulis akan sangat menghargai segala masukan yang berguna dari pembaca. Pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada: 1. Bapak Dr. Suparnyo, S.H., M.S, selaku penjabat sementara Rektor Universitas Muria Kudus. 2. Bapak Rochmad Winarso, S.T., M.T, selaku Dekan Fakultas Teknik Universitas Muria Kudus yang telah memberikan ijin untuk melakukan penelitian skripsi. 3. Bapak R. Rhoedy Setiawan, M. Kom, selaku Ketua Program Studi Sistem Informasi S-1. 4. Bapak Yudie Irawan, M.Kom selaku pembimbing I yang telah banyak memberikan masukan selama penulis menempuh kuliah terutama saat penyusunan skripsi. 5. Ibu Diana Laily Fithri, M.Kom selaku pembimbing II yang telah banyak memberikan petunjuk, nasehat, bimbingan, dan arahan hingga terselesaikannya penulisan laporan ini. 6. Segenap dosen Universitas Muria Kudus, khususnya Program Studi Sistem Informasi yang telah mengenalkan ilmu baru kepada penulis. 7. Bapak dan Ibu, orang tua penulis yang senantiasa memberikan dukungan, semangat, doa dan materi yang sangat berati. vii
8. Kepada semua teman-teman Fakultas Teknik Program Studi sistem Informasi khususnya angkatan 2008 dan angkatan 2010 yang tidak mungkin penulis sebutkan satu persatu yang telah memberikan saran dan motivasi dalam penulisan laporan ini penulis ucapkan terima kasih. 9. Dan semua pihak yang secara tidak langsung memberikan dukungan dan bantuannya kepada penulis dalam penyusunan laporan skripsi ini. Penulis berharap semoga langkah selanjutnya diridhoi oleh Allah SWT. Akhirnya sebagai penutup penulis berharap semoga Laporan Skripsi ini dapat memberikan manfaat bagi pembaca untuk mengembangkan ilmu pengetahuan, khususnya di bidang Teknologi dan Sistem Informasi. Amin. Kudus, Juli 2014 Penulis viii
DAFTAR ISI HALAMAN JUDUL... HALAMAN PERSETUJUAN... HALAMAN PENGESAHAN... SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS... HALAMAN MOTTO DAN PERSEMBAHAN... RINGKASAN...... KATA PENGANTAR... DAFTAR ISI...... DAFTAR TABEL...... DAFTAR GAMBAR... DAFTAR LAMPIRAN... xviii BAB I PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Perumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan Skripsi... 2 1.5 Manfaat Skripsi... 3 1.6 Tinjauan Pustaka... 3 1.7 Metode Penelitian... 4 1.7.1 Objek penelitian... 4 1.7.2 Metode pengumpulan data... 5 1.8 Metode rekayasa perangkat lunak... 6 1.9 Metode perancangan sistem... 6 1.10 Sistematika Penulisan... 8 BAB II LANDASAN TEORI... 10 2.1 Pengertian Sistem... 10 2.2 Pengertian Informasi... 10 2.3 Pengertian Wedding Planner... 10 i ii iii iv v vi viii ix xiii xv ix
2.4 Analisa dan Perancangan Sistem... 11 2.5 UML... 13 2.6 Sekilas tentang diagram-diagram UML... 13 2.6.1 Diagram Use Case Bisnis... 13 2.7.3 Diagram Use Case... 14 2.7.4 Diagram Aktivitas... 15 2.7.5 Diagram Sekuensial... 16 2.7.6 Diagram Kelas... 17 2.7.6 Diagram Statechart... 18 2.8 Pengertian ERD... 19 BAB III TINJAUAN UMUM OBJEK PENELITIAN... 20 3.1 Sekilas Tentang Salon Lugas Indah... 20 3.2 Visi dan Misi... 20 3.3 Denah Salon Lugas Indah... 21 3.4 Struktur Salon Lugas Indah... 22 3.5 Job Description... 22 3.6 Gambaran Sistem Salon Lugas Indah... 23 3.6.1 Narasi Sistem Salon Lugas Indah... 23 BAB IV ANALISA DAN PERANCANGAN... 24 4.1 Gambaran Umum Sistem Informasi Wedding Planner Pada Salon Lugas Indah Berbasis Web... 24 4.2 Indentifikasi Masalah dan Sumber Masalah... 24 4.2.1 Identifikasi Masalah... 24 4.2.2 Analisa Kebutuhan Sistem... 25 4.3 Analisis Sistem... 25 4.3.1 Analisa Kebutuhan Data dan Informasi... 25 4.3.2 Analisa Kebutuhan Perangkat Keras... 25 4.3.3 Analisa Kebutuhan Perangkat Lunak... 26 4.4 Perancangan Pemodelan Proses... 26 4.4.1 Analisa Aktor Sistem... 26 4.4.2 Proses Bisnis Use Case Diagram... 26 x
4.4.3 Diagram Use Case Bisnis... 27 4.4.4 Diagram Use Case Sistem... 28 4.4.5 Skenario Use Case (Flow of Events)... 28 4.4.6 Diagram Kelas... 38 4.4.7 Diagram Sekuensial... 43 4.4.8 Diagram Aktivitas... 49 4.4.9 Diagram Statechart... 58 4.4.10 Perancangan Basis Data... 61 4.4.11 Desain Interface... 74 BAB V IMPLEMENTASI SISTEM... 78 5.1 Perangkat Keras Yang Digunakan... 78 5.2 Perangkat Lunak Yang Digunakan... 78 5.3 Implementasi dan Pembahasan Sistem... 78 5.3.1 Halaman Login User... 78 5.3.2 Halaman Utama Pemilik... 79 5.3.3 Halaman Kelola Data User... 80 5.3.4 Halaman Laporan Konfirmasi... 80 5.3.5 Halaman Laporan Pelunasan... 81 5.3.6 Halaman Utama Admin... 81 5.3.7 Halaman Kelola Barang dan Jasa... 82 5.3.8 Halaman Ubah Status Sewa... 82 5.3.9 Halaman Daftar Penyewaan Brang dan Jasa... 83 5.3.10 Halaman Pelunasan... 83 5.3.11 Halaman Utama Penyewa... 84 5.3.12 Halaman Katalog Barang dan Jasa... 84 5.3.13 Halaman Penyewaan... 85 5.3.14 Halaman Konfirmasi Pembayaran DP... 85 5.3.15 Halaman Daftar Penyewaan Barang dan Jasa... 86 5.4 Pengujian Normal dan Abnormal... 86 BAB VI PENUTUP... 89 xi
6.1 Kesimpulan... 89 6.2 Saran... 89 DAFTAR PUSTAKA LAMPIRAN xii
DAFTAR TABEL Tabel 2.1 : Simbol Bagan Alir Diagram... 12 Tabel 2.2 : Notasi Diagaram Use Case Bisnis... 14 Tabel 2.3 : Notasi Diagram Use Case... 15 Tabel 2.4 : Notasi Dagram Aktivitas... 16 Tabel 2.5 : Notasi Diagram Sekuensial... 17 Tabel 2.6 : Notasi Diagaram Kelas... 18 Tabel 2.7 : Notasi Diagaram Statechart... 19 Tabel 4.1 : Proses Bisnis... 26 Tabel 4.2 : Tabel Alur Optimic Pendaftaran... 29 Tabel 4.3 : Tabel Alur Pesimitic Pendaftaran... 29 Tabel 4.4 : Tabel Alur Optimic Kelola Barang dan Jasa... 30 Tabel 4.5 : Tabel Alur Pesimitic Kelola Barang dan Jasa... 30 Tabel 4.6 : Tabel Alur Optimic Katalog Barang dan Jasa... 31 Tabel 4.7 : Tabel Alur Pesimitic Katalog Barang dan Jasa... 31 Tabel 4.8 : Tabel Alur Optimic Penyewaan... 31 Tabel 4.9 : Tabel Alur Pesimitic Penyewaan... 32 Tabel 4.10 : Tabel Alur Optimic Konfirmasi Pembayaran DP... 32 Tabel 4.11 : Tabel Alur Pesimitic Konfirmasi Pembayaran DP... 33 Tabel 4.12 : Tabel Alur Optimic Laporan Konfirmasi... 33 Tabel 4.13 : Tabel Alur Pesimitic Laporan Konfirmasi... 34 Tabel 4.14 : Tabel Alur Optimic Ubah Status Sewa... 34 Tabel 4.15 : Tabel Alur Pesimitic Ubah Status Sewa... 35 Tabel 4.16 : Tabel Alur Optimic Daftar Penyewaan... 35 Tabel 4.17 : Tabel Alur Pesimitic Daftar Penyewaan... 35 Tabel 4.18 : Tabel Alur Optimic Kelola Pelunasan... 36 Tabel 4.19 : Tabel Alur Pesimitic Kelola Pelunasan... 36 Tabel 4.20 : Tabel Alur Optimic Laporan Pelunasan... 37 Tabel 4.21 : Tabel Alur Pesimitic Laporan Pelunasan... 37 xiii
Tabel 4.22 : Tabel Alur Optimic Kelola User... 38 Tabel 4.23 : Tabel Alur Pesimitic Kelola User... 38 Tabel 4.23 : Tabel User... 64 Tabel 4.24 : Tabel Sewa... 64 Tabel 4.25 : Tabel Sewa... 66 Tabel 4.26 : Tabel Barang... 66 Tabel 4.27 : Tabel Sewa... 67 Tabel 4.28 : Tabel Jasa... 67 Tabel 4.29 : Tabel Sewa... 68 Tabel 4.30 : Tabel Konfirmasi... 68 Tabel 4.31 : Tabel Konfirmasi... 69 Tabel 4.32 : Tabel Pelunasan... 69 Tabel 4.33 : Tabel User... 70 Tabel 4.33 : Tabel Barang... 71 Tabel 4.34 : Tabel Barang... 71 Tabel 4.35 : Tabel Sewa... 72 Tabel 4.36 : Tabel Pelunasan... 72 Tabel 4.37 : Tabel Konfirmasi... 73 xiv
DAFTAR GAMBAR Gambar 3.1 : Denah Lokasi Salon Lugas Indah... 21 Gambar 3.2 : Struktur Organisasi Salon Lugas Indah... 22 Gambar 3.3 : Flow Of Document... 23 Gambar 4.1 : Bisnis Use Case... 27 Gambar 4.2 : Sistem Use Case... 28 Gambar 4.3 : Kelas User... 39 Gambar 4.4 : Kelas Pemilik... 39 Gambar 4.5 : Kelas Admin... 40 Gambar 4.6 : Kelas Penyewa... 40 Gambar 4.7 : Kelas Barang... 40 Gambar 4.8 : Kelas Jasa... 41 Gambar 4.9 : Kelas Sewa... 41 Gambar 4.10 : Kelas Konfirmasi... 41 Gambar 4.11 : Kelas Pelunasan... 42 Gambar 4.12 : Diagram Kelas... 42 Gambar 4.13 : Diagram Sekuensial Kelola User... 43 Gambar 4.14 : Diagram Sekuensial Kelola Barang dan Jasa... 44 Gambar 4.15 : Diagram Sekuensial Pendaftaran... 45 Gambar 4.16 : Diagram Sekuensial Katalog Barang dan Jasa... 45 Gambar 4.17 : Diagram Sekuensial Penyewaan... 46 Gambar 4.18 : Diagram Sekuensial Konfirmasi Pembayaran DP... 46 Gambar 4.19 : Diagram Sekuensial Laporan Konfirmasi... 47 Gambar 4.20 : Diagram Sekuensial Ubah Status Sewa... 47 Gambar 4.21 : Diagram Sekuensial Pelunasan... 48 Gambar 4.22 : Diagram Sekuensial Laporan Pelunasan... 48 Gambar 4.23 : Diagram Sekuensial Daftar Penyewaan... 49 Gambar 4.24 : Digaram Aktivitas Pendaftaran... 49 Gambar 4.25 : Digaram Aktivitas Kelola User... 50 Gambar 4.26 : Digaram Aktivitas Kelola Brang dan Jasa... 51 xv
Gambar 4.27 : Digaram Aktivitas Katalog Barang dan Jasa... 52 Gambar 4.28 : Digaram Aktivitas Penyewaan... 52 Gambar 4.29 : Digaram Aktivitas Konfirmasi Pembayaran DP... 53 Gambar 4.30 : Digaram Aktivitas Laporan Konfirmasi... 53 Gambar 4.31 : Digaram Aktivitas Ubah Status Sewa... 54 Gambar 4.32 : Digaram Aktivitas Pelunasan... 54 Gambar 4.33 : Digaram Aktivitas Laporan Pelunasan... 55 Gambar 4.34 : Digaram Aktivitas Daftar Penyewaan... 55 Gambar 4.30 : Statechart Diagram Pendaftaran... 56 Gambar 4.36 : Statechart Diagram Penyewaan Barang... 56 Gambar 4.37 : Statechart Diagram Penyewaan Jasa... 56 Gambar 4.37 : Statechart Diagram Konfirmasi Pembayaran... 57 Gambar 4.40 : Statechart Diagram Login User... 57 Gambar 4.41 : Statechart Diagram Ubah User... 58 Gambar 4.42 : Statechart Diagram Hapus User... 58 Gambar 4.43 : Statechart Diagram Tambah Barang... 59 Gambar 4.44 : Statechart Diagram Ubah Barang... 59 Gambar 4.45 : Statechart Diagram Hapus Barang... 59 Gambar 4.46 : Statechart Diagram Tambah Jasa... 60 Gambar 4.47 : Statechart Diagram Ubah Jasa... 60 Gambar 4.48 : Statechart Diagram Hapus Jasa... 60 Gambar 4.49 : Statechart Diagram Cetak Laporan Konfirmasi... 61 Gambar 4.50 : Himpunan Entitas... 62 Gambar 4.51 : Himpunan Entitas dan Atribut Key... 62 Gambar 4.52 : Himpunan Entitas, Relasi dan Foreign-Key... 62 Gambar 4.53 : Kardinalitas Relasi... 63 Gambar 4.54 : Diagram E-R... 63 Gambar 4.55 : Relasi User dan Sewa... 64 Gambar 4.56 : Relasi Sewa dan Barang... 66 Gambar 4.57 : Relasi Sewa dan Jasa... 67 Gambar 4.58 : Relasi Sewa dan Konfirmasi... 68 xvi
Gambar 4.59 : Relasi Konfirmasi dan Pelunasan... 69 Gambar 4.60 : Relasi Tabel... 74 Gambar 4.61 : Desain Login.... 74 Gambar 4.62 : Desain Halaman Utama Admin... 75 Gambar 4.63 : Desain Halaman Utama Pemilik.... 75 Gambar 4.64 : Desain Halaman Utama Penyewa... 76 Gambar 4.65 : Desain Input Data User... 77 Gambar 4.66 : Desain Input Data Jasa... 77 Gambar 4.67 : Desain Input Data Konfirmasi Pembayaran DP... 78 Gambar 4.68 : Desain Output Data Konfirmasi Pembayaran DP... 78 Gambar 4.69 : Desain Output Laporan Data Pelunasan... 78 Gambar 5.1 : Halaman Login User... 80 Gambar 5.2 : Halaman Utama Pemilik... 80 Gambar 5.3 : Halaman Kelola Data User... 81 Gambar 5.4 : Halaman Laporan Konfirmasi... 81 Gambar 5.5 : Halaman Laporan Pelunasan... 82 Gambar 5.6 : Halaman Utama Admin... 82 Gambar 5.7 : Halaman Kelola Barang dan Jasa... 83 Gambar 5.8 : Halaman Ubah Status Sewa... 83 Gambar 5.9 : Halaman Daftar Penyewaan Barang dan Jasa... 84 Gambar 5.10 : Halaman Pelunasan... 84 Gambar 5.11 : Halaman Utama Penyewa... 85 Gambar 5.12 : Halaman Katalog Barang dan Jasa... 85 Gambar 5.13 : Halaman Penyewaan... 86 Gambar 5.14 : Halaman Konfirmasi Pembayaran DP... 86 Gambar 5.15 : Halaman Daftar Penyewaan Barang dan Jasa... 87 Gambar 5.16 : Tampilan Peringatan Berhasil Login... 87 Gambar 5.17 : Tampilan Peringatan gagal Login... 88 Gambar 5.18 : Tampilan Peringatan Sukses Menyimpan Data... 88 Gambar 5.19 : Tampilan Peringatan Gagal Menyimpan Data... 88 Gambar 5.20 : Tampilan Peringatan Hapus Data Berhasil... 89 xvii
DAFTAR LAMPIRAN Lampiran 1 : Buku Konsultasi Skripsi Lampiran 2 : Surat Pengajuan Penelitian Lampiran 3 : Biografi Penulis xviii