Membuat Aplikasi Androin Menu Pemesanan Menggunakan Eclipse

Untuk memenuhi tugas UAS dari matkul Mobile Programming,  pada postingan kali ini saya akan posting bagaimana cara membuat aplikasi android menggunakan Eclipse.

Seperti biasanya tutorial ini merupakan aplikasi sederhana yang saya buat menggunakan Aplikasi Eclipse, kenapa menggunakan eclipse ketimbang Android Studio ..?? ya karena Android Studio lebih berat, dari sisi spesifikasi komputer yang dipake juga harus lebih Up dan mumpuni hehe ... well eclpise juga lumayan berat (loading) tapi lumayan bisa dijalankan dengan spesifikasi yang biasa tentunya pasti rada leg :)

Aplikasi pemesanan ini terdiri dari 4 Layout :
> Yang Pertama Login : Diharapkan hanya orang yang diberikan akses untuk dapat menggunakan aplikasi pemesanan ini
> Yang Kedua Menu : Dibagian layout ini isinya tentang menu, setelah masuk Login maka akan diarahkan kesini dan memilih menu yang tersedia
> Yang Ketiga Pemesanan : Di layout akhir ini terdapat menu pemesanan setelah memilih menu makanan atau minuman dari layout menu maka akan diarahkan ke layout yang dipilih
     => Layout Pemesanan Makanan
     => Layout Pemesanan Minuman

Langsung aja ...

1. Buka Aplikasi Eclipse
2. Pilih New Project Tentuin nama projectnya

Untuk yang pertama yaitu membuat layout, Layout yang pertama untuk Login

di Layout Login terdiri dari 

User

Password

dan Button Login

Untuk Tulisan User dan Password menggunakan Text View di form widget

Dan untuk inputannya menggunakan inputan di Text Field 

Seperti ini layout untuk Login

Dan ini Source Code untuk membuat Layout Login

<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"

    tools:context=".MainActivity" >

    <TextView

        android:id="@+id/textView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="81dp"

        android:text="Welcome"

        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView

        android:id="@+id/password"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_centerVertical="true"

        android:layout_marginLeft="14dp"

        android:text="Password"

        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView

        android:id="@+id/user"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_above="@+id/password"

        android:layout_alignLeft="@+id/password"

        android:layout_marginBottom="34dp"

        android:text="User"

        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText

        android:id="@+id/txtuser"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignBottom="@+id/user"

        android:layout_alignParentRight="true"

        android:ems="10" />

    <EditText

        android:id="@+id/txtpass"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignBottom="@+id/password"

        android:layout_alignLeft="@+id/txtuser"

        android:ems="10"

        android:inputType="textPassword" />

    <Button

        android:id="@+id/btnlogin"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/txtpass"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="46dp"

        android:onClick="Login"

        android:text="Login" />

</RelativeLayout>
_____________________________________________________________________

Dan ini Source Code Java nya untuk Layout Login

package com.dedisopian171021400153;

import android.os.Bundle;

import android.app.Activity;

import android.content.Intent;

import android.view.Menu;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

public class MainActivity extends Activity {

      EditText user;

      EditText Password;

      Button login;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

       

        user = (EditText) findViewById(R.id.txtuser);

        Password = (EditText) findViewById(R.id.txtpass);

 

    }

public void Login (View view){

      String nama = user.getText().toString ();

      String pass = Password.getText().toString ();

      if(nama.equals("admin")&& pass.equals("123")){

            Intent i= new Intent (this, Pilihan.class);

            startActivityForResult (i, 0);

      }

}

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.activity_main, menu);

        return true;

    }

   

}

_____________________________________________________________________
Yang kedua membuat Layout untuk pilihan menu, sama halnya membuat layout login tidak jauh beda hanya berisikan Nama Layout dan Pilihan menu.
Pilihan Menu Makanan dan Minuman menggunakan Button, bisa di peroleh dibagian Form Widgets

Xml untuk layout Pilihan, yang berisikan Menu pilhan Makanan dan Minuman

<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"

    tools:context=".Pilihan" >

    <TextView

        android:id="@+id/textView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="81dp"

        android:text="Cafe Selalu Dihati"

        android:textAppearance="?android:attr/textAppearanceLarge" />

    <Button

        android:id="@+id/btnminuman"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentRight="true"

        android:layout_centerVertical="true"

        android:layout_marginRight="48dp"

        android:onClick="Minuman"

        android:text="Minuman" />

    <Button

        android:id="@+id/btnmakanan"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_centerVertical="true"

        android:layout_marginRight="34dp"

        android:layout_toLeftOf="@+id/btnminuman"

        android:onClick="Makanan"

        android:text="Makanan" />

</RelativeLayout>

_____________________________________________________________________

Source Code Java nya untuk Layout Pilihan

package com.dedisopian171021400153;

import android.os.Bundle;

import android.app.Activity;

import android.content.Intent;

import android.view.Menu;

import android.view.View;

public class Pilihan extends Activity {

      @Override

      protected void onCreate(Bundle savedInstanceState) {

            super.onCreate(savedInstanceState);

            setContentView(R.layout.activity_pilihan);

      }

     

      public void Pilihan(View view){

            Intent intent = new Intent(this, Pilihan.class);

            startActivity(intent);

      }

      @Override

      public boolean onCreateOptionsMenu(Menu menu) {

            // Inflate the menu; this adds items to the action bar if it is present.

            getMenuInflater().inflate(R.menu.activity_pilihan, menu);

            return true;

      }

}

_____________________________________________________________________

Layout Selanjutnya untuk Pemesanan, Nantinya setalah mengklik Button makanan dan minuman dari menu pilihan maka akan masuk ke menu pemesanan
Untuk itu buatlah layout seperti gambar dibawah ini.

Xml Codenya untuk Tampilan layout diatas

<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"

    tools:context=".Pemesanan" >

    <CheckBox

        android:id="@+id/check2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/check1"

        android:layout_below="@+id/check1"

        android:text="Asian Dolce Latte" />

    <LinearLayout

        android:id="@+id/linearLayout1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_below="@+id/button1"

        android:layout_marginTop="22dp"

        android:orientation="horizontal" >

    </LinearLayout>

    <TextView

        android:id="@+id/textjumlah"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/check2"

        android:layout_marginTop="28dp"

        android:layout_toLeftOf="@+id/textView1"

        android:text="Jumlah"

        android:textAppearance="?android:attr/textAppearanceMedium" />

    <Button

        android:id="@+id/button1"

        android:layout_width="48dp"

        android:layout_height="48dp"

        android:layout_alignBaseline="@+id/textjumlah"

        android:layout_alignBottom="@+id/textjumlah"

        android:layout_alignRight="@+id/check2"

        android:onClick="increment"

        android:text="+" />

    <TextView

        android:id="@+id/quantity_textview"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignRight="@+id/textView1"

        android:layout_alignTop="@+id/textjumlah"

        android:paddingLeft="8dp"

        android:paddingRight="8dp"

        android:text="0"

        android:textColor="#212121"

        android:textSize="25dp" />

    <TextView

        android:id="@+id/textView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:layout_alignRight="@+id/check1"

        android:text="Pesan Disini"

        android:textAppearance="?android:attr/textAppearanceLarge" />

    <EditText

        android:id="@+id/txtnama"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_below="@+id/textView1"

        android:layout_marginLeft="19dp"

        android:layout_marginTop="15dp"

        android:ems="10"

        android:hint="@string/masukan" >

        <requestFocus />

    </EditText>

    <CheckBox

        android:id="@+id/check1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/txtnama"

        android:layout_below="@+id/txtnama"

        android:layout_marginTop="18dp"

        android:text="Frappucino Green Tea" />

    <TextView

        android:id="@+id/price_textview"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/linearLayout1"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="34dp"

        android:text="0"

        android:textColor="#212121"

        android:textSize="25dp" />

    <TextView

        android:id="@+id/txtharga"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/textjumlah"

        android:layout_alignTop="@+id/price_textview"

        android:text="Harga"

        android:textAppearance="?android:attr/textAppearanceMedium" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/price_textview"

        android:layout_marginTop="20dp"

        android:layout_toLeftOf="@+id/button2"

        android:onClick="Submitorder"

        android:text="Pesan Sekarang" />

    <Button

        android:id="@+id/button2"

        android:layout_width="48dp"

        android:layout_height="48dp"

        android:layout_alignBottom="@+id/quantity_textview"

        android:layout_toRightOf="@+id/quantity_textview"

        android:onClick="decrement"

        android:text="-" />

</RelativeLayout>

Pemograman 9:03 AM