Source Code

WEB, DESKTOP, MOBILE, Mata Kuliah, Ebook, Artikel, Jurnal Teknologi Informasi, Inspirasi , Motivasi, Literasi, Seputar Islam dan Cerita Lucu

Gambar Koala

Sunday, 13 November 2016

Source Code Program Rumah Makan di Android dengan PHP Responsive

Salam sejahtera untuk kita semua, kembali lagi saya upload sebuah program + full source codenya untuk Rumah Makan atau Cafe di Android dengan menggunakan PHP Responsive.

Program ini sudah siap digunakan karena secara umum sudah memenuhi kebutuhan yang dibutuhkan di sebuah Restoran atau Cafe untuk kekurangannya bisa Anda kembangkan lebih baik lagi.
Program ini awalnya dari saya peroleh dari seseorang nun jauh disana, sehingga kalau anda melihat source codenya seperti bahasa Spanyol atau Italia. Kemudian bugsnya saya perbaiki dan akhirnya jadilah sistemnya.

Proses Bisnis dari program ini adalah :
  1. Pelanggan datang kemudian waitres akan membantu mengalokasikan meja sambil membawa Android, Tablet dll.
  2. Didalam sistem waitres bisa melihat meja atau table untuk yang kosong statusnya Close sedangkan yang sudah terisi statusnya Open.
  3. Meja tinggal disentuh atau dipilih oleh waitres sambil menunggu apa yang dipesan oleh pelanggan
  4. Setiap pemesanan yang dilakukan oleh pelanggan melalui waitres, akan tampil di layar Kitchen atau Dapur dengan status Prepared untuk disiapkan berikut informasi meja atau tablenya, untuk Status Delivered status Makanan sudah siap diambil atau disajikan oleh waitres.
  5. Setelah selesai pelanggan akan diarahkan ke bagian Admin atau kasir hanya perlu menginformasikan saja nomor berapa meja yang digunakan. Secara otomatis akan ditampilkan tagihan menu-menu apasaja yang sudah dipesan berikan jumlah dan totalnya, kemudian bagian kasir atau admin tinggal print dan melakukan proses Close Bill. Selanjutnya status Meja akan berubah dari Open menjadi Close.
  6. Pemilik bisa melihat Monitoring Sales atau penjualan dimenu yang sudah disediakan,kemudian bisa menghapus aktifitas yang sudah selesai.
  7. Laporan penjualan bisa dilihat berdasarkan tanggal dan jam.
Sekilas Teori tentang Web Responsive

Desain Web Responsif (bahasa Inggris:Responsive Web Design (RWD)) adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai perangkat, baik mobile maupun komputer meja. Dengan metode ini, web akan beradaptasi jika dibuka dari perangkat mobile berukuran kecil maupun perangkat komputer meja dengan ukuran monitor besar. Ukuran hurufuser interface, gambar dan tata letak akan menyesuaikan dengan lebar layar dan resolusi layar monitor yang tersedia. Hasilnya pengguna akan merasakan pengalaman mudah membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat komputer meja.

Berawal sekitar tahun 2013, terjadi perubahan peningkatan penggunaan mobile device dengan munculnya beragam perangkat cerdas yang terintegrasi dengan ponsel seperti iPhone. Koneksi internet menjadi sebuah keharusan dalam masyarakat modern, dan tidak dapat dimungkiri kemajuan teknologi dan industri ini menuntut setiap individual untuk bergabung dalam sebuah jaringan internet melalui berbagai perangkat cerdas tersebut. 

Dengan menggunakan ponsel cerdas dan koneksi internet yang mumpuni, berselancar di internet menjadi hal yang biasa. Individu dapat meng-update statusnya di Facebook, membaca email, mengirim foto ataupun membaca berita melalui perangkat cerdasnya kapanpun dan dimanapun dia berada. Namun terkadang keterbatasan teknologi web dengan HTML-nya masih sering terjadi pada saat itu. Tidak semua web bisa dibuka atau berjalan secara baik di ponsel cerdas dan Komputer tablet yang umumnya berukuran kecil dibanding perangkat Komputer meja. Bahkan beberapa fitur terkadang tidak bisa beroperasi. Hal inilah yang membuat para web desainer dituntut berfikir menggunakan cara baru dalam menyampaikan informasi di dalam web yang bersahabat dengan perangkat mobile. Desain Web Responsif, membantu menjembatani hal tersebut, dengan menggunakan teknologi baru HTML 5 dan CSS 3. Berlahan berbagai situs web besar seperti GoogleAmazon.comFacebook, Portal berita BBC dan CNN mulai mengadaptasi metode tersebut.


Ciri Web dengan Desain Web Responsif

  • User interface-nya beradaptasi di berbagai perangkat berbeda
  • Ukuran huruf, tata letak dan gambarnya beradaptasi di berbagai ukuran layar yang berbeda
  • Umumnya menggunakan scrolling dan swipe untuk bernavigasi di perangkat mobile

(sumber : wikipedia)


Berikut beberapa screenshot dari program yang saya share :

source code rumah makan
Gambar 1. Tampilan Utama Menu Rumah Makan ( Administrator )

program rumah makan
Gambar  2. Tampilan Menu setelah melakukan login

program rumah makan
Gambar 3. Menu pilihan General Setting

program rumah makan
Gambar 4. Form data General Setting

Gambar 5. Form untuk mengisi item-item yang disajikan oleh rumah makan


porgram rumah makan
Gambar 6. Form untuk melakukan perbaikan harga item menu

program rumah makan
Gambar 7. Form untuk menambah meja atau table

program rumah makan
Gambar 8. Form untuk mengisi pelanggan ( jika diperlukan )

program rumah makan
Gambar 9. Tampilan untuk menambah waiter atau pengguna sistem 

program rumah makan
Gambar 10. Tampilan untuk membuat category dari item menu yang ditawarkan

program rumah makan
Gambar 11. Tampilan ketersediaan meja atau table rumah makan

program rumah makan
Gambar 12. Tampilan Rincian Tagihan atau bill dari pelanggan

 program rumah makan
Gambar 13. Tampilan Kwitansi pembayaran

program rumah makan
Gambar 14. Tampilan monitoring pemesanan item di rumah makan

program rumah makan
Gambar 15. Tampilan menu transaksi dimana salah satunya adalah bagian dapur ( kitchen )

program rumah makan
Gambar 16. Tampilan pemesanan setiap item menu di bagian dapur

program rumah makan
Gambar 17. Menu pilihan untuk melihat transaksi penjualan berdasarkan tanggal yang di inginkan

program rumah makan
Gambar 18. Menu laporan berdasarkan penjualan waiter atau pramusaji

program rumaha makan
Gambar 19. Tampilan utama pada saat menu rumah makan untuk android dijalankan

program rumah makan
Gambar 20. Setelah memasukkan username dan password dengan benar di android

program rumah makan
Gambar 21. Tampilan menu pilihan sistem rumah makan yang ada di android

program rumah makan
Gambar 22. Tampilan memilih item-item yang disediakan berikut harganya

program rumah makan
Gambar 23. Tampilan ketika item menu dipilih

program rumah makan
Gambar 24. Tampilan melihat rincian pemesanan pelanggan di menu android


Demikan beberapa screenshot yang diberikan oleh sistem atau program rumah makan ini, untuk selanjutnya bisa anda lihat langsung di video tutorialnya.


Download Full Source Code ada disini

Semoga bisa bermanfaat..by Mr.Dicsr

2 comments: