0

1
 KATA PENGANTAR

Assalamualaikum wr.wb.

Dengan menyebut nama Allah SWT yang maha pengasih lagi maha
penyayang, kami mengucapkan puji dan syukur atas kehadirat-Nya, yang telah
melimpahkan rahmat, hidayah, dan inayah-Nya kepada kami. Sehingga, kami dapat
menyelesaikan proposal pengembangan sistem untuk memenuhi tugas Sistem
Informasi Akuntansi,\. Sistem ini yang nantinya akan berguna pada rumah makan
maupun restoran agar dapat melayani pelanggan lebih efektif dan efisien.

Dengan sistem ini diharapkan agar dapat mengurangi permasalahan, miss

komunikasi ataupun keterlambatan pelayanan dari karyawan restoran tersebut
kepada para pelanggan. Sistem ini pun dapat membantu supaya pelanggan tidak
perlu lagi mengantri untuk memesan dan mengambil makanannya.

Dalam penulisan dan pembuatan proposal ini, kami menyadari akan

kekurangan dan kesalahan keasalahn yang ada, baik dari segi susunan kalimat, tata
bahasa dan susunan proposal. Berhubungan hal tersebut, kami mengucapkan
permohonan maaf. Tidak lupa kami akan menerima segala kritik dan saran dari
pembaca agar dapat memperbaiki karya proposal ini. Sekian dan terima kasih.

Wassalamualaikum wr.wb.

2
 DAFTAR ISI
KATA PENGANTAR ............................................................................................ 2
DAFTAR ISI ........................................................................................................... 3
BAB I PENDAHULUAN ....................................................................................... 4
1.1 Latar Belakang ......................................................................................... 4
1.2 Tujuan Penulisan/Pengembangan ............................................................. 5
1.3 Manfaat Penulisan/Pengembangan ........................................................... 5
1.4 Sistematika Penulisan ............................................................................... 6
BAB II DESAIN KONSEP ..................................................................................... 7
2.1 Rancangan Menu/Hierarki ....................................................................... 7
2.2 Rancangan Database dan Tabel ................................................................ 9
BAB III DESAIN FISIK ....................................................................................... 13
3.1 Instalasi Xampp ...................................................................................... 13
3.2 Membuat Database ................................................................................. 15
3.3 Membuat Tabel ....................................................................................... 16
3.4 Desain File Index.php (Menu Utama) .................................................... 20
3.5 Desain Daftar Menu ............................................................................... 21
3.6 Desain Data Pelanggan ........................................................................... 30
3.7 Desain Transaksi .................................................................................... 37
3.8 Desain Laporan ....................................................................................... 45
3.9 Halaman Login dan Logout .................................................................... 51
BAB IV PENUTUP .............................................................................................. 58
4.1 Kesimpulan ............................................................................................. 58
4.2 Saran ....................................................................................................... 58
DAFTAR PUSTAKA.................................................................................................. 59

3
 BAB I
PENDAHULUAN
1.1 Latar Belakang
Pada era perkembangan teknologi informasi saat ini, yang ditandai dengan
semakin pentingnya informasi dan pengolahan data di berbagai aspek kehidupan
manusia, serta dengan tersedianya berbagai bentuk media informas. Kini
masyarakat memiliki pilihan lebih banyak mengenai informasi yang mereka ingin
dapatkan. Organisasi – organisasi publik maupun swasta semakin banyak yang
mampu memanfaatkan teknologi informasi baru yang dapat menunjang efektivitas,
produktivitas, dan efisiensi mereka.
Saat ini seluruh transaksi yang di lakukan di rumah makan masih dilakukan
secara manual. Dimana semua proses penjualan masih menggunakan faktur dan
nota yang di catat dan diarsipkan tanpa menggunakan komputer. Namun secara
bertahap sistem informasi berbasis komputer terus dikembangkan sebagai upaya
pemenuhan kebutuhan informasi bagi manajemen yang kadang kala diperlukan
secara cepat dan mendadak, padahal untuk mendapatkan informasi yang akurat
diperlukan waktu dan proses yang relatif lama untuk menghimpunnya yang kadang
kala menjandikan informasi tersebut menjadi kehilangan relevansinya serta tidak
sesuai dengan kondisi pada saat diperlukan.
Transaksi–transaksi secara manual yang selama ini digunakan memiliki
beberapa kelemahan utama yaitu sulitnya karyawan dalam mengumpulkan,
menganalisis, dan membuat kesimpulan tentang perkembangan rumah makan, ini
dikarenakan faktur penjualan menu masih diarsipkan secara manual, sehingga
dibutuhkan waktu yang cukup banyak untuk menganalisis data tersebut untuk
dijadikan acuan dalam pengambilan keputusan.
Suatu sistem informasi transaksi adalah suatu solusi untuk permasalahan di
atas, sehingga pihak manajemen dapat mengetahui informasi penjualan setiap
waktu. Dimana sistem baru ini sudah menggunakan komputer sebagai media utama
dalam melakukan transaksi penjualan. Sehingga kecepatan, ketepatan dan
keakuratan informasi yang dibutuhkan manajemen bisa direalisasikan. Transaksi –
transaksi penjualan sudah dilakukan secara komputerisasi sehingga semua faktur –

