1

BAB 2
TINJAUAN PUSTAKA

1.1 Konsep Dasar Aplikasi

Pada bagian ini akan dijelaskan definisi dasar dari istilah yang terkait dengan
pembuatan aplikasi smart-resto bagi para pelayan W2L café Bengkulu

2.1.2 Aplikasi

Aplikasi adalah suatu subkelas dari suatu perangkat lunak komputer yang
memanfaatkan kemampuan komputer secara langsung untuk melakukan suatu
tugas yang diinginkan pengguna. Aplikasi juga dapat dikatakan sebagai penerjemah
perintah-perintah yang dijalankan pengguna komputer untuk diteruskan kea tau
diproses oleh perangkat keras[1]. Beberapa aplikasi yang digabung Bersama
menjadi suatu paket kadang disebut juga suatu paket contohnya adalah Microsoft
Office dan OpenOffice.org,yang menggabungkan suatu aplikasi pengolah
kata,lembar kerja,serta beberapa aplikasi lainnya

2.1.3 Pelayan

Pelayan adalah orang yang bekerja di restoran,bar,maupun kafe melayani

pengunjung yang datang[2].biasanya pelayan sering disebut juga orang yang
melayani,pembantu atau pesuruh.

2.1.4 Website

Suatu halaman web yang saling berhubungan yang umunya berisikan kumpulan
informasi berupa data teks,gambar,animasi,audio,video maupun gabungan dari
semuanya yang biasanya dibuat untuk personal,organisasi dan perusahaan.[3]. Dari
pengertian website tersebut website dapat dibedakan mennjadi 2 sifat yaitu
website bersifat statis dan dinamis. Bersifat statis apabola isi informasi hanya dari
pemilik website,sedangkan website bersifat dinamis apabila isi informasinya selalu
berubah-ubah.

2.1.5 PHP(HyperText Prepocessor)

PHP adalah Bahasa pemograman yang sering disisipkan ke dalam HTML[4].PHP

sendiri berasal dari kata HyperText Prepocessor.bahasa PHP membantu pengguna

2
untuk mengembangkan aplikasi berbasis web yang cukup kompleks,handal,dan
cepat. Tergantung dari spesifikasi bisnis,pengguna hosting,tingkat pengalaman,dll.

2.1.6 Basis Data

Basis data adalah kumpulan data dalam bentuk file/table/arsip yang saling
berhubungan dan tersimpan dalam media penyimpanan elektronis, untuk
kemudahan dalam pengaturan,pemilahan,pengelompokan dan pengorganisasian
data sesuai tujuan[5]. Dengan basis data seseorang dapat menyimpan sebuah
informasi,seperti data mahasiswa,kepegawaian atau produk ke dalam media
penyimpanan elktronis,seperti cakram magnetis melalui perangkat komputer,untuk
kemudian data tersebut dapat digunakan sesuai keperluan.

2.1.7 HTML(Hypertext Markup Language)

adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman
web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet
dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar
dapat menghasilkan tampilan wujud yang terintegrasi[6]. Dengan kata lain, berkas
yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam
format ASCII normal sehingga menjadi halaman web dengan perintah-perintah
HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia
penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized
Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk
menampilkan halaman web.

2.1.8 HTML(Cascading style Sheets)

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet
language) yang mengontrol format tampilan sebuah halaman web yang ditulis
dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk
mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa
diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan
ANDROID[7]. CSS dibuat untuk memisahkan konten utama dengan tampilan
dokumen yang meliputi layout, warna da font. Pemisahan ini dapat meningkatkann
daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol
dalam spesifikasi darisebuah karakteristik dari sebuah tampilan, memungkinkan
untuk membagi halaman untuk sebuah formatting dan mengurangi kerumitan
dalam penulisan kode dan struktur dari konten, contohnya teknik tableless pada
desain web.

3
1.2 Tools Pemodelan yang digunakan

