i
SISTEM INFORMASI UKM RIAS PENGANTIN
EKS KARISIDENAN PATI 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 : Evi Deviyani NIM : 2010-53-138 Program Studi : Sistem Informasi Fakultas : Teknik
FAKULTAS TEKNIK
UNIVERSITAS MURIA KUDUS
KUDUS
ii
HALAMAN PERSETUJUAN
Nama : Evi Deviyani
NIM : 2010-53-138
Program Studi : Sistem Informasi
Judul Skripsi : Sistem Informasi UKM Rias Pengantin Eks Karisidenan Pati Berbasis Web Pembimbing I : R. Rhoedy Setiawan, M.Kom Pembimbing II : Diana Laily Fihtri, M.Kom
Dilaksanakan : Semester Genap Tahun 2014/2015
Kudus, 10 juli 2014
Menyetujui :
Pembimbing Utama
R. Rhoedy Setiawan, M.Kom
Pembimbing Pembantu
iii
HALAMAN PENGESAHAN
Nama : Evi Deviyani
NIM : 2010-53-139
Bidang Laporan : Sistem Informasi
Judul Laporan : Sistem Informasi UKM Rias Pengantin Eks Karisidenan Pati Berbasis Web Pembimbing Utama : R. Rhoedy Setiawan, M.Kom Pembimbing Pembantu : Diana Laily Fithri, M.Kom
Dilaksanakan : Semester Genap Tahun 2013/2014
Kudus, September 2014
Telah diujikan pada ujian sarjana, 15 Agustus 2014 dan dinyatakan LULUS
Penguji Utama
Eko Darmanto, S.Kom, M.Cs
Anggota Penguji I
R. Rhoedy Setiawan, M.Kom
Anggota Penguji II
Fajar Nugraha, M.Kom
Mengetahui, Dekan Fakultas Teknik
iv
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI
KARYA ILMIAH UNTUK AKADEMIK
Yang bertanda tangan dibawah ini, saya: Nama : Evi Deviyani
NIM : 2010-53-138
Program Studi : Sistem Informasi Jenjang : Strata Satu (S1) Jenis Karya : Skripsi
Demi pengembangan ilmu pengetahuan, dengan ini menyetujui untuk anggotakan ijin kepada pihak Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus Hak Bebas Royalti Non-Eksklusif (Non-Exclusive Royalty-Free Right) atas karya ilmiah ini yang berjudul: “Sistem Informasi UKM Rias Pengantin Eks Karisidenan Pati Berbasis Web” beserta perangkat yang diperlukan (apabila ada).
Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Universitas Muria Kudus berhak menyimpan, mengalih-media atau bentuk-kan pengolahannya dalam pangkalan data (database), untuk kepentingan akademis tanpa perlu meminta ijin dari saya.
Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Universitas Muria Kudus, segala bentuk tuntutan hukum yang timbul atas pelanggaran hak cipta dalam karya ilmiah saya ini.
Demikian pernyataan ini saya buat dengan sebenarnya.
Kudus, September 2014 Yang Menyatakan
v
HALAMAN MOTTO DAN PERSEMBAHAN
MOTTO
“ Dunia akan menjatuhkan kita berkali-kali, tetapi kita selalu mempunyai pilihan untuk bangkit berdiri, atau tetap tinggal diam dibawah ”
“ Boleh jadi kamu membenci sesuatu, padahal ia amat baik bagimu, dan boleh jadi (pula) kamu menyukai sesuatu padahal ia amat buruk bagimu, Allah mengetahi sedang kamu tidak mengetahui “ (QS Al-Baqoroh 216)
PERSEMBAHAN
Skripsi ini penulis persembahkan kepada : 1. Tuhan yang telah menciptakan aku, beserta
Rosul-Nya
2. Ayah dan ibu, terima kasih untuk doa yang tak pernah putus.
vi
RINGKASAN
Tata rias pengantin merupakan kegiatan mengubah penampilan dari bentuk asli sebenarnya dengan bantuan alat kosmetik (make up). Make up lebih sering ditujukan kepada pengubahan bentuk wajah, meskipun sebenarnya seluruh tubuh bisa dihias. Bertujuan untuk mengubah penampilan fisik yang dinilai kurang sempurna. Tata rias wajah korektif merupakan jenis tat arias wajah yang sering dilakukan oleh masyarakat.
Pada tugas akhir ini dibuat “Sistem informasi UKM Rias Pengantin Eks Karisidenan Pati Berbasis Web”. Sistem Informasi merupakan sekumpulan prosedur yang pada saat ini dilaksanakan akan memberikan informasi bagi pengambil keputusan untuk mengendalikan suatu organisasi . dalam tugas akhir ini dibangun dengan bahasa pemrograman PHP dan menggunakan database My SQL.
Sistem informasi tata rias yang dihasilkan adalah memiliki fasilitas pendaftaran untuk member, customer, daftar paket yang ditawarkan dan tata rias yang dapat diakses secara umum agar masyarakat dapat memesan tanpa harus datang ke tempat jasa tata rias.
vii
KATA PENGANTAR
Alhamdulillah segala puji bagi Allah SWT yang telah melimpahkan rahmat dan pertolongan kepada penulis serta nikmat dan karunia yang lebih sehingga tak mampu bagi penulis untuk sekedar menghitung dan mengucapkan syukur atas segala yang dianugrahkan Allah SWT kepad penulis satu persatu. Rahmat dan salam kepada Rosulullah SAW, beliaulah yang telah membawa kita ke jalan kebenaran.
Penyusunan skripsi ini merupakan salah satu syarat yang harus dipenuhi untuk menyelesaikan program studi S1 pada Fakultas Teknik Universitas Muria Kudus.
Tersusunnya Laporan skripsi ini tidak lepas dari bantuan dan dukungan dari semua pihak. Penulis mengucapkan terima kasih yang sebesar-besarnya kepada:
1. Dr. Suparnyo, S.H.,M.S. Selaku Rektor Universitas Muria Kudus.
2. Bapak Rochmat Winarso, S.T, M.T selaku Dekan Fakultas Tehnik Universitas Muria Kudus.
3. Bapak R. Rhoedy Setiawan, M.Kom selaku Ketua Program Studi Sistem Informasi Universitas Muria Kudus.
4. Ibu Diana Laily Fithri, M.Kom selaku dosen pembimbing yang memberi pengarahan selama menyusun laporan PKL.
5. Ibu Sujoko, selaku ketua I HARPI Melati yang telah memberikan ijin kepada Penulis untuk melaksanakan penelitian.
6. Ibu Endang sugiarti, selaku Sekretaris I HARPI Melati yang telah membantu penulis dalam memberikan informasi dan arahan-arahan sehingga terselesaikannya skripsi ini.
7. Kedua orang tua yang sangat Penulis cintai, yang telah memberi dukungan secara material maupun spiritual.
8. Teman-teman di Fakultas Teknik Progdi Sistem Informasi angkatan 2010 dan semua pihak yang telah membantu hingga terselesaikannya laporan ini.
viii
laporan ini sangat jauh dari kesempurnaan, namun Penulis berharap laporan ini dapat bermanfaat bagi semua pihak.
Kudus, 10 juli 2014
ix DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
PERSETUJUAN PUBLIKASI ... iv
MOTTO DAN PERSEMBAHAN ... v
RINGKASAN ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR TABEL ... xii
DAFTAR GAMBAR ... xiii
LAMPIRAN BAB I PENDAHULUAN 1.1Latar Belakang ... 1
1.2Rumusan Masalah ... 2
1.3Pembatasan Masalah ... 2
1.4Tujuan ... 2
1.5Manfaat ... ... 3
1.6Tinjauan Pustaka ... 3
1.7Metodologi Penelitian...4
1.7.1 Sumber Pengumpulan Data...4
1.7.2 Metode Pengumpulan Data...5
1.7.3 Metode Pengembangan Sistem...5
1.8Sistematika Penulisan...7
BAB II LANDASAN TEORI 2.1Konsep Dasar Sistem ... 9
2.1.1 Pengertian Sistem...9
2.1.2 Karakteristik Sistem...9
2.1.3 Klasifikasi Sistem...11
x
2.2.1 Pengertian Informasi...12
2.2.2 Siklus Informasi...13
2.2.3 Kwalitas Informasi...13
2.2.4 Nilai Informasi...15
2.3 Konsep Dasar Sistem Informasi ... 15
2.3.1 Pengertian Sistem Informasi...15
2.3.2 Komponen Sistem Informasi...15
2.4 Pengertian Usaha Kecil Menengah ... 17
2.5 Pengertian Rias Pengantin ... 17
2.6 Alat Bantu Desain Sistem ... 18
2.6.1 Flow Of Document (FOD)...18
2.6.2 UML (Unified Modelling Language)...19
2.7 Entity Relationship Diagram (ERD)...27
2.8 Mengenal MySQL...33
BAB III TINJAUN UMUM OBJEK PENELITIAN 3.1Sejarah Singkat UKM Tata Rias Pengantin ... 35
3.2Visi, Misi ... 35
3.3Lokasi Harpi Melati...36
3.4Struktur Organisasi...37
3.5Narasi Sistem yang Berjalan...37
3.5.1 Sistem Pemesanan...37
3.5.2 Sistem Pelunasan………...40
BAB IV ANALISA DAN PERANCANGAN 4.1Gambaran Sistem Informasi UKM Rias Pengantin Karisidenan Pati Berbasis Web ... 42
4.2 Analisa Sistem Informassi UKM Rias Pengantin Karisidenan Pati Berbasis Web ... 42
4.3 Analisis Kebutuhan Sistem ... 43
4.3.1 Analisis Kebutuhan Data dan Informasi...44
4.4 Analisis Aktor Sistem ... 44
xi
4.5.1 Bussines Use case Diagram...45
4.5.2 Use Case Diagram...46
4.5.2.1 Use Case ...47
4.5.3 Class Diagram……….51
4.5.4 Sequence Diagram………...56
4.5.5 Activity Diagram………..62 4.5.6 Statechart Diagram………………….66
4.6 Entity Relationship Diagram……….71 4.7 Perancangan Database………..82 4.8 Desain Input dan Output………..88
4.8.1 Desain Menu Aplikasi Dan Input………88
4.8.2 Desain Output………..104 BAB V IMPLEMENTASI SISTEM 5.1Implementasi Sistem... 106
5.1.1 Hardware...106
5.1.2 Software………....106 5.1.3 Brainware……….107 5.1.4 Batasan Implementasi………...107 5.2Desain Form Sistem Informasi UKM Rias Pengantin Karisidenan Pati berbasis Web...107
5.2.1 Tampilan Program...107
BAB VI : PENUTUP 6.1Kesimpulan ... 130
6.2Saran ... 130 DAFTAR PUSTAKA
xii
DAFTAR TABEL
Tabel 2.1 : Simbol Bagan Arus Dokumen ... 18
Tabel 2.2 : Notasi Bisnis Use Case Diagram ... 20
Tabel 2.3 : Notasi Use Case Diagram ... 22
Tabel 2.4 : Notasi Class Diagram ... 23
Tabel 2.5 : Notasi Sequence Diagram... 24
Tabel 2.6 : Notasi Activity Diagram ... 25
Tabel 2.7 : Notasi Statechart Diagram ... 26
Tabel 4.1 : Proses Bisnis ... 44
Tabel 4.2 : Deskripsi Use Case Kelola Kategori ... 47
Tabel 4.3 : Deskripsi UseCase Kelola Paket ... 48
Tabel 4.4 : Deskripsi Use Case Kelola Pemesanan ... 49
Tabel 4.5 : Deskripsi UseCase Kelola Pembayaran... 49
Tabel 4.6 : Deskripsi Use Case Kelola Pendaftaran ... 50
Tabel 4.7 : Deskripsi Use Case Kelola Laporan ... 51
Tabel 4.8 : Struktur tabel bayar ... 80
Tabel 4.9 : Struktur tabel customer ... 80
Tabel 4.10 : Struktur tabel galeri... 81
Tabel 4.11: Struktur tabel kabupaten ... 81
Tabel 4.12: Struktur tabel kategori... 82
Tabel 4.13: Struktur tabel kontak.. ... 82
Tabel 4.14: Struktur tabel orders.. ... 82
Tabel 4.15: Struktur tabel order_temp.. ... 83
Tabel 4.16: Struktur tabel order_detail.. ... 84
Tabel 4.17: Struktur tabel paket.. ... 84
Tabel 4.18: Struktur tabel perias.. ... 84
Tabel 4.19: Struktur tabel slide.. ... 85
xiii
DAFTAR GAMBAR
Gambar 2.1 : Siklus Informasi. ... 13
Gambar 2.2 : Komponen Sistem Informasi... 16
Gambar 2.3 : Diagram relationship unary………..28 Gambar 2.4 : Diagram relationship binary……….28
Gambar 2.5 : Diagram relationship ternary……….29
Gambar 2.6 : Diagram kardinalitas one to one………30
Gambar 2.7 : Diagram kardinalitas one to many……….30
Gambar 2.8 : Diagram kardinalitas many to many………..31
Gambar 3.1 : Denah Lokasi HARPI Melati...36
Gambar 3.2 : Struktur Organisasi HARPI Melati ... .37
Gambar 3.3 : Flow Of Document sistem pemesanan ... .39
Gambar 3.4 : Flow Of Document sistem pelunasan ... .41
Gambar 4.1 : Bisnis Use Case ... .46
Gambar 4.2 : Sistem Use Case Diagram ... .47
Gambar 4.3 : Class user ... .52
Gambar 4.4 : Class kategori ... .52
Gambar 4.5 : Class paket ... .53
Gambar 4.6 : Class pemesanan ... .53
Gambar 4.7 : Class pendaftaran ... .54
Gambar 4.8 : Class Pembayaran ... .54
Gambar 4.9 : Class Laporan ... .55
Gambar4.10 : Class Diagram Sistem Informasi UKM Riaas Pengantin Karisidenan Pati... 56
Gambar 4.11 : Sequence Diagram Kategori ... 57
Gambar 4.12 : Sequence Diagram Paket ... 58
Gambar 4.13 : Sequence Diagram Pemesanan ... 59
xiv
Gambar 4.15 : Sequence Diagram Pembayaran ... 61
Gambar 4.16 : Sequence Diagram laporan ... 62
Gambar 4.17 : Activity Diagram Kelola user...63
Gambar 4.18 : Activity Diagram Kelola Kategori ... 63
Gambar 4.19 : Activity Diagram Kelola Paket... 64
Gambar 4.20 : Activity Diagram Kelola Pemesanan ... 64
Gambar 4.21 : Activity Diagram Kelola Pendaftaran ... 65
Gambar 4.22 : Activity Diagram Kelola Pembayaran ... 65
Gambar 4.23 : Activity Diagram Kelola Laporan ... 66
Gambar 4.24 : Statechart Diagram user ... 66
Gambar 4.25 : Statechart Diagram tambah Data Kategori... 67
Gambar 4.26 : Statechart Diagram edit Data Kategori ... 67
Gambar 4.27 : Statechart Diagram hapus Data Kategori ... 67
Gambar 4.28 : Statechart Diagram tambah Data Paket ... 67
Gambar 4.29 : Statechart Diagram edit Data Paket ... 68
Gambar 4.30 : Statechart Diagram hapus Data Paket ... 68
Gambar 4.31 : Statechart Diagram tambah Pemesanan ... 68
Gambar 4.32 : Statechart Diagram edit Pemesanan ... 68
Gambar 4.33 : Statechart Diagram hapus pemesanan ... 69
Gambar 4.34 : Statechart Diagram tambah Pendaftaran ... 69
Gambar 4.35 : Statechart Diagram edit Pendaftaran ... 69
Gambar 4.36 : Statechart Diagram hapus Pendaftaran ... 69
Gambar 4.37 : Statechart Diagram tambah Pembayaran ... 69
Gambar 4.38 : Statechart Diagram edit Pembayaran ... 70
Gambar 4.39 : Statechart Diagram hapus Pembayaran ... 70
Gambar 4.40 : Statechart Diagram Laporan... 70
Gambar 4.41 : Entity ………..………71
Gambar 4.42 : Relasi user dengan perias ... 71
Gambar 4.43 : Relasi user dengan customer ... 72
Gambar 4.44 : Relasi user dengan kontak ... 72
xv
Gambar 4.46 : Relasi perias dengan kabupaten ... 72
Gambar 4.47 : Relasi perias dengan paket ... 72
Gambar 4.48 : Relasi customer dengan kabupaten ... 72
Gambar 4.49 : Relasi customer dengan paket ... 73
Gambar 4.50 : Relasi paket dengan kategori ... 73
Gambar 4.51 : Relasi paket dengan orders_temp... 73
Gambar 4.52 : Relasi customer dengan orders_temp... 73
Gambar 4.53 : Entity Relationship Diagram ... 74
Gambar 4.54 : Transformasi antara user dengan perias ... 75
Gambar 4.55 : Transformasi antara user dengan customer ... 75
Gambar 4.56 : Transformasi antara user dengan kontak... 76
Gambar 4.57 : Transformasi antara perias dengan galeri ... 76
Gambar 4.58 : Transformasi antara perias dengan kabupaten ... 77
Gambar 4.59 : Transformasi antara perias dengan paket ... 77
Gambar 4.60 : Transformasi antara customer dengan kabupaten ... 77
Gambar 4.61 : Transformasi antara customer dengan paket ... 78
Gambar 4.62 : Transformasi antara paket dengan kategori ... 78
Gambar 4.63 : Transformasi antara paket dengan orders_temp ... 79
Gambar 4.64 : Transformasi antara customer dengan orders_temp ... 79
Gambar 4.65 : Relasi Tabel ... 86
Gambar 4.66 : Desain form login admin ... 86
Gambar 4.67 : Desain form login member... 87
Gambar 4.68 : Desain menu utama ... 87
Gambar 4.69 : Desain menu member ... 88
Gambar 4.70 : Desain menu sign up ... 88
Gambar 4.71 : Desain menu about ... 89
Gambar 4.72 : Desain menu kontak ... 89
Gambar 4.73 :Desain website admin ... 90
Gambar 4.74 : Desain menu slide ... 91
Gambar 4.75 : Desain input slide ... 92
xvi
Gambar 4.77 : Desain data kabupaten... 93
Gambar 4.78 : Desain input data kabupaten ... 93
Gambar 4.79 : Desain data member ... 94
Gambar 4.80 : Desain inout data member ... 94
Gambar 4.81 : Desain data customer ... 95
Gambar 4.82 : Desain input data customer ... 95
Gambar 4.83 : Desain data kontak ... 96
Gambar 4.84 : Desain data user ... 96
Gambar 4.85 : Desain input data user ... 97
Gambar 4.86 : Desain website member ... 97
Gambar 4.87 : Desain data kategori ... 98
Gambar 4.88 : Desain input data kategori ... 98
Gambar 4.89 : Desain data paket ... 99
Gambar 4.90 : Desain form paket ... 99
Gambar 4.91 : Desain galeri foto ... 100
Gambar 4.92 : Desain form galeri ... 100
Gambar 4.93 : Desain daftar order ... 101
Gambar 4.94 : Desain pembayaran ... 101
Gambar 4.95 : Desain order lunas ... 102
Gambar 4.96 : Desain Output Laporan member ... 102
Gambar 4.97 : Desain Output Laporan kontak kami ... 103
Gambar 4.98 : Desain Output Laporan users ... 103
Gambar 4.99 : Desain Output Laporan daftar order ... 104
Gambar 4.100 : Desain Output Laporan pembayaran ... 104
Gambar 4.101 : Desain Output Laporan pembayaran detail ... 105
Gambar 5.1 : Tampilan Menu utama ... 107
Gambar 5.2 : Tampilan Menu member ... 108
Gambar 5.3 : Tampilan Menu sign up ... 109
Gambar 5.4 : Tampilan Menu about ... 110
Gambar 5.5 : Tampilan Menu contact... 111
xvii
Gambar 5.7 : Tampilan Menu login member ... 112
Gambar 5.8 : Tampilan website admin ... 112
Gambar 5.9 : Tampilan slide ... 113
Gambar 5.10 : Tampilan input slide ... 113
Gambar 5.11 : Tampilan about us ... 114
Gambar 5.12 : Tampilan data kabupaten ... 115
Gambar 5.13 : Tampilan form kabupaten ... 116
Gambar 5.14 : Tampilan data member ... 117
Gambar 5.15 : Tampilan form member... 117
Gambar 5.16 : Tampilan data customer ... 118
Gambar 5.17 : Tampilan form customer ... 118
Gambar 5.18 : Tampilan data kontak ... 120
Gambar 5.19 : Tampilan data user ... 120
Gambar 5.20 : Tampilan form user ... 121
Gambar 5.21 : Tampilan website member ... 122
Gambar 5.22 : Tampilan data kategori ... 122
Gambar 5.23 : Tampilan form kategori... 123
Gambar 5.24 : Tampilan data paket ... 123
Gambar 5.25 : Tampilan form paket ... 124
Gambar 5.26 : Tampilan data galeri foto ... 125
Gambar 5.27 : Tampilan form galeri... 125
Gambar 5.28 : Tampilan daftar order ... 126
Gambar 5.29 : Tampilan data pembayaran ... 126
Gambar 5.30 : Tampilan data order lunas ... 127
Gambar 5.31 : Hasil Cetak Laporan Data member ... 127
Gambar 5.32 : Hasil Cetak Laporan Data kontak kami ... 128
Gambar 5.33 : Hasil Cetak Laporan Data users ... 128
Gambar 5.34 : Hasil Cetak Laporan daftar order ... 129
Gambar 5.35 : Hasil Cetak Laporan pembayaran...129