4
faktur penjualan direkam didalam komputer yang kemudian akan memudahkan
pihak manajemen untuk menganalisa informasi yang dihasilkan dari proses
transaksi penjualan untuk dijadikan acuan dalam pengambilan keputusan.
Sedangkan faktur – faktur penjualan yang diarsipkan secara manual hanya
dijadikan backup apabila terjadi sesuatu hal yang tidak diinginkan terhadap sistem
informasi berbasis komputer ini.
Saat ini banyak aplikasi dan bahasa pemrograman yang dapat digunakan
untuk membuat suatu aplikasi atau halaman pelayanan informasi secara online.
PHP MySql adalah salah satu aplikasi yang umum digunakan karena bahasa
pemrograman ini bersifat open source dan dapat diaplikasikan dengan bahasa
pemrograman lainnya. Untuk menunjang penggunaan bahasa pemrograman PHP
dan MySql digunakan server lokal XAMPP.

1.2 Tujuan Penulisan/Pengembangan

 Mengurangi kelalaian dan kesalahan dalam pemesanan makanan di rumah
makan
 Mengurangi antrian saat memesan makanan maupun membayarnya
 Mempermudah memperoleh informasi penjualan harian, bulanan, maupun
tahunan.

1.3 Manfaat Penulisan/Pengembangan

 Mempermudah dalam proses pesanan yang biasanya dilakukan secara
manual.
 Membantu pihak manajemen dalam memperoleh informasi dan laporan
yang dibutuhkan terkait penjualan.

5
1.4 Sistematika Penulisan

Untuk memahami lebih jelas makalah ini, maka materi-materi yang tertera
pada laporan ini dikelompokkan menjadi beberapa sub bab dengan sistematika
penyampaian sebagai berikut :

BAB 1 PENDAHULUAN
Berisi tentang latar belakang tujuan Penulisan/pengembangan,manfaat
penulisan/pengembangan dan sistematika penulisan.

BAB 2 DESAIN KONSEP

Dalam bab ini akan dijelaskan mulai dari penulisan rancangan menu/hirarki,
rancangan database dan tabel, desain input, desainproses dan desain output.

BAB 3 DESAIN FISIK

Bab ini berisi tentang bagaimana cara menginstalasi xampp, membuat
database, membuat tabel, desain file Index.php (Menu Utama), desain daftar menu,
desain data pelanggan, desain transaksi, desain laporan penjualan, serta desain login
dan logout.
BAB 4 PENUTUP
Bab ini berisi kesimpulan dan saran.

6
 BAB II
DESAIN KONSEP
2.1 Rancangan Menu/Hierarki
Berikut ini adalah rancangan menu utama yang kami desain untuk Rumah
Makan Bakwo

Sumber: dokumentasi pribadi

Didalam menu pelanggan terdapat submenu seperti pada gambar berikut

Sumber: dokumentasi pribadi

7
 Didalam menu terdapat submenu seperti pada gambar berikut.

Sumber: dokumentasi pribadi

Didalam menu input pesanan terdapat form tempat pelanggan melakukan

pesanan seperti pada gambar berikut

Sumber: dokumentasi pribadi

Didalam menu pesanan terdapat daftar pesanan yang tadi dipesan oleh
pelanggan seperti pada gambar berikut

Sumber: dokumentasi pribadi

8
 Didalam menu penjualan terdapat submenu untuk menampilkan data
penjualan seperti pada gambar berikut

Sumber: dokumentasi pribadi

2.2 Rancangan Database dan Tabel

a. Rancangan Database
Database pada sistem informasi rumah makan ini terdiri dari
beberapa tabel yang perlu dibuat, yaitu makanan, minuman, pelanggan,
pesanan, pesanan_temp

Rumah
Makan
Tabel Pesanan Tabel Pelanggan
Temp

Tabel Pesanan
Tabel Makanan

Tabel Minuman

9
b. Rancangan Tabel
1. Tabel Makanan
Nama Field Tipe Field Panjang Field
idmakanan (pk) Varchar 5
Nmmakanan Varchar 30
Satuanmakanan Varchar 30
Hargamakanan Varchar 10

2. Tabel Minuman
Nama field Tipe Field Panjang Field
idminuman(pk) Varchar 5
Nmminuman Varchar 30
Satuanminuman Char 30
Hargaminuman Varchar 10

3. Tabel Pelanggan
Nama Field Tipe Field Panjang Field
idpelanggan (pk) Varchar 10
Nmpelanggan Varchar 30
Nohp Varchar 15
Alamat Varchar 100
Jeniskelamin Varchar 1
jumlah_pemesanan Varchar 3

4. Tabel Pesanan
Nama Field Tipe Field Panjang Field
Nopesanan Varchar 25
Idpelanggan Varchar 10
idmakanan Varchar 5
Idminuman Varchar 5

10
 jmlmakanan Varchar 2
jmlminuman Varchar 2
ttlmakanan Varchar 10
ttlminuman Varchar 10
Total Varchar 10
Diskon Varchar 10
Tanggal Date

5. Tabel Pesanan_temp
Nama Field Tipe Field Panjang Field
Nourut Varchar 3
Nmmakanan Varchar 30
Nmminuman Varchar 30
Jmlmakanan Varchar 5
Jmlminuman Varchar 5

c. Desain Input

Daftar Menu Input Data Pesanan

Pelanggan

d. Desain Proses

Input: Laporan Penjualan Harian

Daftar Menu
Proses
Laporan Penjualan Bulanan
Pelanggan
Pesanan
Bulanan Tahunan
Laporan Penjualan
Bulanan

Bulanan
11
e. Desain Output

Laporan Penjualan Harian

Output Laporan Penjualan Bulanan

Laporan Penjualan Tahunan

12
 BAB III
DESAIN FISIK
3.1 Instalasi Xampp
Berikut ini merupakan intruksi untuk menginstalasi Xampp
a. Silahkan unduh xampp versi terbaru terlebih dahulu.
b. Setelah terunduh, klik dua kali pada file setup xampp yang berekstensi .exe
c. Kemudian akan muncul jendela berikut, klik Next.

Sumber: dokumentasi pribadi

d. Setelah itu akan muncul jendela untuk memilih komponen yang akan
dipasang, biarkan dalam keadaan default lalu klik Next.

Sumber: dokumentasi pribadi

13
e. Setelah itu akan muncul lagi sebuah jendela seperti pada gambar di bawah
ini. Pada tahap ini, kita harus menentukan ke mana lokasi instalasi xampp
akan kita pasang. Secara default, folder instalasi xampp akan diletakkan
pada direktori C:\xampp. Biarkan saja folder instalasinya secara default lalu
klik Next.

Sumber: dokumentasi pribadi

f. Setelah itu akan muncul lagi jendela baru, silahkan klik Next hingga nanti
muncul jendela seperti berikut, silahkan tunggu prosesnya hingga prosesnya
selesai.

Sumber: dokumentasi pribadi

14
 g. Setelah proses instalasi selesai, silahkan klik Finish.

Sumber: dokumentasi pribadi

h. Setelah proses instalasi selesai, akan muncul jendela untuk menentukan

bahasa yang akan digunakan pada Xampp nantinya Silahkan pilih salah satu
lalu klik Save.

Sumber: dokumentasi pribadi

3.2 Membuat Database

Berikut merupakan perintah SQL untuk membuat database

Sumber: dokumentasi pribadi

15
 Berikut hasilnya

Sumber: dokumentasi pribadi

3.3 Membuat Tabel

a. Tabel Makanan
Berikut perintah SQL untuk membuat tabel makanan

Sumber: dokumentasi pribadi

Berikut hasilnya

Sumber: dokumentasi pribadi

16
b. Tabel Minuman
Berikut merupakan perintah SQL untuk membuat database minuman

Sumber: dokumentasi pribadi

Berikut hasilnya

Sumber: dokumentasi pribadi

c. Tabel Pelanggan
Berikut merupakan perintah SQL untuk membuat tabel pelangggan

Sumber: dokumentasi pribadi

17
 Berikut hasilnya

Sumber: dokumentasi pribadi

d. Tabel Pesanan
Berikut merupakan perintah SQL untuk membuat tabel pesanan

Sumber: dokumentasi pribadi

Berikut hasilnya

Sumber: dokumentasi pribadi

18
e. Membuat Tabel Pesanan_temp
Berikut merupakan perintah SQL untuk membuat tabel pesanan_temp

Sumber: dokumentasi pribadi

Berikut hasilnya

Sumber: dokumentasi pribadi

19
3.4 Desain File Index.php (Menu Utama)

Sumber: dokumentasi pribadi

Pada file index.php, terdapat script php dengan isi include “font.php”
yang berarti file index.php yang berfungsi untuk memanggil file font.php dimana
didalam file font.php terdapat konfigurasi untuk mengatur font yang digunakan
pada aplikasi sistem. Kemudian pada tag <style> terdapat kode css yang berfungsi
untuk mengatur pewarnaan dan mempercantik tampilan pada file index.php
Kemudian dibawah tag <style> (di dalam tag <body>) terdapat kumpulan
kode html yang merupakan pembentuk halaman menu utama, salah satunya
terdapat hyperlink yang mengarah ke folder pelanggan dengan judul hyperlink
Pelanggan.

20
 Berikut tampilan menu utama:

Sumber: dokumentasi pribadi

3.5 Desain Daftar Menu
Daftar menu terdiri dari dua komponen, yaitu daftar makanan dan daftar
minuman. Daftar menu mempunyai folder sendiri di dalam folder utama yaitu
folder menu di dalam folder rumah_makan sebagai folder utama. Berikut
merupakan desain CRUD untuk daftar makanan (untuk desain CRUD daftar
minuman sama seperti desain CRUD daftar makanan, hanya saja daftar makanan
dan daftar minuman mempunyai tabel masing-masing pada database).
a. Desain Form Input
Untuk membuat form input, buat sebuah file baru dengan nama
input_makanan.php di dalam folder menu. Berikut merupakan kode yang
dimasukkan ke dalam file input_makanan.php.