Setiap teori yang digunakan dikelompokkan dalam subbab. Dalam setiap sub bab
minimal terdapat 2 paragraf. Dalam tiap paragraf minimal terdapat 2 kalimat.
Penulisan paragraf tidak menjorok ke dalam. Paragraf ditulis dengan jarak 1.5 spasi
dan tambahan jarak antara tiap paragraf.

Penomoran gambar dimulai dari nomor bab diikuti oleh nomor urutan. Gambar
yang terdapat di bab 2 dimulai dari nomor 2-1, 2-2 dan seterusnya, sedangkan
gambar yang terdapat di bab 3 dimulai dari nomor 3-1, 3-2 dan seterusnya. Nomor
dan nama gambar diletakkan di bawah gambar, dipisahkan barisnya.

4
Demikian pula untuk penomoran tabel dimulai dari nomor bab diikuti oleh nomor
urutan. Tabel yang terdapat di bab 2 dimulai dari nomor 2-1, 2-2 dan seterusnya,
sedangkan gambar yang terdapat di bab 3 dimulai dari nomor 3-1, 3-2 dan
seterusnya. Nomor dan nama tabel diletakkan di atas tabel, dipisahkan barisnya.

Setiap gambar atau tabel harus disertai dengan narasi yang menjelaskan secara
singkat gambar/tabel tersebut. Narasi dapat diletakkan sebelum atau setelah
gambar/tabel. Jika gambar/tabel diperoleh dari sebuah sumber literatur maka
nomor gambar dan sumbernya harus disebutkan dalam narasi tersebut sesuai
dengan cara pengutipan sumber style IEEE. Gambar yang terlalu besar atau tabel
yang terlalu panjang untuk muat dalam satu halaman dapat diletakkan pada
lampiran. Perhatikan contoh berikut ini.

Gambar 2-1
Grafik Lama Penggunaan Internet

Gambar 2-1 menunjukkan hasil survey tahun 2009 yang dimuat dalam [3].
Sebanyak 49% pengguna internet menghabiskan waktu antara 1 sampai 5 jam
mengakses internet per harinya.

5
Adapun negara yang penduduknya paling banyak mengakses internet adalah Cina,
diikuti oleh Amerika Serikat dan Jepang. Data selengkapnya dapat dilihat pada
Tabel 2-1 yang bersumber dari [4].

Tabel 2-1
Lima Negara Pengguna Internet Tertinggi Dunia

# Country Population, Users % of Growth % of

2006 Est Latest Data Population 2000-2006 World
Users

1 China 1,338,612,968 360,000,000 26.9 % 1,500.0 % 20.8 %

2 United States 307,212,123 227,719,000 74.1 % 138.8 % 13.1 %

3 Japan 127,078,679 95,979,000 75,5 % 103.9 % 5.5 %

4 India 1,156,897,766 81,000,000 7.0 % 1,520.0 % 4.7 %

5 Brazil 198,739,269 67,510,400 34.0 % 1,250.2 % 3.9 %

Beberapa survey lain diantaranya menunjukkan tentang sebaran aktivitas pengguna

internet per kelompok umur [5], situs-situr terpopuler sepanjang tahun 2013 [6],
dan [7] telah dirangkum dalam [8].

6
 BAB 3
ANALISIS DAN PERANCANGAN

1.3 Gambaran Sistem Saat Ini (atau Produk)

Gambaran system saat ini adalah proses pelayanan pelanggan dalan W2L café
Bengkulu masi harus pelayan yang datang kepada pelanggan untuk menginputkan
menu untuk disampaikan kepada koki

1.3.1 Proses Bisnis Berjalan Saat Ini

Gambaran system pelayanan kepada pelanggan pada W2l Resto saat ini adalah
masih harus memesan menu maknan secara manual,pelayan harus menginput
menu dengan manua dan mengantarkannya ke dapur atau koki,pembayaran disana
masi harus menggunakan nota yang ditulis dan menggunakan kalkulator,pendataan
pegawai disana tidak ada disimpan dalam database. Berikut adalah gambaran
proses bisnis saat ini:

