Aplikasi Kalkulator Sederhana Di Eclipse

  

Zaman sekarang rasanya tidak adanya yang tidak mengenal salah satu Sistem Operasi yang bernama Android. Android adalah salah satu system operasi mobile yang popular selain iOS, Symbian dan Windows Mobile. Perkembangan system operasi Android sangat pesat karena system operasi Android merupakan system operasi open source, artinya system operasi tersebut boleh dikembangkan atau dimodifikasi oleh siapapun. Selain modifikasi, kita juga dapat membuat aplikasi berbasis Android . banyak software development yang dapat kita pakai untuk membuat aplikasi android. Salah satunya adalah dengan menggunakan aplikasi Eclipse. Dan kali ini kita akan mencoba membuat suatu aplikasi Android, yaitu kalkulator sederhana. Berikut penjelasan dan langkah – langkahnya :

1. Pertama, buka aplikasi Eclipse.
2. Setelah aplikasi terbuka, klik File > New > Android Application Project. Maka akan muncul kotak dialog seperti gambar dibawah ini :

3. Tuliskan nama aplikasinya, disini kami akan memberi nama ‘Calculatorku’. Sebelumnya nama aplikasi menggunakan huruf besar pada awal nama.

4. Ganti juga kata ‘example’ pada kolom Package Name dengan nama yang Anda kehendaki. Lalu klik Next >.

5. Setelah itu akan muncul kotak dialog lagi seperti gambar dibawah ini. Lanjutkan dengan klik Next >.

6. Lalu akan muncul kembali kotak dialog seperti dibawah ini . Di kotak dialog ini kita bisa mengatur Launcher Icon aplikasi yang akan kita buat. Jika sudah, lanjutkan dengan klik Next >.

7. Setelah itu muncul kembali kotak dialog seperti dibawah ini. Pilih Blank Activity dan teruskan dengan klik Next >.

8. Lalu akan muncul kotak dialog seperti dibawah ini. Anda dapat mengubah Activity Name dengan nama yang Anda kehendaki, namun kali ini kami tidak mengubahnya. Kami gunakan nama default ‘MainActivity’. Lanjutkan dengan klik Finish.

9. Maka akan muncul tampilan awal lembar kerja pembuat aplikasi Android pada aplikasi Eclipse seperti gambar dibawah ini.

10. Setelah itu, kita akan mulai memainkan kode program pada aplikasi Eclipse ini. Klik pada tab activity_main.xml, maka akan muncul tampilan lembar kerja untuk proses coding seperti gambar dibawah ini :

11. Lalu ketikan coding dibawah ini :

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

    tools:context=".Main" >

    <TableLayout

        android:id="@+id/tableLayout1"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:orientation="vertical" >

        <TableRow

            android:id="@+id/textView1"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_weight="1" >

            <TextView

                android:id="@+id/textView1"

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:text="Angka 1 : " />

            <EditText

                android:id="@+id/angka1"

                android:layout_width="40dip"

                android:layout_height="wrap_content"

                android:inputType="numberDecimal"

                android:text="                              " />

            <TextView

                android:id="@+id/tekshitung"

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:gravity="center_horizontal"

                android:text=" + " />

        </TableRow>

        <TableRow

            android:id="@+id/tableRow1"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_weight="1" >

            <TextView

                android:id="@+id/textView1"

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:text="Angka 2 " />

            <EditText

                android:id="@+id/angka2"

                android:layout_width="50dip"

                android:layout_height="wrap_content"

                android:inputType="numberDecimal"

                android:text="                              " />

        </TableRow>

        <View

            android:id="@+id/view1"

            android:layout_width="wrap_content"

            android:layout_height="2dip"

            android:background="#FF909090" />

        <View

            android:id="@+id/view1"

            android:layout_width="wrap_content"

            android:layout_height="2dip"

            android:background="#FF909090" />

        <TableRow

            android:id="@+id/tableRow2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content" >

            <Button

                android:id="@+id/tambah"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_marginLeft="50dip"

                android:layout_marginTop="7dip"

                android:gravity="left|center_vertical"

                android:tag="reset all"

                android:text="tambah" />

            <Button

                android:id="@+id/reset"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_marginLeft="50dip"

                android:layout_marginTop="7dip"

                android:gravity="left|center_vertical"

                android:tag="reset all"

                android:text="Reset" />

        </TableRow>

    </TableLayout>

    <Button

        android:id="@+id/kurang"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/tableLayout1"

        android:layout_below="@+id/tableLayout1"

        android:layout_marginLeft="54dp"

        android:layout_marginTop="18dp"

        android:text="kurang" />

    <Button

        android:id="@+id/bagi"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/kurang"

        android:layout_below="@+id/kurang"

        android:layout_marginTop="18dp"

        android:text="bagi" />

    <TextView

        android:id="@+id/TextView"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/bagi"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="54dp"

        android:text="Hasil : "

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

    <TextView

        android:id="@+id/hasil"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/TextView"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="16dp"

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

    <Button

        android:id="@+id/kali"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_above="@+id/bagi"

        android:layout_marginLeft="22dp"

        android:layout_toRightOf="@+id/TextView"

        android:text="kali" />

