PERANCANGAN SISTEM PROMOSI PEMESANAN MAKANAN BERBASIS ANDROID

(1)

i

PERANCANGAN SISTEM PROMOSI PEMESANAN MAKANAN BERBASIS ANDROID

SKRIPSI

Dibuat Untuk Memenuhi Syarat Mendapatkan Gelar Sarjana Teknik pada Jurusan Teknik Elektro Fakultas Teknik

Universitas Sriwijaya

Oleh:

ANGGRAINI SETIANINGRUM 03041381720015

JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS SRIWIJAYA

(2)

(3)

(4)

(5)

v MOTTO :

“Allah akan mengangkat (derajat) orang-orang yang beriman dan berilmu di antaramu beberapa derajat. Dan Allah Maha Teliti terhadap apa yang kamu kerjakan.”

(Q.S Al-Mujadilah: 11)

“Terasa sulit ketika aku merasa harus melakukan

sesuatu. Tetapi, menjadi mudah ketika aku

menginginkannya.” – Annie Gottlier

Kupersembahkan kepada :

 Kedua Orang Tuaku

 Saudara/i ku

 Keluarga Besarku

 Seluruh Dosen Jurusan Teknik

Elektro Universitas Sriwijaya

 Teman-temanku yang Terkasih

yang Selalu Menemani dan

Menyemangatiku

 Seluruh Teman Seperjuanganku

dari D3 Angkatan 2017

 Bangsa dan Negara

 Almamater Kebanggaanku

(6)

viii

KATA PENGANTAR

Puji syukur penulis haturkan kehadirat Allah SWT yang telah memberikan rahmat dan ridhonya-nya sehingga penulis dapat menyelesaikan tugas akhir yang berjudul “Perancangan Sistem Promosi dan Pemesanan Makanan Berbasis Android”

Pembuatan tugas akhir ini sebagai salah satu syarat untuk memperoleh gelar Sarjana Teknik Fakultas Teknik Universitas Sriwijaya. Maka dari itu, pada kesempatan ini penulis mengucapkan terimakasih yang sebesar-besarnya kepada : 1. Allah SWT, Yang Maha Pengasih dan Maha Penyayang atas berkah dan

karunianya yang telah memberikan kesehatan, kemudahan, kelancaran dan serta atas rezekinya sehingga penulis dapat menyelesaikan Tugas Akhir ini, dan juga kepada Nabi Muhammad SAW sebagai suri tauladan dan panutan bagi penulis sebagai umatnya.

2. Bapak M. Abu Bakar Sidik, S.T., M.Eng., Ph.D Ketua Jurusan Teknik Elektro Universitas Sriwijaya

3. Bapak Dr. Iwan Pahendra A.S, S.T., M.T selaku Sekretaris Jurusan Teknik Elektro Universitas Sriwijaya.

4. Bapak Abdul Haris Dalimunthe, S.T., M.TI selaku dosen pembimbing I dalam penyelesaian tugas akhir ini yang telah memberikan bimbingan dengan sabar, tulus dan ikhlas meluangkan waktu, tenaga dan pikirannya dalam membimbing penulis.

5. Ibu Desi Windisari, S.T., M.Eng selaku dosen pembimbing II dalam penyelesaian tugas akhir ini yang telah memberikan bimbingan dengan sabar, tulus dan ikhlas meluangkan waktu, tenaga dan pikirannya dalam membimbing penulis.

6. Segenap dosen pengajar Jurusan Teknik Elektro Universitas Sriwijaya, penulis mengucapkan terima kasih atas bimbingan dan ilmu yang telah diberikan selama proses perkuliahan.

(7)

ix

7. Kepada orang tua dan segenap keluarga besar penulis yang selalu memberi semangat dan dukungan setiap harinya.

8. Kepada orang terdekat penulis yang selalu membantu, memberikan semangat dan selalu setia mendampingi hingga akhir pembuatan tugas akhir ini.

Penulis menyadari bahwa dalam penulisan ini masih jauh dari sempurna. Oleh karena itu, saran dan kritik yang membangun sangat penulis harapkan.

Palembang, Juli 2019

(8)

(9)

(10)

x DAFTAR ISI

Halaman Judul ... i

Lembar Pengesahan ... ii

Halaman Pernyataan Dosen Pembimbing ... iii

Halaman Pernyataan Integritas ... iv

Halaman Motto dan Persembahan ... v

Abstrak ... vi

Abstract ... vii

Kata Pengantar ... viii

Daftar Isi ... x

Daftar Gambar ... xiii

Daftar Tabel ... xvi

Lampiran BAB I PENDAHULUAN ... 1 1.1 Latar Belakang ... 1 1.2 Perumusan Masalah ... 2 1.3 Batasan Masalah ... 2 1.4 Tujuan Penulisan ... 3 1.5 Manfaat Penulisan ... 3 1.6 Sistematika Penulisan ... 4

BAB II TINJAUAN PUSTAKA ... 6

2.1 Sistem Informasi ... 6

2.1.1 Sistem ... 6

2.1.2 Informasi ... 6

2.1.3 Pengertian Sistem Informasi ... 6

2.2 Promosi dalam Dunia Bisnis Kuliner ... 6

2.2.1 Promosi ... 6

2.2.2 Promosi Elektronik (E-Promosi) ... 7

2.2.3 Manfaat Promosi ... 7

2.2.4 Manfaat Promosi dalam Dunia Bisnis Kuliner ... 8

2.3 Metode Agile Extreme Programme ... 8

2.3.1 Pengertian Agile Extreme Programme ... 8

2.3.2 Tahapan Agile Extreme Programming ... 9

2.3.3 Keunggulan dan Kelemahan Agile Extreme Programme ... 12

2.4 Metode 5W + 1H ... 12

