T0__BAB IV Institutional Repository | Satya Wacana Christian University: Perancangan dan Implementasi Sistem Pemesanan Menu di Restoran Berbasis Web T0 BAB IV
BAB IV
HASIL DAN ANALISIS
4.1 Hasil atau Implementasi
Kegiatan implementasi atau penerapan dilakukan dengan
dasar yang telah direncanakan dalam rencana implementasi. Pada
penerapan sistem yang diusulkan tentu saja harus disediakan
beberapa aspek yang akan mendukung kelancaran operasi sistem
dan hal yang akan dijadikan faktor pendukung adalah penentuan
kebutuhan sumber daya.
Implementasi adalah proses penerapan rancangan program
yang telah dibuat atau penerapan aplikasi dalam melaksanakan
sistem informasi yang dibangun.
Dalam pembuatan Sistem Pemesanan Menu di Restoran
berbasis web ini, penulis menggunakan perangkat lunak atau
software sebagai berikut :
a. Macromedia Flash
Penulis menggunakan Macromedia Flash 8, karena ini
merupakan salah satu software yang sering digunakan
sehingga penulis cukup mengenal fitur-fitur didalamnya.
b. Wamp Server versi 2.2
Wamp Server merupakan aplikasi open source untuk
pengembangan sebuah web. Wamp merupakan server
yang dapat dijalankan komputer tanpa adanya sambungan
51
52
internet (local server ). Didalam wamp versi 2.2 terdapat
tiga element yang terintegrasi, web server Apache 2.2.21,
MySQL 5.5.20, dan PHP 5.3.9.
Berikut masing-masing penjelasannya :
-
PHP(Hypertext Preprocessor)
PHP merupakan bahasa pemprograman berbasis script
untuk mengolah suatu data dan mengirimkannya
kembali ke web browser menjadi kode HTML.
-
My SQL
Merupakan database server yang mudah digunakan.
My SQL juga dapat diperoleh secara mudah dan
gratis.
-
Web Server
Merupakan server
yang berfungsi memberikan
layanan-layanan yang diminta oleh client (requested
by client).
c. Macromedia Dreamweaver
Penulis menggunakan Macromedia Dreamweaver 8,
Dreamweaver merupakan editor yang komplit. Dengan
aplikasi ini akan memudahkan mengetik atau mengedit
script-script format HTML, PHP, ASP maupun bentuk
program lainnya.
53
1. Splash Screen
Gambar 4.1 Splash Screen
Tampilan awal saat sistem dijalankan oleh user.
2. Halaman Login Admin
Gambar 4.2 Tampilan Halaman Login
Dari Gambar 4.2 dapat dilihat bahwa user hanya perlu
melakukan input pada Username dan Password. Kemudian
54
Sistem akan memeriksa apakah user terotentifikasi atau tidak
pada saat penekanan tombol Login.
3.
Halaman Login Pramusaji
Gambar 4.3 Tampilan Halaman Login Pramusaji
Dari Gambar 4.3 dapat dilihat bahwa user hanya perlu
melakukan input pada Username dan Passwordd. Kemudian
Sistem akan memeriksa apakah user terotentifikasi atau tidak
pada saat penekanan tombol Login.
55
4.
Halaman Login Kasir
Gambar 4.4 Halaman Login Kasir
Dari Gambar 4.4 dapat dilihat bahwa user hanya perlu
melakukan input pada Username dan Passwordd. Kemudian
Sistem akan memeriksa apakah user terotentifikasi atau tidak
pada saat penekanan tombol Login.
56
5. Halaman Menu Utama Login
Halaman menu login admin, kasir dan pramusaji hampir
sama yaitu sebagai berikut :
Gambar 4.5 Halaman Menu Login
Gambar 4.5 menampilkan menu setelah login. Pada
halaman ini terdapat 4 pilihan tombol. Yaitu untuk ke
halaman data cake, data coffee, data karyawan dan data
omset.
57
6.
Halaman Update Data Cake atau Data Coffee.
Gambar 4.6 Halaman Update Data Cake atau Data Coffee
Gambar 4.6 menampilkan halaman update data cake atau
data coffee. Dibagian sidebar kiri terdapat 4 tombol untuk
melihat, menambah,mengedit dan menghapus data. Kedua
layout halaman data cake dan data coffee sama, hanya
berbeda didatanya saja.
58
7.
Halaman Lihat Data Cake dan Coffee
Gambar 4.7 Halaman Lihat Data Cake dan Coffee
Gambar 4.7 menampilkan halaman data menu cake atau
coffee yang tersedia pada datagrid. Kedua layout halaman
data cake dan data coffee sama, hanya berbeda didatanya
saja.
59
8.
Halaman Tambah Data Cake dan Coffee.
Gambar 4.8 Halaman Tambah Data Cake dan Coffee
Gambar 4.8 menampilkan form
tambah data untuk
menu cake. Form untuk menambah data coffee juga sama
seperti gambar diatas.
60
9.
Halaman Edit Data Cake dan Coffee.
Gambar 4.9 Halaman Edit Data Cake dan Coffee.
Gambar 4.9 menampilkan form untuk mengedit data
cake atau data coffee sesuai pilihan data pada datagrid. Form
untuk menngedit data coffee juga sama seperti gambar
diatas.
61
10. Halaman Hapus Data Cake atau Data Coffee.
Gambar 4.10 Halaman Hapus Data Cake atau Data Coffee.
Gambar 4.10 menampilkan form hapus data sesuai
pilihan pada datagrid. Form untuk menghapus data coffee
juga sama seperti gambar diatas.
11. Halaman Home
Gambar 4.11 Halaman Home
62
Gambar 4.11 menampilkan halaman awal setelah sistem
dijalankan. Di halaman ini hanya menampilkan menu-menu
utama saja.
12. Halaman About
Gambar 4.12 Halaman About
Gambar 4.12 menampilkan profil tentang restaurant.
63
13. Halaman Contact
Gambar 4.13 Halaman Contact
Gambar 4.13 menampilkan informasi contact restaurant.
14. Halaman Menu
Gambar 4.14 Halaman Menu
64
Gambar 4.14 menampilkan daftar menu beserta
keterangannya.
15. Halaman Order
Gambar 4.15 Halaman Order
Gambar 4.15 menampilkan form order customer.
16 . Halaman Daftar Order
Gambar 4.16 Halaman Daftar Order
65
17. Halaman Pembayaran.
Gambar 4.17 Halaman Pembayaran
Gambar 4.17 menampilkan form pembayaran sesuai data
order.
18. Halaman Lihat Data Kasir atau Data Pramusaji.
Gambar 4.18 Lihat Data Kasir atau Data Pramusaji
66
Gambar 4.18 menampilkan halaman lihat data untuk
data kasir atau data pramusaji. Kedua layout halaman sama,
hanya berbeda didatanya saja.
19. Halaman Tambah Data Kasir atau Data Pramusaji.
Gambar 4.19 Halaman Tambah Data Kasir atau Data Pramusaji
Gambar 4.19 menampilkan halaman tambah data baru
untuk data kasir atau data pramusaji. Kedua layout halaman
sama, hanya berbeda didatanya saja.
67
20. Halaman Edit Data Kasir atau Data Pramusaji.
Gambar 4.20 Halaman Edit Data Kasir atau Data Pramusaji
Gambar 4.20 menampilkan halaman edit data baru untuk
data kasir atau data pramusaji. Kedua layout halaman sama,
hanya berbeda didatanya saja.
68
21. Halaman Hapus Data Kasir atau Pramusaji
Gambar 4.21 Halaman Edit Data Kasir atau Data Pramusaji
Gambar 4.20 menampilkan halaman hapus data baru
untuk data kasir atau data pramusaji. Kedua layout halaman
sama, hanya berbeda didatanya saja.
69
22. Halaman Data Omset
Gambar 4.22 Halaman Data Omset
Gambar 4.22 menampilkan halaman data omset.
23. Halaman Daftar Omset Cake atau Daftar Omset Coffee
Gambar 4.23 Halaman Daftar Omset Cake atau Daftar Omset
Coffee
70
Gambar 4.23 menampilkan daftar omset untuk cake atau
daftar omset untuk coffee.
4.2 Analisis
Berdasarkan hasil pengujian yang dilakukan, diharapkan
sistem ini dapat bermanfaat untuk membantu dalam proses
pemesanan, pembayaran, maupun pendataan yang berhubungan
dengan karyawan atau order.
HASIL DAN ANALISIS
4.1 Hasil atau Implementasi
Kegiatan implementasi atau penerapan dilakukan dengan
dasar yang telah direncanakan dalam rencana implementasi. Pada
penerapan sistem yang diusulkan tentu saja harus disediakan
beberapa aspek yang akan mendukung kelancaran operasi sistem
dan hal yang akan dijadikan faktor pendukung adalah penentuan
kebutuhan sumber daya.
Implementasi adalah proses penerapan rancangan program
yang telah dibuat atau penerapan aplikasi dalam melaksanakan
sistem informasi yang dibangun.
Dalam pembuatan Sistem Pemesanan Menu di Restoran
berbasis web ini, penulis menggunakan perangkat lunak atau
software sebagai berikut :
a. Macromedia Flash
Penulis menggunakan Macromedia Flash 8, karena ini
merupakan salah satu software yang sering digunakan
sehingga penulis cukup mengenal fitur-fitur didalamnya.
b. Wamp Server versi 2.2
Wamp Server merupakan aplikasi open source untuk
pengembangan sebuah web. Wamp merupakan server
yang dapat dijalankan komputer tanpa adanya sambungan
51
52
internet (local server ). Didalam wamp versi 2.2 terdapat
tiga element yang terintegrasi, web server Apache 2.2.21,
MySQL 5.5.20, dan PHP 5.3.9.
Berikut masing-masing penjelasannya :
-
PHP(Hypertext Preprocessor)
PHP merupakan bahasa pemprograman berbasis script
untuk mengolah suatu data dan mengirimkannya
kembali ke web browser menjadi kode HTML.
-
My SQL
Merupakan database server yang mudah digunakan.
My SQL juga dapat diperoleh secara mudah dan
gratis.
-
Web Server
Merupakan server
yang berfungsi memberikan
layanan-layanan yang diminta oleh client (requested
by client).
c. Macromedia Dreamweaver
Penulis menggunakan Macromedia Dreamweaver 8,
Dreamweaver merupakan editor yang komplit. Dengan
aplikasi ini akan memudahkan mengetik atau mengedit
script-script format HTML, PHP, ASP maupun bentuk
program lainnya.
53
1. Splash Screen
Gambar 4.1 Splash Screen
Tampilan awal saat sistem dijalankan oleh user.
2. Halaman Login Admin
Gambar 4.2 Tampilan Halaman Login
Dari Gambar 4.2 dapat dilihat bahwa user hanya perlu
melakukan input pada Username dan Password. Kemudian
54
Sistem akan memeriksa apakah user terotentifikasi atau tidak
pada saat penekanan tombol Login.
3.
Halaman Login Pramusaji
Gambar 4.3 Tampilan Halaman Login Pramusaji
Dari Gambar 4.3 dapat dilihat bahwa user hanya perlu
melakukan input pada Username dan Passwordd. Kemudian
Sistem akan memeriksa apakah user terotentifikasi atau tidak
pada saat penekanan tombol Login.
55
4.
Halaman Login Kasir
Gambar 4.4 Halaman Login Kasir
Dari Gambar 4.4 dapat dilihat bahwa user hanya perlu
melakukan input pada Username dan Passwordd. Kemudian
Sistem akan memeriksa apakah user terotentifikasi atau tidak
pada saat penekanan tombol Login.
56
5. Halaman Menu Utama Login
Halaman menu login admin, kasir dan pramusaji hampir
sama yaitu sebagai berikut :
Gambar 4.5 Halaman Menu Login
Gambar 4.5 menampilkan menu setelah login. Pada
halaman ini terdapat 4 pilihan tombol. Yaitu untuk ke
halaman data cake, data coffee, data karyawan dan data
omset.
57
6.
Halaman Update Data Cake atau Data Coffee.
Gambar 4.6 Halaman Update Data Cake atau Data Coffee
Gambar 4.6 menampilkan halaman update data cake atau
data coffee. Dibagian sidebar kiri terdapat 4 tombol untuk
melihat, menambah,mengedit dan menghapus data. Kedua
layout halaman data cake dan data coffee sama, hanya
berbeda didatanya saja.
58
7.
Halaman Lihat Data Cake dan Coffee
Gambar 4.7 Halaman Lihat Data Cake dan Coffee
Gambar 4.7 menampilkan halaman data menu cake atau
coffee yang tersedia pada datagrid. Kedua layout halaman
data cake dan data coffee sama, hanya berbeda didatanya
saja.
59
8.
Halaman Tambah Data Cake dan Coffee.
Gambar 4.8 Halaman Tambah Data Cake dan Coffee
Gambar 4.8 menampilkan form
tambah data untuk
menu cake. Form untuk menambah data coffee juga sama
seperti gambar diatas.
60
9.
Halaman Edit Data Cake dan Coffee.
Gambar 4.9 Halaman Edit Data Cake dan Coffee.
Gambar 4.9 menampilkan form untuk mengedit data
cake atau data coffee sesuai pilihan data pada datagrid. Form
untuk menngedit data coffee juga sama seperti gambar
diatas.
61
10. Halaman Hapus Data Cake atau Data Coffee.
Gambar 4.10 Halaman Hapus Data Cake atau Data Coffee.
Gambar 4.10 menampilkan form hapus data sesuai
pilihan pada datagrid. Form untuk menghapus data coffee
juga sama seperti gambar diatas.
11. Halaman Home
Gambar 4.11 Halaman Home
62
Gambar 4.11 menampilkan halaman awal setelah sistem
dijalankan. Di halaman ini hanya menampilkan menu-menu
utama saja.
12. Halaman About
Gambar 4.12 Halaman About
Gambar 4.12 menampilkan profil tentang restaurant.
63
13. Halaman Contact
Gambar 4.13 Halaman Contact
Gambar 4.13 menampilkan informasi contact restaurant.
14. Halaman Menu
Gambar 4.14 Halaman Menu
64
Gambar 4.14 menampilkan daftar menu beserta
keterangannya.
15. Halaman Order
Gambar 4.15 Halaman Order
Gambar 4.15 menampilkan form order customer.
16 . Halaman Daftar Order
Gambar 4.16 Halaman Daftar Order
65
17. Halaman Pembayaran.
Gambar 4.17 Halaman Pembayaran
Gambar 4.17 menampilkan form pembayaran sesuai data
order.
18. Halaman Lihat Data Kasir atau Data Pramusaji.
Gambar 4.18 Lihat Data Kasir atau Data Pramusaji
66
Gambar 4.18 menampilkan halaman lihat data untuk
data kasir atau data pramusaji. Kedua layout halaman sama,
hanya berbeda didatanya saja.
19. Halaman Tambah Data Kasir atau Data Pramusaji.
Gambar 4.19 Halaman Tambah Data Kasir atau Data Pramusaji
Gambar 4.19 menampilkan halaman tambah data baru
untuk data kasir atau data pramusaji. Kedua layout halaman
sama, hanya berbeda didatanya saja.
67
20. Halaman Edit Data Kasir atau Data Pramusaji.
Gambar 4.20 Halaman Edit Data Kasir atau Data Pramusaji
Gambar 4.20 menampilkan halaman edit data baru untuk
data kasir atau data pramusaji. Kedua layout halaman sama,
hanya berbeda didatanya saja.
68
21. Halaman Hapus Data Kasir atau Pramusaji
Gambar 4.21 Halaman Edit Data Kasir atau Data Pramusaji
Gambar 4.20 menampilkan halaman hapus data baru
untuk data kasir atau data pramusaji. Kedua layout halaman
sama, hanya berbeda didatanya saja.
69
22. Halaman Data Omset
Gambar 4.22 Halaman Data Omset
Gambar 4.22 menampilkan halaman data omset.
23. Halaman Daftar Omset Cake atau Daftar Omset Coffee
Gambar 4.23 Halaman Daftar Omset Cake atau Daftar Omset
Coffee
70
Gambar 4.23 menampilkan daftar omset untuk cake atau
daftar omset untuk coffee.
4.2 Analisis
Berdasarkan hasil pengujian yang dilakukan, diharapkan
sistem ini dapat bermanfaat untuk membantu dalam proses
pemesanan, pembayaran, maupun pendataan yang berhubungan
dengan karyawan atau order.