Sumber: dokumentasi pribadi

21
 Pada baris satu sampai lima, terdapat kode standar yang digunakan
dalam setiap file html yaitu tag html, head, dan title. Kemudian pada baris
keenam hingga baris ke 36, di dalam tag <style> terdapat kode CSS yang
digunakan untuk mempercantik tampilan form input (dan di semua file
selanjutnya terdapat kode CSS yang sama).

Sumber: dokumentasi pribadi

Kemudian di bawah tag style, terdapat tag php (dari baris 37 hingga
baris 58) yang didalamnya terdapat command include font.php dan
koneksi.php yang berfungsi untuk memanggil file font.php dan koneksi.php
yang terdapat di dalam folder yang sama.
Kemudian pada baris 40, terdapat vaiabel $menu yang berisi perintah
untuk memilih idmakanan yang berada di tabel makanan dengan urutan
terbesar terlebih dahulu. Kemudian ada variabel $menu1, yang berisi perintah
query untuk mengeksekusi perintah yang terdapat pada variabel $menu. Pada
variabel $menu2, terdapat perintah untuk mengambil isi dari tabel makanan
tepatnya isi dari kolom idmakanan (variabel $menu3). Lalu pada variabel
$urut, terdapat perintah substr yang berfungsi untuk mengambil beberapa
huruf pada sebuah kata, dalam hal ini mengambil 3 karakter terakhir dari hasil
variabel $menu3. Pada variabel $tambah, terdapat kode (int)$urut+1; yang
artinya hasil dari variabel $urut ditambah satu.
Terakhir pada baris 47 hingga 57 terdapat permisalan yang berisi, jika
karakter dari variabel $tambah berjumlah satu, maka variabel $format akan
berisi gabungan angka 0000 dan hasil dari variabel $tambah. Kemudian, jika
hasil variabel $tambah berjumlah dua, maka variabel $format akan berisi

22
gabungan angka 000 dan hasi dari variabel $tambah, dan begitupun
seterusnya. Nantinya, variabel $format ini akan digunakan sebagai
idmakanan, dimana ketika pegawai menginput menu baru, maka idmakanan
akan terinput secara otomatis dan disesuaikan dengan idmakanan yang sudah
terinput sebelumnya.

Sumber: dokumentasi pribadi

Pada baris 59, didalam pembukaan tag body terdapat perintah untuk
mengatur warna background halaman, dengan #F0FFF0 merupakan kode
warna. Kemudian pada baris 60 terdapat tag <div id=”box1”> yang artinya
memasukkan teks kedalam kotak yang sebelumnya telah didesain dalam tag
style yang berisi kode-kode CSS. Kemudian tag <center> yang artinya teks
diletakkan di tengah kotak. Lalu terdapat tag <h1 style="font-size:280%;">
yang berarti teks yang terdapat dalam tag <h1> yang difungsikan sebagai judul
utama kemudian style=”font-size:280%;” artinya ukuran teks sebesar 280%
dari ukuran normal tag <h1>.

23
 Pada baris 64 sampai 110, terdapat sekumpulan kode-kode yang
berfungsi untuk membuat form. Perintah <action=”proses_input_
makanan.php”> artinya isi dari form akan diproses ke file
proses_input_makanan.php. Pada form idmakanan, bisa kita lihat terdapat
perintah <value=”<?php echo $format; ?”> yang berarti form idmakanan
akan otomatis berisi nilai dari variabel $format (variabel yang telah diatur
sebelumnya yang berfungsi untuk mengisi nilai idmakanan secara otomatis)
sebagai nilai default. Variabel $format diletakkan di dalam script php karena
isi dari variabel $format hanya bisa dibaca dengan menggunakan perintah
echo dan perintah echo hanya bisa digunakan di dalam script php. Kode <input
type”text”> artinya form tersebut hanya bisa diisi oleh karakter yang bertipe
teks. Kode <input type=”number”> artinya form hanya bisa diisi dengan
angka kode. Kode name berfungsi sebagai nama dari form, dimana ketika
hendak membongkar isi dari form, maka kita memerlukan nilai dari name
untuk membongkarnya.
Pada baris 111 dan 112, terdapat kode yang berfungsi sebagai hyperlink
untuk kembali ke menu utama yang terdapat di localhost/rumah_makan/ dan
hyperlink untuk ke halaman daftar makan yang terdapat pada file
view_pesanan.php yang nanti akan dibuat di halaman-halaman selanjutnya.
Setelah membuat halaman form input, selanjutnya adalah membuat file
proses_input_makanan.php yang berisi perintah untuk memproses hasil
input dari form input yang tadi dibuat ke dalam database.
Berikut merupakan kode yang dimasukkan ke dalam file
proses_input_makanan.php

Sumber: dokumentasi pribadi

24
 Pada baris 4 hingga 7, berisi perintah untuk membongkar isi dari hasil