7
1.3.1.1 Proses Bisnis Pemesanan Saat Ini

Gambar 2 Proses Bisnis saat ini

8
1.3.1.2 Proses Bisnis Transaksi

Gambar 3 Gambar Proses Bisnis Saat Ini

9
1.3.1.3 Kelemahan Sistem Berjalan Dan Usulan Perbaikan

Berikut merupakan kelemahan system yang berjalan disertakan dengan aplikasi

ataupun system yang dibangun. Sehingga aplikasi tersebut memberikan solusi
terhadap kekurangan yang ada pada W2L resto

NO Proses Bisnis Kelemahan Usulan

1. Proses Pemesanan Dalam proses Dalam aplikasi usulan

pemesanan berjalan, pelayan menggunakan
pelayan harus aplikasi web yang
mencatat menu memudahkan pelayan
maknan secara untuk menginput menu
manual dan makanan yang akan
mengantarkan ke dipesan dan langsung
dapur atau koki mengirimkan menu
sehingga merepotkan tersebut ke dapur atau
pelayan dan juga koki sehingga pelayan
memperlama waktu tidak perlu repot harus
mencatat menu secara
manual dan
mengantarkan menu
tersebut ke dapur atau
koki

2. Transaksi Saat melakukan Dalam aplikasi smart-

transaksi, kasir masih resto ini kasir dapat
harus menghitung langsung menginput
jumlah pembayaran jumlah pembayaran dan
menggunakan juga dapat print nota
kalkulator dan ataupun bill pembayaran
mencatat nota tanpa harus menulis
pembelian secara secara manual.
manual sehingga
dapat merepotkan
kasir jika ada
kesalahan hitung dan
tenaga saat akan
mencatat nota
pembelian

3. Pendataan karyawan Saat akan melakukan Dalam aplikasi smart-

pendataan karyawan resto ini pemilik

10
 pada W2L resto masi restoran(admin) dapat
menggunakan catatan langsung menginput
dokumen sehingga data karyawan secara
akan merepotkan otomatis dan tersimpan
pemilik dalam database
restoran(admin)
dalam melakukan
pendataan karyawan
yang masuk atau
keluar

Table 1 Kelemahan Sistem Berjalan dan Usulan Perbaikan

3.1.2 Gambaran Sistem Usulan

Adapun penjelasan mengenai system yang akan disusulkan yang akan dijelaskan
pada sub bab berikut.

3.1.2.1 Proses Bsisnis Usulan

Proses bisnis Yang diusulkan untuk aplikasi ini akan ditunjukan pada gambar
dibawah.

3.1.2.1.1 Proses Bisnis Login

Gambar 4 Proses Bisnis Usulan Login

11
3.1.2.1.2 Proses Bisnis Pemesanan

Gambar 5 Proses Bisnis Usulan Pemesanan

3.1.2.1.3 Proses Bisnis Pembayaran

Gambar 6 Proses Bisnis Usulan Pembayaran

3.1.2.1.4 Proses Bisnis Pendataan Karyawan

12
1.4 Analisis Kebutuhan Sistem (atau Produk)

Adapun berikut ini merupakan analisis kebutuhan system pada aplikasi

Smart-resto W2L Bengkulu :

1.4.1 Analisis Fungsionalitas

No Fungsionalitas Deskripsi Data Data User

Input Output
Admin Koki Kasir Pelayan

1. Login Seluruh Username Masing- V V V V

karyawan dan masing
melakukan password memasuki
login pada halaman
halaman karyawan
web

2. Input data Admin atau Data diri Data V

karyawan pemilik pegawai berhasil
restoran baru disimpan
melakukan di
input databse
karyawan

3. Input Menu Admin atau Data Data V

makanan pemilik makanan makanan
restoran tersimpan
melakukan di
input menu databse
makanan

4. Transaksi Kasir Menu Nota V

p melakukan makanan pembayar
transaksi yang an
dengan dipesan
pelanggan beserta
jumlahny
a

5. Pemesanan Pelayan Memasuk Data V

