PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

22
PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD BERBASIS MOBILE ANDROID (STUDI KASUS: PT. BERLIAN BILLIARD) SKRIPSI MUHAMMAD ABDU 1210512064 UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAKARTA FAKULTAS ILMU KOMPUTER PROGRAM STUDI SISTEM INFORMASI 2019

Transcript of PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

Page 1: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD

BERBASIS MOBILE ANDROID

(STUDI KASUS: PT. BERLIAN BILLIARD)

SKRIPSI

MUHAMMAD ABDU

1210512064

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAKARTA

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI SISTEM INFORMASI

2019

Page 2: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

i

PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD

BERBASIS MOBILE ANDROID

(STUDI KASUS: PT. BERLIAN BILLIARD)

SKRIPSI

Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh Gelar

Sarjana Komputer

MUHAMMAD ABDU

1210512064

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”JAKARTA

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI SISTEM INFORMASI

2019

Page 3: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

ii

Page 4: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

iii

Page 5: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

iv

Page 6: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

v

PERANCANGAN SISTEM INFORMASI BOOKING TABEL

BILLIARD BERBASIS MOBILE ANDROID

(STUDI KASUS: PT. BERLIAN BILLIARD)

Muhammad Abdu

Abstrak

Penelitian ini di lakukan untuk menganalisa dan merancangan sistem pemesanan

Meja Billiard pada PT. BERLIAN BILLIARD. Penelitian ini menggunakan data

yang di peroleh langsung dari PT. BERLIAN BILLIARD. Penulisan proposal

skripsi ini bertujuan untuk pemecahan masalah yang timbul pada sistem pemesanan

pada PT. BERLIAN BILLIARD dengan menganalisa masalah yang ada dan

merancang aplikasi yang dapat membantu PT. BERLIAN BILLIARD dalam

memberikan pelayanan terbaik bagi para konsumen. Agara para konsumen merasa

nyaman dan senang menggunakan jasa PT. BERLIAN BILLIARD. Sistem

pemesanan meja billiard ini merupakan sistem yang di buat berbasi Mobile

Android dan membuat database untuk setiap pemesanan yang masuk kedalam

aplikasi ini. Sehingga konsumen yang ingin memesan dan ingin mengetahui apakah

terdapat meja billiard yang tidak terpakai lebih mudah dan tidak harus datang ke

PT.BERLIAN BILLIARD, melainkan dapat dilakukan langsung dari tempat dia

berada dengan hanyak menggunakan jaringan interner. Sehingga setiap transaksi

knsumen menjadi lebih efisien dan efektif.

Kata Kunci: Pemesanan, Meja Billiard, Mobile Android, BERLIAN BILLIARD

Page 7: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

vi

DESIGNING OF INFORMATION SYSTEM BOOKING TABLE OF

BILLIARD BASED ON MOBILE ANDROID (CASE STUDY: PT. BERLIAN BILLIARD)

Muhammad Abdu

Abstract

This research was conducted to analyze and design a Billiard Desk ordering

system at PT. DIAMOND BILLIARD. This study uses data obtained directly from

PT. DIAMOND BILLIARD. Writing this thesis proposal aims to solve problems

that arise in the ordering system at PT. DIAMOND BILLIARD by analyzing

existing problems and designing applications that can help PT. DIAMOND

BILLIARD in providing the best service for consumers. Agara consumers feel

comfortable and happy to use the services of PT. DIAMOND BILLIARD. This

billiard table booking system is a system that is based on Mobile Android and

creates a database for every order that goes into this application. So that

consumers who want to order and want to know whether there is an unused billiard

table easier and do not have to come to PT. BERLIAN BILLIARD, but can be done

directly from where he is by just using the network interner. So that every consumer

transaction becomes more efficient and effective.

Keywords: Booking, Billiard Table, Mobile Android, BERLIAN BILLIARD

Page 8: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

vii

PRAKATA

Puji syukur penulis panjatkan kehadirat Allah SWT atas segala rahmat dan

hidayahnya sehingga penulis dapat menyelesaikan tugas akhir ini tepat pada

waktunya. Penulisan Skripsi ini adalah untuk memenuhi persyaratanmemperoleh

gelar sarjana komputer pada Program Studi Sistem Informasi Fakultas Ilmu

Komputer Universitas Pembangunan Nasional “Veteran” Jakarta dengan judul

“PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD

BERBASIS MOBILE ANDROID (STUDI KASUS: PT. BERLIAN

BILLIARD)”. Penulis menyadari bahwa kelancaran dalam penulisantugas akhir