input yang berasal dari halaman input_makanan.php. Pada baris 9, terdapat
variabel $proses, terdapat perintah untuk mengisi tabel pada database yang
telah dikoneksikan pada file koneksi.php. Kemudian pada baris 10, terdapat
variabel $proses1 yang berisi query untuk menjalankan perintah yang terdapat
di dalam variabel $proses.
Kemudian pada baris 12 hingga 19, terdapat permisalan yang berisi,
jika variabel $proses1 berhasil dilaksanakan, maka akan muncul tulisan “Data
Makanan Berhasil Dimasukkan” dan jika gagal maka akan muncul tulisan
“Data Gagal Dimasukkan”. Lalu pada baris 21 hingga 24 terdapat perintah
untuk kembali ke halaman input, melihat daftar makanan yang telah diinput,
dan kembali ke menu utama.
Berikut merupakan tampilan input makanan:

Sumber: dokumentasi pribadi

Berikut ini adalah isi dari file koneksi.php dan file font.php yang
tadi sempat disinggung:

File koneksi.php
Sumber: dokumentasi pribadi

Di dalam file koneksi.php terdapat perintah untuk melakukan

koneksi ke database dengan memasukkan host, username, password, dan
database yang dituju.

25
 File font.php
Sumber: dokumentasi pribadi

Di dalam file font.php terdapat perintah untuk memilih font yang

digunakan pada halaman html yang dimasukkan ke dalam pembuka tag
<body> sehingga semua tulisan yang berada di dalam tag <body> akan
menggunakan font yang telah ditentukan.

b. Desain Display
Untuk membuat desain display atau menampilkan data hasil input dari
halaman input_makanan.php, diperlukan sebuah file baru dengan nama
view_makanan.php. Berikut merupakan kode yang dimasukkan ke dalam file
view_makanan.php.

26
 Sumber: dokumentasi pribadi

Pada baris 45 hingga 79, terdapat kode untuk membuat tabel dengan isi
dari database makanan sebagai isi tabel. Pada baris 58, terdapat variabel
$makanan yang berisi perintah untuk memilih tabel makanan. Kemudian
pada baris 59, terdapat variabel $makanan1 yang berfungsi untuk
mengeksekusi perintah di dalam variabel $makanan. Pada baris 61, terdapat
perintah untuk mengambil isi dari tabel makanan sebagai hasil dari variabel
$makanan1, yang diletakkan di dalam perintah while yang berarti
pengulangan, setiap data yang ada di dalam tabel akan ditampilkan seluruhnya
tanpa harus dipanggil satu persatu.
Berikut merupakan tampilan dari halaman display makanan.

Sumber: dokumentasi pribadi

27
c. Desain Edit
Untuk membuat halaman edit makanan, buat sebuah file baru bernama
edit_makanan.php. Berikut merupakan kode yang dimasukkan ke dalam file
edit_makanan.php.

28
 Sumber: dokumentasi pribadi

Kemudian untuk memproses hasil input pada halaman

edit_makanan.php, diperlukan sebuah file baru yang bernama
proses_edit_makanan.php. Berikut merupakan kode yang dimasukkan ke
dalam file proses_edit_makanan.php.

Sumber: dokumentasi pribadi

Sama seperti pada file proses_input_makanan.php, hanya saja pada

variabel $proses berisi perintah untuk mengupdate data, bukan menginput
data.
Berikut merupakan tampilan edit makanan

Sumber: dokumentasi pribadi

29
 d. Desain Delete
Untuk memebuat desain delete atau hapus daftar makanan yang
sebelumnya sudah diinput, maka diperlukan sebuah file baru yang diberi nama
hapus_makanan.php. Berikut merupakan kode yang dimasukkan ke dalam
file hapus_makanan.php.

Sumber: dokumentasi pribadi

Dalam variabel $makanan terdapat perintah untuk mengambil

idmakanan yang ditampilkan pada url, dimana nantinya idmakanan ini
digunakan untuk menghapus isi dari tabel makanan dengan perintah yang
terdapat pada variabel $hapus.
Di dalam permisalan (fungsi if), terdapat kode header(‘location:view_
makanan.php’) yang artinya apabila permisalan tersebut bernilai benar, maka
halaman akan secara otomatis dialihkan ke halaman view_makanan.php.

3.6 Desain Data Pelanggan

Untuk membuat desain CRUD data pelanggan, buat folder baru di dalam
folder rumah_makan dengan nama pelanggan.
a. Desain Form Input
Untuk membuat desain form input pelanggan, buat file baru dengan
nama input_pelanggan.php di dalam folder pelanggan yang tadi dibuat.
Berikut merupakan kode yang dimasukkan ke dalam file
input_pelanggan.php.

30
31
 Sumber: dokumentasi pribadi

Sama seperti pada desain input makanan, di dalam file