</RelativeLayout>

12. Setelah selesai maka akan jadi seperti gambar berikut :

13. Setelah itu expand folder src > (nama package) > MainActivity.java , seperti gambar dibawah ini.

14 . Buka MainActivity.java dengan cara double-click pada file MainActivity.java. Setelah dibuka maka akan muncul tampila seperti ini.

15. Lalu ketikkan coding berikut :

package com.example.kalkulatorku;

import java.text.DecimalFormat;

import android.os.Bundle;

import android.app.Activity;

import android.text.Editable;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

public class MainActivity extends Activity {

      EditText angka1, angka2;

      TextView hasil;

      Editable isiangka1, isiangka2;

      Button reset;

      Button tambah,kurang,kali,bagi;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

       

        hasil =  (TextView) findViewById(R.id.hasil);

        angka1 = (EditText) findViewById(R.id.angka1);

        angka2 = (EditText) findViewById(R.id.angka2);

        reset = (Button) findViewById(R.id.reset);

        reset.setOnClickListener(new reset());

        tambah = (Button) findViewById(R.id.tambah);

        tambah.setOnClickListener(new tambah());

        kurang = (Button) findViewById(R.id.kurang);

        kurang.setOnClickListener(new kurang());

        bagi = (Button) findViewById(R.id.bagi);

        bagi.setOnClickListener(new bagi());

        kali = (Button) findViewById(R.id.kali);

        kali.setOnClickListener(new kali());

    }

   

    private class reset implements OnClickListener {

      public void onClick(View v) {

            try {

                  angka1.setText("");

                  angka2.setText("");

                  hasil.setText("");

            } catch (Exception e) {

            }

            ;

      }

    }   

   

private class tambah implements OnClickListener {

      public void onClick(View v) {

            try {

                  Double h = Double.parseDouble(angka1.getText().toString());

                  Double d = Double.parseDouble(angka2.getText().toString());

                  double hsl = h + d;

                  DecimalFormat df = new DecimalFormat("@@##");

                  hasil.setText(df.format(hsl));

                 

            } catch (Exception e) {

            }

            ;

      }

}

private class kurang implements OnClickListener {

      public void onClick(View v) {

            try {

                  Double h = Double.parseDouble(angka1.getText().toString());

                  Double d = Double.parseDouble(angka2.getText().toString());

                  double hsl = h - d;

                  DecimalFormat df = new DecimalFormat("@@##");

                  hasil.setText(df.format(hsl));

                 

            } catch (Exception e) {

            }

            ;

      }

}

private class kali implements OnClickListener {

      public void onClick(View v) {

            try {

                  Double h = Double.parseDouble(angka1.getText().toString());

                  Double d = Double.parseDouble(angka2.getText().toString());

                  double hsl = h * d;

                  DecimalFormat df = new DecimalFormat("@@##");

                  hasil.setText(df.format(hsl));

                 

            } catch (Exception e) {

            }

            ;

      }

}

private class bagi implements OnClickListener {

      public void onClick(View v) {

            try {

                  Double h = Double.parseDouble(angka1.getText().toString());

                  Double d = Double.parseDouble(angka2.getText().toString());

                  double hsl = h / d;

                  DecimalFormat df = new DecimalFormat("@@##");

                  hasil.setText(df.format(hsl));

                 

            } catch (Exception e) {

            }

            ;

      }

}

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

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

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

        return true;

    }

  

  

   

}

16. Setelah itu jalankan program dengan cara klik kanan pada projek > Run As > 1 Android Application

17. Setelah itu akan muncul tampilan emulator android seperti dibawah ini :