i
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
v
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.
vi
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
beautyand 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.
vii
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.
viii
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
ix
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 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
BAB II 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
x
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 UnifiedModelingLanguage (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
BAB III 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
xi
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 Dea Beauty Care and Spa ... 39
3.6.1 Pendaftaran Pasien Baru ... 39
3.6.2 Pelayanan Pasien Sebagai Member ... 41
BAB IV 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
BAB V IMPLEMENTASI SISTEM ... 98
xii
5.2 Implementasi Layar Antarmuka (Interface) ... 98
5.3 Pengujian Program dan Analisa ... 98
5.4 Kriteria Pengujian ... 99 5.5 Tampilan Program ... 99 BAB VI 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
xiii
DAFTAR TABEL
Tabel 2.1 : Simbol Flow of Document ... 16
Tabel 2.2 : Simbol-Simbol pada Use CaseDiagram... 18
Tabel 2.3 : Simbol-Simbol pada ClassDiagram ... 22
Tabel 2.4 : Simbol-Simbol pada Sequence Diagram ... 24
Tabel 2.5 : Simbol-Simbol pada ActivityDiagram... 26
Tabel 2.6 : Simbol-Simbol pada State MachineDiagram ... 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
xiv
Tabel 4.23 : Phone ... 86 Tabel 4.24 : Sentitem ... 86
xv
DAFTAR GAMBAR
Gambar 2.1 : Siklus Informasi atau Siklus Pengolahan Data ... 13
Gambar 2.2 : Diagram RelationshipUnary ... 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 : SystemUse 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
xvi
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
xvii
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
xviii
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
xix
DAFTAR LAMPIRAN
Lampiran 1 : Buku Bimbingan Skripsi Lampiran 2 : Surat Keterangan Balasan Lampiran 3 : Biografi Penulis