2.5 Metode SWOT ... 13

2.6 UML Versi 2.0 ... 14

(11)

xi 2.8 Mobile ... 23 2.9 Bahasa Pemrograman ... 25 2.10 Framework ... 27 2.11 QR Code ... 29 2.12 Database ... 32 2.13 XAMPP ... 34

2.14 Editor dalam Pembuatan Aplikasi ... 35

2.15 Metode Pengujian Black-Box ... 36

2.16 Jaringan Komputer ... 37

BAB III METODOLOGI ... 38

3.1 Metode Pengembangan ... 38 3.1.1 Tahap Perencanaan ... 38 3.1.2 Tahapan Desain ... 39 3.1.3 Tahapan Pengkodingan ... 40 3.1.4 Tahapan Pengujian ... 40 3.1.5 Tahapan Akhir... 41 BAB IV PERANCANGAN ... 44 4.1 Tahapan Perencanaan ... 40

4.1.1 Kuesioner dan Analisa ... 40

4.1.2 Identifikasi Hal-Hal yang Diperlukan ... 50

4.2 Tahapan Desain ... 55

4.2.1 Spesifikasi Perangkat Keras dan Perangkat Lunak yang Digunakan ... 55

4.2.2 Hosting dan Domain ... 58

4.2.3 Keamanan Sistem ... 59

4.2.4 Menjalankan Hardware dan Software ... 59

4.2.5 Mendesain Interaksi antara Tindakan Aktor dan Sistem .... 62

4.2.6 Mendesain Aliran Prilaku Dinamis Sistem ... 64

4.2.7 Urutan Komunikasi Antar Objek Pada Sistem (Sequence Diagram) ... 67

4.2.8 Interaksi Antar Kelas didalam Sistem (Class Diagram) ... 88

4.2.9 Desain Tampilan Sistem ... 91

4.3 Tahap Pengkodingan ... 107

4.3.1 Tahapan Membuat Database ... 108

4.3.2 Tahapan Konstruksi ... 111

4.3.3 Tahapan Persiapan Aplikasi Mobile Agar Dapat Digunakan pada Smartphone ... 115

4.3.3 Tampilan Aplikasi ... 116

(12)

xii

4.4.1 Tahap Pengujian dengan Black Box Testing ... 132

4.5 Tahap Release ... 141

4.5.1 Tahap Pengujian dengan Kuesioner Pengujian Sistem ... 141

BAB V KESIMPULAN DAN SARAN ... 145

5.1 Kesimpulan ... 145

(13)

xiii

DAFTAR GAMBAR

Gambar 1.1 Tahapan pada Agile Extreme Programming (XP) ... 10

Gambar 2.2 SWOT Framework ... 13

Gambar 2.3 Contoh Usecase Diagram ... 17

Gambar 2.4 Contoh Activity Diagram ... 19

Gambar 2.5 Contoh Sequence Diagram... 20

Gambar 2.6 Contoh Class Diagram ... 22

Gambar 2.7 Logo Code Igniter ... 28

Gambar 2.8 Logo Framework Ionic ... 29

Gambar 2.9 Logo Framework Angular JS ... 29

Gambar 2.10 Bentuk Penyimpanan Data pada QR Code dan Barcode ... 30

Gambar 2.11 Struktur QR Code ... 31

Gambar 2.12 Diagram Alir Pengkodean QR Code ... 32

Gambar 2.13 Logo Netbeans... 32

Gambar 2.14 Logo Visual Studio Code ... 33

Gambar 2.15 Jaringan Komputer ... 34

Gambar 3.1 Metode Pengembangan ... 35

Gambar 4.1 Jaringan Komputer ... 56

Gambar 4.2 Gambar Deployment Diagram pada Sistem Promosi dan Pemesanan Makanan Berbasis Android ... 57

Gambar 4.3 Diagram Interaksi Tindakan User terhadap Sistem... 60

Gambar 4.4 Diagram Interaksi Tindakan Admin terhadap Sistem ... 61

Gambar 4.5 Diagram Aliran Perilaku Dinamis antara Sistem dan Pelanggan ... 62

Gambar 4.6 Diagram Aliran Perilaku Dinamis antara Sistem dan Admin ... 63

Gambar 4.7 Diagram Aliran Perilaku Dinamis antara Sistem dan Chef... 64

Gambar 4.8 Diagram Aliran Perilaku Dinamis antara Sistem dan Kasir ... 65

Gambar 4.9 Sequence Diagram Login Pelanggan ... 66

Gambar 4.10 Sequence Diagram Halaman Utama Pelanggan ... 67

Gambar 4.11 Sequence Diagram Melihat Restoran ... 68

Gambar 4.12 Sequence Diagram Melihat Makanan dan Minuman pada Restoran69 Gambar 4.13 Sequence Diagram Melihat Halaman Konfirmasi Pesanan ... 68

Gambar 4.14 Sequence Diagram Login Admin ... 71

Gambar 4.15 Sequence Diagram Melihat Halaman Utama Admin ... 72

Gambar 4.16 Sequence Diagram Masuk Halaman Pengaturan ... 73

Gambar 4.17 Sequence Diagram Masuk Halaman Edit Pengaturan... 74

Gambar 4.18 Sequence Diagram Masuk Halaman Input Menu ... 75

Gambar 4.19 Sequence Diagram Masuk Halaman Delete Menu ... 76

Gambar 4.20 Sequence Diagram Masuk Halaman Create Konten Promosi ... 77 Gambar 4.21 Sequence Diagram Masuk Halaman Monitoring Aktivitas Pegawai78

(14)

xiv

Gambar 4.22 Sequence Diagram Masuk Halaman View Pesanan ... 79

Gambar 4.23 Sequence Diagram Melihat Halaman Bill dan Pembayaran ... 80

