Bila kita ke restoran biasanya ada info menu apa saja yang di sediakan oleh restoran tersebut, biasanya di cetak dalam kertas yang dibuat semenarik mungkin sehingga pelanggan tertarik untuk memesan menu tersebut. Kali ini kita akan membuat menu yang disajikan dalam bentuk digital, yaitu informasi menu akan ditampilkan dengan menggunakan media smartphone baik itu tablet, hp atau media elektronik lainya sehingga lebih inovatif dalam rangka memanfaatkan kemajuan teknologi.

Ada tiga langkah yang harus disiapkan dengan urutan sebagai berikut :

  • menyiapkan server lokal dan database
  • membuat web server dengan bahasa pemrograman PHP dan JSON
  • Membuat Project Android

Menyiapkan Server Lokal

Server lokal di bangun dengan memanfaatkan aplikasi XAMPP yang kita instal di driver c: seperti pada gambar sebagai berikut :

Buat database dengan nama menudigital dengan 2 tabel sebagai berikut :

-- phpMyAdmin SQL Dump
-- version 4.1.12
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Mar 27, 2017 at 04:06 PM
-- Server version: 5.6.16
-- PHP Version: 5.5.11

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `menudigital`
--

-- --------------------------------------------------------

--
-- Table structure for table `tb_kategori`
--

CREATE TABLE IF NOT EXISTS `tb_kategori` (
`idkategori` int(2) NOT NULL,
`kategori` varchar(12) NOT NULL,
PRIMARY KEY (`idkategori`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `tb_kategori`
--

INSERT INTO `tb_kategori` (`idkategori`, `kategori`) VALUES
(1, 'makanan'),
(2, 'minuman');

-- --------------------------------------------------------

--
-- Table structure for table `tb_menu`
--

CREATE TABLE IF NOT EXISTS `tb_menu` (
`idmenu` int(2) NOT NULL,
`nama_menu` varchar(32) NOT NULL,
`harga_menu` varchar(16) NOT NULL,
`diskripsi_menu` text NOT NULL,
`pic_menu` text NOT NULL,
`idkategori` int(2) NOT NULL,
PRIMARY KEY (`idmenu`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `tb_menu`
--

INSERT INTO `tb_menu` (`idmenu`, `nama_menu`, `harga_menu`, `diskripsi_menu`, `pic_menu`, `idkategori`) VALUES
(1, 'Bakso', '8500', 'daging sapi giling, gurih, lezat dan sehat', 'bakso.jpg', 1),
(2, 'mie ayam', '6500', 'perpaduan mie dengan kuah kaldu ayam serasa nikmat yang luar biasa', 'mieayam.jpg', 1),
(3, 'soto ayam', '7000', 'kuah kaldu ayam yang panas, ditaburi bawang goreng yang kress. lezat dinikmati pagi hari', 'soto.jpg', 1),
(4, 'gulai ayam', '9000', 'olahan daging ayam yang dimasak dengan bumbu gulai, rasa istimewa', 'gulaiayam.jpg', 1),
(5, 'semur ayam', '9500', 'daging ayam pilihan, empuk dan sehat diolah dengan bumbu semur. rasanya wajib dicoba', 'semurayam.jpg', 1),
(6, 'es teh', '2500', 'teh harum es dingin', 'esteh.jpg', 2),
(7, 'es jeruk', '3000', 'jeruk nipis nikmat menyegarkan', 'esjeruk.jpg', 2),
(8, 'es kolak', '5000', 'minum penyegar dengan kombinasipisang, ubi dan kuah santan', 'eskolak.jpg', 2);

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Selanjutnya pada folder xampp->htdocs->menudigital (buat menu baru) sebagai berikut :

Menyiapkan Web Service dengan PHP dan JSON

Pada tahap ini maksudnya kita menyiapkan sebuat web yang bertugas sebagai penyedia data. Data yang disimpan dalam database MySQL akan diakses dengan script PHP, sedangankan fungsi JSON sendiri adalah sebagai jembatan data ke aplikasi yang menggunakan data tersebut.

    1. file Config.php
<?php
 $host="localhost";
 $username="root";
 $password="";
 $db="menudigital";
 mysql_connect($host,$username,$password) or die ("Gagal"); 
mysql_select_db($db) or die ("database tidak ada"); ?>
    1. menu_service.php
<?php 
require_once "config.php"; 
$json=array(); 
$kategori=$_POST['kategori'];
 $sqlselect="SELECT * FROM tb_menu WHERE idkategori=$kategori";
 $hasil=mysql_query($sqlselect); 
while ($row=mysql_fetch_assoc($hasil)) { 
$menu[]=$row; 
} 
if (is_array($menu)) {
 $json['datamenu']=$menu; 
echo json_encode($json); 
} ?>

Membuat Project Android

Project android adalah aplikasi yang menggunakan data yang sudah kita olah dengan database MySQL yaitu database menudigital.

  • Application Name : MenuDigital
  • Project Name : MenuDigital
  • Package Name : com.menu.digital

Struktur project android sebagai berikut :

Output aplikasi project android dapat di lihat sebagai berikut :
Menu Utama :

Menu Makanan :

Detail Menu Makanan :

Menu Minuman :

Detail Menu Minuman :

Emulator android  menggunakan android developer tools  :

Sedangkan XAMPP menggunakan versi sebagai berikut :
Untuk mempelajari lebih lanjut silakan download script project android-nya. Dan Script untuk Web Services.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *