SISTEM INFORMASI PENDAFTARAN DI KLINIK KECANTIKAN WAJAH BERBASIS WEB MOBILE PROYEK AKHIR Disusun Oleh : DESI WULANDARI NIM : 143110016 JURUSAN : MANAJEMEN INFORMATIKA JENJANG : DIPLOMA TIGA (D-3) SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM YOGYAKARTA 2017 i
ii
iii
HALAMAN PERSEMBAHAN Terimakasih kepada Tuhan Yang Maha Esa atas segala berkat dan limpahan rahmat-nya, karya tulis ini aku persembahkan kepada : Ayah ku Wasimo yang paling saya cintai, yang tidak pernah berhenti mendukung anak nya untuk sukses mencapai cita-citanya yang tinggi, yang telah membangkitkan semangat untuk terus belajar dan belajar. Ibu ku Rokhanah yang paling ku cintai, yang tidak pernah berhenti dan tidak pernah lelah memberikan dukungan semangat dan doa untuk kesuksesan anak nya sehingga aku dapat menyelesaikan tugas akhir ini dengan lancar. Untuk anak ku tersayang Callysta Arumi Wicaksono, kamu adalah penyemangat ibu nak, ibu bisa seperti ini karena kamu, walaupun kamu berada jauh dari ibu. Ibu sayang Lysta. Adik adik Rohmat Wahyu Saputra yang telah memberikan semangat, walaupun suka bikin rusuh. Semua teman teman manajemen informatika yang saya cintai. iv
MOTTO Tuhan tidak meminta kita untuk selalu berhasil, DIA hanya meminta Kita untuk mau mencoba. (Desi Wulandari) Saat kamu memutuskan tuk tetap berjuang dan berdoa, maka Tuhan akan memeberikanmu kekuatan. (Mamons) v
INTISARI Klinik kecantikan merupakan sebuah klinik yang menawarkan jasa pelayanan dermatologi. Dermatologi (dari bahasa Yunani: derma yang berarti kulit) adalah cabang kedokteran yang mempelajari kulit dan bagian-bagian yang berhubungan dengan kulit seperti rambut, kuku, kelenjar keringat, dan lain sebagainya. Jadi, dapat disimpulkan, klinik kecantikan merupakan sebuah klinik yang menawarkan pelayanan jasa di bidang perawatan kesehatan dan kecantikan kulit, rambut, kuku, dan lainnya. Beberapa klinik kecantikan yang sekarang banyak dijumpai di wilayah ibukota adalah klinik kecantikan yang mengkombinasikan pelayanan kecantikan wajah maupun tubuh, dan konsultasi kesehatan kulit, serta pelayanan tambahan seperti spa. Produk perawatan dari klinik kecantikan yang dikenal umum adalah facial. Perawatan facial adalah sebuah prosedur yang melibatkan berbagai perawatan kulit, termasuk: penguapan, pengelupasan, ekstraksi, krim, lotion, pengunaan masker, dan pemijatan. Biasanya dilakukan di salon kecantikan tetapi juga dapat ditemukan di berbagai perawatan spa. Sistem informasi ini dibuat untuk memudahkan masyarakat didalam melakukan aktivitas pendaftaran member perawatan atau treatment secara online. Sistem informasi ini dibuat menggunakan bahasa pemrograman PHP,HTML serta Javascript dan database menggunakan MySQL. Diharapkan dengan adanya sistem ini dapat memudahkan masyarakat dalam mencari informasi tentang kecantikan atau bahkan melakukan pendaftaran member secara online. Kata Kunci : Sistem Informasi, pendaftaran, Klinik Kecantikan Wajah, PHP, MySQL vi
KATA PENGANTAR Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha Panyayang, Kami panjatkan puja dan puji syukur atas kehadirat-nya, yang telah melimpahkan rahmat, hidayah, dan inayah-nya kepada kami, sehingga kami dapat menyelesaikan tugas akhir tentang Sistem Informasi pendaftaran di Klinik Kecantikan Wajah Berbasis Web Mobile. sehingga penulis dapat menyelesaikan Proyek Akhir ini untuk memenuhi syarat menyelesaikan program Diploma III. Terlepas dari semua itu, Kami menyadari sepenuhnya bahwa masih ada kekurangan baik dari segi susunan kalimat maupun tata bahasanya. Oleh karena itu dengan tangan terbuka kami menerima segala saran dan kritik dari pembaca agar kami dapat memperbaiki tugas akhir ini. Atas segala motivasi dan bimbingan yang telah diberikan, penulis mengucapkan banyak terimakasih yang sedalam-dalamnya kepada Yth : 1. Bapak Cuk Subiyantoro, 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 Ir.Hj. Hera Wasiati, M.M Bapak Pius Widi Dian Anggoro, S.Kom.,M.Cs dan selaku Dosen Pembimbing yang telah senantiasa membimbing dan mengarahkan dalam penyusunan proyek akhir ini. 4. Kedua orang tuaku dan seluruh keluarga yang telah memberikan support, motivasi dan doa. 5. Teman teman yang tidak dapat disebutkan satu persatu yang telah membantu dalam penyusunan karya tulis. vii
Akhir kata kami berharap semoga tuas akhir ini dapat memberikan manfaat maupun inpirasi terhadap pembaca. Yogyakarta, Juli 2017 Desi Wulandari viii
DAFTAR ISI Halaman HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii HALAMAN PERSEMBAHAN... iv MOTTO... v INTISARI... vi KATA PENGANTAR... vii DAFTAR ISI... ix DAFTAR GAMBAR... xii DAFTAR TABEL... xiv BAB I PENDAHULUAN 1.1 Latar Belakang Masalah... 1 1.2 Tujuan... 2 1.3 Batasan Masalah... 2 BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka... 3 2.2 Dasar Teori... 3 2.2.1 Klinik Kecantikan... 4 2.2.2 PHP... 4 2.2.3 MySQL... 4 2.2.4 Basis Data... 4 2.2.5 Internet... 5 2.2.6 WEB... 5 2.2.7 HTML... 5 2.2.8 Boostrap... 5 ix
BAB III RANCANGAN SISTEM 3.1 Deskripsi Sistem... 6 3.2 Analisis Kebutuhan Sistem... 7 3.3 Sistem Pendukung... 7 3.3.1 Sistem Perangkat Lunak (Software)... 7 3.3.2 Sistem Perangkat Keras (Hardware)... 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 Flowchart Diagram... 10 3.6.2 Perancangan Basis Data... 11 3.7 Struktur Tabel... 12 3.7.1 Tabel Admin... 12 3.7.2 Tabel Perawatan... 13 3.7.3 Tabel Pelanggan... 13 3.7.4 Tabel Pesanan... 14 3.7.5 Tabel Detail Pesanan... 14 3.8 Rancangan Input... 15 3.8.1 Rancangan Input Data Pelanggan... 15 3.8.2 Rancangan Input Data Perawatan... 15 3.8.3 Rancangan Input Data Pesanan... 16 3.9 Rancangan Update... 17 3.9.1 Rancangan Update Data Pelanggan... 17 3.9.2 Rancangan Update Data Perawatan... 17 3.9.3 Rancangan Update Data Pesanan... 18 3.10 Rancangan Output... 19 3.10.1 Rancangan Daftar Pelanggan... 19 3.10.2 Rancangan Daftar Perawatan... 19 3.10.3 Rancangan Daftar Pesanan... 20 x
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM... 21 4.1 Implementasi... 21 4.1.1 Koneksi Database... 21 4.1.2 Halaman Utama Admin... 22 4.1.3 Halaman Perawatan... 23 4.1.4 Halaman Pelanggan... 24 4.1.5 Halaman Booking Perawatan... 26 4.1.6 Halaman Pesanan... 28 4.2 Pembahasan Sistem... 31 4.2.1 Halaman Utama Admin... 31 4.2.2 Halaman Input Data Member... 31 4.2.3 Halaman Daftar Pelanggan... 35 4.2.4 Halaman Input Data Perawatan... 36 4.2.5 Halaman Daftar Perawatan... 38 4.2.6 Halaman Input Data Pesanan... 39 4.2.7 Halaman Daftar Pesanan... 41 BAB V KESIMPULAN DAN SARAN... 45 5.1 Kesimpulan... 45 5.2 Saran... 45 DAFTAR PUSTAKA... 46 LAMPIRAN xi
DAFTAR GAMBAR Halaman Gambar 3.1 Diagram Arus Data Level 0... 8 Gambar 3.2 Diagram Arus Data Level 1... 9 Gambar 3.3 Flowchart Diagram... 10 Gambar 3.4 Desain Basis Data... 11 Gambar 3.5 Rancangan Input Data Member... 15 Gambar 3.6 Rancangan Input Data Perawatan... 16 Gambar 3.7 Rancangan Input Data Pesanan... 16 Gambar 3.8 Rancangan Update Data Pelanggan... 17 Gambar 3.9 Rancangan Update Data Perawatan... 18 Gambar 3.10 Rancangan Update Data Pesanan... 18 Gambar 3.11 Rancangan Daftar Pelanggan... 19 Gambar 3.12 Rancangan Daftar Perawatan... 20 Gambar 3.13 Rancangan Daftar Pesanan... 20 Gambar 4.1 Halaman Sign up Admin... 22 Gambar 4.2 Halaman Utama Admin... 22 Gambar 4.3 Halaman Perawatan Admin... 23 Gambar 4.4 Halaman Pelanggan (Desktop)... 24 Gambar 4.5 Halaman Pelanggan (Mobile)... 25 Gambar 4.6 Halaman Booking Perawatan (Desktop)... 26 Gambar 4.7 Halaman Booking Perawatan (Mobile)... 27 Gambar 4.8 Halaman Pesanan Perawatan (Desktop)... 29 Gambar 4.9 Halaman Pesanan Perawatan (Mobile)... 29 Gambar 4.10 Halaman Utama Admin... 31 Gambar 4.11 Halaman Input Data Member (Desktop)... 32 Gambar 4.12 Halaman Input Data Member (Mobile)... 33 Gambar 4.13 Halaman Daftar Pelanggan (Admin)... 35 Gambar 4.14 Halaman Input Data Perawatan... 36 Gambar 4.15 Halaman Daftar Perawatan (Admin)... 38 xii
Gambar 4.16 Halaman Input Data Pesanan (Desktop)... 39 Gambar 4.17 Halaman Input Data Pesanan (Mobile)... 40 Gambar 4.18 Halaman Daftar Pesanan (Mobile)... 42 xiii
DAFTAR TABEL Halaman Tabel 3.1 Struktur Tabel Admin... 12 Tabel 3.2 Struktur Tabel Perawatan... 13 Tabel 3.3 Struktur Tabel Pelanggan... 13 Tabel 3.4 Struktur Tabel Pesanan... 14 Tabel 3.5 Struktur Tabel Detail Pesanan... 14 xiv