Gambar 4.24 Sequence Diagram Logout Admin ... 81

Gambar 4.25 Sequence Diagram Melihat Halaman Pesanan... 82

Gambar 4.26 Sequence Diagram Masuk Halaman Selesai Memproses Pesanan 83 Gambar 4.27 Sequence Diagram Melihat Halaman Pesanan... 84

Gambar 4.28 Sequence Diagram Masuk Halaman Print Bill Pesanan Pelanggan 82 Gambar 4.29 Gambar Class Diagram ... 86

Gambar 4.30 Desain Tampilan Login ... 89

Gambar 4.31 Desain Tampilan Pilih Restoran ... 89

Gambar 4.32 Desain Tampilan Konten Promosi dan Menu Restoran ... 90

Gambar 4.33 Desain Tampilan Pilihan Menu Restoran ... 91

Gambar 4.34 Desain Tampilan Konfirmasi Pesanan ... 92

Gambar 4.35 Desain Tampilan Login Chef ... 93

Gambar 4.35 Desain Tampilan List Pesanan daei Sisi Koki ... 93

Gambar 4.36 Desain Tampilan Login Chef ... 93

Gambar 4.37 Desain Tampilan Pesanan Pelanggan ... 94

Gambar 4.38 Desain Tampilan Login Kasir ... 95

Gambar 4.39 Desain Tampilan List Pesanan dari Sisi Kasir ... 95

Gambar 4.40 Desain Tampilan Print Bill Pesanan ... 96

Gambar 4.41 Desain Tampilan Login Admin (Owner) ... 97

Gambar 4.42 Desain Tampilan List Pesanan dari Sisi Kasir ... 97

Gambar 4.43 Desain Tampilan Print Bill Pesanan ... 98

Gambar 4.44 Desain Tampilan Pesanan Pelanggan ... 99

Gambar 4.45 Desain Tampilan Login Admin ... 99

Gambar 4.46 Desain Tampilan Halaman Utama Admin ... 100

Gambar 4.47 Desain Tampilan Halaman Tambah Restoran Baru ... 100

Gambar 4.48 Desain Tampilan Halaman Tambah Restoran Baru ... 101

Gambar 4.49 Desain Tampilan Mengedit Data Restoran ... 102

Gambar 4.50 Desain Tampilan Tambah Meja ... 103

Gambar 4.51 Desain Tampilan Halaman Tambah Menu Baru Restoran... 103

Gambar 4.52 Desain Tampilan Tambah Akun Kasir ... 104

Gambar 4.53 Desain Tampilan Tambah Akun Chef ... 104

Gambar 4.54 Desain Tampilan Tambah Akun Admin (Owner) ... 105

Gambar 4.55 Tabel Database Akun Pelanggan... 106

Gambar 4.56 Tabel Database Makanan ... 107

Gambar 4.57 Tabel Database Meja ... 107

Gambar 4.58 Tabel Database Pemakai ... 108

Gambar 4.59 Tabel Database Pesanan ... 108

(15)

xv

Gambar 4.61 Tampilan Login ... 111

Gambar 4.62 Tampilan Daftar ... 111

Gambar 4.63 Aktivasi Akun ... 112

Gambar 4.64 Tampilan Lupa Password ... 112

Gambar 4.65 Tampilan Menu Halaman Utama ... 113

Gambar 4.66 Tampilan Melihat Menu Makanan dan Minuman... 114

Gambar 4.67 Tampilan Scan QR Code ... 114

Gambar 4.68 Tampilan Konfirmasi Pesanan ... 115

Gambar 4.69 Tampilan Web Login Koki ... 116

Gambar 4.70 Tampilan Halaman Utama Koki ... 116

Gambar 4.71 Tampilan Web Melihat Detail Pesanan Pelanggan ... 117

Gambar 4.72 Tampilan Web Selesai Memproses Pesanan ... 118

Gambar 4.73 Tampilan Web Logout ... 118

Gambar 4.74 Tampilan Web Login Kasir ... 119

Gambar 4.75 Tampilan Web Halaman Utama Kasir ... 119

Gambar 4.76 Tampilan Web Print Struk atau Bill ... 120

Gambar 4.77 Tampilan Web Logout Kasir ... 120

Gambar 4.78 Tampilan Web Login Admin (Owner) ... 121

Gambar 4.79 Tampilan Web Halaman Utama Admin (Owner) ... 121

Gambar 4.80 Tampilan Web Halaman Melihat Jumlah dan Total Harga... 122

Gambar 4.81 Tampilan Web Login Admin ... 122

Gambar 4.82 Tampilan Web Menu Halaman Utama Admin ... 123

Gambar 4.83 Tampilan Web Tambah Halaman Baru ... 123

Gambar 4.84 Tampilan Web Edit Restoran ... 124

Gambar 4.85 Tampilan Web Tambah Meja ... 124

Gambar 4.86 Tampilan Web Tambah Menu Makanan dan Minuman ... 125

Gambar 4.87 Tampilan Web Tambah Akun Koki ... 125

Gambar 4.88 Tampilan Web Tambah Akun Kasir ... 126

(16)

xvi

DAFTAR TABEL

Tabel 2.1 Simbol-simbol Usecase Diagram ... 15

Tabel 2.2 Simbol-simbol Activity Diagram ... 17

Tabel 2.3 Simbol-simbol Sequence Diagram... 19

Tabel 2.4 Simbol-simbol Class Diagram ... 22

Tabel 3.1 Tahapan Metode Pengembangan Perangkat Lunak ... 38

Tabel 4.1 Metode Analisis SWOT ... 50

Tabel 4.2 Matriks Analisis SWOT ... 51

Tabel 4.3 Spesifikasi Perangkat Keras ... 52

Tabel 4.4 Spesifikasi Perangkat Lunak ... 53