input_pelanggan.php terdapat perintah untuk memanggil file font.php dan
file koneksi.php serta terdapat kode CSS yang ditampung di dalam tag <style>
untuk mempercantik tampilan halaman input pelanggan.
Di dalam script php yang terdapat pada baris 44 hingga baris 63,
terdapat sekumpulan variabel dan perintah yang berfungsi untuk memasukkan
idpelanggan secara otomatis di dalam form input pelanggan, sehingga
pelanggan tidak perlu lagi menginput idpelanggan secara manual melainkan
sudah secara otomatis terisi dengan menyesuaikan idpelanggan yang telah
diinput sebelumnya. Idpelanggan sendiri terdiri 10 digit angka yang
merupakan gabungan antara dua digit bulan, empat digit tahun, dan empat digit
nomor urut pendaftaran pelanggan. Contoh: 0420190006, artinya data
pelanggan diinput pada bulan April tahun 2019 dengan nomor urut pendaftaran
0006 (Pelanggan ke enam yang menginput data).
Untuk memproses data pelanggan yang sudah dimasukkan pada form
input di halaman input_pelanggan.php, diperlukan sebuah file baru dengan
nama proses_input pelanggan.php yang berisi sekumpulan perintah untuk
menginput data pelanggan ke database yang telah dikoneksikan.

32
 Berikut merupakan kode yang dimasukkan ke dalam file
proses_input_pelanggan.php:

Sumber: dokumentasi pribadi

Berikut merupakan tampilan jadi pada file input_pesanan.php

Sumber: dokumentasi pribadi

b. Desain Display
Untuk membuat desain display atau menampilkan data pelanggan yang
sudah diinput ke dalam form yang ada di halaman input_pelanggan.php, buat
sebuah file baru dengan nama view_pelanggan.php.

33
 Berikut merupakan kode yang dimasukkan ke dalam file
view_pelanggan.php:

Sumber: dokumentasi pribadi

34
 Berikut merupakan tampilan jadi dari halaman view_pelanggan.php
yang berfungsi untuk menampilkan data pelanggan yang sudah diinput pada
halaman input_pelanggan.php:

Sumber: dokumentasi pribadi

c. Desain Edit
Untuk membuat desain edit, diperlukan sebuah file baru dengan nama
edit_pelanggan.php di dalam folder pelanggan.
Berikut merupakan kode yang dimasukkan ke dalam file
edit_pelanggan.php:

35
 Sumber: dokumentasi pribadi

Untuk memproses hasil input pada form di halaman

edit_pelanggan.php dan mengupdate data yang ada di tabel pelanggan pada
database, diperlukan sebuah file baru dengan nama
proses_edit_pelanggan.php. Berikut merupakan kode yang dimasukkan ke
dalam file proses_edit_pelanggan.php:

Sumber: dokumentasi pribadi

36
 Berikut merupakan tampilan jadi halaman edit_pelanggan.php yang
berfungsi untuk mengedit data pelanggan yang sudah diinput pada halaman
input_pelanggan.php.

Sumber: dokumentasi pribadi

d. Desain Delete
Untuk membuat desain delete, buat sebuah file baru dengan nama
hapus_pelanggan.php kemudian masukkan kode berikut:

Sumber: dokumentasi pribadi

3.7 Desain Transaksi

Untuk membuat desain transaksi, buat folder baru dengan nama pesanan.
Kemudian di dalam folder pesanan, buat file baru dengan nama index.php dan
masukkan kode berikut ke dalam file index.php.

37
Sumber: dokumentasi pribadi

38
 Berikut merupakan tampilan untuk melakukan transaksi:

Sumber: dokumentasi pribadi

Kemudian, untuk memproses hasil pesanan pelanggan, diperlukan sebuah

buah file baru lagi yang diberi nama pross_input_pesanan.php, file
proses_input_pesanan.php ini berisi perintah untuk memasukan hasil input
pesanan pelaggan pada halaman input_pesanan.php ke dalam tabel pesanan dan
juga kedalam tabel pesanan_temp. Isi dari tabel pesanan nantinya digunakan
untuk melihat laporan penjualan dan tabel pesanan_temp nantinya digunakan
untuk menampilkan hasil input pesanan pelanggan ke komputer pelayan, sehingga
pelayan tidak perlu bolak-balik ketika melayani pelanggan. Selain itu, file
proses_input_pesanan.php juga berfungsi sebagai struk pembayaran atau bukti
transaksi yang bisa langsung dicetak.
Berikut merupakan kode yang dimasukkan ke dalam file
proses_input_pesanan.php

39
40
41
Sumber: dokumentasi pribadi

42
 Berikut merupakan tampilan jadi dari file proses_input pesanan.php:

Sumber: dokumentasi pribadi

Kemudian seperti yang telah disebutkan tadi, halaman

proses_input_pesanan.php selain berfungsi untuk menampilkan dan mencetak
struk atau bukti pembayaran, juga berfungsi untuk memasukkan hasil input pesanan
pelanggan ke tabel pesanan_temp yang berfungsi sebagai tabel penyimpan hasil
input pesanan sementara untuk ditampilkan ke komputer pelayanan untuk
memudahkan pelayan. Untuk menampilkan hasi pesanan pelanggan ke komputer
pelayan, maka diperlukan sebuah file baru yang bernama view_pesanan.php
dengan isi seperti berikut.

43
 Sumber: dokumentasi pribadi

Berikut merupakan tampilan jadi dari file view_pelangga.php