melakukan an menu menu
pemesanan dipesan makanan

13
1.4.2 Analisis Pengguna
No. Pengguna Deskripsi

1. Admin Admin bertindak sebagai pemegan

seluruh akun pada smart-resto
bertugas untuk menambah menu
maknan dan melakukan pendataan
karyawan

2. Kasir Kasir bertindak sebagai pemegan

dalam pembayaran atau transaksi
bertugas untuk melakukan transaksi

3. pelayan Pelayan bertindak sebagai orang yang

bertugas untuk menginput menu
makanan yang dipesan dan
mengirimkannya langsung kedapur
atau koki

4. Koki Koki bertindak sebagai orang yang

menerima inputan makanan dari
pelayan dan membuat menu makanan
tersebut

1.5 Perancangan

Adapun perancangan aplikasi dengan oermodelan berbasis objek, perancangan

basis data dan perancangan antar muka adalah sebagai berikut.

1.5.1 Model Aplikasi Berbasis Objek

Berikut adalah penjelasan dari poin-poin pada perancangan system.pada subab ini
akan menjelaskan diagram perancangan berbasis objek dari aplikasi yang akan
dibangun

14
1.5.1.1 Use Case Diagram

Use Case Diagram dari aplikasi yang akan dibangun dipaparkan dalam bentuk
gambar berikut.

Gambar 7 Use Case Diagram

15
1.5.1.2 Deskripsi Aktor

Berikut merupakan deskripsi aktor dan deskripsi hak akses yang bisa dilakukan pada
aplikasi smart-resto W2l Bengkulu :

No Aktor Deskripsi Hak Akses

1. Admin Merupakan pemilik restoran - Melakukan login

- Melakukan
pendataan
karyawan
- Mengedit data
karyawan
- Menambah data
pengguna
- Melihat transaksi
yang sudah
berlangsung
- Menghapus data
karyawan
- Menambah
menu makanan
- Menghapus
menu makanan
- Mengedit profile
2. pelayan Merupakan karyawan dari - Melakukan login
smart resto - Menginput
menu makanan
- Mengirimkan
menu makanan
ke dapur
- Mengedit profile
3. Koki Merupakan karyawan dari - Melakukan login
smart resto - Menerima
inputan
pemesanan
makanan
- Mengedit profile
4. kasir Merupakan karyawan dari - Melakukan login
smart resto - Melakukan
transaksi
- Mengedit profile

16
1.5.1.3 Skenario Use Case
Berikut merupakan scenario use case untuk aplikasi smart-resto W2L Bengkulu.

1. Nama Use Case : Transaksi

Aktor : Admin,Kasir

Deskripsi :Admin atau kasir melakukan transaksi pembayaran

Pre-Condition : Aktor berada pada menu form Transaksi

Post-Condition : Transaksi dapat disimpan/Berhasil

Scenario :

Aktor Sistem

1. Aktor berada pada

tampilan home Admin
Smart-Resto
2. Aktor Memilih menu
transaksi pemesanan
3. Aktor mengisi menu
makanan yang sudah
dipesan oleh pelanggan
4. Data tersimpan

5. Aktor mengisi jumlah yang

dibayar oleh pelanggan
6. Pembayaran berhasil

2. Nama Use Case : Input data karyawan

Aktor : Admin

Deskripsi : Admin memasukkan data karyawan

Pre-Condition : Aktor berada pada menu form data karyawan

Post-Condition : Data karyawan dapat disimpan

Scenario :

Aktor Sistem

1. Aktor berada pada tampilan

home Admin Smart-Resto

17
 2. Aktor Memilih menu
Karyawan,kemudian data
karyawan
3. Aktor mengisi data karyawan
yang akan di inputkan
4. Data karyawan tersimpan

3. Nama Use Case : Input Produk makanan

Aktor : Admin

Deskripsi : Admin memasukan menu makanan yang dijual atau baru

Pre-Condition : Aktor berada pada menu data produk

Post-Condition : Produk makanan tersimpan