ini tidak lain berkat bantuan dan bimbingan segala pihak. Akhirnya pada

kesempatan ini penulis menyampaikan ucapan terima kasih atas bantuan dan

bimbingan yang telah diberikan semua pihak kepada penulis dalam pembuatan

skripsi ini, diantaranya :

1. Ibu Dr. Ermatita, M.Kom., selaku Dekan Fakultas Ilmu Komputer

Universitas Pembangunan Nasional “Veteran” Jakarta.

2. Bapak Bambang Tri Wahyono, S.Kom., M.Si., selaku Kepala Program

Studi Sistem Informasi Universitas Pembangunan Nasional “Veteran”

Jakarta.

3. Bapak Rio Wirawan, S.Kom., MMSI., selaku Dosen Pembimbing

Akademik Program Studi Sistem Informasi Universitas Pembangunan

Nasional “Veteran” Jakarta.

4. Ibu Ati Zaidih S.Kom., MTI., selaku Dosen Pembimbing Tugas Akhir

Penulis pada Fakultas Ilmu Komputer Universitas Pembangunan Nasional

“Veteran” Jakarta.

5. Keluarga kami, terutama kedua Orang Tua penulis yang telah memberikan

dorongan mental, motivasi, dan spiritual.

6. Teman-teman mahasiswa Fakultas Ilmu Komputer yang telah memberikan

bantuan dan semangat dalam penulisan tugas akhir ini.

7. Seluruh pihak yang terlibat dalam pembuatan skripsi ini dan yang belum

disebutkan diatas, penulis ucapkan terima kasih.

Page 9: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

viii

Penulis menyadari bahwa skripsi ini memiliki banyak kekurangan sehingga penulis

mengharapkan kritik dan saran yang sifatnya membangun agar dimasa yang akan

datang menjadi lebih baik. Semoga skripsi ini dapat bermanfaat baik bagi penulis

maupun pembaca.

Jakarta, 6 Juli 2019

Penulis

Page 10: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

ix

DAFTAR ISI

HALAMAN SAMPUL …...............….......................................................... i

HALAMAN JUDUL …...............….............................................................. ii

PERNYATAAN ORISINALITAS ……………………………………….. ......iii

PERNYATAAN PUBLIKASI .............................................................................iv

HALAMAN PENGESAHAN ..............................................................................v

ABSTRAK ............................................................................................................vi

ABSTRACT ..........................................................................................................vii

PRAKATA ............................................................................................................viii

DAFTAR ISI .........................................................................................................xi

DAFTAR GAMBAR ............................................................................................xiv

DAFTAR TABEL ........................................................................................................... xvi

DAFTAR SIMBOL ..............................................................................................xvii

DAFTAR LAMPIRAN ........................................................................................xxii

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

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

1.2 Rumusan Masalah ..........................................................................................2

1.3 Batasan Masalah ............................................................................................3

1.4 Tujuan dan Manfaat Penelitian ......................................................................3

1.5 Metodelogi Penelitian ....................................................................................4

1.6 Sistematika Penulisan ....................................................................................5

BAB II TINJAUAN PUSTAKA ..........................................................................7

2.1 Aplikasi Mobile ................................................................................................ 7

2.1.1 Kelebihan dan Kekurangan OS mobile................................................. 7

2.2 Pengertian Sistem ............................................................................................. 8

2.1.1 Karakteristik Sistem .............................................................................. 8

2.3 Pengertian Informasi… ........................................................................................10

2.4 Pengertian Sistem Informasi ................................................................................10

Page 11: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

x

2.5. Pengertian Android ............................................................................................ 11

2.5.1 Kelebihan dan Kekurangan Android .................................................... 12

2.5.2 Arsitektur Sistem Operasi Android ...................................................... 13

2.6 Definisi Pelayanan… ....................................................................................... 14

2.7 Definisi Pemesanan ............................................................................................ 15

2.8 Pengertian Billiard… .......................................................................................... 15

2.8.1 Sejarah Perkembangan Billiard ............................................................ 16

2.9 User interface .................................................................................................. 16

2.10 Pengertian Internet ............................................................................................ 17

2.11 Java ................................................................................................................... 17

2.12 HTML 5 ............................................................................................................ 18

2.13 Ionic FrameWork .............................................................................................. 20

2.13.1 Kelebihan Ionic FrameWork ................................................................ 21

2.13.2 ToolsResmi Ionic FrameWork .............................................................. 22

2.14 CSS3… ........................................................................................................... 22