Sumber: dokumentasi pribadi

44
3.8 Desain Laporan
Pada sistem informasi penjualan Rumah Makan Bakwo ini, terdapat
tiga halaman untuk melaporkan hasil penjualan, yaitu
view_penjualan_tanggal.php untuk melihat penjualan harian berdasarkan
tanggal transaksi, kemudian file view_pejualan_bulan.php untuk melihat
penjualan bulanan berdasarkan bulan transaksi, dan file
view_penjualan_tahunan.php untuk melihat penjualan tahunan berdasarkan
tahun transaksi dimana ketiganya diambil dari tabel pesanan yang tadi
digunakan untuk menampung input pesanan pelanggan.
Berikut merupakan kode yang dimasukkan ke dalam file
view_penjualan_tanggal.php:

45
 Sumber: dokumentasi pribadi

Berikut merupakan tampilan jadi dari halaman

view_penjualan_tanggal.php:

Sumber: dokumentasi pribadi

46
 Kemudian untuk file view_penjualan_bulan.php, berikut merupakan kode
yang dimasukkan kedalamnya:

47
 Sumber: dokumentasi pribadi

Berikut merupakan tampilan jadi dari halaman view_penjualan_

bulan.php

Sumber: dokumentasi pribadi

48
 Kemudian untuk file view_penjualan_tahun.php, berikut merupakan kode
yang dimasukkan ke dalamnya.

49
 Sumber: dokumentasi pribadi

Berikut merupakan tampilan jadi dari file view_penjualan_tahun.php:

Sumber: dokumentasi pribadi

50
3.9 Halaman Login dan Logout
Untuk membuat halaman login serta logout, diperlukan tiga file baru yang
dibuat di dalam folder utama rumah makan, yaitu file login.php berupa form input
username dan password, kemudian file ceklogin.php yang berfungsi memeriksa
apakah input username dan password sudah benar serta berfungsi untuk
mengalihkan ke halaman utama apabila input username dan password benar, dan
file logout.php yang berfungsi untuk mengakhiri session dan secara otomatis
mengalihkan pengguna ke halaman login.
Berikut merupakan kode yang dimasukkan ke dalam file login.php

51
 Sumber: dokumentasi pribadi

Fungsi dari kode di atas kurang lebih sama seperti form-form di halaman
sebelumnya, hanya saja pada halaman form login.php terdapat fungsi permisalan
dengan kode $_GET[‘pesan’] (baris 89-115) dengan nilai yang bermacam-macam.
Fungsinya adalah untuk menangkap nilai dari pesan yang muncul di url sebagai
hasil dari halaman index.php, cekproses.php, dan logout.php yang akan
dijelaskan lebih lanjut di halaman-halaman selanjutnya, nilai dari pesan tersebut
kemudian akan dikonversikan menjadi sebuah pernyataan yang menunjukkan
kondisi status pengguna, misalnya ketika user hanya memasukkan username, maka
pesan di url akan berisi password_kosong yang kemudian ditangkap dan
dikonversikan menjadi kalimat Login Gagal! Password Tidak Boleh Kosong!
(baris ke 105).
Tampilan jadi dari halaman login.php adalah sebagai berikut:

Sumber: dokumentasi pribadi

52
 Kemudian untuk memproses hasil input dari form login pada halaman
login.php diperlukan sebuah file baru yang kita beri nama ceklogin.php yang
diletakkan di dalam folder utama. Berikut merupakan kode yang dimasukkan ke
dalam file ceklogin.php.

Sumber: dokumentasi pribadi

Dalam file tersebut, terdapat kode session_start(); yang berfungsi untuk

memulai session. Kemudian pada baris 4 dan 5, terdapat variabel yang digunakan
untuk membongkar hasil input dari halaman login.php. Lalu pada baris 8 hingga
baris 29, terdapat permisalan if dan else yang digunakan untuk menguji kebenaran
username dan password yang diinput pada halaman login.php. Berikut uraiannya.
a. Pada permisalan pertama, apabila username yang dimasukkan adalah
bakwo dan password yang dimasukkan adalahn bakwo123, maka
$_SESSION[‘username’] akan berisi nilai yang sama dengan nilai pada
variabel $cusername (username yang benar, yaitu bakwo) kemudian
$_SESSION[‘status’] akan bernilai login dan halaman akan otomatis
dialihkan ke index.php (menu utama). Namun jika permisalan pertama
bernilai salah, maka akan berlaku permisalan berikutnya.
b. Pada permisalan kedua, apabila username dan password tidak diisi atau
dalam kondisi kosong ketika form disubmit. Maka halaman akan dialihkan
kembali ke halaman login.php dengan membawa pesan yang bernilai
username_password_kosong yang kemudian ditangkap pada halaman
login.php dan dikonversikan menjadi pernyataan Login Gagal! Username
dan Password Tidak Boleh Kosong! Seperti pada gambar berikut.

53
 Sumber: dokumentasi pribadi

c. Pada permisalan ketiga, apabila password diisi namun username dibiarkan