Tabel 4.5 Perangkat Keras dan Perangkat Lunak ... 54

Tabel 4.6 Tabel Akun Pelanggan ... 87

Tabel 4.7 Tabel Meja ... 87

Tabel 4.8 Tabel Menu ... 87

Tabel 4.9 Tabel Pemakai ... 88

Tabel 4.10 Tabel Pesanan ... 87

Tabel 4.11 Tabel Menu ... 87

Tabel 4.12 Tabel Restoran ... 87

Tabel 4.13 Tabel Black Box Testing Fungsionalitas Login User (Pelanggan) ... 127

Tabel 4.14 Tabel Black Box Testing Fungsionalitas Login Member ... 128

Tabel 4.15 Tabel Black Box Testing Fungsionalitas Aktivasi Akun ... 128

Tabel 4.16 Tabel Black Box Testing Fungsionalitas Ganti Password ... 129

Tabel 4.17 Tabel Black Box Testing Fungsionalitas List Promosi ... 130

Tabel 4.18 Tabel Black Box Testing Fungsionalitas List Restoran ... 130

Tabel 4.19 Tabel Black Box Testing Fungsionalitas Scan QR Code ... 131

Tabel 4.20 Tabel Black Box Testing Fungsionalitas Konfirmasi Pesanan ... 131

Tabel 4.21 Tabel Black Box Testing Fungsionalitas Logout ... 131

Tabel 4.22 Tabel Black Box Testing Fungsionalitas Login ... 132

Tabel 4.23 Tabel Black Box Testing Fungsionalitas Halaman Pesanan ... 132

Tabel 4.24 Tabel Black Box Testing Fungsionalitas Logout ... 132

Tabel 4.25 Tabel Black Box Testing Fungsionalitas Login ... 133

Tabel 4.26 Tabel Black Box Testing Fungsionalitas Menambahkan Konten Pada Web Admin ... 133

Tabel 4.27 Tabel Black Box Testing Fungsionalitas List Restoran ... 134

Tabel 4.28 Tabel Black Box Testing Fungsionalitas Menambah Akun Pegawai 135 Tabel 4.29 Tabel Black Box Testing Fungsionalitas Halaman Logout ... 136

(17)

BAB I PENDAHULUAN 1.1 Latar Belakang

Bisnis dunia kuliner saat ini berkembang sangat pesat di Indonesia. Hal ini merupakan peluang yang mendorong para wirausaha untuk membuat tema restoran menjadi semenarik mungkin. Salah satu hal yang bisa menarik pengunjung adalah menciptakan konsep yang jarang atau bahkan belum pernah dibuat di restoran lain. Hal tersebut diharapkan dapat membuat pengunjung terkesan sehingga pengunjung betah dan sering mendatangi restoran tersebut. Ide yang seperti ini merupakan hal penting yang dapat menjamin suatu bisnis tersebut tetap berlangsung dan bertahan.

Salah satu hal yang bisa membuat pengunjung tertarik adalah membuat aplikasi pemesanan makanan secara android. Perkembangan teknologi informasi dan komunkasi yang pesat dapat dipadukan dengan operasional manajemen restoran akan menciptakan suatu hal yang berdaya guna tinggi. Sekarang sudah banyak aplikasi sistem informasi pemesanan makanan yang diterapkan di restoran-restoran di Indonesia. Aplikasi tersebut bertujuan untuk mempermudah sistem manajemen pengelola restoran dalam menjalankan operasional restoran. Kebanyakan aplikasi ini dirancang untuk bisa berintegrasi langsung antara pelayan yang menginput data, kasir dan dapur, sedangkan peranan admin (owner) hanya untuk memantau jalannya interaksi tersebut.

Dalam penerapannya, pengoperasian aplikasi sistem informasi ini masih terbatas hanya untuk satu restoran. Kemudian, aplikasi ini hanya digunakan untuk sekedar memesan makanan, maka dari itu penulis tertarik untuk merancang dan mengembangkan suatu aplikasi yang bisa digunakan sebagai alat pemesanan makanan itu sendiri sekaligus sebagai ajang promosi beberapa restoran yang tergabung dalam satu aplikasi. Sistem ini akan dilengkapi dengan menambahkan beberapa fitur menarik lainnya, seperti potongan harga makanan atau menu-menu andalan yang dapat menarik pengunjung. Dari uraian yang telah dijelaskan diatas, maka penulis tertarik untuk membuat aplikasi pemesanan makanan dalam tugas

(18)

akhir penulis yang berjudul “Perancangan Sistem Promosi dan Pemesanan Makanan Berbasis Android”

1.2 Perumusan Masalah

Berdasarkan latar belakang yang telah diuraikan sebelumnya, perumusan masalah dari tugas akhir ini yaitu sebagai berikut:

1. Bagaimana cara merancang sistem informasi sebagai media khusus promosi restoran sekaligus pemesanan makanan di Kota Palembang? 2. Bagaimana pengkodean dalam merancang aplikasi promosi dan

pemesanan makanan berbasis android?

3. Bagaimana pengujian sistem pada aplikasi promosi dan pemesanan makanan berbasis android?

1.3 Batasan Masalah

Adapun batasan masalah pada tugas akhir ini adalah sebagai berikut: 1. Sasaran pada sistem dapat menjangkau beberapa pelaku usaha dan

pengguna aplikasi di Kota Palembang.

2. Dalam perancangan sistem informasi ini menggunakan model Agile

Extreme Programme (XP).

3. Pada tahapan pengkodingan perancangan aplikasi ini menggunakan : a. Framework yang digunakan yaitu Code Igneter dan Ionic.

b. Media coding menggunakan Netbeans IDE dan Visual Studio Code.

4. Analisa sistem menggunakan Metode 5W+1H dan SWOT.