2.14.1 Kelebihan dan Kekurangan CSS3… ................................................... 23

2.15 JQuery .............................................................................................................. 24

2.16 Kode Igneter ..................................................................................................... 25

2.16.1 Perkembangan Kode Igneter .............................................................. 26

2.17 Node JS ..................................................................................................... 27

2.17.1 Bagaimana NodeJS Bekerja ................................................................ 27

2.18 MYSQL ...................................................................................................... 28

2.19 UML .......................................................................................................... 30

2.19.1 Jenis-Jenis Diagram UML .................................................................. 31

2.20 Metode Prototype ........................................................................................... 32

2.20.1 Tahapan-Tahapan Prototype ................................................................ 33

2.20.2 Kelebihan dan Kekurangan Prototype ................................................ 34

2.21 PIECES ......................................................................................................... 35

BAB III METODELOGI PENELITIAN ............................................................ 38

3.1 Tahapan Penelitian .......................................................................................... 38

3.2 Metodelogi Penelitian ............................................................................................... 40

Page 12: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xi

3.3 Waktu dan Tempat Penelitian ................................................................................... 43

3.4 Alat Bantu Penelitian ................................................................................................ 44

3.4.1 Hardware ............................................................................................... 44

3.4.2 Software .................................................................................................. 44

BAB IV ANALISA DAN PERANCANGAN SISTEM ....................................... 45

4.1 Profile Perusahaan ...................................................................................................... 45

4.1.1 Visi dan Misi ................................................................................................... 45

4.1.2 Struktur Organisasi ......................................................................................... 46

4.1.3 Tugas Setiap Aktor ......................................................................................... 47

4.2 Analisa Sistem Berjalan .............................................................................................. 48

4.2.1 Use Case Sistem Berjalan ............................................................................... 49

4.2.2 Diagram Activity Sistem Berjalan… .............................................................. 51

4.3 Identifikasi Masalah… ................................................................................................ 54

4.4 Masalah Pokok............................................................................................................ 55

4.5 Analisa Kebutuhan Informasi ..................................................................................... 55

4.6 Rancangan Sistem Usulan… ...................................................................................... 55

4.7 Sistem Usulan ............................................................................................................. 57

4.7.1 Tujuan dan Saran… ........................................................................................... 57

4.7.2 Rancangan Logik ............................................................................................... 58

4.7.2.1 Use Case Diagram Sistem Usulan… .............................................................. 58

4.7.2.2 Activity Diagram Sistem Usulan .................................................................... 67

4.7.2.3 Sequence Diagram Sistem Usulan… .............................................................. 77

4.7.2.4 Class Diagram Sistem Ususlan… .................................................................. 79

4.7.3 Rancangan Struktur Menu ................................................................................. 80

4.7.3.1 Rancangan Kode ............................................................................................. 81

4.7.3.2 Spesifikiasi Tabel ........................................................................................... 83

4.7.4 Desain Interfce ................................................................................................ 87

4.8 Implementasi Sistem ................................................................................................... 95

4.8.1 Implementasi Software… ............................................................................... 95

4.8.2 Implementasi Hardware… ................................................................................. 97

Page 13: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xii

BAB V PENUTUP ............................................................................................... 98

5.1 Kesimpulan .............................................................................................. 98

5.2 Saran ........................................................................................................ 98

DAFTAR PUSTAKA ............................................................................................. 99

LAMPIRAN ........................................................................................................... 101

Page 14: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xiii

DAFTAR GAMBAR

Gambar1Structure UML ...................................................................................... 30

Gambar 2 Model Prototype .................................................................................. 33

Gambar 3 Diagram Alur Tahapan Penelitian ....................................................... 39

Gambar 4 Struktur Organisasi Perusahaan……………………………….………. 46

Gambar 5 Use Case Diagram Yang Sedang Berjalan .......................................... 49

Gambar 6 Activity Diagram Sistem Berjalan ....................................................... 51

Gambar 7 Activity Diagram Pengimputan Tabel .................................................. 52

Gambar 8 Diagram Activity Pembayaran ............................................................. 53

Gambar 9 Use Case Diagram Sistem Usulan .................................................................. 59

Gambar 10 Use Case Diagram Login………………………………………..…… 62

Gambar 11 Use Case Diagram Pelanggan…………………………………..…… 64

Gambar 12 Use Case Diagram Admin…………………………………….…….. 66

Gambar 13 Activity Diagram Registrasi…………………………………….……. 68

Gambar 14 Activity Diagram Login…………………………………………..…… 69