kosong ketika form login disubmit, maka halaman akan dialihkan kembali
ke halaman login dengan membawa pesan username_kosong yang
kemudian akan ditangkap dan dikonversikan menjadi pernyataan Login
Gagal! Username Tidak Boleh Kosong! Seperti pada gambar berikut.

Sumber: dokumentasi pribadi

d. Pada permisalan keempat, apabila username diisi namun password

dibiarkan kosong ketika form login disubmit, maka halaman akan dialihkan
kembali ke halaman login dengan membawa pesan password_kosong yang
kemudian akan ditangkap dan dikonversikan menjadi pernyataan Login
Gagal! Password Tidak Boleh Kosong! Seperti pada gambar berikut.

54
 Sumber: dokumentasi pribadi

e. Kemudian pada permisalan terakhir, apabila username tidak beriisi bakwo

dan password tidak berisi bakwo123, ketika tombol submit diklik, maka
halaman secara otomatis akan dialihkan kembali ke halaman login dengan
membawa pesan username_password_salah yang kemudian ditangkap
dan dikonversikan menjadi pernyataan Username atau Password Anda
Salah!. Seperti pada gambar berikut.

Sumber: dokumentasi pribadi

Setelah selesai membuat file cekproses.php, langkah selanjutnya adalah

memodifikasi kode pada halaman utama atau pada file index.php. Berikut
merupakan sedikit modifikasi yang dilakukan pada file index.php.

Sumber: dokumentasi pribadi

55
 Modifikasi yang dilakukan adalah menambahkan kode session_start() yang
berfungsi untuk memulai session, lalu menambah permisalan yang berisi jika
$_SESSION[‘status’] tidak sama dengan dengan login atau
$_SESSION[‘status’]!=”login”. Maka halaman akan secara otomatis dialihkan ke
halaman login.php dengan membawa pesan belum_login (yang ditangkap dan
dikonversikan menjadi pernyataan Silahkan Login Terlebih Dahulu!) sehingga
pengguna harus melakukan login terlebih dahulu untuk bisa mengakses menu
utama. Seperti pada gambar berikut.

Sumber: dokumentasi pribadi

Selain modifikasi di atas, juga terdapat modifikasi lain pada file login.php
yaitu menambahkan tombol hyperlink yang ditujukan ke halaman logout.php.
Berikut merupakan modifikasinya.

Sumber: dokumentasi pribadi

Berikut merupakan hasilnya.

Sumber: dokumentasi pribadi

56
 Langkah selanjutnya adalah membuat file logout.php sebagai tujuan dari
hyperlink pada modifikasi file index.php di atas. Berikut merupakan kode yang
dimasukkan ke dalam file logout.php.

Sumber: dokumentasi pribadi

Pada file tersebut, terdapat kode session_destroy() yang berfungsi

mengakhiri session (yang berarti apabila pengguna ingin mengakses kembali
halaman utama, maka pengguna harus melakukan login kembali). Selain itu,
terdapat kode header(“location:http://localhost/rumah_makan/login.php?
pesan=logout”); yang berarti ketika pengguna menekan tombol logout, makan
halaman secara otomatis dialihkan ke halaman login.php dengan membawa pesan
yang berisi logout dimana pesan tersebut akan ditangkap dan dikonversikan
menjadi pernyataan Anda Telah Berhasil Logout!. Seperti pada gambar berikut.

Sumber: dokumentasi pribadi

57
 BAB IV
PENUTUP

4.1 Kesimpulan
Sistem yang akan kami buat merupakan kebutuhan sekaligus solusi untuk
rumah makan maupun restoran agar tidak terjadinya kesalahan dan kelalaian baik
itu dari para pegawai maupun dari pelanggan itu sendiri, seperti contohnya
makanan yang lupa di antarkan ke pelanggan, makanan yang salah antar ke
pelanggan ataupun kasir lupa menagih pembayaran kepada pelanggan. Dengan
fungsi yang lebih efektif inilah sistem ini dibuat, kami berharap nantinya sistem
yang kami buat ini dapat dilirik dan diterapkan pada banyak restoran yang ada.

4.2 Saran
Berdasarkan dari proses perancangan yang telah dibangun, dan dilihat dari
besarnya kebutuhan informasi setiap proses, maka beberapa saran yang
dapatdiusulkanadalah:
1. Adanya pemeliharaan terhadap sistem yang telah dibuat agar sistem tetap
terjaga dengan baik, dengan cara melakukan perbaikan apabila terjadi
kesalahan atau error pada program aplikasi tersebut.
2. Sistem manajemen rumah makan memiliki banyak aspek untuk
dikembangkan seperti integrase dengan sistem manajemen karyawan.
3. Perlu dilakukan penelitian lebih lanjut agar aplikasi dapat melakukan
backup data secara otomatis saat aplikasi mengalami gangguan.
4. Pengembangan sistem selanjutnya adalah perlunya menyediakan fasilitas
beberapa Bahasa mengingat pelanggan bisa berasal dari berbagai negara.

58
 DAFTAR PUSTAKA
https://www.duniailkom.com/tutorial-belajar-wordpress-cara-menginstall-
xampp-di-windows/

59