SISTEM INFORMASI UKM RIAS PENGANTIN EKS KARISIDENAN PATI BERBASIS WEB
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
2014
i
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
Pembimbing Pembantu
R. Rhoedy Setiawan, M.Kom
Diana Laily Fihtri, M.Kom
ii
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
Anggota Penguji I
Anggota Penguji II
Eko Darmanto, S.Kom, M.Cs
R. Rhoedy Setiawan, M.Kom
Fajar Nugraha, M.Kom
Mengetahui,
Dekan Fakultas Teknik
Rochmad Winarso, ST., MT.
iii
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
Evi Deviyani
iv
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.
3. Kakak dan adikku tersayang.
4. Sahabat-sahabatku tercinta.
5. Almamater.
v
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.
Kata Kunci :Sistem Informasi, Jasa, Tata Rias Pengantin
vi
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.
Demikian laporan ini disusun. Penulis menyadari bahwa dalam penyusunan
vii
laporan ini sangat jauh dari kesempurnaan, namun Penulis berharap laporan ini
dapat bermanfaat bagi semua pihak.
Kudus, 10 juli 2014
Penulis
viii
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.1 Latar Belakang ................................................................................ 1
1.2 Rumusan Masalah ........................................................................... 2
1.3 Pembatasan Masalah ....................................................................... 2
1.4 Tujuan ............................................................................................. 2
1.5 Manfaat .............................................................................. ............ 3
1.6 Tinjauan Pustaka ............................................................................. 3
1.7 Metodologi Penelitian.......................................................................4
1.7.1
Sumber Pengumpulan Data...................................................4
1.7.2
Metode Pengumpulan Data...................................................5
1.7.3
Metode Pengembangan Sistem.............................................5
1.8 Sistematika Penulisan.......................................................................7
BAB II LANDASAN TEORI
2.1 Konsep Dasar Sistem ....................................................................... 9
2.1.1 Pengertian Sistem...................................................................9
2.1.2 Karakteristik Sistem...............................................................9
2.1.3 Klasifikasi Sistem..................................................................11
2.2 Konsep Dasar Sistem.......................................................................12
ix
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.1 Sejarah Singkat UKM Tata Rias Pengantin ................................... 35
3.2 Visi, Misi ......................................................................................... 35
3.3 Lokasi Harpi Melati..........................................................................36
3.4 Struktur Organisasi...........................................................................37
3.5 Narasi Sistem yang Berjalan.............................................................37
3.5.1
Sistem Pemesanan.........................................................37
3.5.2
Sistem Pelunasan……………………………………...40
BAB IV ANALISA DAN PERANCANGAN
4.1 Gambaran 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
4.5 Analisa Perancangan Sistem.............................................................44
x
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.1 Implementasi Sistem........................................................................ 106
5.1.1
Hardware..............................................................................106
5.1.2
Software…………………………………………………....106
5.1.3
Brainware………………………………………………….107
5.1.4
Batasan Implementasi……………………………………...107
5.2 Desain Form Sistem Informasi UKM Rias Pengantin Karisidenan Pati
berbasis Web.....................................................................................107
5.2.1 Tampilan Program...................................................................107
BAB VI : PENUTUP
6.1 Kesimpulan ...................................................................................... 130
6.2 Saran ................................................................................................ 130
DAFTAR PUSTAKA
LAMPIRAN
xi
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
Tabel 4.20: Struktur tabel users.. ....................................................................... 85
xii
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
Gambar 4.14 : Sequence Diagram Pendaftaran ................................................. 60
xiii
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
Gambar 4.45 : Relasi perias dengan galeri......................................................... 72
xiv
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
Gambar 4.76 : Desain menu about ...................................................................... 92
xv
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
Gambar 5.6 : Tampilan Menu login admin ........................................................ 111
xvi
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
Gambar 5.36 : Hasil Cetak Laporan pembayaran detail.....................................129
xvii
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
2014
i
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
Pembimbing Pembantu
R. Rhoedy Setiawan, M.Kom
Diana Laily Fihtri, M.Kom
ii
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
Anggota Penguji I
Anggota Penguji II
Eko Darmanto, S.Kom, M.Cs
R. Rhoedy Setiawan, M.Kom
Fajar Nugraha, M.Kom
Mengetahui,
Dekan Fakultas Teknik
Rochmad Winarso, ST., MT.
iii
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
Evi Deviyani
iv
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.
3. Kakak dan adikku tersayang.
4. Sahabat-sahabatku tercinta.
5. Almamater.
v
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.
Kata Kunci :Sistem Informasi, Jasa, Tata Rias Pengantin
vi
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.
Demikian laporan ini disusun. Penulis menyadari bahwa dalam penyusunan
vii
laporan ini sangat jauh dari kesempurnaan, namun Penulis berharap laporan ini
dapat bermanfaat bagi semua pihak.
Kudus, 10 juli 2014
Penulis
viii
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.1 Latar Belakang ................................................................................ 1
1.2 Rumusan Masalah ........................................................................... 2
1.3 Pembatasan Masalah ....................................................................... 2
1.4 Tujuan ............................................................................................. 2
1.5 Manfaat .............................................................................. ............ 3
1.6 Tinjauan Pustaka ............................................................................. 3
1.7 Metodologi Penelitian.......................................................................4
1.7.1
Sumber Pengumpulan Data...................................................4
1.7.2
Metode Pengumpulan Data...................................................5
1.7.3
Metode Pengembangan Sistem.............................................5
1.8 Sistematika Penulisan.......................................................................7
BAB II LANDASAN TEORI
2.1 Konsep Dasar Sistem ....................................................................... 9
2.1.1 Pengertian Sistem...................................................................9
2.1.2 Karakteristik Sistem...............................................................9
2.1.3 Klasifikasi Sistem..................................................................11
2.2 Konsep Dasar Sistem.......................................................................12
ix
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.1 Sejarah Singkat UKM Tata Rias Pengantin ................................... 35
3.2 Visi, Misi ......................................................................................... 35
3.3 Lokasi Harpi Melati..........................................................................36
3.4 Struktur Organisasi...........................................................................37
3.5 Narasi Sistem yang Berjalan.............................................................37
3.5.1
Sistem Pemesanan.........................................................37
3.5.2
Sistem Pelunasan……………………………………...40
BAB IV ANALISA DAN PERANCANGAN
4.1 Gambaran 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
4.5 Analisa Perancangan Sistem.............................................................44
x
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.1 Implementasi Sistem........................................................................ 106
5.1.1
Hardware..............................................................................106
5.1.2
Software…………………………………………………....106
5.1.3
Brainware………………………………………………….107
5.1.4
Batasan Implementasi……………………………………...107
5.2 Desain Form Sistem Informasi UKM Rias Pengantin Karisidenan Pati
berbasis Web.....................................................................................107
5.2.1 Tampilan Program...................................................................107
BAB VI : PENUTUP
6.1 Kesimpulan ...................................................................................... 130
6.2 Saran ................................................................................................ 130
DAFTAR PUSTAKA
LAMPIRAN
xi
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
Tabel 4.20: Struktur tabel users.. ....................................................................... 85
xii
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
Gambar 4.14 : Sequence Diagram Pendaftaran ................................................. 60
xiii
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
Gambar 4.45 : Relasi perias dengan galeri......................................................... 72
xiv
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
Gambar 4.76 : Desain menu about ...................................................................... 92
xv
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
Gambar 5.6 : Tampilan Menu login admin ........................................................ 111
xvi
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
Gambar 5.36 : Hasil Cetak Laporan pembayaran detail.....................................129
xvii