a. Metode 5W+1H digunakan untuk membantu mengindetifikasi hal-hal yang berhubungan dengan sistem secara internal atau dengan kata lain menentukan hal-hal apa saja yang ada dan berkaitan di dalam sistem yang akan dirancang.

(19)

b. Metode SWOT merupakan strategi yang berpatokan pada hal-hal positif dalam hal kekuatan dan kesempatan yang dimiliki untuk lebih dikembangkan dan dijadikan keunggulan utama dan meminimalkan kelemahan dan ancaman.

5. Pada tahapan desain sistem ini dirancang dengan bantuan tools diagram UML 2.0 meliputi usecase diagram, activity diagram, class

diagram, dan sequence diagram. Tools diagram digunakan untuk

mengatur pola logika dalam sistem disesuaikan berdasarkan output pada tahapan perencanaan, sehingga interaksi antara elemen-elemen yang ada pada sistem dapat digambarkan.

6. Sistem pada Admin berbasis website, dan pengguna berbasis android.

1.4 Tujuan Penulisan

Tujuan penelitian dari tugas akhir ini adalah untuk merancang dan membangun sebuah aplikasi sistem informasi online yang dapat dioperasikan pada

mobile sistem android dan bermanfaat bagi pelaku usaha maupun pemakai

aplikasi dalam hal promosi dan pemesanan makanan pada beberapa restoran di kota Palembang.

1.5 Manfaat Penulisan

Manfaat yang diharapkan dari penyusunan Tugas Akhir ini adalah sebagai berikut:

a. Bagi Penulis

Sebagai sarana untuk menerapkan pengetahuan yang diperoleh selama menempuh pendidikan dan sebagai media pembelajaran dalam menyelesaikan masalah dalam masyarakat dengan merancang suatu aplikasi sistem informasi yang memiliki daya guna yang sesuai.

(20)

b. Bagi akademik

Laporan Tugas Akhir ini dapat dijadikan sebagai sarana tambahan referensi di perpustakaan Universitas Sriwijaya mengenai permasalahan yang terkait dengan penulisan Tugas Akhir ini.

c. Bagi pengguna

Hasil Penulisan Tugas Akhir ini diharapkan dapat memberikan kemudahan bagi pelaku usaha dan pengguna aplikasi promosi dan pemesanan makanan berbasis mobile di kota Palembang secara efektif dan tepat guna.

1.6 Sistematika Penulisan

Tugas Akhir ini terdiri dari lima bab dengan sistematika penulisan sebagai berikut:

BAB I PENDAHULUAN

Bab ini berisi tentang deskripsi umum isi skripsi meliputi latar belakang, rumusan masalah, batasan masalah, manfaat penulisan, tujuan penulisan, metode penelitian dan sistematika penulisan.

BAB II TINJAUAN PUSTAKA

Bab ini berisi tentang dasar-dasar teori yang menjadi landasan dan mendasari penulisan ini yang mendukung penyusunan tugas akhir ini sesuai dengan judul yang diambil.

BAB III METODOLOGI

Bab ini berisi tentang metode pengembangan untuk merancang sistem dan metode penulisan.

BAB IV PERANCANGAN

Bab ini berisi tentang perancangan sistem yaitu penerapan dari metode pengembangan dan metode penulisan yang digunakan.

(21)

BAB V KESIMPULAN DAN SARAN

Bab ini berisi tentang analisa, kesimpulan dan saran penulis dari sistem yang dibuat.

(22)

DAFTAR PUSTAKA

[1]Al-Bahra bin Ladjamudin.2005. Analisis dan Desain Sistem Informasi. Yogyakarta : Graha Ilmu.

[2]Adi Nugroho.2004. Konsep Pengembangan Basis Data. Bandung: Informatika Bandung.

[3]Basu, Swastha. 2007.Pengantar Bisnis Modern, Edisi ketiga, Cet ke-11,Yogyakarta:Liberty Yogyakarta.

[4]Oetomo, B. S. D. & Santoso, S., 2015. Pengaruh Web Dalam Komunikasi

Pemasaran Untuk Meningkatkan Perhatian dan Ketertarikan Konsumen Online. Jurnal EKSIS, 8 (2):94-106.

[5]Kennedy Jhon.E, R dermawan Soemanaraga. 2006. Marketing communication

Taktik & Strategi. Jakarta: PT. Buana ilmu Populer (Kelompok

Gramedia).

[6]Widodo, Massus Subekti.2006. Requirements Management pada Extreme

Programming. Jakarta : Universitas Negeri Jakarta.

[7]Widodo. 2008. Extreme Programming :Pengembangan Perangkat Lunak Semi

Formal.Konferensi dan Temu Nasional Teknologi Informasi dan

Komunikasi untuk Indonesia. Jakarta : Universitas Negeri Jakarta.

[8]Adi Nugroho. 2012. Rekayasa Perangkat Lunak (Buku Dua).Yogyakarta: ANDI.

[9]Kadir, Abdul. 2013. Pengantar Teknologi Informasi Edisi Revisi. Yogyakarta: ANDI.

[10]Setyawan, Antonius Hendri, Kodrat Imam Santoso, dan R. Rizal Isnanto. 2016. Perancangan Aplikasi Sistem Presensi Mahasiswa Menggunakan

Qr Code Pada Sistem Operasi Android. Universitas Diponegoro

Semarang. Vol 2. No. 3.

[11]Krisianto, Andy. 2012. Panduan cPanel Web Hosting. Jakarta: Elex Media Komputindo.

[12]Enterprise, Jubilee. 2015. Mengenal Dasar-Dasar Pemprograman. Jakarta: Elex Media Komputindo.

[13]Winarmo, Edy & Ali Zaki. 2014. Pemprograman Web Berbasis HTML5,

