Panduan Uji Kompetensi Kejuruan

Rekayasa Perangkat Lunak

Aplikasi Kasir Restoran berbasis Website

Langkah-langkah pembuatan aplikasi kasir restoran berbasis website.

Step 1 : Mengumpulkan data (dokumen, alur, gambar dan lainnya)
Data terkait kasir restoran yaitu : dokumen (struk dan menu dari restoran), gambar
(photo produk/menu, logo dan photo restoran)

Step 2 : Membuat perencanaan aplikasi dari data yang terkumpul

Membuat list yang dibutuhkan/perlu dibuat dalam pembuatan aplikasi kasir restoran.
- Halaman Login dengan Akses Multi User
- Halaman Kasir (Transaksi Penjualan)
- Halaman Admin (Master Data, Laporan, Transaksi)

Step 3 : Membuat desain tampilan aplikasi (UI/UX) dan basis datanya

Membuat konsep desain tampilan dari semua fitur pada aplikasi kasir restoran yang
sedang dibuat.
- Halaman Login
- Halaman Kasir
- Halaman Admin
- CRUD

Step 4 : Mengimplementasikan desain kedalam kode program yang akan digunakan

Merubah desain kedalam kode HTML dan CSS serta menggunakan beberapa
framework tertentu untuk mempermudah pengkodean.

Step 5 : Menambahkan fungsi/fitur yang sesuai dari konten yang sudah direncanakan
Menambahkan kode PHP dan lainnya yang digunakan untuk menyesuaikan fungsi
pada beberapa form input dan button yang sudah dibuat pada bagian tampilannya,
serta juga dibuat terkoneksi pada basis data.

Step 6 : Melakukan pengujian pada aplikasi

Aplikasi yang sudah selesai dikerjakan dilakukan pengujian apakah sudah sesuai
dengan kebutuhan atau apakah masih terjadi kesalahan pada aplikasi tersebut atau
bug.

PERSIAPAN ALAT DAN BAHAN

1. PC / Laptop
2. Text Editor (ATOM, Sublime Text, VSCode)
3. XAMPP
4. Bootstrap v4
5. Browser
 Langkah Pengkodean (Coding Step)

I. Membuat Login Multi User Level dengan PHP dan MySQLi

1. Membuat Database Multi User Level
Setelah melakukan persiapan, kita tidak akan langsung ke proses coding, yaitu persiapan
database. Maka dari itu, kita akan membuatnya terlebih dahulu.

a. Buat Database (misal : restoran);

b. Buat Tabel (misal: user, Buat 4 Kolom saja);
c. Contoh Struktur, pastikan sama ya;

Kode MySQLi:

Setelah selesai membuat database langkah selanjutnya adalah coding.

2. Langkah Pengkodean (Proses Coding)

a. Buat Koneksi
Agar data dari aplikasi dengan database bisa terhubung maka diperlukan sebuah kode
program yang dapat menghubungkan keduanya. Disini kita akan membuat koneksi
dengan metode define. Untuk scriptnya lihat dibawah:
Koneksi.php
b. Membuat Halaman Utama/index
Dalam pembuatan aplikasi restoran ini kita membuat halaman utama/index ini
menjadi halaman login. Berikut adalah script dari index.php

Dari script tersebut maka akan menghasilkan tampilan halaman utama yang seperti
berikut ini :
c. Membuat proses login/pemeriksaan user
Setelah selesai membuat tampilan halaman utama/login, langkah selanjutnya adalah
memberi fungsi terhadap button login/submit agar bisa melakukan pemeriksaan
bahwa user dan pasword yang dimasukan terdapat tidak dalam basisdata kita. Berikut
inilah script dari proses_login.php :
II. Membuat Halaman Admin
Tentukan terlebih dahulu fitur-fitur yang akan dimiliki oleh halaman admin sebagai
contoh disini halaman admin aplikasi kasir akan memiliki fitur dashboard, master (user, menu,
harga), laporan, logout.
1. Membuat dashbord admin
Disini kita akan membuat dashbord admin dengan menggunakan template Light
Bootstrap Dashbord, buat yang tertarik dengan dashbord menggunakan template yang berbeda
bisa coba download atau akses di www.creative-tim.com atau searching di google.