Gambar 15 Activity Diagram Pemesanan Meja……………………………..……. 70

Gambar 16 Activity Diagram Konfimasi pembayaran DP…………………..…… 71

Gambar 17Activity Diagram Account ………………………………………….... 72

Gambar 18 Activity Diagram Konfirmasi……………………………………..…... 73

Gambar 19 Activity Diagram Kelola Data Master Meja…………………..…..….. 74

Gambar 20 Activity Diagram Kelola Data Pelanggan………………………….…. 75

Gambar 21 Activity Diagram Laporan …………………...……………………….. 76

Gambar 22 Sequence Diagram Pelanggan…………………………….…………... 77

Gambar 23 Sequence Diagram Admin………………………………………,,… .......... 78

Gambar 24 Class Diagram Sistem Usulan ...................................................................... 79

Gambar 25 Rancangan Struktur Menu ............................................................................ 80

Gambar 26 Form Registrasi ............................................................................................ 87

Gambar 27 Tampilan Login ............................................................................................ 88

Gambar 28 Halaman Utama Aplikasi ............................................................................. 88

Gambar 29 Tampilan Form Booking .............................................................................. 89

Gambar 30 Form Detail Order ........................................................................................ 89

Page 15: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xiv

Gambar 31 Form Konfirmasi DP .................................................................................... 90

Gambar 32 Form User Akun ........................................................................................... 90

Gambar 33 Form Login Admin ...................................................................................... 91

Gambar 34 Halaman Utama Admin................................................................................ 91

Gambar 35 Form Data Pelanggan ................................................................................... 92

Gambar 36 Data Master Meja ......................................................................................... 92

Gambar 37 Form Data Pesanan… .................................................................................. 93

Gambar 38 Form Konfirmasi .......................................................................................... 93

Gambar 39 Form Laporan Harian ................................................................................... 94

Gambar 40 Form Laporan Bulanan................................................................................. 94

Page 16: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xv

DAFTAR TABEL

Tabel 1 Narasi Use Case Diagram Sistem Berjalan .............................................. 50

Tabel2 Definisi Aktor dan deskripsinya………………………………………….. 60

Tabel3 Definisi Use Case Diagram dan Aktor……..…………………………….. 61

Tabel4 Narasi Use Case Login……………………………………………………. 63

Tabel5 Narasi Use Case Pelanggan……………………………………………….. 65

Tabel 6 Narasi Use Case Admin… ....................................................................... 67

Page 17: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xvi

DAFTAR SIMBOL

A. Activity Diagram

NO GAMBAR NAMA KETERANGAN

1

Activity

Memperlihatkan bagaimana masing-masing

kelas antarmuka saling berinteraksi satu sama

lain

2

Action State dari sistem yang mencerminkan eksekusi

dari suatu aksi

3

Initial Node Bagaimana objek dibentuk atau diawali.

4

Actifity Final

Node Bagaimana objek dibentuk dan dihancurkan

5

Fork Node Satu aliran yang pada tahap tertentu berubah

menjadi beberapa aliran

B. Use Case Diagram

NO GAMBAR NAMA KETERANGAN

1

Actor

Menspesifikasikan himpuan peran yang

pengguna mainkan ketika berinteraksi dengan

use case.

2

Dependency

Hubungan dimana perubahan yang terjadi pada

suatu elemen mandiri(independent) akan

mempengaruhi elemen yang bergantung padanya

elemen yang tidak mandiri (independent).

3

Generalization

Hubungan dimana objek anak (descendent)

berbagi perilaku dan struktur data dari objek

yang ada di atasnya objek induk (ancestor).

4

Include Menspesifikasikan bahwa use case sumber

secara eksplisit.

Page 18: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xvii

5

Extend

Menspesifikasikan bahwa use case target

memperluas perilaku dari use case sumber pada

suatu titik yang diberikan.

6

Association

Apa yang menghubungkan antara objek satu

dengan objek lainnya.

7

System

Menspesifikasikan paket yang menampilkan

sistem secara terbatas.

8

Use Case

Deskripsi dari urutan aksi-aksi yang ditampilkan

sistem yang menghasilkan suatu hasil yang

terukur bagi suatu actor

9

Collaboration

Interaksi aturan-aturan dan elemen lain yang

bekerja sama untuk menyediakan prilaku yang

lebih besar dari jumlah dan elemen-elemennya

(sinergi).

10

Note

Elemen fisik yang eksis saat aplikasi dijalankan

dan mencerminkan suatu sumber daya komputasi