Scenario :

Aktor Sistem

1. Aktor berada pada tampilan

home Admin Smart-Resto
2. Aktor Memilih menu data
produk
3. Aktor mengisi menu
makanan yang
4. Data produk makanan
tersimpan

4. Nama Use Case : Input data meja

Aktor : Admin

Deskripsi : Admin memasukkan data meja

Pre-Condition : Aktor berada pada menu form meja

Post-Condition : Data meja berhasil ditambah

Scenario :

18
 Aktor Sistem

1. Aktor berada pada tampilan

home Admin Smart-Resto
2. Aktor Memilih menu data
meja
3. Aktor mengisi data meja

4. Data meja tersimpan

5. Nama Use Case : Input kategori makanan

Aktor : Admin

Deskripsi : Admin memasukkan kategori makanan

Pre-Condition : Aktor berada pada menu data produk

Post-Condition : Kategori makanan berhasil ditambah

Scenario :

Aktor Sistem

1. Aktor berada pada

tampilan home Admin
Smart-Resto
2. Aktor Memilih menu data
produk
3. Aktor mengisi kategori
makanan
4. Kategori makanan tersimpan

19
6. Nama Use Case : Edit Profile

Aktor : Admin,kasir,pelayan,koki

Deskripsi : aktor mengedit prodile

Pre-Condition : Aktor berada pada menu profile

Post-Condition : profil berhasil dirubah

Scenario :

Aktor Sistem

1. Aktor berada pada

tampilan home Admin
Smart-Resto
2. Aktor Memilih menu
prodile
3. Aktor mengedit profile

4. Profile berhasil dirubah

7. Nama Use Case : Input Pajak dan service vee

Aktor : Admin

Deskripsi :Admin atau kasir menginput pajak dan service vee

Pre-Condition : Aktor berada pada menu form pajak dan service vee

Post-Condition : pajak dan service vee berhasil disimpan

Scenario :

20
 Aktor Sistem

7. Aktor berada pada tampilan

home Admin Smart-Resto
8. Aktor Memilih menu pajak
dan service vee
9. Aktor mengisi jumlah
service vee dan pajak
10. Data tersimpan

1.5.2 Class Diagram

Adapun rancangan basis data digambarkan menggunakan diagram relasi.

1.5.2.1 Skema Relasi

Berikut merupakan Skema relasi fungsionalitas pengguna dari aplikasi smart-resto

Bengkulu.

21
1.5.3 Perancangan Antarmuka

Berikut adalah perancangan antarmuka yang akan dibangun.

1.5.3.1 Halaman Login

Berikut merupakan gambaran halaman login sesuai dengan Use Case login yang
digunakan oleh karyawan yang ingin masuk kedalam aplikasi

Gambar 8 Mockup Login

22
1.5.3.2 Halaman Awal Admin

Berikut merupakan halaman awal setelah login pada admin.

Gambar 9 Mockup Admin

1.5.3.3 Halaman Awal Kasir

Berikut merupakan halaman awal setelah login pada Kasir.

Gambar 10 Mockup Kasir

23
1.5.3.4 Halaman Awal Koki

Berikut merupakan halaman awal setelah login pada Koki.

Gambar 11 Mockup Koki

1.5.3.5 Halaman Awal Pelayan

Berikut merupakan halaman awal setelah login pada pelayan.

Gambar 12 Mockup Pelayan

24
1.5.3.6 Halaman Penambahan Produk

Berikut merupakan halaman Penambahan Produk pada admin.

Gambar 13 Mockup Tambah Produk

1.5.3.7 Halaman Pendataan Karyawan

Berikut merupakan halaman pendataan karyawan oleh admin.

Gambar 14 Mockup Pendataan Karyawan

25
1.5.3.8 Halaman Pendataan Karyawan

Berikut merupakan halaman pendataan pengguna oleh admin.

Gambar 15 Mockup Data Pengguna

1.5.3.9 Halaman Profile Admin

Berikut merupakan halaman Profile oleh admin.