(23)

[14]Yudhanto, Yuhdo. 2018. Panduan Mudah Belajar Framework. Jakarta: Elex Media Komputindo.

[15]Rahmawati. 2017. CodeIgniter Web Framework. Yogyakarta: ANDI.

[16]Abdulloh, Rohi. 2018. Mudah Membaut Aplikasi Android Demngan Ionic 3. Jakarta: Elex Media Komputindo.

[17]Setyawan, Antonius Hendri, Kodrat Iman Santoso, dan R. Rizal Isnanto. 2016. Perancangan Aplikasi Sistem Menggunakan QR Code Pada Sistem

Operasi Android. Universitas Diponegoro Semarang. Vol 2. No. 3.

[18]Nugraha, M. P. 2011. Pengembangan Aplikasi QR Code Generator dan QR

Code Reader dari Data Berbentuk Image. Institut Teknologi Bandung.

Vol 1. No. 2.

[19]Kroenke, David M. 2005. Dasar-dasar, Desain, dan Implementasi Database

Processing. Jakarta: Erlangga.

[20]Huda, Miftakhul. 2006. Membuat Aplikasi Database dengan Java, MySQL

dan Netbeans. Jakarta: Elex Media Komputindo.

[21]Warren, Emily. 2016. Visual Studio Code 2016 Essential. New York: Cratespace Independent.

[22] Williams, L. 2006. Testing Overview and Black-Box Testing Techniques. Jakarta: Rajawali Pers.

[23] Syahrizal, Melwin. 2016. Pengantar Jaringan Komputer. Yogyakarta: ANDI.

(24)

(25)

(26)

(27)

(28)

(29)

(30)

Kodingan Untuk Pemanggilan Data <?php

if (!defined('BASEPATH'))

exit('No direct script access allowed'); class m_api extends CI_Model {

public $table;

function __construct() { parent::__construct(); }

public function get_akun() {

return $this->table = 'akun_pelanggan'; }

public function get_menu() {

return $this->table = 'makanan'; }

public function get_toko() { return $this->table = 'toko'; }

public function get_prediksi() {

return $this->table = 'peserta_perdana'; }

public function get_bioprediksi() {

return $this->table = 'biodata_peserta_perdana'; }

function login($username, $password) { $table = $this->get_akun(); $this->db->select('aktivasi'); $this->db->select('token'); $this->db->select('id_pelanggan'); $this->db->select('nama'); $this->db->from($table); $this->db->where('email', $username);

(31)

$this->db->where('password', $password); $query = $this->db->get(); $result = $query->result_array(); if ($result != null) { return $result; } else { return false; } }

function saveToken($username, $now) {

$data = array('token' => md5($username . $now)); $this->db->where('email', $username);

$update = $this->db->update('akun_pelanggan', $data); return $update;

}

function log_out($token, $nullToken) { $data = array('token' => $nullToken); $this->db->where('token', $token);

$update = $this->db->update('akun_pelanggan', $data); return $update; } function checkEmail($email) { $this->db->select('id_pelanggan'); $this->db->from('akun_pelanggan'); $this->db->where('email', $email); $query = $this->db->get(); $result = $query->result(); if ($result == null) { return true; } else { return false; } }

public function daftar($data_member) {

$save = $this->db->insert('akun_pelanggan', $data_member); if ($save) {

return true; } else { return false;

(32)

} }

public function getNama($email) { $tabel = 'akun_pelanggan'; $this->db->select('nama'); $this->db->select('token'); $this->db->select('email_aktivasi'); $this->db->where('email', $email); $this->db->from($tabel); $result = $this->db->get(); $data = $result->result_array(); if ($data != null) { return $data; } else { return false; } }

public function getIklan() { $tabel = 'anaksma_foto'; $this->db->select('*'); $this->db->where('status', 1); $this->db->from($tabel); $this->db->order_by('id', 'RANDOM'); $this->db->limit(1); $result = $this->db->get(); $data = $result->result_array(); if ($data != null) { return $data; } else { return false; } }

public function getId($token) { $tabel = 'akun_pelanggan';

$this->db->select('id_pelanggan'); $this->db->where('token', $token); $this->db->from($tabel);

(33)

$result = $this->db->get(); $data = $result->result_array(); if ($data != null) { return $data; } else { return false; } }

public function checkLupaPassword($email) { $tabel = 'akun_pelanggan'; $this->db->select('nama'); $this->db->select('password'); $this->db->select('email_lupaPass'); $this->db->select('token'); $this->db->where('email', $email); $this->db->from($tabel); $result = $this->db->get(); $data = $result->result_array(); if ($data != null) { return $data; } else { return false; } }

public function update($data, $token) { $tabel = 'akun_pelanggan';

$this->db->where('token', $token);

$update = $this->db->update($tabel, $data); if ($update) { return true; } else { return false; } } function checkMember($token) { $table = $this->get_akun(); $this->db->select('id_pelanggan'); $this->db->from($table);

(34)

$this->db->where('token', $token); $query = $this->db->get(); $result = $query->result_array(); if ($result != null) { return $result; } else { return NULL; } }

public function tokoBy($id_toko,$start) { $table = $this->get_menu(); $this->db->select('*'); $this->db->from('makanan'); $this->db->limit(10, $start); $this->db->where('id_toko', $id_toko); $result = $this->db->get(); return $result->result_array(); }

public function alltoko() { $table = $this->get_toko(); $this->db->select('*'); $this->db->from($table);

(35)

$this->db->limit(9,0); //9? limit yg bakal tampil di halaman utama adl terbatas di 9 restoran saja

$result = $this->db->get(); return $result->result_array(); }

public function updateqr($id_kursi,$id_pelanggan){

$x=$this->db->query("UPDATE pesanan SET id_kursi = $id_kursi WHERE id_kursi is null and id_pelanggan= $id_pelanggan and status = 0");

if($x){ return TRUE; }else{ return FALSE; } }

public function alltokokito() { $table = $this->get_toko(); $this->db->select('*'); $this->db->from($table); $this->db->order_by('id_toko', 'DESC'); $result = $this->db->get(); return $result->result_array(); }

public function test($start) { $this->db->select('*'); $this->db->where('harga_promo >', 0); $this->db->from('makanan'); $this->db->order_by('id_makanan', 'DESC'); $this->db->limit(10, $start); $result = $this->db->get(); return $result->result_array(); }

public function allmenu($start) { $this->db->select('*');

$this->db->where('harga_promo >', 0); $this->db->from('makanan');

$this->db->join('toko', 'makanan.id_toko = toko.id_toko'); $this->db->order_by('id_makanan', 'DESC');

(36)

$result = $this->db->get(); return $result->result_array(); }

public function kirimkan($x) { $this->db->insert('pesanan',$x);

}

public function cek_id_kursi_ado_dak($id_kursi) {

return $this->db->query("SELECT id_kursi from kursi where id_kursi = $id_kursi ");

}

public function cek_kesediaan_kursi($id_kursi) {

return $this->db->query("SELECT id_kursi,status from kursi where id_kursi= $id_kursi AND (status = 2 or status = 1) ");

}

public function update_kursi_ke_1($id_kursi){

return $this->db->query("UPDATE `kursi` SET `status` = '1' WHERE `kursi`.`id_kursi` = $id_kursi");

} }

