LAPORAN SKRIPSI SISTEM INFORMASI PELAYANAN BEAUTY AND SKIN CARE BERBASIS WEB DAN SMS GATEWAY PADA ALIYA DEA BEAUTY CARE AND SPA 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 : Christina Murniati NIM : 2010-53-123 Program Studi : Sistem Informasi Fakultas : Teknik PROGRAM STUDI SISTEM INFORMASI FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS KUDUS 2014 i ii iii iv HALAMAN MOTTO DAN PERSEMBAHAN Peran terbeesar penunjang kesuksesan adalah kerja keras, bukan bakat Investasikan waktu masa depan dengan mengerjakan hal – hal positif , tidak ada kata terlambat untuk memulai hal yang baru Orang yang tidak mensyukuri dan menikmati pemberian Allah, ia adalah ibarat orang yang selalu melihat matahari tenggelam dan tidak pernah melihat matahari terbit Keberhasilan bukan ditemukan oleh besarnya otak seseorang, melainkan oleh besarnya cara berfikir seseorang Kenikmatan tidak mungkin diraih tanpa iman, imanlah yang akan menentramkan diri dalam kondisi apapun PERSEMBAHAN Skripsi ini penulis persembahkan kepada: 1. Tuhan yang telah menciptakan aku, beserta Rosul-Nya. 2. Kedua orang tuaku yang selalu memberikan doa dan selalu memberikan restunya. 3. Kedua kakakku yang selalu memberikan semangat. 4. Sahabat dan Teman-teman yang memberikan motivasi . 5. Almamater. v RINGKASAN Teknologi yang saat ini semakin modern dengan persaingan ketat dalam bisnis klinik perawatan dengan judul “Sistem Informasi Pelayanan Beauty and Skin Care Berbasis Web dan SMS Gateway pada Aliya Dea Beauty Care and Spa” dilaksanakan dengan tujuan untuk menghasilkan suatu sistem pemesanan produk dan pemesanan perawatan berbasis Web dan SMS Gateway. Pelayanan beauty and skin care pada Aliya Dea Beauty Care and Spa pendaftarannya masih manual sehingga memperlambat pelayanan pelanggan, maka dari itu diperlukan sebuah aplikasi berbasis Web dan SMS Gateway untuk mempermudah transaksi mulai dari pendaftaran, pemesanan produk, menentukan harga produk, menentukan harga perawatan dan penawaran produk. Sehingga pelanggan mudah untuk melakukan perawatan. Untuk mengatasi permasalahan tersebut, penulis merancang dan menganalisa aplikasi sistem informasi pelayanan beauty and skin care berbasis Web dan SMS Gateway. Sistem ini dirancang dengan menggunakan pemodelan UML. Sedangkan bahasa pemrograman yang digunakan adalah PHP dan database MySQL. Dari hasil perancangan yang telah dilakukan menghasilkan suatu sistem, yaitu Sistem Informasi Pelayanan Beauty and Skin Care Berbasis. Tugas akhir dan penelitian dalam bentuk aplikasi. Sistem ini diharapkan dapat menjadi media pelayanan pelanggan yang dapat meningkatkan kinerja pelayanan Aliya Dea Beauty Care and Spa. Hal ini akan mempermudah pelayanan pemesanan produk dan pemesanan perawatan. Diharapkan sistem ini dapat bermanfaat bagi Aliya Dea Beauty Care and Spa dan pelanggan. Kata Kunci : Sistem, Informasi, Pelayanan, Beauty and Skin Care, Web, SMS Gateway. vi KATA PENGANTAR Syukur Alhamdulillah penulis panjatkan kehadirat Allah SWT atas rahmat, taufiq, hidayah serta inayahNya yang telah dilimpahkan kepada penulis, sehingga penulis dapat menyelesaikan Laporan Skripsi dengan judul “Sistem Informasi Pelayanan Beauty and Skin Care Berbasis Web dan SMS Gateway pada Aliya Dea Beauty Care and Spa”. Sholawat serta salam senantiasa penulis haturkan kepangkuan Nabi Muhammad SAW semoga kita semua mendapatkan syafa’atnya. Penyusunan Laporan Skripsi ini merupakan salah satu syarat untuk menyelesaikan program studi Sistem Informasi S1 pada Fakultas Teknik Universitas Muria Kudus. Atas tersusunnya Laporan Skripsi ini, penulis mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Bapak Dr. Suparnyo, S.H., M.S selaku Rektor Universitas Muria Kudus. 2. Bapak Rochmad Winarso, S.T., M.T. selaku Dekan Fakultas Teknik Universitas Muria Kudus. 3. Bapak R. Rhoedy Setiawan, M. Kom, selaku Ketua Program Studi Sistem Informasi S1. 4. Bapak Eko Darmanto, S.Kom, M.Cs. selaku dosen pembimbing pertama yang telah membimbing Penulis dalam penyelesaian Laporan Skripsi ini. 5. Ibu Diana Laily Fithri, M.Kom selaku dosen pembimbing dua yang telah membimbing Penulis dalam penyelesaian Laporan Skripsi ini. 6. Ibu Desy Widyoatmoko terima kasih atas izin pelaksanaan penelitian Skripsi di Aliya Dea Beauty Care and Spa. 7. Kedua orang tua dan kakak-kakak yang penulis cintai, yang telah memberi dukungan secara material maupun spiritual. 8. Sahabat-sahabatku yang telah memberikan dukungan, semangat dan do’anya. vii 9. Semua pihak yang secara langsung atauun tidak langsung yang telah membantu penulis menyelesaikan laporan skripsi ini, yang tidak dapat penulis sebutkan satu persatu. Penulis hanya dapat berdo’a semoga amal baik yang telah diberikan kepada penulis diterima dan mendapat balasan dari Allah SWT.,amin Hanya Allah lah pemilik segala kesempurnaan, tiada yang sempurna dari buah karya seorang manusia. Akan tetapi, semoga dengan hidayah dan inayah yang diberikan Allah SWT kepada kita semua dapat menjadikan apa yang kita perbuat mendapat ridlo dari Nya. Amin. Kudus, Agustus 2014 Penulis viii DAFTAR ISI HALAMAN JUDUL ................................................................................... i HALAMAN PERSETUJUAN ...................................................................... ii HALAMAN PENGESAHAN ...................................................................... iii SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH iv HALAMAN MOTTO DAN PERSEMBAHAN ........................................... v RINGKASAN ........... ................................................................................... vi KATA PENGANTAR .................................................................................. vii DAFTAR ISI ................................................................................................. ix DAFTAR TABEL ......................................................................................... xiii DAFTAR GAMBAR ................................................................................... xv DAFTAR LAMPIRAN ................................................................................. xix BAB I BAB II PENDAHULUAN ..................................................................... 1 1.1 Latar Belakang Masalah .................................................... 1 1.2 Perumusan Masalah ........................................................... 2 1.3 Batasan Masalah ................................................................ 3 1.4 Tujuan Skripsi.................................................................... 3 1.5 Manfaat Skripsi.................................................................. 3 1.6 Tinjauan Pustaka ............................................................... 4 1.7 Metode Penelitian .............................................................. 6 1.7.1 Metode Pengembangan Sistem .............................. 6 1.7.2 Metode Pengumpulan Data .................................... 7 1.7.3 Metode Perancangan Sistem .................................. 8 1.8 Sistematika Penulisan ....................................................... 9 LANDASAN TEORI ................................................................ 11 2.1 Konsep Dasar Sistem ......................................................... 11 2.1.1 Pengertian Sistem .................................................... 11 2.1.2 Karakteristik Sistem ................................................ 11 2.2 Konsep Dasar Informasi .................................................... 13 2.2.1 Pengertian Informasi ............................................... 13 ix BAB III 2.2.2 Siklus Informasi ..................................................... 13 2.2.3 Kualitas Informasi ................................................. 13 2.3 Pengertian Sistem Informasi .............................................. 14 2.4 Teori dalam Permasalahan................................................. 15 2.4.1 Pengertian Pelayanan .............................................. 15 2.4.2 Pengertian Beauty and Skin Care ........................... 15 2.5 Bagan Alir Dokumen ......................................................... 16 2.6 Unified Modeling Language (UML) ................................. 17 2.6.1 Use Case Diagram .................................................. 17 2.6.2 Class Diagram ........................................................ 22 2.6.3 Sequence Diagram .................................................. 23 2.6.4 Activity Diagram ..................................................... 25 2.6.5 State Machine Diagram .......................................... 26 2.7 Basis Data (Database) ....................................................... 27 2.8 Entity Relationship Diagram ............................................. 28 2.9 Konsep Dasar SMS Gateway ............................................ 33 2.9.1 Pengertian SMS ...................................................... 33 2.9.2 Cara Kerja SMS ...................................................... 33 2.9.3 Pengertian SMS Gateway ....................................... 33 2.9.4 Keuntungan SMS Gateway .................................... 33 2.9.5 Mekanisme SMS Gateway ..................................... 34 2.9.6 Software SMS Gateway .......................................... 34 2.10 Gammu .............................................................................. 34 2.10.1 Pengertian Gammu ................................................. 34 2.10.2 Keunggulan Gammu ............................................... 35 2.10.3 Manfaat Gammu SMS Gateway ............................. 35 TINJAUAN UMUM OBYEK PENELITIAN .......................... 36 3.1 Sejarah Singkat Aliya Dea Beauty Care and Spa ............. 36 3.2 Visi dan Misi Aliya Dea Beauty Care and Spa ................. 36 3.2.1 Visi Aliya Dea Beauty Care and Spa ...................... 36 3.2.2 Misi Aliya Dea Beauty Care and Spa ..................... 37 x 3.3 Denah Lokasi Aliya Dea Beauty Care and Spa ................ 37 3.4 Struktur Organisasi Aliya Dea Beauty Care and Spa........ 38 3.5 Job Description ................................................................. 38 3.6 Gambaran Sistem Pelayanan Beauty and Skin Care di Aliya BAB IV BAB V Dea Beauty Care and Spa ................................................. 39 3.6.1 Pendaftaran Pasien Baru .......................................... 39 3.6.2 Pelayanan Pasien Sebagai Member ........................ 41 ANALISA DAN PERANCANGAN ......................................... 43 4.1 Identifikasi Masalah dan Sumber Masalah ....................... 43 4.1.1 Identifikasi Masalah ............................................... 43 4.2 Analisa Kebutuhan Data dan Informasi ............................ 43 4.3 Analisa Kebutuhan Sistem untuk Perancangan ................. 44 4.3.1 Analisa Kebutuhan Perangkat Keras ...................... 44 4.3.2 Analisa Kebutuhan Perangkat Lunak ..................... 44 4.4 Analisa dan Perancangan Sistem yang Diusukan ............. 44 4.4.1 Analisa Aktor .......................................................... 44 4.4.2 Sistem yang Diusulkan ........................................... 45 4.4.3 Perancangan Sistem ................................................ 46 4.4.4 Use Case Diagram .................................................. 47 4.4.5 Class Diagram ........................................................ 53 4.4.6 Sequence Diagram .................................................. 58 4.4.7 Activity Diagram ..................................................... 62 4.4.8 Statechart Diagram ................................................ 66 4.5 Entity Relationship Diagram (ERD) ................................. 76 4.6 Perancangan Struktur Tabel .............................................. 78 4.7 Perancangan Antarmuka ................................................... 87 4.7.1 Perancangan Menu Aplikasi ................................... 87 4.7.2 Perancangan Masukan (Design Input) .................... 88 4.7.3 Perancangan Keluaran (Design Output) ................. 95 IMPLEMENTASI SISTEM ...................................................... 98 5.1 Batasan Implementasi ....................................................... 98 xi BAB VI 5.2 Implementasi Layar Antarmuka (Interface) ...................... 98 5.3 Pengujian Program dan Analisa ................................. 98 5.4 Kriteria Pengujian .............................................................. 99 5.5 Tampilan Program ............................................................. 99 PENUTUP ................................................................................ 114 6.1 Kesimpulan ....................................................................... 114 6.2 Saran ................................................................................. 114 6.2.1 Saran Akademik ..................................................... 114 6.2.2 Saran Aliya Dea Beauty Care and Spa ................... 115 DAFTAR PUSTAKA LAMPIRAN xii DAFTAR TABEL Tabel 2.1 : Simbol Flow of Document ...................................................... 16 Tabel 2.2 : Simbol-Simbol pada Use Case Diagram................................ 18 Tabel 2.3 : Simbol-Simbol pada Class Diagram ...................................... 22 Tabel 2.4 : Simbol-Simbol pada Sequence Diagram ................................ 24 Tabel 2.5 : Simbol-Simbol pada Activity Diagram................................... 26 Tabel 2.6 : Simbol-Simbol pada State Machine Diagram ....................... 27 Tabel 4.1 : Proses Bisnis ........................................................................... 46 Tabel 4.2 : Deskripsi Use Case Registrasi ............................................... 48 Tabel 4.3 : Deskripsi Use Case Pemesanan Perawatan ........................... 49 Tabel 4.4 : Deskripsi Use Case Pemesanan Produk ................................ 50 Tabel 4.5 : Deskripsi Use Case SMS Konfirmasi ................................... 51 Tabel 4.6 : Deskripsi Use Case SMS Autoreply ...................................... 51 Tabel 4.7 : Deskripsi Use Case Pembayaran Produk .............................. 56 Tabel 4.8 : Tabel Admin .......................................................................... 78 Tabel 4.9 : Tabel Pasien ........................................................................... 79 Tabel 4.10 : Tabel Produk .......................................................................... 79 Tabel 4.11 : Tabel Pemesanan Produk ....................................................... 80 Tabel 4.12 : Tabel Jenis Perawatan ........................................................... 80 Tabel 4.13 : Tabel Pemesanan Perawatan ................................................. 81 Tabel 4.14 : Tabel Pembayaran ................................................................. 81 Tabel 4.15 : Tabel Detail Pesan ................................................................. 82 Tabel 4.16 : Daemons ................................................................................ 83 Tabel 4.17 : Gammu .................................................................................. 83 Tabel 4.18 : Inbox .................................................................................... 83 Tabel 4.19 : Pbk_Groups ........................................................................... 84 Tabel 4.20 : Outbox ................................................................................. 84 Tabel 4.21 : Outbox Multipart ................................................................... 85 Tabel 4.22 : Pbk ......................................................................................... 85 xiii Tabel 4.23 : Phone .................................................................................... 86 Tabel 4.24 : Sentitem ................................................................................. 86 xiv DAFTAR GAMBAR Gambar 2.1 : Siklus Informasi atau Siklus Pengolahan Data ................. 13 Gambar 2.2 : Diagram Relationship Unary ............................................ 29 Gambar 2.3 : Diagram Relationship Binary ............................................. 29 Gambar 2.4 : Diagram Relationship Ternary ........................................... 29 Gambar 2.5 : Diagram Kardinalitas One to One ...................................... 30 Gambar 2.6 : Diagram Kardinalitas One to Many ................................... 31 Gambar 2.7 : Diagram Kardinalitas Many to Many ................................. 31 Gambar 3.1 : Denah Lokasi Aliya Dea Beauty Care and Spa ................. 37 Gambar 3.2 : Struktur Organisasi Aliya Dea Beauty Care and Spa ........ 39 Gambar 3.3 : Flow of Document Pendaftaran Pasien Baru Aliya Dea Beauty Care and Spa......................................................... 40 Gambar 3.4 : Flow of Document Pelayanan Pasien Sebagai Member Aliya Dea Beauty Care and Spa ........................................ 42 Gambar 4.1 : Bisnis Use Case Sistem Informasi Pelayanan Beauty and Skin Care berbasis Web dan SMS Gateway pada Aliya Dea Beauty Care and Spa ........................................ 47 Gambar 4.2 : System Use Case Sistem Informasi Pelayanan Beauty and Skin Care berbasis Web dan SMS Gateway pada Aliya Dea Beauty Care and Spa ........................................ 48 Gambar 4.3 : Class Bagian Administrasi ................................................ 53 Gambar 4.4 : Class Pasien ...................................................................... 54 Gambar 4.5 : Class Jenis Perawatan ....................................................... 54 Gambar 4.6 : Class Pemesanan Perawatan ............................................. 55 Gambar 4.7 : Class Produk ..................................................................... 55 Gambar 4.8 : Class Pemesanan Produk .................................................. 56 Gambar 4.9 : Class Biaya ....................................................................... 56 Gambar 4.10 : Class SMS ......................................................................... 56 Gambar 4.11 : Class SMS Center ............................................................. 57 Gambar 4.12 : Class Diagram Sistem Pelayanan Beauty and Skin xv Care Berbasis Web dan SMS Gateway pada Aliya Dea Beauty Care and Spa .................................................. 57 Gambar 4.13 : Sequence Diagram Registrasi ............................................ 58 Gambar 4.14 : Sequence Diagram Pemesanan Produk ............................. 59 Gambar 4.15 : Sequence Diagram Pemesanan Perawatan......................... 59 Gambar 4.16 : Sequence Diagram Biaya ................................................... 60 Gambar 4.17 : Sequence Diagram SMS Konfirmasi ................................ 61 Gambar 4.18 : Sequence Diagram SMS Autoreply .................................. 61 Gambar 4.19 : Activity Diagram Registrasi .............................................. 62 Gambar 4.20 : Activity Diagram Pemesanan Produk ................................ 63 Gambar 4.21 : Activity Diagram Pemesanan Perawatan .......................... 64 Gambar 4.22 : Activity Diagram Biaya ..................................................... 64 Gambar 4.23 : Activity Diagram SMS Konfirmasi ................................... 65 Gambar 4.24 : Activity Diagram SMS Autoreply ..................................... 66 Gambar 4.25 : Statechart Diagram Tambah Bagian Administrasi ............ 67 Gambar 4.26 : Statechart Diagram Ubah Bagian Administrasi ............... 67 Gambar 4.27 : Statechart Diagram Hapus Bagian Administrasi ............... 67 Gambar 4.28 : Statechart Diagram Tambah Pasien .................................. 68 Gambar 4.29 : Statechart Diagram Ubah Pasien ....................................... 68 Gambar 4.30 : Statechart Diagram Hapus Pasien ..................................... 69 Gambar 4.31 : Statechart Diagram Tambah Pemesanan Produk .............. 69 Gambar 4.32 : Statechart Diagram Ubah Pemesanan Produk ................... 70 Gambar 4.33 : Statechart Diagram Hapus Pemesanan Produk ................. 70 Gambar 4.34 : Statechart Diagram Tambah Pemesanan Perawatan ......... 71 Gambar 4.35 : Statechart Diagram Ubah Pemesanan Perawatan.............. 71 Gambar 4.36 : Statechart Diagram Hapus Pemesanan Perawatan ........... 71 Gambar 4.37 : Statechart Diagram Tambah Biaya .................................. 72 Gambar 4.38 : Statechart Diagram Hapus Biaya ..................................... 72 Gambar 4.39 : Statechart Diagram SMS .................................................. 73 Gambar 4.40 : Entitas yang Ditetapkan .................................................... 73 Gambar 4.41 : Menentukan Primary Key ................................................. 74 xvi Gambar 4.42 : Derajat Kardinalitas Beserta Foreign Key antara Pasien dengan Produk.................................................................... 74 Gambar 4.43 : Derajat kardinalitas relasi beserta foreign key antara pasien dan jenis perawatan ............................................................ 74 Gambar 4.44 : Derajat kardinalitas relasi beserta foreign key antara produk dengan detail pesan ................................................ 75 Gambar 4.45 : ERD (Entity Relationship Diagram) Sistem Informasi Pelayanan Beauty and Skin Care Berbasis Web Dan SMS Gateway pada Aliya Dea Beauty Care And Spa ....... 75 Gambar 4.46 : Transformasi antara pasien dengan produk ....................... 76 Gambar 4.47 : Transformasi antara pasien dengan jenis ........................... 76 Gambar 4.48 : Transformasi antara detail pesan dengan produk ............... 77 Gambar 4.49 : Transformasi antara pasien dengan produk ....................... 77 Gambar 4.50 : Relasi Tabel ....................................................................... 82 Gambar 4.51 : Desain Form Login User ................................................... 87 Gambar 4.52 : Desain Form Halaman Menu Utama ................................. 88 Gambar 4.53 : Form Registrasi Pasien ...................................................... 88 Gambar 4.54 : Form Pemesanan ................................................................ 89 Gambar 4.55 : Form Pemesanan Produk oleh Pasien ................................ 89 Gambar 4.56 : Data Pemesanan Produk oleh Pasien ................................. 90 Gambar 4.57 : Form Pemesanan Perawatan oleh Pasien .......................... 90 Gambar 4.58 : Data Pemesanan Perawatan oleh Pasien ............................ 91 Gambar 4.59 : Data Produk oleh Admin ................................................... 91 Gambar 4.60 : Data Perawatan oleh Admin ............................................. 91 Gambar 4.61 : Data Pasien oleh Admin ..................................................... 92 Gambar 4.62 : Data Pemesanan Perawatan oleh Admin............................ 92 Gambar 4.63 : Data Pembayaran oleh Admin .......................................... 93 Gambar 4.64 : Data Pemesanan Perawatan oleh Admin ........................... 93 Gambar 4.65 : SMS Broadcast .................................................................. 93 Gambar 4.66 : Data SMS Masuk .............................................................. 94 Gambar 4.67 : Data SMS Gagal Terkirim ................................................ 94 xvii Gambar 4.68 : Data SMS Terkirim ........................................................... 95 Gambar 4.69 : Laporan Data Pemesanan Produk ..................................... 95 Gambar 4.70 : Laporan Data Pemesanan Perawatan oleh Pasien .............. 96 Gambar 4.71 : Laporan Data Pemesanan Produk oleh Admin ................. 96 Gambar 4.72 : Laporan Data Pembayaran oleh Admin ............................ 97 Gambar 4.73 : Laporan Data Pemesanan Perawatan oleh Admin ............ 97 Gambar 5.1 : Tampilan Menu Login........................................................ 99 Gambar 5.2 : Tampilan Halaman Utama ................................................. 100 Gambar 5.3 : Tampilan Registrasi/Tambah Data Pasien ......................... 101 Gambar 5.4 : Tampilan Informasi Penyimpanan Data ............................ 101 Gambar 5.5 : Tampilan Form Pemesanan oleh Pasien ............................ 102 Gambar 5.6 : Tampilan List Pemesanan Produk oleh Pasien .................. 102 Gambar 5.7 : Tampilan Cetak Pemesanan Produk oleh Pasien ............... 103 Gambar 5.8 : Tampilan Form Pemesanan Perawatan oleh Pasien ........... 103 Gambar 5.9 : Tampilan List Pemesanan Perawatan oeh Pasien .............. 104 Gambar 5.10 : Tampilan Cetak Pemesanan Produk oleh Pasien .............. 105 Gambar 5.11 : Tampilan Data Pemesanan Produk oleh Pasien ................. 105 Gambar 5.12 : Tampilan Form Upload Pembayaran ................................. 106 Gambar 5.13 : Tampilan List Data Produk oleh Admin ............................ 107 Gambar 5.14 : Tampilan List Data Perawatan ........................................... 108 Gambar 5.15 : Tampilan List Data Pasien oleh Admin ............................. 108 Gambar 5.16 : Tampilan Laporan Data Pasien oleh Admin ...................... 109 Gambar 5.17 : Tampilan List Data Pemesanan Produk oleh Admin ......... 109 Gambar 5.18 : Tampilan Laporan Data Pemesanan Produk oleh Admin .. 110 Gambar 5.19 : Tampilan List Data Pembayaran oleh Admin .................... 110 Gambar 5.20 : Tampilan Laporan Data Pembayaran oleh Admin ............ 111 Gambar 5.21 : Tampilan List Data Pemesanan Perawatan oleh Admin .... 111 Gambar 5.22 : Tampilan Laporan Data Pemesanan Perawatan oleh Admin ................................................................................ 112 Gambar 5.23 : Tampilan SMS Broadcast ................................................. 112 Gambar 5.24 : Tampilan Data SMS Masuk ............................................... 113 xviii DAFTAR LAMPIRAN Lampiran 1 : Buku Bimbingan Skripsi Lampiran 2 : Surat Keterangan Balasan Lampiran 3 : Biografi Penulis xix