tugas akhireprints.umm.ac.id/54298/1/pendahuluan.pdf · tugas akhir ini merupakan salah satu syarat...

11
TUGAS AKHIR GO CAR WASH DENGAN FITUR ANTRIAN ONLINE BERBASIS WEB DI PT.SARANA PUTRA MAKMUR INDONESIA Disusun Oleh: INDRA PRASETYA (201610150511049) FAKULTAS TEKNIK JURUSAN D-3 TEKNIK ELEKTRO UNIVERSITAS MUHAMMADIYAH MALANG 2019

Upload: others

Post on 26-May-2020

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,

TUGAS AKHIR

GO CAR WASH DENGAN FITUR ANTRIAN ONLINE

BERBASIS WEB DI PT.SARANA PUTRA MAKMUR

INDONESIA

Disusun Oleh:

INDRA PRASETYA

(201610150511049)

FAKULTAS TEKNIK

JURUSAN D-3 TEKNIK ELEKTRO

UNIVERSITAS MUHAMMADIYAH MALANG

2019

Page 2: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,
Page 3: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,
Page 4: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,
Page 5: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,

KATA PENGANTAR

Assalamu’alaikum Warahmatullahi Wabarakatuh

Dengan memanjatkan puja dan puji syukur kehadirat Allah SWT atas segala

rahmat serta hidayah-Nya kepada penulis dapat menyelesaikan Tugas Akhir ini

yang berjudul:

“Go car wash dengan fitur antrian online berbasis web di PT.Sarana Putra

Makmur Indonesia”

Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh

seluruh mahasiswa Universitas Muhammadiyah Malang, guna menyelesaikan akhir

studi pada jenjang program Diploma 3.

Dalam penulisan laporan ini penulis tentu tidak terlepas dari bantuan dan

bimbingan dari berbagai pihak yang telah dengan ikhlas memberikan bantuan baik

secara moril maupun spiritual sehingga penulis dapat menyelesaikan Tugas Akhir

ini.

Penulis sangat menyadari sepenuhnya bahwa dalam penulisan Tugas Akhir

ini masih banyak kekurangan dan keterbatasan. Oleh karena itu penulis

mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi

perkembangan ilmu pengetahuan dan perkembangan teknologi kedepannya.

Malang, 8 Juli 2019

Indra Prasetya

Page 6: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,

DAFTAR ISI

LEMBAR PERSETUJUAN..................................................................................... i

LEMBAR PENGESAHAN .................................................................................... ii

LEMBAR PERNYATAAN ................................................................................... iii

ABSTRAK ............................................................................................................. iv

ABSTRACT ............................................................................................................ v

LEMBAR PERSEMBAHAN ................................................................................ vi

KATA PENGANTAR .......................................................................................... vii

DAFTAR ISI ........................................................................................................ viii

DAFTAR GAMBAR ............................................................................................. xi

BAB I PENDAHULUAN ....................................................................................... 1

1.1 Latar Belakang ......................................................................................... 1

1.2 Rumusan Mas.alah ................................................................................... 2

1.3 Tujuan Pemecahan Masalah ..................................................................... 2

1.4 Batasan Masalah ....................................................................................... 2

1.5 Manfaat ..................................................................................................... 3

1.6 Sistem.atika Penu.lisan ............................................................................. 3

BAB II TINJAUAN PUSTAKA ............................................................................. 5

2.1. Tinjauan Pustaka Pendukung Dibangunya Sistem ................................... 5

2.2 Pemanfaatan Sistem Informasi ................................................................. 5

2.3 Software Pembangun ................................................................................ 5

2.3.1 PHP (Personal Home Page) ................................................................... 5

2.3.2 DataBase ................................................................................................. 6

2.3.3 HTML ..................................................................................................... 6

2.3.4 MySQL .................................................................................................... 7

Page 7: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,

2.3.5 CSS .......................................................................................................... 7

2.3.6 Xampp ..................................................................................................... 8

BAB III ANALISA DAN PERANCANGAN SISTEM ......................................... 9

3.1 Analisa Permasalahan ............................................................................... 9

3.2 Kerangka Alur Perancangan Sistem ......................................................... 9

3.3 Alat Bantu Perancangan Sistem ............................................................. 12

3.3.1 Kebutuhan Hardware .............................................................................. 12

3.3.2 Kebutuhan Perangkat Lunak .................................................................. 12

3.4 Kebutuhan Analisa / Requirement Analysis ........................................... 12

3.4.1 Diagram Alir / Flowchart ....................................................................... 12

3.5 Perancangan User Interface .................................................................... 16

3.5.1 User ......................................................................................................... 16

3.5.2 Admin ..................................................................................................... 19

BAB IV HASIL DAN ANALISA PENGUJIAN ................................................. 22

4.1 Implementasi Sistem .............................................................................. 22

4.1.1 Kebutuhan Sistem ................................................................................... 22

4.1.1.1 Kebutuhan Hardware ......................................................................... 22

4.1.1.2 Kebutuhan Software ........................................................................... 23

4.1.2 Pembuatan Basis Data ............................................................................ 23

4.1.3 Pembuatan Fungsi Koneksi Basisdata .................................................... 23

4.2 Implementasi Aplikasi Berbasis Web ..................................................... 24

4.2.1 Pelanggan ................................................................................................ 24

4.2.2 Admin ...................................................................................................... 31

4.3 Pengujian Sistem .................................................................................... 35

4.3.1 Pengujian akses melalui Handphone ...................................................... 35

4.3.2 Akses melalui 3 web browser yang berbeda ........................................... 36

Page 8: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,

BAB V KESIMPULAN ........................................................................................ 39

5.1 Kesimpulan ............................................................................................. 39

5.2 Saran ....................................................................................................... 39