(37)

Kodingan Untuk Tampilan Home <!DOCTYPE html>

type="text/css" media="all" />

Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />

window.scrollTo(0,1); } </script>   <link href='//fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,6 00,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>

$(document).ready(function () { var mySelect = $('#first-disabled2'); $('#special').on('click', function () { mySelect.find('option:selected').prop('disabled', true); mySelect.selectpicker('refresh'); }); $('#special2').on('click', function () { mySelect.find('option:disabled').prop('disabled', false);

(38)

mySelect.selectpicker('refresh'); }); $('#basic2').selectpicker({ liveSearch: true, maxOptions: 1 }); }); </script>

$( document ).ready( function() { $( '.uls-trigger' ).uls( {

onSelect : function( language ) { var languageName = $.uls.data.getAutonym( language );

$( '.uls-trigger' ).text( languageName );

},

quickList: ['en', 'hi', 'he', 'ml', 'ta', 'fr'] //FIXME } ); } ); </script> </head> <body>  <section>

(39)

<img width="300px" height="300px" src="<?php echo base_url();?>asset/gambar/pake.png" alt=""> </a></center> <div class="sign-in-form"> <div class="signin"> <div class="signin-rit"> <div class="clearfix"> </div> </div>

<form method="post" action="<?php echo base_url();?>home/logining"> <div class="modal-body"> <div class="form-horizontal" > <div class="form-group"> </div> <div class="clearfix"></div> </div> </div> <div class="log-input"> <div class="log-input-center">

</div> <div class="clearfix"> </div> </div> <div class="log-input"> <div class="log-input-center"> <input name="password" type="password" class="lock" placeholder="password" required />

(40)

</div> <div class="clearfix"> </div> </div> <input type="submit" value="Log in"> </form> </div> <div class="diff">

</div>

</div> </div>

</footer> </section>

</body> </html>

(41)

Kodingan Untuk Tampilan Admin <!DOCTYPE html>

type="text/css" media="all" />

$(document).ready(function () { var mySelect = $('#first-disabled2'); $('#special').on('click', function () {

mySelect.find('option:selected').prop('disabled', true); mySelect.selectpicker('refresh');

(42)

$('#special2').on('click', function () { mySelect.find('option:disabled').prop('disabled', false); mySelect.selectpicker('refresh'); }); $('#basic2').selectpicker({ liveSearch: true, maxOptions: 1 }); }); </script>

},

quickList: ['en', 'hi', 'he', 'ml', 'ta', 'fr'] //FIXME

} ); } );

</script>

(43)

<img width="200px" height="60px" src="<?php echo base_url();?>asset/gambar/logo.png" alt="">

</div>

<a class="account" href="<?php echo base_url();?>home/logout">Log Out</a>  </div> </div> </div>

<a href="<?php echo

base_url();?>halaman_admin/tambah_toko"> <div class="col-md-3 app-bottom-grid">

<i class="fa fa-plus"></i> <h3>Tambah restaurant</h3>

<p>masukkan nama restaurant baru mitra anda di form ini</p>

</div></a>

<a href="<?php echo

base_url();?>halaman_admin/lihat_toko"><div class="col-md-3 app-bottom-grid">

<i class="fa fa-search"></i> <h3>lihat restaurant</h3>

<p>lihat restaurant mitra anda dan tambahkan menu makanannya</p>

</div></a>

<div class="col-md-3 app-bottom-grid"> <i class="fa fa-bell-o"></i> <h3>NOTIFIKASI</h3> <p> <?php echo $this->session->flashdata('hasil'); ?></p>

</div><!--

<div class="col-md-3 app-bottom-grid"> <i class="fa fa-reply-all"></i> <h3>Get reply</h3>

(44)

<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece.</p>

</div>-->

</div> </div>

(45)

Kodingan Untuk Tampilan Restoran

<!DOCTYPE html> <html>

<head>

(46)

mySelect.selectpicker('refresh'); }); $('#special2').on('click', function () { mySelect.find('option:disabled').prop('disabled', false); mySelect.selectpicker('refresh'); }); $('#basic2').selectpicker({ liveSearch: true, maxOptions: 1 }); }); </script>

},

