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

i
ii
iii
iv
 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

v
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

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

vii
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

viii
 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

ix
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.2Metodelogi Penelitian ............................................................................................... 40

x
3.3Waktu dan Tempat Penelitian................................................................................... 43
3.4Alat 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

xi
 BAB V PENUTUP ............................................................................................... 98
5.1 Kesimpulan .............................................................................................. 98
5.2 Saran ........................................................................................................ 98

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

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

xii
 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

xiii
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

xiv
 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

xv
 DAFTAR SIMBOL

A. Activity Diagram
NO GAMBAR NAMA KETERANGAN
Memperlihatkan bagaimana masing-masing

1 Activity kelas antarmuka saling berinteraksi satu sama

lain
State dari sistem yang mencerminkan eksekusi
2 Action
dari suatu aksi

3 Initial Node Bagaimana objek dibentuk atau diawali.

Actifity Final
4 Bagaimana objek dibentuk dan dihancurkan
Node
Satu aliran yang pada tahap tertentu berubah
5 Fork Node
menjadi beberapa aliran

B. Use Case Diagram

NO GAMBAR NAMA KETERANGAN

Menspesifikasikan himpuan peran yang
1 Actor pengguna mainkan ketika berinteraksi dengan
use case.
Hubungan dimana perubahan yang terjadi pada
suatu elemen mandiri(independent) akan
2 Dependency
mempengaruhi elemen yang bergantung padanya
elemen yang tidak mandiri (independent).

Hubungan dimana objek anak (descendent)

3 Generalization
4 Include
berbagi perilaku dan struktur data dari objek
yang ada di atasnya objek induk (ancestor).
Menspesifikasikan bahwa use case sumber
secara eksplisit.

xvi

5 Extend
6 Association
7 System
8 Use Case
9 Collaboration
10 Note
C. Development Diagram
Simbol
Package
Nama_node
Kebergantungan/Dependency
Menspesifikasikan bahwa use case target
memperluas perilaku dari use case sumber pada
suatu titik yang diberikan.
Apa yang menghubungkan antara objek satu
dengan objek lainnya.
Menspesifikasikan paket yang menampilkan
sistem secara terbatas.
Deskripsi dari urutan aksi-aksi yang ditampilkan
sistem yang menghasilkan suatu hasil yang
terukur bagi suatu actor
Interaksi aturan-aturan dan elemen lain yang
bekerja sama untuk menyediakan prilaku yang
lebih besar dari jumlah dan elemen-elemennya
(sinergi).
Elemen fisik yang eksis saat aplikasi dijalankan
dan mencerminkan suatu sumber daya komputasi
Deskripsi
Package merupakan sebuah bungkusan dari satu
atau lebih 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 antar node. Arah panah
mengarah pada node yang dipakai
xvii
 Simbol Deskripsi
Link Relasi antar node

D. Sequence Diagram
SIMBOL NAMA KETERANGAN
Object merupakan instance dari sebuah class dan
dituliskan tersusun secara horizontal. Digambarkan
Object sebagai sebuah class (kotak) dengan nama obyek
didalamnya yang diawali dengan sebuah titik koma
Actor juga dapat berkomunikasi dengan object, maka
Actor actor juga dapat diurutkan sebagai kolom. Simbol
Actor sama dengan simbol pada Actor Use Case
Diagram.
Lifeline mengindikasikan keberadaan sebuah object
Lifeline dalam basis waktu. Notasi untuk Lifeline adalah garis
putus-putus vertikal yang ditarik dari sebuah obyek.
Activation dinotasikan sebagai sebuah kotak segi
Activation empat yang digambar pada sebuah lifeline. Activation
mengindikasikan sebuah obyek yang akan melakukan
sebuah aksi.
Message, digambarkan dengan anak panah horizontal
Message antara Activation. Message mengindikasikan
komunikasi antara object-object.

E. Class Diagram
NO GAMBAR NAMA KETERANGAN

Hubungan dimana objek anak (descendent) berbagi

1 Generalization perilaku dan struktur data dari objek yang ada di
atasnya objek induk (ancestor).

2 Nary Upaya untuk menghindari asosiasi dengan lebih dari

xviii
 Association 2 objek.

Himpunan dari objek-objek yang berbagi atribut serta

3 Class
operasi yang sama.

Deskripsi dari urutan aksi-aksi yang ditampilkan

4 Collaboration sistem yang menghasilkan suatu hasil yang terukur
bagi suatu actor

Operasi yang benar-benar dilakukan oleh suatu

Realization objek.
5

Hubungan dimana perubahan yang terjadi pada suatu

elemen mandiri (independent) akan mempegaruhi
6 Dependency
elemen yang bergantung padanya elemen yang tidak
mandiri

Apa yang menghubungkan antara objek satu dengan

Association objek lainnya

7

F. Component Diagram
SIMBOL NAMA KETERANGAN
Sebuah komponen melambangkan sebuah entitas
software dalam sebuah sistem. Sebuah komponen
Komponen dinotasikan sebagai sebuah kotak segiempat dengan
dua kotak kecil tambahan yang menempel disebelah
kirinya.

xix
 Sebuah Dependency digunakan untuk menotasikan
relasi antara dua komponen. Notasinya adalah tanda
Depedency panah putus-putus yang diarahkan kepada
komponen tempat sebuah komponen itu
bergantung.

G. Diagram Alir

xx
 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

xxi