Oleh :
Fauzi
NIM : 1795114024
i
KATA PENGANTAR
Puji syukur atas kehadirat Allah SWT yang telah melimpahkan rahmat dan
hidayah-Nya yang telah memberikan banyak kesempatan, sehingga kami dapat
menyelesaikan laporan PI (Praktek Industri) dengan baik.
Laporan ini disusun untuk melengkapi salah satu persyarat dalam
menyelesaikan PI (Praktek Industri) bagi mahasiswa Fakultas Teknologi
Informasi, Program Studi S1 Teknik Informatika dalam meningkatkan peran serta
mahasiswa. Dalam penyusunan laporan ini, kami menyadari sepenuhnya bahwa
selesainya laporan PI (Praktek Industri) ini tidak terlepas dari dukungan,
semangat, serta bimbingan dari berbagai pihak, baik bersifat moral maupun
materi, oleh karena-
Nya, kami ingin menyampaikan ucapan terima kasih antara lain kepada :
1. Allah SWT atas segala Rahmat dan Hidayah-Nya, serta Nabi Muhammad
SAW yang selalu jadi panutan terbaik baik penyusun.
2. Bapak Dedy Rahman Prehanto S.Kom., M.Kom., selaku Dekan Fakultas
Teknologi Informasi, Universitas Hasyim Asy’ari.
3. I Gusti Lanang Putra Eka P, S.Kom, M.Kom. Dan Ibu Arbiati Faizah,
S.Kom,M.Kom. selaku Dosen pembimbing lapangan Fakultas Tekhnologi
Informasi Universitas Hasyim Asy’ari.
4. Bapak I G L Putra Eka Prismana, S.Kom, M.Kom , selaku Dosen Pembimbing
Lapangan 1.
5. Bapak Ramadhan Cakra Wibawa, S,Pd, M.Kom. selaku Dosen Pembimbing
Lapangan 2.
Penyusunan Laporan PI (Praktek Industri) ini disusun dengan sebaik-baiknya,
namun masih terdapat kekurangan didalam penyusunan laporan (Praktek Industri)
ini, oleh karena itu saran dan kritik yang sifatnya membangun dari semua pihak
diharapkan, tak lupa harapan kami nantinya laporan PI (Praktek Industri) bisa
bermanfaat bagi pembaca serta dapat menambah ilmu pengetahuan bagi kami.
Jombang, 25 September 2020
Penyusun
ii
DAFTAR ISI
LEMBAR PENGESAHAN...............................................................................................i
KATA PENGANTAR......................................................................................................ii
DAFTAR ISI....................................................................................................................iii
DAFTAR GAMBAR........................................................................................................v
DAFTAR LAMPIRAN....................................................................................................vi
BAB I PENDAHULUAN................................................................................................1
1.1. Latar Belakang.................................................................................................1
1.2. Rumusan Masalah............................................................................................2
1.3. Tujuan...............................................................................................................2
1.4. Batasan Masalah..............................................................................................2
1.5. Manfaat.............................................................................................................2
BAB II KAJIAN PUSTAKA..........................................................................................3
2.1. Rumah Makan...................................................................................................3
2.2. Qr-Code.............................................................................................................3
2.3. Definisi Perancangan.......................................................................................4
2.4. Definisi Aplikasi................................................................................................4
2.5. Definisi Web......................................................................................................5
BAB III PEMBAHASAN................................................................................................6
3.1. PEMBAHASAN...............................................................................................6
3.1.1. Alur Sistem................................................................................................6
3.1.2. Rancangan Program Pemesanan Makanan.........................................13
A. Admin..................................................................................................................13
1. Halaman Login...............................................................................................13
2. Halaman Index...............................................................................................13
3. Halaman Data Produk...................................................................................14
4. Halaman Tambah Produk.............................................................................15
5. Halaman Ubah Produk..................................................................................16
6. Halaman Data Pelanggan..............................................................................17
7. Halaman Pesanan...........................................................................................17
8. Halaman Konfirmasi Pesanan.......................................................................18
9. Halaman Laporan Pesanan...........................................................................18
B. Pelanggan............................................................................................................19
iii
1. Halaman Login...............................................................................................19
2. Halaman Register...........................................................................................19
3. Halaman Index...............................................................................................20
4. Halaman Kategori..........................................................................................20
5. Halaman Detail Menu....................................................................................21
6. Halaman Keranjang.......................................................................................22
7. Halaman Order..............................................................................................23
8. Halaman Nota.................................................................................................24
9. Halaman Riwayat Belanja.............................................................................25
BAB IV KESIMPULAN DAN SARAN.......................................................................26
4.1. Kesimpulan.....................................................................................................26
4.2. Saran...............................................................................................................26
BAB V DAFTAR PUSTAKA.......................................................................................27
5.1. DAFTAR PUSTAKA..........................................................................................27
DAFTAR LAMPIRAN..................................................................................................28
iv
DAFTAR GAMBAR
Gambar 3. 1. Flowchart Admin..........................................................................................7
Gambar 3. 2. Flowchart menu Produk Admin....................................................................8
Gambar 3. 3. Flowchart menu Pelanggan Admin...............................................................9
Gambar 3. 4. Flowchart menu Pesanan Admin................................................................10
Gambar 3. 5. Flowchart menu Laporan Pesanan Admin..................................................11
Gambar 3. 6. Flowchart Pembeli......................................................................................12
Gambar 3. 7. Halaman Login Admin...............................................................................13
Gambar 3. 8. Halaman Index Admin................................................................................14
Gambar 3. 9. Halaman Data Produk Admin.....................................................................14
Gambar 3. 10. Halaman Tambah Produk Admin............................................................15
Gambar 3. 11. Halaman Ubah Produk Admin..................................................................16
Gambar 3. 12. Halaman Data Pelanggan Admin..............................................................17
Gambar 3. 13. Halaman Pesanan Admin..........................................................................17
Gambar 3. 14. Halaman Konfirmasi Pesanan Admin.....................................................18
Gambar 3. 15. Halaman Laporan Pesanan Admin............................................................18
Gambar 3. 16. Halaman Login Toko................................................................................19
Gambar 3. 17. Halaman Register Toko............................................................................19
Gambar 3. 18. Halaman Index Toko................................................................................20
Gambar 3. 19. Halaman Kategori Toko...........................................................................20
Gambar 3. 20. Halaman Detail Menu Toko....................................................................21
Gambar 3. 21. Halaman Keranjang Toko.........................................................................22
Gambar 3. 22. Halaman Order Toko................................................................................23
Gambar 3. 23. Halaman Nota Toko..................................................................................24
Gambar 3. 24. Halaman Riwayat Pesanan Toko..............................................................25
v
DAFTAR LAMPIRAN
Lampiran 1. Kartu Bimbingan Dosen Pembimbing I.......................................................28
Lampiran 2. Kartu Bimbingan Dosen Pembimbing II......................................................29
Lampiran 3. Lembar Persetujuan Dosen Pembimbing I...................................................30
Lampiran 4. Lembar Persetujuan Dosen Pembimbing II..................................................31
Lampiran 5. Form Revisi I...............................................................................................32
Lampiran 6. Form Revisi II..............................................................................................33
Lampiran 7. Hasil Cetak Laporan....................................................................................34
Lampiran 8. Foto Dokumentasi........................................................................................35
vi
BAB I
PENDAHULUAN
Pada saat ini kondisi dunia sedang dikacaukan dengan Covid-19 sehingga
membuat semua aktivitas mengalami gangguan karena adanya pandemi ini
terutama sektor jual beli makanan, dimana kita harus menjaga jarak, serta
mematuhi protokol kesehatan agar tidak tertular oleh virus Covid-19 ini. Sehingga
aktivitas yang kita jalankan tidak berjalan dengan normal sepenuhnya terutama
sektor jual beli makanan pada rumah makan yang harus tetap memperhatikan serta
menjalankan protocol kesehatan agar pengunjung tetap aman dan nyaman ketika
makan dalam rumah makan tersebut.
Karena itu di butuhkan solusi agar sektor jual beli makanan menjadi lebih
aman dan nyaman meskipun di masa pandemi saat ini, yang memungkinkan
pembeli agar tidak perlu memegang buku menu makanan yang tersedia pada
rumah makan tersebut, ataupun harus mengantri saat pemesanan makanan dimana
biasanya mengantri akan membuat orang-orang berdesak-desakan dan melanggar
protokol kesehatan yang berlaku di masa pandemi ini. Oleh karena itu
diciptakannya aplikasi pemesanan makanan menggunakan QR-Code yang
memungkinkan pembeli menghindari kejadian yang telah disebutkan diatas.
1
1.2. Rumusan Masalah
Adapun yang menjadi rumusan masalah dalam penulisan laporan praktik
industry ini adalah :
1. Bagaimana membuat Aplikasi Pemesanan Makanan Menggunakan Qr-
Code.
2. Bagaimana Impelentasi Aplikasi Pemesanan Makanan Menggunakan Qr-
Code.
1.3. Tujuan
Untuk membuat Aplikasi Pemesanan Makanan Menggunakan Qr-Code.
1. Mengetahui membuat Aplikasi Pemesanan Makanan Menggunakan Qr-
Code
2. Mengetahui Implementasi Aplikasi Pemesanan Makanan Menggunakan
Qr- Code.
1.5. Manfaat
Adapun manfaat dari praktik industri ini adalah :
a. Menerapkan pelajaran yang didapat dari kampus ke dunia nyata yakni dunia
kerja.
b. Mampu mencari alternatif pencerahan masalah di dunia karena pandemi
sesuai dengan ilmu yang didapat dari kampus.
c. Mampu menimalisir Antrean dalam Pemesanan Makanan dan
meminimalisir kontak tangan dengan buku menu dari rumah makan.
2
BAB II
KAJIAN PUSTAKA
3
2.3. Definisi Perancangan
Menurut (Dengen & Hatta, 2009) perancangan atau desain
didefinisikan sebagai proses aplikasi berbagai teknik dan prinsip bagi tujuan
pendefinisian suatu perangkat, suatu proses atau sistem dalam detail yang
memadai untuk memungkinkan realisasi fisiknya.
Menurut (Cahyaningtyas & Iriyani, 2015) perancangan adalah suatu
proses pemilihan dan pemikiran yang menghubungkan fakta-fakta
berdasarkan asumsi-asumsi yang berkaitan dengan masa depan datang dengan
menggambarkan dan merumuskan kegiatan-kegiatan tertentu yang diyakini
diperlukan untuk mencapai tujuan-tujuan tertentu dan menguraikan
bagaimana pencapaiannya.
Dari beberapa pengertian perancangan diatas dapat ditarik kesimpulan
bahwa perancangan merupakan sekumpulan kegiatan, aktivitas dan proses
yang saling berkaitan untuk merancang suatu sistem agar sistem tersebut
sesuai dengan fungsi yang diharapkan.
4
2.5. Definisi Web
Menurut (Destiningrum & Adrian, 2017) Website adalah : “Web dapat
diartikan sebagai kumpulan halaman yang menampilkan informasi data teks,
data gambar, data animasi, suara, video dan gabungan dari semuanya, baik
yang bersifat statis maupun dinamis yang membentuk satu rangkaian
bangunan yang saling terkait, dimana masing-masing dihubungkan dengan
jaringan- jaringan halaman (hyperlink)”.
Menurut (Novendri, Saputra, & Firman, 2019) Pengertian Web atau
Situs Website dapat diartikan sebagai kumpulan halaman-halaman yang
digunakan untuk menampilkan informasi, teks, gambar diam atau bergerak,
animasi, suara, dan atau gabungan dari semuanya itu, baik yang bersifat statis
maupun dinamis yang membentuk satu rangkaian bangunan yang saling
berkait dimana masing-masing dihubungkan dengan jaringan-jaringan
halaman/hyperlink.
Menurut (Sanjaya & Hesinto, 2017) “bootstrap merupakan salah satu
framework HTML, CSS, Dan JS yang digunakan untuk membuat website
yang bersifat responsive atau bisa menyesuaikan tampilan layout nya
berdasarkan ukuran viewport dari device pengaksesnya, mulai dari
smartphone, tablet, maupun layar PC”.
Berdasarkan definisi tersebut, penulis menyimpulkan bahwa web
adalah Sebuah kumpulan halaman yang menampilkan data, baik itu gambar,
video, maupun suara yang bersifat dinamis serta responsive secara tampilan
dan terkoneksi dengan jaringan internet.
5
BAB III
PEMBAHASAN
3.1. PEMBAHASAN
3.1.1. Alur Sistem
Alur pada aplikasi ini terbagi menjadi 2 (dua) bagian, yaitu Admin
dan Pembeli. Pertama Admin harus login dengan memasukkan email dan
password untuk masuk ke dalam sistem, dan berhak melakukan pengolahan
data produk, data pelanggan, data pesanan dan data laporan pembelian
sehingga data-data tersebut dapat saling berhubungan. Setelah itu di dalam
data produk, admin dapat menambahkan produk yang baru ataupun
merubah dan mengedit produk sesuai kebijakan dari rumah makan tersebut.
Lalu dalam data produk, admin dapat menghapus data pelanggan apabila
data pelanggan tersebut sudah tidak valid. Lalu dalam data pesanan, admin
dapat mengkonfirmasi pesanan dari pelanggan apabila ada pesanan.
Sedangkan dalam data laporan pesanan, admin dapat melihat data laporan
pembelian sesuai dengan tanggal yang diinginkan.
Kemudian pembeli harus registrasi dengan melengkapi data
pendaftaran Kemudian pembeli login dengan memasukkan email dan
password untuk masuk ke dalam sistem, Ketika halaman setelah login
terbuka, pembeli akan melihat tampilan menu makanan yang tersedia dan
memilih produk mana yang sesuai dengan keinginannya lalu dimasukkan
dalam keranjang. Di dalam halaman keranjang, pembeli dapat melakukan
hapus produk yang telah dipilih dan apabila sudah yakin maka akan
melanjutkan ke sesi order, Di dalam halaman order pembeli dapat
memasukkan nomor meja, tipe makan dan catatan apabila diperlukan dan
ketika sudah yakin maka konfirmasi pesanan dan pesanan akan diterima
oleh admin dan pembeli harus membayar pesanannya kepada kasir agar
admin dapat menyelesaikan pesanan.
6
Gambar 3. 1. Flowchart Admin
7
Gambar 3. 2. Flowchart menu Produk Admin
8
Gambar 3. 3. Flowchart menu Pelanggan Admin
9
Gambar 3. 4. Flowchart menu Pesanan Admin
Pada proses menu Pesanan, admin terlebih dahulu memasuki menu
Pesanan, setelah berhasil maka admin dapat melihat data pesanan, jika ada
pesanan maka admin dapat mengkonfirmasi pesanan dan dapat mengkonfirmasi
pesanan kepada juru masak.
1
Gambar 3. 5. Flowchart menu Laporan Pesanan Admin
1
Gambar 3. 6. Flowchart Pembeli
1
3.1.2. Rancangan Program Pemesanan Makanan
A. Admin
1. Halaman Login
Halaman login adalah halaman yang pertama kali muncul saat mengakses
admin, dengan memasukkan email dan password maka admin bisa memasuki
dan mengakses menu di admin.
2. Halaman Index
Halaman index merupakan halaman yang di akses setelah berhasil login,
dihalaman ini admin akan bisa melakukan aktivitas seperti, mengolah data
menu, data pelanggan, pesanan, dan data laporan.
1
Gambar 3. 8. Halaman Index Admin
1
4. Halaman Tambah Produk
Halaman Tambah Produk merupakan halaman pada Data Produk pada
admin yang memungkinkan admin menambah data pada Data Produk. Data
dapat ditambah dengan mengisi form yang berisi nama produk, harga, stok, foto
produk, dan deskripsi produk. Jika semua telah diisi maka dengan menekan
tombol simpan maka data baru akan tersimpan.
1
5. Halaman Ubah Produk
Halaman Ubah Produk merupakan halaman pada Data Produk pada
Admin dan memungkinkan Admin dapat mengubah Data yang telah ada apabila
ada kesalahan pada data tersebut dengan mengubah bagian apa yang ingin
dirubah, bisa semuanya ataupun satu bagian saja seperti harganya saja.
1
6. Halaman Data Pelanggan
7. Halaman Pesanan
Halaman Pesanan merupakan halaman pada Admin dan memungkinkan
Admin dapat melihat apakah ada pesanan atau tidak. Jika ada pesanan maka
admin dapat mengkonfirmasi pesanan di button konfirmasi sedangkan jika
pesanan sudah dikonfirmasi oleh admin maka button konfirmasi akan hilang dan
berganti button detail yang berisikan nota pesanan.
1
8. Halaman Konfirmasi Pesanan
Halaman Konfirmasi Pesanan merupakan halaman pada Pesanan dan
memungkinkan Admin dapat mengkonfirmasi pesanan apabila ada pesanan, agar
Admin dapat memproses pesanan.
1
B. Pelanggan
1. Halaman Login
Halaman login adalah halaman yang pertama kali muncul saat mengakses
Toko, dengan memasukkan email dan password maka Pembeli dapat memasuki
dan mengakses menu di Toko.
2. Halaman Register
Halaman Register berisi form untuk pendaftaran sebagai Pembeli,
dengan mengisi nama, email, password dan no telp. Setelah mendaftarkan diri
maka calon pembeli baru akan mempunyai hak untuk melakukan aktivitas di
dalam Toko.
1
3. Halaman Index
Halaman index merupakan halaman yang di akses setelah berhasil login,
di halaman ini pembeli akan bisa melakukan aktivitas seperti, membeli makanan
yang tersedia, melihat keranjang, melihat riwayat belanja, mencari nama
makanan yang diinginkan,serta melihat detail dari menu tersebut.
4. Halaman Kategori
Halaman Kategori merupakan halaman yang ada pada Toko yang
menampilkan produk sesuai dengan kategori yang ada pada toko. Selain itu
pembeli juga dapat melakukan memilih langsung makanan yang ingin dipilih
dari kategori
2
5. Halaman Detail Menu
2
6. Halaman Keranjang
2
7. Halaman Order
Halaman data Order merupakan halaman pada Toko yang menampilkan dan
mengelola Pesanan lebih lanjut seperti, memilih nomor meja yang akan
ditempati, lalu opsi makan ditempat atau bungkus serta menambahkan catatan
apabila perlu. Jika sudah maka melanjutkan sesi Order maka akan menampilkan
nota pembelian.
2
8. Halaman Nota
Halaman Nota merupakan halaman pada Toko dan merupakan lanjutan dari
checkout yang menampilkan Nota Pembelian dari pelanggan yang sudah diinput
saat Order.
2
9. Halaman Riwayat Belanja
2
BAB IV
KESIMPULAN DAN SARAN
4.1. Kesimpulan
Adapun kesimpulan yang bisa diambil dari Perancangan Aplikasi
Pemesanan Makanan Berbasis Web Menggunakan Qr-Code ialah :
1. Perancangan Aplikasi Pemesanan Makanan Berbasis Web Menggunakan
Qr-Code berjalan dengan baik dan lancar tanpa ada hambatan.
2. Hasil dari Praktik Industri ini diharapkan dapat mempermudah
masyarakat dalam mematuhi protokol kesehatan saat ingin memesan
makanan baik itu dalam rumah makan maupun restoran.
3. Diharapkan menjadi inspirasi dan pembelajaran bagi pembaca dalam
menciptakan inovasi baru dalam teknologi khususnya di masa pandemi.
4.2. Saran
Adapun saran yang bisa diambil dari Perancangan Aplikasi Pemesanan
Makanan Berbasis Web Menggunakan Qr-Code ialah:
1. Perlu dilakukan pengembangan sistem yang lebih baik agar sistem
nantinya berkembang lebih bagus dan easy to use.
2. Perlunya dilakukan back-up data agar tidak terjadinya kerusakan
atau hilangnya data.
3. Perlunya dilakukan pengamanan agar website hanya bisa diakses
dalam area rumah makan saja.
2
BAB V
DAFTAR PUSTAKA
5.1. DAFTAR PUSTAKA
Cahyaningtyas, R., & Iriyani, S. (2015). Perancangan Sistem Informasi Perpustakaan Pada
Smp Negeri 3 Tulakan, Kecamatan Tulakan Kabupaten Pacitan. IJNS, 15-20.
Dengen, N., & Hatta, H. R. (2009). Perancangan Sistem Informasi Terpadu Pemerintah
Daerah Kabupaten Paser. Jurnal Informatika Mulawarman, 47-54.
lemford, g. (2020, Oktober 15). pengertian rumah makan. Retrieved from ILMU
PARIWISATA: http://tugaspariwisata.blogspot.com/2011/08/pengertian-rumah-
makan.html?m=1
Novendri, M. S., Saputra, A., & Firman, C. E. (2019). APLIKASI INVENTARIS BARANG PADA
MTS NURUL ISLAM DUMAI MENGGUNAKAN PHP DAN MYSQL . LENTERA DUMAI,
46-57.
Sanitadazira. (2020, Oktober 15). Teori Dasar Aplikasi Kasir Rumah Makan. Retrieved
from Belajar Pemrograman:
https://sanitadazira.wordpress.com/2018/11/10/teori-dasar-aplikasi-kasir-
rumah-makan/
Sanjaya, R., & Hesinto, S. (2017). RANCANG BANGUN WEBSITE PROFIL HOTEL AGUNG.
Jurnal Teknologi dan Informasi (JATI), 57-64.
Wijaya, A., & Gunawan, A. (2016). Penggunaan QR Code Sarana Penyampaian Promosi
Dan Informasi Kebun Binatang Berbasis Android. Jurnal Bianglala Infromatika,
16-21.
2
DAFTAR LAMPIRAN
2
Lampiran 2. Kartu Bimbingan Dosen Pembimbing II
2
Lampiran 3. Lembar Persetujuan Dosen Pembimbing I
3
Lampiran 4. Lembar Persetujuan Dosen Pembimbing II
3
Lampiran 5. Form Revisi I
3
Lampiran 6. Form Revisi II
3
Lampiran 7. Hasil Cetak Laporan
3
Lampiran 8. Foto Dokumentasi