PAYMENT RESTAURANT
Diajukan sebagai syarat untuk mengikuti Ujian Praktik Pemrograman Web Dinamis
Di Susun Oleh
NIPD : 1617100338
Menyetujui
(…................................) (….................................)
Mengetahui
Syukur Alhamdulillah kami panjatkan kehadiran Allah SWT atas berkah rahmat, taufik
serta karunianya pembuatan jobsheet dapat saya selesaikan penyusunannya. Sholawat
dan salam semoga senantiasa tercurah atas nabi besar Muhammad SAW, keluarganya,
sahabatnya termasuk pengikutnya hingga akhir zaman.
1. Bapak Ramadin Tarigan, ST selaku kepala sekolah SMK Taruna Bhakti Depok
2. Bapak Puguh Rismadi Ismail,S kom selaku guru produktif dan kepala program RPL
yang memberikan materi,bimbingan sehingga saya dapat menyelesaikan jobsheet ini.
3. Semua rekan-rekan yang membantu saya dalam membuat jobsheet ini.
Saya menyadari bahwa jobsheet ini baik dari susunan kalimat maupun isinya masih
terdapat banyak kekurangan. Oleh karena itu saran dan kritik demi penyempurnaan
jobsheet ini sangat saya hargai. Akhirnya dengan mengharap banyak
petunjuk,bimbingan serta ridhonya mudah-mudahan jobsheet ini dapat memenuhi
fungsinya sebagaimana yang diharapkan. Amin.
Hormat Penyusun,
PENDAHULUAN
A. LATAR BELAKANG
Sebagai seorang pelajar IT kita harus memiliki pengetahuan dan skill yang tinggi. Dan
mampu menyelesaikan rumusan masalah dan tujuan tentang pembuatan sebuah aplikasi
payment restaurant sebagai syarat mengikuti Ujian Praktik Eksternal
ISI
Logout ✓ ✓ ✓ ✓ ✓
Registrasi ✓ ✓ ✓
Catalog menu ✓
Entri order ✓ ✓ ✓
Entri transaksi ✓ ✓
Generate laporan ✓ ✓ ✓ ✓
ii. Fitur Web Service (REST API) Tambahan Yang Dapat Di Kembangkan
Fitur administrator waiter kasir owner pelanggan
Menu
Catalog
Produk
Manager
Logout X X X X X
Entri order X X X
Entri X X
transaksi
Generate X X X X
laporan
Wallet/point X X X X X
History Order X X X
Catatan : Efisiensi baris program, kreativitas, atau inovasi akan dinilai lebih
oleh penguji
1. DFD
2. ERD
C. MOCK UP
Adapun tampilan aplikasi yang diimplementasikan dalam Mock Up aplikasi ini adalah
sebagai berikut :
1. Owner
Ini adalah halaman Dashboard Owner
2. Login
Ini adalah halaman Log In
3. Hasil Laporan
Ini adalah tampilan yang menyajikan / menampilkan laporan
4. Register
Ini adalah tampilan menu register
5. Dashboard Pelayan / Waiters – dapat mendaftarkan akun pelanggan dan melihat
data pesanan pelanggan
6. Dashboard Pelanggan
Ini adalah tampilan yang menampilkan daftar menu dan jumlah pesanan yang dipesan
serta akun pelanggan
7. Dashboard Admin
Ini adalah tampilan yang menampilkan tampilan yang dapat dilihat Administrator
use crud_db;
Pertama kita buat terlebih dahulu file database.sql kemudian kita impor file
<?php
/**
* using mysqli_connect for database connection
*/
$databaseHost = 'localhost';
$databaseName = 'crud_db';
$databaseUsername = 'root';
$databasePassword = '';
?>
File config.php menyimpan informasi tentang database host, username dan password.
Sebagian besar server lokal bekerja dengan detail yang diberikan.
Anda dapat mengubahnya sesuai dengan detail host dan database Anda.
Silahkan isi password sesuai dengan yang dibuat di servernya. Jika tidak menggunakan
passsword, maka isikan dengan String kosong saja.
$password = "";
<html>
<head>
<title>Homepage</title>
</head>
<body>
<a href="add.php">Add New User</a><br/><br/>
<tr>
<th>Name</th> <th>Mobile</th> <th>Email</th> <th>Update</th>
</tr>
<?php
while($user_data = mysqli_fetch_array($result)) {
echo "<tr>";
echo "<td>".$user_data['name']."</td>";
echo "<td>".$user_data['mobile']."</td>";
echo "<td>".$user_data['email']."</td>";
echo "<td><a href='edit.php?id=$user_data[id]'>Edit</a> | <a
href='delete.php?id=$user_data[id]'>
Delete</a></td></tr>";
}
?>
</table>
</body>
</html>
File index.php merupakan file utama yang menyertakan file konfigurasi untuk
koneksi database. Kemudian menampilkan semua daftar pengguna menggunakan
MySQL Select Query. Pengguna yang akan ditampilkan di dalam daftar perlu
menambahkan terlebih dahulu menggunakan tautan 'Tambahkan Pengguna Baru'.
<html>
<head>
<title>Add Users</title>
</head>
<body>
<a href="index.php">Go to Home</a>
<br/><br/>
<?php
<?php
// include database connection file
include_once("config.php");
// Check if form is submitted for user update, then redirect to homepage after
update
if(isset($_POST['update']))
{
$id = $_POST['id'];
$name=$_POST['name'];
$mobile=$_POST['mobile'];
$email=$_POST['email'];
while($user_data = mysqli_fetch_array($result))
{
$name = $user_data['name'];
$email = $user_data['email'];
$mobile = $user_data['mobile'];
}
?>
<html>
<head>
<title>Edit User Data</title>
</head>
<body>
<a href="index.php">Home</a>
<br/><br/>
Edit.php digunakan untuk mengedit / update data pengguna. Anda dapat mengubah
data pengguna dan memperbaruinya. File ini akan mengarahkan pengguna kembali
ke homepage, setelah update sukses.
<?php
// include database connection file
include_once("config.php");
// After delete redirect to Home, so that latest user list will be displayed.
header("Location:index.php");
?>
File delete.php hanya dipanggil saat kita klik link 'Delete' untuk pengguna manapun
yang dipilih.
E. STORED PROCEDURE
CREATE
[DEFINER = { user | CURRENT_USER }]
PROCEDURE sp_name (proc_parameter[,...])
[characteristic ...] routine_body
Keterangan :
Contoh Penggunaan
Berikut adalah contoh pembuatan dan penggunaan stored procedure untuk menghapus
data berdasarkan "kode produk" untuk tiga table yaitu table "ms_produk",
"ms_harga_harian", dan "tr_penjualan".
2. Buatlah satu stored procedure dengan nama HapusProduk, dengan satu argumen
yaitu kode_produk_param bertipe teks (varchar) dengan perintah berikut :
DELIMITER |
DELIMITER ;
3. Setelah selesai dieksekusi, pastikan stored procedure tersebut sudah terbentuk di
database kita.
4. Sebelum kita mengeksekusi stored procedure tersebut. Kita coba lihat hasil
query untuk produk "PROD-0000002" untuk ketiga table yang disebutkan di
atas. Ini untuk memastikan adanya row untuk produk tersebut.
5. Sekarang coba panggil stored procedure Hapus Produk dengan
parameter "PROD-0000002" dan tunggu beberapa saat sampai eksekusi selesai.
CALL HapusProduk('PROD-0000002');
6. Coba lakukan kembali perintah pada point no. 3 dan terlihat bahwa sudah tidak
terdapat data untuk produk "PROD-0000002" pada ketiga table tersebut.
7. Selesai
F. EXPORT DATA MYSQL Ke EXCEL
1. Pertama buat file data.php. File ini yang berisi query ke database untuk menampilkan
data-data yang sudah di dumping ke database tadi dalam bentuk tabel. Dan berikut ini
script didalam file data.php
<table border="1">
<tr>
<th>NO.</th>
<th>NAMA LENGKAP</th>
<th>KELAS</th>
<th>JURUSAN</th>
</tr>
<?php
//koneksi ke database
mysql_connect("localhost", "root", "root");
mysql_select_db("tutorialweb");
//query menampilkan data
$sql = mysql_query("SELECT * FROM siswa ORDER BY id ASC");
$no = 1;
while($data = mysql_fetch_assoc($sql)){
echo '
<tr>
<td>'.$no.'</td>
<td>'.$data['nama'].'</td>
<td>'.$data['kelas'].'</td>
<td>'.$data['jurusan'].'</td>
</tr>
';
$no++;
}
?>
</table>
2. Sangat sederhana sekali script di atas, dari file data.php ini kalau di buka di browser
akan menghasilkan tampilan tabel seperti di bawah ini:
Seperti gambar di atas, terdapat tabel dengan beberapa data yang sudah di dumping ke
Database. Data/tabel itulah yang akan di Export ke Excel.
3. Selanjutnya kita buat file index.php, file ini akan berisi script untuk meng-include-kan
file data.php dan akan ada satu tombol yang digunakan untuk meng-export data.
Berikut ini isi dari file index.php:
<?php
//memasukkan data dari file data.php
include('data.php');
?>
<p><a href="export.php"><button>Export Data ke Excel</button></a></p>
Seperti terlihat di atas, file data.php di include-kan di file index.php untuk mendapatkan
tampilan tabel seperti gambar pertama. Dan sebuah tombol yang ketika di klik akan
membuak file export.php, file export.php inilah yang akan melakukan proses export
data ke Excel.
Penjelasan kode ada script di atas, yang perlu diperhatikan adalah pada beris kode ke-
6 dan ke-9. baris ke-6 terdapat kode yang berguna untuk memberi nama file pada
dokumen excel ketika di download, disini diberi nama tutorialweb-export.xls.
Dan pada baris ke-9 berguna untuk memasukkan data yaitu hasil tampilan dari file
data.php.
Setelah tombol di klik, maka akan muncul jendela untuk menyimpan file excel. Dan
ketika dibuka file tersebut akan tampil seperti gambar di bawah ini:
Terlihat seperti gambar di atas, bahwa hasilnya sama seperti yang ditampilkan pada
saat dibuka di browser.
G. EXPORT DATA MYSQL Ke PDF
Keterangan
1. Jangan lupa memasukkan file yang telah Anda download tadi sesuai dengan lokasi
yang ada pada bagian include di bawah tag <!– Memanggil fungsi bawaan
HTML2PDF –>. Apabila tidak sesuai maka tidak akan jalan
2. Ukuran, jenis dan margin kertas ada pada bagian $html2pdf = new HTML2PDF(‘L’,
‘A4’, ‘en’, false, ‘UTF-8’, array(10, 10, 4, 10));
3. L merupakan penampilan data yang akan ditampilkan apakah mau Landscape atau
Portrait, apabila ingin portrait tinggal ganti menjadi P
4. A4 merupakan jenis kertas
5. Margin kertas ada pada: array(10, 10, 4, 10). 10 pertama merupakan margin kiri,
selanjutnya margin atas, 4 margin kanan dan 10 terakhir margin bawah.
6. Nama file yang akan di export atau di download ada pada bagian:
7. Output(‘laporan_penjualan_keseluruhan.pdf’)
8. Bagian penomoran halaman dinamis ada pada bagian: Halaman
[[page_cu]]/[[page_nb]]
9. Foto pada kop surat ada pada bagian <img src=”images/logo.jpg”
style=”width:120px;height:100px” />
BAB III
PENUTUP
A. KESIMPULAN
Kesimpulan yang didapat adalah melalui jobsheet ini kita dapat mengetahui dan
mempelajari apa saja langkah langkah dan cara membuat sebuah aplikasi berbasis web
tentang payment restaurant
B. SARAN
Saran saya adalah untuk pembuatan aplikasi berbasis web ini sendiri sebaiknya
menggunakan laptop/pc dengan kapasitas RAM 4GB atau lebih agar anda lebih
nyaman dalam menggunakan software dan program. Selamat mencoba.
DAFTAR PUSTAKA
https://arenaphp.blogspot.com/2017/01/cara-export-data-mysql-ke-pdf-dengan.html
https://tutorialweb.net/cara-mudah-export-data-dari-mysql-ke-excel-dengan-php/
https://www.codepolitan.com/tutorial-membuat-crud-php-dengan-mysql-
59897c72d8470
http://repository.uksw.edu/bitstream/123456789/6586/2/T1_672011604_Full%20text.pdf
https://medikre.com/source-code-program-aplikasi-kasir-restoran--kafe-berbasis-
web.html
https://duniagime.blogspot.com/2018/08/aplikasi-kasir-restoran-berbasis-web.html
https://sixghakreasi.com/berita-49-aplikasi-kasir-untuk-restoran-dengan-php-dan-
mysql.html