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

2014

ii

iii

iv

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

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.

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.

8. Sahabat-sahabatku yang telah memberikan dukungan, semangat dan do’anya.

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

Penulis

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

2.2.1 Pengertian 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 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

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

3.2.2 Misi Aliya Dea Beauty Care and Spa ..................... 37

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

5.1 Batasan Implementasi ....................................................... 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

LAMPIRAN

xiii

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

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 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

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

Gambar 4.41 : Menentukan Primary Key ................................................. 74

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

Gambar 4.67 : Data SMS Gagal Terkirim ................................................ 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

Gambar 5.24 : Tampilan Data SMS Masuk ............................................... 113

xix

DAFTAR LAMPIRAN

Lampiran 1 : Buku Bimbingan Skripsi

Lampiran 2 : Surat Keterangan Balasan

Lampiran 3 : Biografi Penulis