APLIKASI LAYANAN JASA PERAWATAN DAN PENITIPAN HEWAN BERBASIS WEB
Andri Hastuti 41813010091
PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
http://digilib.mercubuana.ac.id/
APLIKASI LAYANAN JASA PERAWATAN DAN PENITIPAN HEWAN BERBASIS WEB Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoh Gelar Sarjana Komputer Oleh :
Andri Hastuti 41813010091
PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
http://digilib.mercubuana.ac.id/
LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini: NIM
: 41813010091
Nama
: Andri Hastuti
Judul Tugas Akhir
: Aplikasi Layanan Jasa Perawatan dan Penitipan Hewan Berbasis Web
Menyatakan bahwa Laporan Tugas Akhir saya adalah hasil karya sendiri dan bukan plagiat. Apabila ternyata ditemukan didalam laporan Tugas Akhir saya terdapat unsur plagiat, maka saya siap mendapatkan sanksi akademik yang terkait dengan hal tersebut.
Jakarta, 15 Juni 2017
http://digilib.mercubuana.ac.id/
LEMBAR PENGESAHAN
NIM
: 41813010091
Nama
: Andri Hastuti
Judul Tugas Akhir
: Aplikasi Layanan Jasa Perawatan dan Penitipan Hewan Berbasis Web
SKRIPSI INI TELAH DIPERIKSA DAN DISIDANGKAN JAKARTA, 15 Juni 2017
MENGETAHUI,
http://digilib.mercubuana.ac.id/
KATA PENGANTAR
Puji syukur penulis panjatkan atas kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-Nya, sehingga penulis dapat menyelesa ika n penyusunan
Tugas Akhir yang
merupakan
salah satu persyaratan
untuk
menyelesaikan program studi strata satu (S1) pada jurusan Sistem Informas i Universitas Mercu Buana. Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati. Dengan segala keterbatasan, tugas akhir ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak. Oleh karena itu, dengan penuh rasa hormat penulis mengucapkan terimakasih kepada: 1. Yang Terhormat Bapak Wachyu Hari Haji, S.Kom., MM selaku dosen pembimbing tugas akhir yang telah memberikan bimbingan dan masukan serta saran sehingga penulis dapat menyelesaikan tugas akhir ini. 2. Yang Terhormat Ibu Inge Handriani M.AK., MMSI selaku koordinator tugas akhir program studi sistem informasi Universitas Mercu Buana. 3. Yang Terhormat Ibu Nur Ani, ST., MMSI selaku Kepala Program Studi Sistem Informasi Universitas Mercu Buana. 4. Yang Terhormat Dr. Yaya Sudarya Triyana, M.Kom, selaku Dosen Pembimbing Akademik jurusan sistem informasi universitas mercu buana. 5. Kepada seluruh dosen Fakultas Ilmu Komputer Universitas Mercu Buana yang telah memberikan banyak ilmu selama waktu kuliah. 6. Kedua orang tua Bapak dan Ibu yang telah mendoakan, memotivasi dan mendukung semua kegiatan dari awal hingga akhir serta memberika n semangat kuliah hingga menyelesaikan tugas akhir ini dengan tepat waktu. 7. Yang Terhormat Ibu Ir. Primi Artiningrum M.Arch, Cut Edwina, Rosita, Siti Hardiyanti serta teman-teman
satu team UMBCTC yang telah
memotivasi, mendukung serta mendoakan setiap proses berjalannya tugas akhir ini.
http://digilib.mercubuana.ac.id/
8. Teman-teman tersayang Dafi Luanda, Sofiyana Putri, Randi Ardiansyah, Listriawati Budi Nur Fatma, Mohammad Fauzan Saputra, Maelani dan seluruh teman-teman yang tidak bisa disebutkan satu persatu. Penulisan Tugas Akhir ini masih jauh dari kata sempurna. Semoga segala doa, bantuan dan dorongan yang diberikan akan mendapatkan imbalan yang setimpal dari Allah SWT. Akhir kata, harapan penulis semoga tugas akhir ini dapat bermanfaat bagi kita semua.
Jakarta, 3 Juni 2017
Andri Hastuti
http://digilib.mercubuana.ac.id/
DAFTAR ISI LEMBAR PERNYATAAN ..............................................................................
i
LEMBAR PENGESAHAN ..............................................................................
ii
KATA PENGANTAR ......................................................................................
iii
ABSTRAK .......................................................................................................
v
ABSTRACT ......................................................................................................
vi
DAFTAR ISI ....................................................................................................
vii
DAFTAR GAMBAR ........................................................................................
ix
DAFTAR TABEL ............................................................................................
xi
BAB I PENDAHULUAN ..................................................................................
1
1.1. Latar Belakang ............................................................................................
1
1.2. Rumusan Masalah ........................................................................................
1
1.3. Batasan Masalah ..........................................................................................
2
1.4. Tujuan dan Manfaat .....................................................................................
2
1.5. Metodologi Penelitian ..................................................................................
3
1.6. Sistematika Penulisan ...................................................................................
4
BAB II LANDASAN TEORI ............................................................................
5
2.1. Tinjauan Umum Pet .....................................................................................
5
2.2. Aplikasi Berbasis Web .................................................................................
5
2.3. Siklus Hidup Pengembangan Sistem .............................................................
6
2.3.1. Prototyping Model .............................................................................
7
2.4. Pengujian Sistem .........................................................................................
9
2.4.1. Black Box Testing ..............................................................................
9
2.5. Unifed Modeling Languange (UML) .............................................................
10
2.5.1. Use Case Diagram ............................................................................
10
2.5.2. Sequance Diagram ............................................................................
12
2.5.3. Activity Diagram ...............................................................................
14
2.5.4. Class Diagram ..................................................................................
17
2.6. Basis Data (Database) ..................................................................................
19
2.7. PHP (Hypertext Prepocessor) .......................................................................
20
2.8. PhpMyAdmin ..............................................................................................
21
2.9. MySQL .......................................................................................................
22
2.10. HTML (Hyper Text Markup Language) .....................................................
22
2.11. XAMPP ...................................................................................................
23
http://digilib.mercubuana.ac.id/
BAB III ANALISA DAN PERANCANGAN ....................................................
24
3.1. Analisa Sistem .............................................................................................
24
3.2. Perancangan Sistem .....................................................................................
24
3.2.1. Use Case Sistem ................................................................................
25
3.2.2. Activity Diagram ...............................................................................
28
a. Activity Diagram Registrasi ........................................................
29
b. Activity Diagram Login ..............................................................
30
c. Activity Diagram Grooming ........................................................
31
d. Activity Diagram Penitipan Hewan ..............................................
32
e. Activity Diagram Memverifikasi Pemesanan ................................
33
f.
Activity Diagram Konfirmasi Pembayaran ...................................
34
3.2.3. Sequance Diagram ............................................................................
34
a. Sequance Diagram Registrasi .....................................................
35
b. Sequance Diagram Login ............................................................
36
c. Sequance Diagram Input Grooming ............................................
37
d. Sequance Diagram Input Penitipan ..............................................
38
e. Sequance Diagram Konfirmasi ...................................................
39
3.2.4. Class Diagram ..................................................................................
39
3.2.5. Spesifikasi Basis Data ........................................................................
40
3.2.6. Rancangan Layar ...............................................................................
43
BAB IV IMPLEMENTASI DAN PENGUJIAN ...............................................
51
4.1. Implementasi dan Pengujian .........................................................................
51
4.2. Implementasi Basis Data ..............................................................................
51
4.3. Tampilan Antar Muka Menu Utama ..............................................................
55
4.4. Metode Pengujian ........................................................................................
62
4.4.1. Skenario Pengujian ............................................................................
62
4.4.2. Hasil Pengujian .................................................................................
63
4.4.3. Analisa Hasil Pengujian .....................................................................
66
BAB V KESIMPULAN DAN SARAN ..............................................................
70
5.1. Kesimpulan .................................................................................................
70
5.2. Saran ...........................................................................................................
70
DAFTAR PUSTAKA .......................................................................................
71
LAMPIRAN .....................................................................................................
72
http://digilib.mercubuana.ac.id/
DAFTAR GAMBAR Gambar 2.1. Prototyping Model .........................................................................
8
Gambar 2.2. Contoh Use Case Diagram .............................................................
12
Gambar 2.3. Contoh Sequence Diagram .............................................................
14
Gambar 2.4. Contoh Activity Diagram ...............................................................
17
Gambar 2.5. Contoh Class Diagram ..................................................................
19
Gambar 2.6. PhpMyAdmin ...............................................................................
21
Gambar 2.7. XAMPP ........................................................................................
23
Gambar 3.1. Use Case Sistem ............................................................................
25
Gambar 3.2. Activity Diagram Registrasi ...........................................................
29
Gambar 3.3. Activity Diagram Login ..................................................................
30
Gambar 3.4. Activity Diagram Grooming ...........................................................
31
Gambar 3.5. Activity Diagram Penitipan Hewan .................................................
32
Gambar 3.6. Activity Diagram Menerima Pesanan ..............................................
33
Gambar 3.7. Activity Diagram Konfirmasi Pembayaran ......................................
34
Gambar 3.8. Sequence Diagram Registrasi .........................................................
35
Gambar 3.9. Sequance Diagram Login ...............................................................
36
Gambar 3.10. Sequence Diagram Input Grooming ..............................................
37
Gambar 3.11. Sequence Diagram Input Penitipan ...............................................
38
Gambar 3.12. Sequance Diagram Konfirmasi .....................................................
39
Gambar 3.13. Class Diagram ............................................................................
40
Gambar 3.14. Rancangan Layar Login User .......................................................
43
Gambar 3.15. Rancangan layar Registrasi ..........................................................
44
Gambar 3.16. Rancangan Layar Halaman Utama ................................................
44
Gambar 3.17. Rancangan Layar Fasilitas & Informasi .........................................
45
Gambar 3.18. Rancang Layar Form Pemesanan Grooming ..................................
45
Gambar 3.19. Rancangan Layar Form Penitipan Anjing ......................................
46
Gambar 3.20. Rancangan Layar Form Penitipan Kucing .....................................
46
Gambar 3.21. Rancangan Layar Konfirmasi .......................................................
47
Gambar 3.22. Rancangan Layar Admin ..............................................................
47
Gambar 3.23. Rancangan Layar Data Grooming .................................................
48
Gambar 3.24. Rancangan Layar Data Penitipan Anjing .......................................
48
Gambar 3.25. Rancangan Layar Data Penitipan Kucing ......................................
49
Gambar 3.26. Rancangan Layar Data User .........................................................
49
http://digilib.mercubuana.ac.id/
Gambar 3.27. Rancangan Layar Data Admin ......................................................
50
Gambar 4.1. Tampilan Database Pet ...................................................................
51
Gambar 4.2. Tampilan Database Tabel Admin ....................................................
52
Gambar 4.3. Tampilan Database Customer .........................................................
52
Gambar 4.4. Tampilan Database Penitipan Anjing ..............................................
52
Gambar 4.5. Tampilan Database Penitipan Kucing .............................................
53
Gambar 4.6. Tampilan Database Tabel Grooming ...............................................
53
Gambar 4.7. Tampilan Database Tabel Konfirmasi .............................................
54
Gambar 4.8. Tampilan Database Tabel Kategori Grooming .................................
54
Gambar 4.9. Tampilan Database Tabel Stok Kandang .........................................
54
Gambar 4.10. Tampilan Layar Registrasi ...........................................................
55
Gambar 4.11. Tampilan Layar Login ..................................................................
55
Gambar 4.12. Tampilan Halaman Utama ............................................................
56
Gambar 4.13. Tampilan Daftar Penitipan ...........................................................
56
Gambar 4.14. Tampilan Form Penitipan Anjing ..................................................
57
Gambar 4.15. Tampilan Form Penitipan Kucing .................................................
57
Gambar 4.16. Tampilan Daftar Grooming ..........................................................
58
Gambar 4.17. Tampilan Detail Grooming ...........................................................
58
Gambar 4.18. Tampilan Form Checkout Grooming .............................................
58
Gambar 4.19. Tampilan Cetak ...........................................................................
58
Gambar 4.20. Tampilan Konfirmasi ...................................................................
59
Gambar 4.21. Tampilan Halaman Awal Admin ..................................................
59
Gambar 4.22. Tampilan Halaman Data Pemesanan Anjing ..................................
59
Gambar 4.23. Tampilan Halaman Data Pemesanan Kucing .................................
60
Gambar 4.24. Tampilan Halaman Utama Data Grooming ....................................
60
Gambar 4.25. Tampilan Data Konfirmasi ...........................................................
60
Gambar 4.26. Tampilan Data User .....................................................................
61
Gambar 4.27. Tampilan Data admin ...................................................................
61
Gambar 4.28. Tampilan Kategori Grooming .......................................................
61
Gambar 4.29. Tampilan Stok Kandang ...............................................................
62
http://digilib.mercubuana.ac.id/
DAFTAR TABEL Tabel 2.1. Simbol-simbol dari Use Case Diagram (Dennis, 2012:156) ..................
11
Tabel 2.2. Simbol-simbol dalam Sequence Diagram (Dennis, 2012:240) ...............
13
Tabel 2.3. Simbol-simbol dalam Activity Diagram (Dennis, 2012:166) .................
15
Tabel 2.4. Simbol-simbol dalam Class Diagram (Dennis, 2012:210) ....................
17
Tabel 2.5. Komponen script PHP (Rohi Abdulloh, 2015:3) ..................................
19
Tabel 2.6. Komponen HTML (Rohi Abdulloh, 2015:2) ........................................
21
Tabel 3.1. Use Case Deskripsi Registrasi .......................................................
24
Tabel 3.2. Use Case Deskripsi Login .............................................................
25
Tabel 3.3. Use Case Deskripsi Melakukan Pemesanan ..................................
25
Tabel 3.4. Use Case Deskripsi Pemesanan Penitipan ....................................
26
Tabel 3.5. Use Case Deskripsi Pemesanan Grooming Hewan .......................
26
Tabel 3.6. Use Case Deskripsi Menerima Pesanan ........................................
26
Tabel 3.7. Use Case Deskripsi Konfirmasi Pembayaran ................................
27
Tabel 3.8. Use Case Deskripsi Stok Kandang ................................................
27
Tabel 4.1. Skenario Pengujian ............................................................................
61
Tabel 4.2. Hasil Pengujian .................................................................................
62
http://digilib.mercubuana.ac.id/