quickList: ['en', 'hi', 'he', 'ml', 'ta', 'fr'] //FIXME } ); } ); </script> </head> <body> <div class="header"> <div class="container"> <div class="logo">

(47)

</div>

<a class="account" href="<?php echo base_url();?>home/logout">log out</a>  </div> </div> </div> <br>  <div class="content"> <div class="categories"> <div class="container trend-ads">

<H2>tambahkan menu restaurant</H2> <?php

foreach ($data as $e)

{?>

<div class="col-md-3 focus-grid"> <a href="<?php echo base_url();

?>halaman_admin/lihat_menu?toko=<?php echo $e->nama_toko?>"> <div class="focus-border">

<div class="focus-image"><i class=""><img src="<?php echo base_url(); ?>gambar_toko/thumb/<?php echo $e->gambar_toko ?>"

height="80px" width="80px" ></i></div>

(48)

<?php }?> <div class="clearfix"></div> </div> </div> </div>

<footer>

(49)

Kodingan Untuk Tampilan Menu Makanan

<head>

mySelect.find('option:selected').prop('disabled', true); mySelect.selectpicker('refresh');

(50)

$('#special2').on('click', function () { mySelect.find('option:disabled').prop('disabled', false); mySelect.selectpicker('refresh'); }); $('#basic2').selectpicker({ liveSearch: true, maxOptions: 1 }); }); </script>

},

quickList: ['en', 'hi', 'he', 'ml', 'ta', 'fr'] //FIXME

} ); } );

</script>

$(document).ready(function () { var elem=$('#container ul');

$('#viewcontrols a').on('click',function(e) { if ($(this).hasClass('gridview')) {

(51)

$('#container ul').removeClass('list').addClass('grid'); $('#viewcontrols').removeClass('view-controls-list').addClass('view-controls-grid'); $('#viewcontrols .gridview').addClass('active'); $('#viewcontrols .listview').removeClass('active'); elem.fadeIn(1000); }); } else if($(this).hasClass('listview')) { elem.fadeOut(1000, function () { $('#container ul').removeClass('grid').addClass('list'); $('#viewcontrols').removeClass('view-controls-grid').addClass('view-controls-list'); $('#viewcontrols .gridview').removeClass('active'); $('#viewcontrols .listview').addClass('active'); elem.fadeIn(1000); }); } }); }); </script> </head> <body> <div class="header"> <div class="container"> <div class="logo">

</div>

<div class="header-right"> <a class="account" href="<?php echo base_url();?>home/logout">log out</a>  </div> </div> </div>

(52)

</a> </li> </ul>

(53)

<h5 class="title"> <?php echo $wowo->nama_makanan; ?> </h5>

<span class="adprice"> jumlah <?php echo $wowo->jumlah ?> </span>

<h5 class="title">pesanan dari <?php echo $wowo->nama; ?> </h5> </section> <section class="list-right"> </section> <div class="clearfix"></div> </li> </ul> <?php } ?> </div> </div> </div>

<div class="submit-ad main-grid-border"> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div> </div> <div class="container"> <div class="post-ad-form"> <div class="personal-details"> <form action="<?php echo

(54)

<div class="footer-logo"> <a href="<?php echo base_url();?>index.html"><span>Re</span>sale</a>

</div>

W3layouts</a></p> </div> <div class="clearfix"></div> </div> </div> </footer>

</body>

(55)

Kodingan Untuk Tampilan Member

<head>

(56)

mySelect.selectpicker('refresh'); }); $('#special2').on('click', function () { mySelect.find('option:disabled').prop('disabled', false); mySelect.selectpicker('refresh'); }); $('#basic2').selectpicker({ liveSearch: true, maxOptions: 1 }); }); </script>

},

quickList: ['en', 'hi', 'he', 'ml', 'ta', 'fr'] //FIXME } ); } ); </script> </head> <body> <div class="header"> <div class="container"> <div class="logo">

(57)

</div>

<a class="account" href="<?php echo base_url();?>home/logout">log out</a>  </div> </div> </div> <br> <div class="trend-ads"> <h2>Selamat

datang <?php echo $this->session->userdata("nama"); ?> sebagai <?php echo $this->session->userdata("hak_pemakai");?> di halaman APOF restoran <?php echo $this->session->userdata("nama_toko"); ?></h2> </div>  <div class="content"> <div class="categories"> <div class="container"> <?php foreach ($data as $x) { $eaa = $this->session->userdata("hak_pemakai"); if($eaa == 'chef'){ $apa='1'; } else { $apa='2'; } $ea = $x->status;?>

<div class="col-md-2 focus-grid"> <?php if($ea == $apa){?> <a href="<?php echo

base_url();?>home/<?php $eaa = $this->session->userdata("hak_pemakai"); if($eaa == 'chef'){

echo 'menunggu_diantar'; } else {

echo 'print_bayaran';

}?>?id_kursi=<?php echo $x->id_kursi?>"> <?php } else {

} ?>

(58)

<div class="focus-image" ><i style="<?php switch ($ea) { case 2: ?> background: #e22838;<?php break; case 1: ?> background: #ecf124;<?php break; case 0 :?> background: #34d432; <?php break; } ?>" class="fa" ></i></div> <h4 class="clrchg"> meja <?php echo $x->kursi_ke?>

<?php

switch ($ea) { case 2:

?> <?php if($eaa == 'chef'){ echo "di isi";

} else {

echo 'print struk'; }?><?php break; case 1: ?> menunggu makanan <?php break; case 0 :?> kosong <?php break; }?> </h4> </div> </div> </a> </div> <?php }?>

(59)

</div>

<p> © 2019 APOF. All Rights Reserved</p> </div> <div class="clearfix"></div> </div> </div> </footer>  </body> <script type="text/javascript"> setTimeout(function(){ location.reload(); },30000); </script> </html>