Gambar 16 Mockup Profile Admin

26
1.5.3.10 Halaman Awal Kasir

Berikut merupakan halaman Awal oleh kasir.

Gambar 17 Mockup Halaman Kasir

1.5.3.11 Halaman Transaksi Kasir

Berikut merupakan halaman Transaksi oleh kasir.

Gambar 18 Mockup Transaksi

27
1.5.3.12 Halaman Profile Kasir

Berikut merupakan halaman Profile oleh kasir.

Gambar 19 Mockup Profile Kasir

1.5.3.13 Halaman Pemesanan

Berikut merupakan halaman Pemesanan oleh pelayan.

Gambar 20 Mockup Pemesanan

28
1.5.3.14 Halaman Profile Pelayan

Berikut merupakan halaman Profile oleh pelayan.

Gambar 21 Mockup Profile Pelayan

1.5.3.15 Halaman Awal Koki

Berikut merupakan halaman Awal oleh koki.

Gambar 22 Mockup Halaman Awal koki

29
1.5.3.16 Halaman Penerimaan pesanan

Berikut merupakan penerimaan pesanan oleh koki.

Gambar 23 Mockup Penerimaan Pesanan

1.5.3.17 Halaman Profile Koki

Berikut merupakan Profile Koki.

Gambar 24 Mockup Profile Koki

30
1.6 Kebutuhan Perangkat Keras dan Perangkat Lunak

Berikut merupakan kebutuhan perangkat keras dan perangkat lunak pada Aplikasi
smart-resto W2L Bengkulu.

1.6.1 Pengembangan Aplikasi

Berikut ini merupakan kebutuhan minimum spesifikasi perangkat keras yang
digunakan dalam pengerjaan dan pengembangan system untuk aplikasi smart-resto
W2l Bengkulu.

No Perangkat Keras

1. Laptop atau komputer dengan spesifikasi

1. Prosessor : intel dual core
2. RAM : 4 GB
3. Memori Hardisk : 500 GB SATA
4. Ukuran Layar : 8-15 inchi
Table 2 Minimum Spesifikasi Perangkat Keras

Berikut merupakan kebutuhan perangkat keras yang digunakan dalam pengerjaan

dan pengembangan system untuk aplikasi smart-resto W2L Bengkulu.

NO Perangkat Keras
1. Laptop Lenovo Legion Y520 dengan spesifikasi
 Prosessor : intel core i7
 RAM : 16 GB
 Memori Hardisk :1 TB SSD
 Ukuran Layar : 15,6 inchi
Table 3 Minimum Kebutuhan Perangkat Keras

31
Berikut merupakan kebutuhan perangkat lunak yang digunakan dalam pengerjaan
dan pengembangan system untuk aplikasi smart-resto W2l Bengkulu.

NO Jenis perangkat lunak Perangkat lunak yang dibutuhkan

1. Sistem Operasi Windows 10
2. Web Server Apache Server
3. Database Server MySQL
4. Text Editor Sublime
5. Web Browser Google Chorme
Table 4 Kebutuhan Perangkat Lunak Yang DIbutuhkan

1.6.2 Implementasi Sistem

Berikut adalah penjelasan tentang spesifikasi minimum kebutuhan perangkat keras
pada saat pengimplementasian system untuk aplikasi smart-resto W2L Bengkulu.

No Perangkat Keras

2. Laptop atau komputer dengan spesifikasi

5. Prosessor : intel dual core
6. RAM : 4 GB
7. Memori Hardisk : 500 GB SATA
8. Ukuran Layar : 8-15 inchi
Table 5 Kebutuhan Perangkat keras

Berikut adalah penjelasan tentang spesifikasi kebutuhan minimum perangkat lunak

pada saat pengimplementasian sistem untuk aplikasi smart-resto W2l Bengkulu

NO Jenis perangkat lunak Perangkat lunak yang dibutuhkan

1. Sistem Operasi Windows 10
2. Web Server Apache Server
Table 6 Kebutuhan Perangkat Lunak

32