DAFTAR PUSTAKA ........................................................................................... 40

Page 9: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,

DAFTAR GAMBAR

Gambar 2.1 Tampilan Dat.abase ............................................................................. 6

Gambar 2.2 Function Script HTML ........................................................................ 7

Gambar 2.3 Interface Xampp .................................................................................. 8

Gambar 3.1 Kerangka Alur Perancangan Sistem Go Car Wash ........................... 10

Gambar 3.2 Diagram Alir Sistem ......................................................................... 13

Gambar 3.3 Use Case Diagram User .................................................................... 14

Gambar 3.4 Use Case Diagram Admin ................................................................. 15

Gambar 3.5 Tampilan awal Interface User ........................................................... 17

Gambar 3.6 Interface Login User.......................................................................... 17

Gambar 3.7 Interface daftar akun user .................................................................. 17

Gambar 3.8 Interface Live Antrian User............................................................... 18

Gambar 3.9 Interface Riwayat Pemesanan User ................................................... 18

Gambar 3.10 Interface Pesan Layanan User ......................................................... 18

Gambar 3.11 Interface login admin ...................................................................... 19

Gambar 3.12 Interface Daftar Orderan Admin ..................................................... 19

Gambar 3.13 Interface Daftar Antrian Admin ...................................................... 20

Gambar 3.14 Interface Daftar Proses Admin ........................................................ 20

Gambar 3.15 Interface Master Harga Admin ........................................................ 20

Gambar 3.16 Interface Riwayat Pemesanan Admin ............................................. 21

Gambar 3.17 Interface Daftar User Admin ........................................................... 21

Gambar 4.1 Data Tabel MySqli ............................................................................ 23

Gambar 4.2 Script Basisdata ................................................................................. 24

Gambar 4.3 Form Login Pelanggan ...................................................................... 24

Gambar 4.4 Script Function login.php .................................................................. 25

Gambar 4.5 Form Pendaftaran Pelanggan Baru .................................................... 26

Gambar 4.6 Script Pendaftaran pelanggan ............................................................ 26

Gambar 4.7 Tampilan awal untuk pelanggan ....................................................... 27

Gambar 4.8 Script tampilan awal pelanggan ........................................................ 27

Gambar 4.9 Interface Live Antrian User............................................................... 28

Gambar 4.10 Script form antrian .......................................................................... 28

Page 10: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,

Gambar 4.11 Form pemesanan layanan go-car wash............................................ 29

Gambar 4.12 Script tampilan pesan layanan pelanggan ....................................... 29

Gambar 4.13 Menunggu konfirasi admin ............................................................. 30

Gambar 4.14 Status Konfirmasi admin ................................................................. 30

Gambar 4.15 Script untuk menampilkan menu status .......................................... 30

Gambar 4.16 Form riwayat pemesanan ................................................................ 30

Gambar 4.17 Script untuk menampilkan menu riwayat pemesanan ..................... 31

Gambar 4.18 Tampilan Login Admin ................................................................... 31

Gambar 4.19 Script untuk menampilkan login admin .......................................... 32

Gambar 4.20 Form orderan admin ........................................................................ 32

Gambar 4.21 Script untuk menampilkan orderan dari pelanggan......................... 33

Gambar 4.22 Form admin menghubungi pelanggan ............................................. 33

Gambar 4.23 Script untuk menampilkan proses pada admin ................................ 33

Gambar 4.24 Laporan admin proses cuci telah selesai ......................................... 34

Gambar 4.25 Editor harga cuci mobil ................................................................... 34

Gambar 4.26 Script Function editor harga admin ................................................. 34

Gambar 4.27 Form rekap pendapatan ................................................................... 35

Gambar 4.28 Tampilan akses melalui handphone ................................................ 36

Gambar 4.29 Akses aplikasi dengan web browser google chrome ....................... 37

Gambar 4.30 Akses aplikasi menggunakan web browser internet explorer ......... 37

Gambar 4.31 Akses aplikasi dengan web browser mozilla firefox ....................... 38

Page 11: TUGAS AKHIReprints.umm.ac.id/54298/1/PENDAHULUAN.pdf · Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh seluruh mahasiswa Universitas Muhammadiyah Malang,

DAFTAR PUSTAKA

[1] Y. E. Pratama, “Sistem Informasi Reservasi Kamar Hotel Berbasis Web

Menggunakan Java Server Page,” Universitas Sanata Dharma Yogyakarta,

Yogyakarta, 2007.

[2] I. Sitompul, “Sistem Informasi Pemesanan Lapangan Futsal Pada Vitka Futsal

Batam Berbasis Web,” Stmik, Batam, 2017.

[3] B. Rahardjo, Sistem Informasi Berbasis Internet, Bandung & Jakarta : PT

Insan Infonesia - Bandung & PT INDOCISC - Jakarta , 1998, 1999, 2000,

2001, 2002.

[4] J. Laksamono, “Pembuatan Sistem Informasi Rental Mobil Purnama Rent Car

Ploso Pacitan Berbasis Web,” 2014.

[5] R. Haryanto, “Pembuatan Sistem Informasi Pemesanan Dan Pembayaran

Kamar Pada Hotel Remaja Pacitan,” 2015.

[6] Fatmawati, “Perancangan Sistem Informasi Pemesanan Katering Berbasis

Web,” 2016.

[7] J. Hutahean, “Konsep Sistem Informasi,” Deepublish, Yogyakarta, 2014.

[8] I. Inayati, “Aplikasi Pemesanan Makanan Berbasis Web,” 2015.

[9] A. Napitupulu, “Perancangan Sistem Informasi Pemesanan Lapangan Futsal

Berbasis Web,” 2015.

[10] I. Pratama, “Sistem Informasi Dan Implementasinya,” Informatika Bandung,

Bandung, 2009.