Selasa, 07 November 2017

Aplikasi Pemesanan Lapangan Futsal (Form Pemesanan)

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan melanjutkan postingan kemarin yaitu penyewaan lapangan futsal. aplikasi yang saya buat kali ini yaitu membuat form pemesanan dari client. Pada postingan sebelum dari aplikasi yang buat hanya bisa sampai registrasi mendaftar sebagai member.
ok, langsung saja pada tahap-tahap pembuatan form pemesanan.
langkah yang pertama yang kita akan buat adalah login, seperti pada gambar di bawah ini:

dengan script seperti berikut :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
android:id="@+id/widg37"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="@drawable/coba"
xmlns:android="http://schemas.android.com/apk/res/android">

<TableLayout
    android:layout_marginTop="280dp"
android:id="@+id/widget37"
android:layout_width="250dp"
android:layout_gravity="center"
android:layout_height="wrap_content"
android:orientation="vertical" >    
    
<EditText
    android:id="@+id/txtusername"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Username"
    android:textSize="18sp" />


<EditText
android:id="@+id/txtpassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Password"
android:password="True"
android:textSize="18sp" />

 </TableLayout> 
 
<TableLayout
android:id="@+id/w7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
>  
<TableRow
    android:layout_marginLeft="90dp"
android:id="@+id/widget65"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/btnlogin"
android:onClick="login"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="L O G I N" />
<Button
android:id="@+id/btndaftar"
android:onClick="daftar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="DAFTAR" />
</TableRow>
 </TableLayout> 
<TextView
android:id="@+id/txtstatus"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="" />
</LinearLayout>


- setelah berhasil login akan masuk pada tampilan home disitu terdapat berbagai macam pengelolah futsal, seperti pada gambar dibawah ini:


dengan script seperti berikut:

<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:background="@drawable/bgc"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Home" >

    <ImageView
        android:id="@+id/lap1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="40dp"
        android:background="@drawable/a"/>
    <Button 
        android:id="@+id/btn1"
        android:layout_width="110dp"
        android:layout_height="wrap_content"
        android:text="Dunia Futsal"
        android:textStyle="bold"
        android:layout_below="@+id/lap1"
        android:layout_marginLeft="20dp"/>
     
     <ImageView
         android:id="@+id/lap2"
         android:layout_width="100dp"
         android:layout_height="100dp"
         android:layout_marginLeft="50dp"
         android:layout_marginTop="40dp"
         android:layout_toRightOf="@+id/lap1"
         android:background="@drawable/b" />
     <Button 
        android:id="@+id/btn2"
        android:layout_width="110dp"
        android:layout_height="wrap_content"
        android:text="MyFutsal"
        android:textStyle="bold"
        android:layout_marginLeft="45dp"
        android:layout_below="@+id/lap2"
        android:layout_toRightOf="@+id/lap1"/>
     
     <ImageView
        android:id="@+id/lap3"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="100dp"
        android:layout_below="@+id/lap1"
        android:background="@drawable/c"/>
     <Button 
        android:id="@+id/btn3"
        android:layout_width="110dp"
        android:layout_height="wrap_content"
        android:text="YouFutsal"
        android:textStyle="bold"
        android:layout_marginLeft="20dp"
        android:layout_below="@+id/lap3"/>
     
     <ImageView
        android:id="@+id/lap4"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginLeft="45dp"
        android:layout_marginTop="100dp"
        android:layout_below="@+id/lap2"
        android:layout_toRightOf="@+id/lap3"
        android:background="@drawable/d"/>
     <Button 
        android:id="@+id/btn4"
        android:layout_width="110dp"
        android:layout_height="wrap_content"
        android:text="Futsal"
        android:textStyle="bold" 
        android:layout_marginLeft="40dp"
        android:layout_below="@+id/lap4"
        android:layout_toRightOf="@+id/lap3"/>

</RelativeLayout>

- dari form home, setelah pilih tempat futsal yang kita pilih. kita lanjutkan dengan melakukan pemesanan pada lapangan futsal yang kita pilih. tampilan pilih lapangan seperti berikut:


dengan script seperti berikut :

<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:background="@drawable/lap"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Lapangan1" >

     <ImageView
        android:id="@+id/lap1"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_marginTop="100dp"
        android:background="@drawable/lap1"
        android:scaleType="fitXY" />

    <ScrollView
        android:id="@+id/scrol"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/lap1"
        android:layout_marginTop="20dp" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" >
            
<TextView
                android:id="@+id/view2"
                android:layout_gravity="center"
                android:textStyle="bold"
                android:textSize="15dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Lapangan Futsal"/>
<TextView
                android:id="@+id/view2"
                android:layout_marginTop="15dp"
                android:textSize="15dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Rp 70.000/Jam"/>
            
            
            <TextView
                android:id="@+id/view1"
                android:layout_marginTop="15dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Futsal adalah permainan bola yang dimainkan oleh dua tim, yang masing-masing beranggotakan lima orang. Tujuannya adalah memasukkan bola ke gawang lawan, dengan memanipulasi bola dengan kaki. Selain lima pemain utama, setiap regu juga diizinkan memiliki pemain cadangan. Tidak seperti permainan sepak bola dalam ruangan lainnya, lapangan futsal dibatasi garis, bukan net atau papan." />

            <TableLayout
                android:id="@+id/tab1"
                android:layout_marginTop="25dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >

                <LinearLayout
                    android:id="@+id/l1"
                    android:layout_gravity="center"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal" >

                    <Button
                        android:id="@+id/btn2"
                        android:layout_width="97dp"
                        android:layout_height="45dp"
                        android:text="C H A T"
                        android:textStyle="bold" />

                    <Button
                        android:id="@+id/btn1"
                        android:layout_width="97dp"
                        android:layout_height="45dp"
                        android:textStyle="bold"
                        android:text="P E S A N" />

                    <Button
                        android:id="@+id/btn3"
                        android:layout_width="97dp"
                        android:layout_height="45dp"
                        android:textStyle="bold"
                        android:text="E X I T" />
                </LinearLayout>
            </TableLayout>
        </LinearLayout>
    </ScrollView>

</RelativeLayout>

- kemudian kita akan melakukan pemesanan pada lapangan yang kita inginkan, seperti pada gambar dibawah ini:


dengan script seperti berikut :


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
android:id="@+id/widg37"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/tes"
xmlns:android="http://schemas.android.com/apk/res/android">

<TableLayout
    android:layout_marginTop="190dp"
android:id="@+id/widget37"
android:layout_width="250dp"
android:layout_gravity="center"
android:layout_height="wrap_content"
android:orientation="vertical" >  
    <EditText
    android:id="@+id/txtlap"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="id_lapangan"
    android:textSize="18sp" />
    
<EditText
    android:id="@+id/txtjammulai"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Jam Mulai"
    android:textSize="18sp" />


<EditText
android:id="@+id/txtjamselesai"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Jam Selesai"
android:textSize="18sp" />
<TextView 
    android:layout_marginLeft="170dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="70.000/Jam"/>
<EditText
    android:id="@+id/txttothal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Total Harga"
    android:textSize="18sp" />

 </TableLayout> 
 
<TableLayout
android:id="@+id/w7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="vertical">  
<TableRow
android:id="@+id/widget65"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/btnlogin"
android:onClick="login"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="PESAN SEKARANG" />


</TableRow>
 </TableLayout> 
<TextView
android:id="@+id/txtstatus"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="" />
</LinearLayout>


dengan begitu form pemesanan yang kita buat sudah selesai ....

Tidak ada komentar:

Posting Komentar