Membuat Client server part 5

Membuat tampilan awal untuk menarik pelanggan

Baiklah pada kesempatan ini saya akan menjelaskan bagaimana cara membuat sebuah tampilan layout untuk menarik pelanggan, untuk tampilan awalnya seperti dibawah ini:

Login.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

android:id="@+id/widg37"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical"

android:background="@drawable/c"

xmlns:android="http://schemas.android.com/apk/res/android">

   

<TableRow

android:id="@+id/widget45"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

<TextView

android:id="@+id/widget47"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#FF000000"

android:text="Username       :    " />

<EditText

   android:id="@+id/txtusername"

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   android:text=""

   android:textSize="18sp" />

</TableRow>

<TableRow

android:id="@+id/widget46"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

<TextView

android:id="@+id/widget55"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#FF000000"

android:text="Password       :    " />

<EditText

   android:id="@+id/txtpassword"

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   android:password="True"

   android:text=""

   android:textSize="18sp" />

</TableRow>

 

<TableRow

   android:id="@+id/widget65"

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   android:orientation="horizontal" >

<Button

   android:id="@+id/btnlogin"

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   android:onClick="login"

   android:background="@drawable/b"

   android:text="LOGIN" />

</TableRow>

<TableRow

android:id="@+id/widget66"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

<Button

   android:id="@+id/btndaftar"

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   android:onClick="daftar"

   android:background="@drawable/b"

   android:text="DAFTAR" />

</TableRow>

<TableRow

android:id="@+id/widget67"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

<Button

   android:id="@+id/btninfo"

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   android:onClick="daftar"

   android:background="@drawable/b"

   android:text="INFO" />

</TableRow>

<TextView

android:id="@+id/txtstatus"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="" />

</LinearLayout>

Tampilan yang ada diatas ini adalah tampilan from login dimana tampilan ini digunakan untuk mendaftar sebagai pelanggan. untuk melihat informasi tentang apa yang dijual di dalam aplikasi tersebut klik menu info, setelah itu aka nada gambar seperti di bawah ini :

Informasi.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

   xmlns:tools="http://schemas.android.com/tools"

   android:layout_width="match_parent"

   android:layout_height="match_parent"

   android:paddingBottom="@dimen/activity_vertical_margin"

   android:paddingLeft="@dimen/activity_horizontal_margin"

   android:paddingRight="@dimen/activity_horizontal_margin"

   android:paddingTop="@dimen/activity_vertical_margin"

   android:background="@drawable/login"

   tools:context=".Informasi" >

   <Button

       android:id="@+id/kuliner"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:layout_centerHorizontal="true"

       android:layout_centerVertical="true"

       android:background="@drawable/f"

       android:text="" />

</RelativeLayout>

Sebenarnya di menu informasi tersedia beberapa jenis rumah makan, untuk sementara saya baru menyediakan 1 tempat rumah makan. Untuk melihat jenis makanan dan minuman apa yang di jual di dalam aplikasi rumah makan, klik logo rumah makan. Setelah mengklik icon gambar anda akan pindah layout ke info jenis rumah makan.

Kuliner_lover.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

   xmlns:tools="http://schemas.android.com/tools"

   android:layout_width="match_parent"

   android:layout_height="match_parent"

   android:paddingBottom="@dimen/activity_vertical_margin"

   android:paddingLeft="@dimen/activity_horizontal_margin"

   android:paddingRight="@dimen/activity_horizontal_margin"

   android:paddingTop="@dimen/activity_vertical_margin"

   android:background="@drawable/kuliner"

   tools:context=".Kuliner_Lover" >

</RelativeLayout>

Ok baiklah tadi saya sudah menjelaskan tentang tampilan aplikasi untuk informasi jenis makanan dan minuman, semoga apa yang saya buat ini bisa bermanfaat bagi pembaca.