Membuat aplikasi sederhana dengan eclipse


Membuat aplikasi sederhana dengan eclipse

Assalamu’alaikum wr.wb semua 😀
Selamat datang di blog saya 😀
Seperti yang kita ketahui, semakin tingginya minat masyarakat dalam mengakses teknologi digital melalui internet dan terhubung dari sebuah aplikasi , maka tentunya dibutuhkan sebuah aplikasi untuk menunjang kebutuhan masyarakat secara efisien dan aktual dalam memesan makanan. Untuk itu kita akan membuat sebuah aplikasi sederhana pemesanan order makanan menggunakan aplikasi eclipse.
Terdiri dari :
– Textview
– Textfield
– Button
– Radio Button
1. Pertama-tama Pada activity_main.xml
Masukan sourcecode berikut :
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="FR Bakmi"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Since 1997" />

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="Halaman Login" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="UserName" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <requestFocus />
    </EditText>

    <TextView
        android:id="@+id/Password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Password" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Login"
        android:onClick="aksiLogin" />

    <Button
        android:id="@+id/butnlogout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Logout" />

</LinearLayout> 
Maka hasilnya :


2. Lalu pada MainActivity.java isikan source code berikut :
package com.example.nurfaridarianiramli_161011401376;


import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends Activity {

EditText nm, pswd;
String pas, us;

  /** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

   nm = (EditText) findViewById(R.id.editText1);
  pswd = (EditText) findViewById(R.id.editText2);

  Button btn2 =(Button)findViewById(R.id.butnlogout);
  btn2.setOnClickListener(new View.OnClickListener() {
          public void onClick(View v) {
              // TODO Auto-generated method stub
              moveTaskToBack(true);

          //membuat method tombol keluar dari aplikasi

          }
      });
}
  

  public void aksiLogin(View v) {
  pas = pswd.getText().toString();
  us = nm.getText().toString();

   // Percabangan
  if (us.equals("nur") && pas.equals("111") || us.equals("farida")
    && pas.equals("222") || us.equals("riani") && pas.equals("333")) {
   Intent i = new Intent(this, halamanutama.class);
   i.putExtra("User", nm.getText().toString());
   startActivity(i);
  } else {
   Toast.makeText(getApplicationContext(),
     "Password atau username salah, silahkan diulang",
     Toast.LENGTH_LONG).show();
  }
}
public void batal(View v){
  nm.setText("");
  pswd.setText("");
  nm.requestFocus();
}
}

 3. Buat Layout baru caranya : klik kanan folder res/LayoutàNewàAndroid XML File, pada 
jendela New Android XML File ketikkan File = halutama kemudian klik Finish
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >


    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Selamat Datang, "
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:layout_gravity="center" />

    <TextView
        android:id="@+id/txtTampil"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Large Text"
        android:layout_gravity="center"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Menu" />

    <Button
        android:id="@+id/logout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Logout" />

</LinearLayout>

maka hasilnya :
4.  Buat kelas java baru, caranya : klik kanan folder paket (sesuaikan nama paket (package) yang 
sudah dibuat)  àNEW àClass, akan muncul jendela New Java Class isi Name : halamanutama , SuperClass : android.app.Activity , kemudian hilangkan ceklis/centang pada Inherited abstract methods  àFinish
5. Daftarkan Class halamanutama.java di AndroidManifest.xml caranya : buka file AndroidManifest.xml  à pilih tab AndroidManifest.xml, tambahkan kode dibawah ini :
(sesudah kode </activity> )
 <activity 
            android:name=".halamanutama" >
   </activity>
lalu masukan source code berikut ke  halamanutama.java :
package com.example.nurfaridarianiramli_161011401376;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.content.Intent;

public class halamanutama extends Activity {
TextView tampilnama;
 
@Override
public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.halutama);
  
  tampilnama = (TextView)findViewById(R.id.txtTampil);
  
  Intent ambilNama = getIntent();
  tampilnama.setText(ambilNama.getStringExtra("User"));
  
  Button btn1 =(Button)findViewById(R.id.button1);
  btn1.setOnClickListener(new View.OnClickListener() {
  
          @Override
          public void onClick(View arg0) {
              // TODO Auto-generated method stub
              Intent pindah = new Intent(halamanutama.this,menu.class);
              startActivity(pindah);
              //menghubungkan antar activity dengan intent

          }
      });
  
  Button btn2 =(Button)findViewById(R.id.logout);
  btn2.setOnClickListener(new View.OnClickListener() {
          public void onClick(View v) {
              // TODO Auto-generated method stub
              moveTaskToBack(true);

          //membuat method tombol keluar dari aplikasi

          }
      });
}


}

6. Buat Layout baru caranya : klik kanan folder res/LayoutàNewàAndroid XML File, pada 
jendela New Android XML File ketikkan File = activity_menu kemudian klik Finish
masukan source code berikut kedalam  activity_menu.xml :

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:ignore="HardcodedText" >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
        
          <TextView
            android:id="@+id/labelnim"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="7dp"
            android:text="Termurah dan enak"
            android:layout_centerHorizontal="true"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/labelnama"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelnim"
            android:layout_marginTop="7dp"
            android:text="Nama"
            android:textSize="18sp" />

        <EditText
            android:id="@+id/fieldnama"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/labelnama"
            android:layout_below="@+id/labelnim"
            android:inputType="text" >
        </EditText>

        <TextView
            android:id="@+id/labelemail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelnama"
            android:layout_marginTop="15dp"
            android:text="Alamat"
            android:textSize="18sp" />

        <EditText
            android:id="@+id/fieldemail"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/fieldnama"
            android:layout_toRightOf="@+id/labelemail"
            android:inputType="textEmailAddress" >
        </EditText>

        <TextView
            android:id="@+id/labeljk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelemail"
            android:layout_marginTop="15dp"
            android:text="Pembayaran"
            android:textSize="18sp" />

        <RadioGroup
            android:id="@+id/groupjk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labeljk"
            android:orientation="horizontal"
            android:padding="5dp" >

            <RadioButton
                android:id="@+id/radiolk"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Cash"
                android:textSize="18sp" />

            <RadioButton
                android:id="@+id/radiopr"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Debit"
                android:textSize="18sp" />
       
        </RadioGroup>

        <TextView
            android:id="@+id/labelkeahlian"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/groupjk"
            android:layout_marginTop="7dp"
            android:text="Menu"
            android:textSize="18sp" />

        <CheckBox
            android:id="@+id/cekboxjava"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelkeahlian"
            android:layout_marginTop="5dp"
            android:text="Bakmi"
            android:textSize="18sp" />

        <CheckBox
            android:id="@+id/cekboxnet"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/cekboxjava"
            android:layout_marginTop="5dp"
            android:text="Bakso"
            android:textSize="18sp" />

        <CheckBox
            android:id="@+id/cekboxsa"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/cekboxnet"
            android:layout_marginTop="5dp"
            android:text="Bakmi+Bakso"
            android:textSize="18sp" />

        <Button
            android:id="@+id/tomboltampil"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/cekboxsa"
            android:layout_marginTop="5dp"
            android:text="CETAK"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputnama"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tomboltampil"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputemail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/outputnama"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputahli"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/outputemail"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputjk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/outputahli"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />

        <Button
            android:id="@+id/logout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignTop="@+id/outputnama"
            android:layout_marginTop="20dp"
            android:text="Logout" />

    </RelativeLayout>


</ScrollView>


 Maka hasilnya : 

7.  Buat kelas java baru, caranya : klik kanan folder paket (sesuaikan nama paket (package) yang 
sudah dibuat)  àNEW àClass, akan muncul jendela New Java Class isi Name : menu , SuperClass : android.app.Activity , kemudian hilangkan ceklis/centang pada Inherited abstract methods  àFinish

6. Daftarkan Class menu.java di AndroidManifest.xml caranya : buka file AndroidManifest.xml  à pilih tab AndroidManifest.xml, tambahkan kode dibawah ini :
(sesudah kode </activity> )
 <activity 
            android:name=".menu" >
   </activity>
lalu masukan source code berikut ke  halamanutama.java :
package com.example.nurfaridarianiramli_161011401376;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class menu extends Activity implements OnClickListener, OnCheckedChangeListener {

    EditText fieldnama,fieldemail;
    Button tomboltampil;
    RadioGroup groupjk;
    RadioButton radiolk, radiopr;
    CheckBox cekboxjava, cekboxsa, cekboxnet;
    TextView outputnama, outputemail, outputjk, outputahli;
    String jk, ahli;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_menu);
        
        fieldemail = (EditText)findViewById(R.id.fieldemail);
        fieldnama = (EditText)findViewById(R.id.fieldnama);
        tomboltampil = (Button)findViewById(R.id.tomboltampil);
        groupjk = (RadioGroup)findViewById(R.id.groupjk);
        cekboxjava = (CheckBox)findViewById(R.id.cekboxjava);
        cekboxsa = (CheckBox)findViewById(R.id.cekboxsa);
        cekboxnet = (CheckBox)findViewById(R.id.cekboxnet);
        outputnama =(TextView)findViewById(R.id.outputnama);
        outputemail =(TextView)findViewById(R.id.outputemail);
        outputahli = (TextView)findViewById(R.id.outputahli);
        outputjk = (TextView)findViewById(R.id.outputjk);
        
        tomboltampil.setOnClickListener(this);
        groupjk.setOnCheckedChangeListener(this);        
        
        Button btn2 =(Button)findViewById(R.id.logout);
    btn2.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                // TODO Auto-generated method stub
                moveTaskToBack(true);

            //membuat method tombol keluar dari aplikasi

            }
        });
  }
        
   

    @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;
    }

    @Override
    public void onClick(View klik) {
        // TODO Auto-generated method stub
    
        outputnama.setText("Nama Anda : "+fieldnama.getText());
        outputemail.setText("Alamat Anda : "+fieldemail.getText());
        if (cekboxjava.isChecked() && cekboxnet.isChecked() && cekboxsa.isChecked()){
            outputahli.setText("Hidangan  : Bakmi, Bakso & Bakmi+Bakso");
        }else if(cekboxjava.isChecked() && cekboxnet.isChecked()){
                outputahli.setText("Hidangan: Bakmi &Bakso");
        }else if(cekboxjava.isChecked() && cekboxsa.isChecked()){
            outputahli.setText("Hidangan: Bakmi & Bakmi+Bakso");
        }else if(cekboxnet.isChecked() && cekboxsa.isChecked()){
            outputahli.setText("Hidangan: Bakso & Bakmi+Bakso");
        }else if(cekboxjava.isChecked()){
            outputahli.setText("Hidangan: Bakmi");
        }else if(cekboxnet.isChecked()){
            outputahli.setText("Hidangan: Bakso");            
        }else if(cekboxsa.isChecked()){
            outputahli.setText("Hidangan: Bakmi+Bakso");
        }else{
            outputahli.setText("Hidangan: ");
            
        }
        outputjk.setText(jk);
        fieldnama.setText("");
        fieldemail.setText("");
        cekboxjava.setChecked(false);
        cekboxsa.setChecked(false);
        cekboxnet.setChecked(false);
        groupjk.clearCheck();
    }
    
    @Override
    public void onCheckedChanged(RadioGroup group, int check) {
        // TODO Auto-generated method stub
        if(check==R.id.radiolk){
            jk="Pakai Minum : Cash ";
            
        }else if(check==R.id.radiopr){
                jk="Pakai Minum : Debit";
                
        }else{
            jk="Jenis Kelamin :";
        }
        
    }


}

Jalankan (Run As) projectnya caranya : Klik kanan nama project àRun As à1 Android Application, jika BERHASIL berikut hasilnya :


Komentar

Postingan populer dari blog ini

Membuat Struk Belanja Dengan NetBeans

Membuat Aplikasi Pemesanan Kue Sederhana dengan Eclipse

Membuat Aplikasi Kasir Sederhana dengan NetBeans