JASA MAKEUP & PHOTOGRAPY WEDDING MIPMOP SHADATI BERBASIS WEB MOBILE TUGAS AKHIR Disusun Oleh : NAMA : HABIL HUDAIBI NIM : 143110039 Jurusan : Manajemen Informatika Jenjang : Diploma III (D3) Vokasi SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM YOGYAKARTA 2017 i
JASA MAKEUP & PHOTOGRAPY WEDDING MIPMOP SHADATI BERBASIS WEB MOBILE TUGAS AKHIR Diajukan Sebagai Salah satu Syarat Untuk Memperoleh Gelar Diploma Tiga(D-3) Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM YOGYAKARTA Disusun Oleh : HABIL HUDAIBI No. Mhs : 143110039 Jurusan : Manajemen Informatika Jenjang : Diploma 3 (D 3) SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM YOGYAKARTA 2017 ii
iii
iv
HALAMAN PERSEMBAHAN Sujud syukur saya panjatkan kepada Tuhan Yang Maha Esa karena telah diberikan saya kepala yang berfikir, tangan yang bekerja, dan kesehatan yang senantiasa menemani saya dalam menyusun karya sederhana ini. Saya persembahkan karya yang jauh dari kata sempurna ini kepada orang-orang yang saya cintai: Kedua orang tua yang telah memberikan motivasi secara pribadi dan telah menuntun saya untuk terus mengejar pendidikan hingga titik ini. Kakak-kakak saya yang tidak pernah berhenti mendukung saya dalam melakukan studi di jenjang ini. Bu LN Ningrum yang telah membimbing dan mengejar-ngejar hingga saya mau mengerjakan Karya ini. Untuk Mas Agung Julianto yang telah membantu dalam pembuatan Tugas Akhir disaat saya kebingungan dalam pengerjaannya. Untuk Mantan terindah terimakasih telah membuat semangat untuk lebih baik. Teman-teman semua yang telah memberi motivasi dan menemani saya saat menyusun karya tulis ini. Mobile Legend yang telah menghibur saat frustasi kesusahan melakukan pengembangan Tugas Akhir v
Sahabat terbaik Nabila Rizki Putri yang telah mendorong untuk terus semangat dalam melakukan studi dan menyelesaikannya. Mas Sigit yang telah membantu saya saat saya butuh bantuan untuk bertanya tentang tampilan project Tugas Akhir. vi
MOTTO ~ Tangan di atas lebih baik dari pada kaki diatas ~ ~ Hidup mulia atau mati syahid ~ ~ Berhenti kukuti kegelapan, mulailah nyalakan lilin ~ ~ Jika fakta tidak sesuai dengan teori, ganti faktanya ~ vii
INTISARI Mipmop Shadati Makeup & Photograpy Wedding adalah fasilitas jasa yang menggeluti di bidang jasa wedding.aplikasi web jasa ini dapat melakukan pemesanan dan dapat menampilkan halaman-halaman informasi tentang jasa makeup & photograpy wedding. Sistem ini menggunakan software pendukung di antaranya PHP, database MYSQL, Webserver, HTML5, JavaScript dan PHPmyAdmin untuk bagian pengolahan data dengan web browser. Sisitemn ini dapat melakukan pelayanan pmesanan jasa, dapat melakukan pelayanan menampilkan galeri foto-foto sample dari jasa makeup wedding dan photograpy wedding, dapat juga menampilkan paketan-paketan harga dengan menampilkan harga total bayar, harga uang muka, dan detail-detail paketan. Kata kunci : Pemesanan Jasa dengan mobile, Wedding dan Mysql. viii
KATA PENGANTAR Puji syukur kehadirat Allah SWT atas segala berkat dan limpahan Rahmat- Nya, sehingga saya dapat menyelesaikan Proyek Akhir ini untuk memenuhi syarat menyelesaikan program Diploma III. Semoga naskah ini membantu menambah pengetahuan dan pengalaman bagi para pembaca, sehingga penulis dapat memperbaiki bentuk maupun isi naskah ini menjadi lebih baik. Dalam pembuatan proyek akhir ini tidak terlepas dari berbagai pihak yang telah membantu baik moril maupun materil. Atas segala motivasi dan bimbingan yang telah diberikan,penulis mengucapkan banyak terimakasih yang sedalamdalamnya kepada Yth : 1. Bapak Cuk Subiantoro, S.Kom.,M.Kom selaku Ketua Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM Yogyakarta. 2. Bapak Fx.Henry Nugroho, S.T,.M.Cs selaku Ketua Jurusan Manajemen Informatika di Sekolah Tinggi Manajemen Informatika AKAKOM Yogyakarta. 3. Ibu LN. Harnanigrum, S.Si., M.T, selaku Dosen Pembimbing yang telah senantiasa membantu dalam segala hal dan memberikan saran dan bimbingan dalam penyusunan proyek akhir ini. Yogyakarta, Agustus 2017 Habil Hudaibi ix
DAFTAR ISI Hal HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii HALAMAN PERSEMBAHAN... iv HALAMAN INTISARI...v HALAMAN DAFTAR ISI... vi DAFTAR GAMBAR... vii DAFTAR TABEL... vii BAB I PENDAHULUAN...1 1.1 Latar Belakang Masalah...1 1.2 Tujuan... 2 1.3 Batasan Masalah...2 BAB II TINJAUAN PUSTAKA DAN DASAR TEORI...3 2.1 Tinjauan Pustaka...3 2.2 Dasar Teori...3 2.2.1 Pengertian Sistem Informasi...3 2.2.2 Internet...3 2.2.3 Basis Data...4 2.2.4 Mysql...4 x
2.2.5 PHP...4 2.2.6 Bootstrap...5 BAB III RANCANGAN SISTEM...6 3.1 Deskripsi Sistem...6 3.2 Analasis Kebutuhan Sistem...6 3.3 Sistem Pendukung...6 3.3.1 Sistem Perangkat Keras...7 3.3.2 Sistem Perangkat Lunak... 7 3.3.3 User yang terlibat... 8 3.4 Diagram Arus Data Level 0... 8 3.5 Diagram Arus Data Level 1... 9 3.6 Perancangan Sistem... 10 3.6.1 Perancangan Basis data... 10 3.7 Struktur Table...10 3.7.1 Tabel Admin...10 3.7.2 Tabel detail paket...11 3.7.3 Tabel galeri...11 3.7.4 Tabel kategori...11 3.7.5 Tabel paket...12 3.7.6 Tabel pelanggan...12 3.7.7 Tabel pesan...13 3.8 Rancangan Input... 13 3.8.1 Rancangan Input Data Admin... 13 3.8.2 Rancangan Input Data Galeri... 14 3.8.3 Rancangan Input Data Paket... 14 3.8.4 Rancangan Input Data Kategori... 15 3.8.5 Rancangan Input Data Pelanggan... 15 xi
3.8.6 Rancangan Input Data Pesan... 16 3.9 Rancangan Output... 16 3.9.1 Rancangan Data Admin...17 3.9.2 Rancangan Data Galeri...17 3.9.3 Rancangan Data Paket...17 3.9.4 Rancangan Data Kategori...18 3.9.5 Rancangan Data Pelanggan...18 3.9.6 Rancangan Data Pesan...19 BAB IV IMPLEMENTASI DAN PEMBAHASAN...20 4.1 Implementasi Sistem...20 4.2 Pembahasan Sistem...20 4.2.1 Tampilan Halaman Utama...20 4.2.2 Tampilan Halaman Galeri Makeup...21 4.2.3 Tampilan Halaman Galeri Photograpy...22 4.2.4 Tampilan Halaman Paket...23 4.2.5 Tampilan Halaman Login Pelanggan...24 4.2.6 Tampilan Halaman Daftar Pelanggan...25 4.2.7 Tampilan Halaman Pesan...26 4.2.8 Tampilan Halaman Lanjutan Pesan...27 4.2.9 Tampilan Halaman Konfirmasi Pesan...28 4.2.10 Tampilan Halaman Utama Admin...29 4.2.11 Tampilan Halaman Input Pada Admin...29 4.2.12 Tampilan Halaman Output Tabel Galeri...31 4.2.13 Tampilan Halaman Output Tabel Daftar Pesan...32 4.2.14 Tampilan Halaman Output Daftar Kategori...33 4.2.15 Tampilan Halaman Output Daftar Pelanggan...35 4.2.16 Tampilan Halaman Ouput Daftar Paket...36 xii
BAB V KESIMPULAN DAN SARAN...38 5.1 Kesimpulan...38 5.2 Saran... 38 DAFTAR PUSTAKA... 39 LAMPIRAN xiii
DAFTAR GAMBAR Gambar 3.1 Diagram Arus Data... 8 Gambar 3.2 Diagram Arus Data Level 1... 9 Gambar 3.4 Relasi Tabel... 10 Gambar 3.5Rancangan Input Data Admin... 14 Gambar 3.6 Rancangan Input Data galeri... 14 Gambar 3.7 Rancangan Input Data Paketan... 15 Gambar 3.8 Rancangan Input Data Kategori... 15 Gambar 3.9 Rancangan Input Data Pelanggan... 16 Gambar 3.10 Rancangan Input Data Pesan... 16 Gambar 3.11 Rancangan Output Data Admin... 17 Gambar 3.12 Rancangan Output Data Galeri... 17 Gambar 3.13 Rancangan Output Data Paket... 18 Gambar 3.14 Rancangan Ouuput Data Kategori... 18 Gambar 3.15 Rancangan Ouput Data Pelanggan... 18 Gambar 3.16 Rancangan Ouput Data Pesan... 19 Gambar 4.1 Halaman Utama... 20 Gambar 4.2 Halaman Galeri Makeup... 21 Gambar 4.3 Potongan Skrip... 21 Gambar 4.4 Halaman galri Photograpy... 22 xiv
Gambar 4.5 Potongan Skrip... 22 Gambar 4.6 Halaman Paket... 23 Gambar 4.7 Potongan Skrip... 23 Gambar 4.8 Halaman Login Pelanggan... 24 Gambar 4.9 Potongan Skrip... 24 Gambar 4.10 Halaman Daftar Pelanggan... 25 Gambar 4.11 Potongan Skrip... 25 Gambar 4.12 Halaman Pesan... 26 Gambar 4.13 Potongan Skrip... 26 Gambar 4.14 Halaman Lanjutan Pesan... 27 Gambar 4.15 Potongan Skrip... 27 Gambar 4.16 Halaman konfirmasi Pesan... 28 Gambar 4.17 Potongan Skrip... 28 Gambar 4.18 Halaman Utama Admin... 29 Gambar 4.19 Halaman Input Admin... 30 Gambar 4.20 Potongan Skrip... 30 Gambar 4.21 Halaman Ouput Galeri Admin... 31 Gambar 4.22 Potongan Skrip... 31 Gambar 4.23 Halaman Output Daftar Pesanan Admin... 32 Gambar 4.24 Potongan Skrip... 33 Gambar 4.25 Halaman Output Daftar Kategori Admin... 33 xv
Gambar 4.26 Potongan Skrip... 34 Gambar 4.27 Halaman Output Daftar Pelanggan Pada Admin... 35 Gambar 4.28 Potongan Skrip... 35 Gambar 4.29 Halaman Ouput Daftar Paket Pada Admin... 36 Gambar 4.30 Potongan Skrip... 37 xvi
DAFTAR TABEL Hal Tabel 3.1 Struktur Tabel Admin... 11 Tabel 3.2 Struktur Tabel Detail Paket...11 Tabel 3.3 Struktur Tabel Galeri...11 Tabel 3.4 Struktur Tabel Kategori...12 Tabel 3.5 Struktur Tabel Paket... 12 Tabel 3.6 Struktur Tabel Pelanggan...12 Tabel 3.7 Struktur Tabel Pesan...13 xvii