Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse

(1)

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse

by webmaster - Sunday, December 13, 2015

http://xoxo.student.akademitelkom.ac.id/index.php/2015/12/13/cara-membuat-aplikasi-android-sederhana- menggunakan-eclipse/

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 :

I. Buka aplikasi Eclipse.

II. Setelah aplikasi terbuka, klik File > New > Android Application Project. Maka akan muncul kotak dialog seperti gambar dibawah ini :

cara membuat aplikasi android

3. Tuliskan nama aplikasinya, disini kami akan memberi nama ‘Kalkulatorku’. 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.

cara membuat aplikasi Android

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.

cara membuat aplikasi Android

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

cara membuat aplikasi Android

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.

cara membuat aplikasi Android

9. Maka akan muncul tampilan awal lembar kerja pembuat aplikasi Android pada aplikasi Eclipse

seperti gambar dibawah ini.

(2)

cara membuat aplikasi Android

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 :

cara membuat aplikasi Android 11. Lalu ketikan coding dibawah ini :

<RelativeLayout xmlns:android=

"http://schemas.android.com/apk/res/androi d"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"

(3)

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"

(4)

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

(5)

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

(6)

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

(7)

<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 : cara membuat aplikasi Android

13. Setelah itu expand folder src > (nama package) > MainActivity.java , seperti gambar dibawah ini:="300" height="169" /> cara membuat aplikasi Android

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

cara membuat aplikasi Android

15. Lalu ketikkan coding berikut :

(8)

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);

(9)

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) { }

;

}

(10)

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));

(11)

} 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());

(12)

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.