C. Development Diagram

Simbol Deskripsi

Package

Package merupakan sebuah bungkusan dari satu

atau lebih node

Nama_node

Biasanya mengacu pada perangkat keras

(hardware), perangkat lunak yang tidak dibuat

sendiri (software). Jika didalam node disertakan

komponen untuk mengkonsistenkan rancangan

maka komponen yang diikutsertakan harus sesuai

dengan komponen yang telah didefinisikan

sebelumnya pada diagram komponen

Kebergantungan/Dependency Kebergantungan antar node. Arah panah

mengarah pada node yang dipakai

Page 19: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xviii

Simbol Deskripsi

Link Relasi antar node

D. Sequence Diagram

SIMBOL NAMA KETERANGAN

Object

Object merupakan instance dari sebuah class dan

dituliskan tersusun secara horizontal. Digambarkan

sebagai sebuah class (kotak) dengan nama obyek

didalamnya yang diawali dengan sebuah titik koma

Actor

Actor juga dapat berkomunikasi dengan object, maka

actor juga dapat diurutkan sebagai kolom. Simbol

Actor sama dengan simbol pada Actor Use Case

Diagram.

Lifeline

Lifeline mengindikasikan keberadaan sebuah object

dalam basis waktu. Notasi untuk Lifeline adalah garis

putus-putus vertikal yang ditarik dari sebuah obyek.

Activation

Activation dinotasikan sebagai sebuah kotak segi

empat yang digambar pada sebuah lifeline. Activation

mengindikasikan sebuah obyek yang akan melakukan

sebuah aksi.

Message

Message, digambarkan dengan anak panah horizontal

antara Activation. Message mengindikasikan

komunikasi antara object-object.

E. Class Diagram

NO GAMBAR NAMA KETERANGAN

1

Generalization

Hubungan dimana objek anak (descendent) berbagi

perilaku dan struktur data dari objek yang ada di

atasnya objek induk (ancestor).

2 Nary Upaya untuk menghindari asosiasi dengan lebih dari

Page 20: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xix

Association 2 objek.

3

Class

Himpunan dari objek-objek yang berbagi atribut serta

operasi yang sama.

4

Collaboration

Deskripsi dari urutan aksi-aksi yang ditampilkan

sistem yang menghasilkan suatu hasil yang terukur

bagi suatu actor

5

Realization

Operasi yang benar-benar dilakukan oleh suatu

objek.

6

Dependency

Hubungan dimana perubahan yang terjadi pada suatu

elemen mandiri (independent) akan mempegaruhi

elemen yang bergantung padanya elemen yang tidak

mandiri

7

Association

Apa yang menghubungkan antara objek satu dengan

objek lainnya

F. Component Diagram

SIMBOL NAMA KETERANGAN

Komponen

Sebuah komponen melambangkan sebuah entitas

software dalam sebuah sistem. Sebuah komponen

dinotasikan sebagai sebuah kotak segiempat dengan

dua kotak kecil tambahan yang menempel disebelah

kirinya.

Page 21: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xx

Depedency

Sebuah Dependency digunakan untuk menotasikan

relasi antara dua komponen. Notasinya adalah tanda

panah putus-putus yang diarahkan kepada

komponen tempat sebuah komponen itu

bergantung.

G. Diagram Alir

Page 22: PERANCANGAN SISTEM INFORMASI BOOKING TABEL BILLIARD ...

xxi

DAFTAR LAMPIRAN

Lampiran 1 Daftar Riwayat Hidup …………………………………. 101

Lampiran 2 Form Registrasi…………………………………………. 102

Lampiran 3 Form Login……………………………………………… 102

Lampiran 4 Halaman Utama Aplikasi………………………………… 103

Lampiran 5 Form Booking Tabel…………………………………….. 103

Lampiran 6 Form Detail Order………………………………………. 104

Lampiran 7 Form Konfirmasi DP…………………………………… 104

Lampiran 8 Form User Akun………………………………………… 105

Lampiran 9 Form Login Admin……………………………………… 105

Lampiran 10 Halaman Utama Admin…………………………………. 106

Lampiran 11 Form Data Pelanggan……………………………………. 106

Lampiran 12 Form Data Master Meja…………………………………. 107

Lampiran 13 Form Data Pesanan……………………………………… 107

Lampiran 14 Form Data Konfirmasi…………………………………... 108

Lampiran 15 Form Laporan Harian……………………………………. 108

Lampiran 16 Form Laporan Bulanan………………………………….. 109