Tabel 1: activity_main.

xml
activity_main.xml
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
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=".MainActivity" >

<TextView android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center|center_vertical"
android:text="@string/ahaha" android:textAppearance="?
android:attr/textAppearanceLarge" />

<TextView android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content
" android:text="@string/kosong"
android:textAppearance="?android:attr/textAppearanceMedium" />

<TextView android:id="@+id/luas2"
android:layout_width="wrap_content"
android:layout_height="wrap_content
" android:text="@string/panjang"
android:textAppearance="?android:attr/textAppearanceMedium" />

<EditText android:id="@+id/panjang"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="number"
android:text="@string/input_panjang" >

<requestFocus />
</EditText>

<TextView android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content
" android:text="@string/lebar"
android:textAppearance="?android:attr/textAppearanceMedium" />

<EditText android:id="@+id/lebar"
android:layout_width="match_parent"
android:layout_height="wrap_content
" android:ems="10"
 android:inputType="number"
android:text="@string/input_lebar" />

<Button android:id="@+id/hitung"
android:layout_width="284dp"
android:layout_height="wrap_content"
android:text="@string/button_hitung" />

<Button android:id="@+id/kosong"
android:layout_width="280dp"
android:layout_height="wrap_content
" android:text="@string/kosong3" />

<TextView android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/kosong2" android:textAppearance="?
android:attr/textAppearanceLarge" />

<TextView android:id="@+id/luas"
android:layout_width="wrap_content"
android:layout_height="wrap_content
" android:text="@string/luas"
android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

Tabel 2: strings.xml
strings.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>

<string name="app_name">Yuhu</string>
<string name="action_settings">Settings</string>
<string name="hello_world">Hello world!</string>
<string name="panjang">Panjang</string>
<string name="input_panjang"></string>
<string name="lebar">Lebar</string>
<string name="input_lebar"></string>
<string name="button_hitung">Hitung</string>
<string name="welcome">Selamat Datang</string>
<string name="ahaha">Menghitung Luas Persegi</string>
<string name="kosong"></string>
<string name="kosong2"></string>
<string name="luas">Luas Persegi:</string>
<string name="kosong3">Kosongkan</string>
<string name="title_activity_oyeah">Oyeah</string>
<string name="luas2"></string>

</resources>
 T
a
packag b
e e
com.ex l
ample.
yuhu;
3
:

M
a
i
n
A
c
t
i
v
i
t
y
.
j
a
v
a
M
a
i
n
A
c
t
i
v
i
t
y
.
j
a
v
a
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

final EditText panjang=(EditText)

hitung.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int
varPanjang=Integer.parseInt(panjang.getText().toString());
int
varLebar=Integer.parseInt(lebar.getText().toString());
int luas=varPanjang*varLebar;
hasil.setText("Luas Persegi: "+luas);
}
});

kosong.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
panjang.setText(null);
lebar.setText(null);
hasil.setText("Luas Persegi: ");
}
});
}

@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;
}
}
[Tugas Kuliah]Membuat Aplikasi
Menghitung Luas Persegi Panjang
Sederhana Di Android
Kali ini saya akan membuat sebuah aplikasi Android sederhana untuk menghitung luas sebuah
persegi panjang. Untuk membuat aplikasi ini saya menggunakan Eclipse. Agar Eclipse dapat berjalan
maka ADT (Android Development Tool) dan SDK sudah tersedia. Berikut langkah-langkah
pembuatannya.
1. Membuat Project Baru
Untuk membuat project baru pada eclipse pertama pilih File -> New -> Android Application
Project seperti pada Gambar 1.

Gambar 1
Lalu isi nama Application, Project, dan Package pada gambar 2. Pilih Minimum SDK dan Target SDK,
Minimum SDK menentukan versi Android minimum untuk menjalankan aplikasi yang sedang
dikembangkan. Compile With menunjukkan pada versi apa aplikasi yang dibuat akan diuji. Di sini
untuk Minimum dan Compile With keduanya saya isi dengan Android 4.1. Karena saya menggunakan
AVD (Android Virtual Device) untuk melakukan compile agar tidak memakan waktu lama saat nanti
dijalankan. Sebenarnya untuk Minimum sebaiknya pilih Android dengan versi yang rendah agar
aplikasi bisa kompatibel dengan banyak device.
 Gambar 2

Selanjunya adalah pengaturan icon aplikasi. Silakan pilih gambar yang diinginkan untuk dijadikan
icon. Langkah ini bisa diabaikan, karena jika tidak diatur maka icon akan diisi dengan icon default
Android.
 Gambar 3

Selanjutnya pilih Activity yang diinginkan, untuk program ini saya memilih Blank Activity. Lihat pada
gambar 4.
 Gambar 4

Beri nama pada Activity yang sudah kita pilih sebelumnya. Penamaan activity pada
pembuatan aplikasi Android sama dengan penamaan file pada bahasa pemrograman java. Jika
sudah selesai klik finish.
 Gambar 5

2. Pembuatan AVD
Sebelum memulai, buat terlebih dahulu virtual device yang akan digunakan untuk proses compile.
Klik pada icon dengan lingkaran merah seperti yang ditunjukkan oleh gambar 6.

Gambar 6

Setelah diklik maka akan muncul dialog seperti ini. Klik tombol new untuk membuat AVD yang baru.
 Gambar 7

Isi dialog sesuai dengan versi yang ingin dikembangkan. Saya sengaja memilikih device
dengan tingkatan yang rendah untuk mengerjakan aplikasi ini. Anda bisa menggunakan device
dengan level yang lebih tinggi, tapi akan memakan waktu lama saat proses compile nanti.
 Gambar 8

Pada saat pertama kali mengembangkan aplikasi Android orang sering kali bingung karena sedikit
berbeda dengan saat mengembangkan aplikasi desktop. Kode program anda akan berada pada
folder src pada gambar 9. Sedangkan untuk pengaturan tampilan dilakukan pada file xml yang ada
pada folder layout . Setiap variabel nantinya akan memiliki value tersendiri, dan diatur pada folder
value .

Gambar 9

3. Pengaturan Tampilan
Untuk melakukanpengaturan tampilan double klik pada file xml seperti yang ditunjukkan pada gambar
9. Ada dua macam tampilan untuk file xml, yang pertama adalah Graphical Layout (menunjukkan
tampilan pragram nantinya), yang kedua adalah dalam bentuk xml (menunjukkkan dalam bentuk
kode). Pnegaturan tampilan bisa dilakukan melalui keduanya, pada Graphical Layout widget yang
terdapat pada Pallete bisa di dgrag-and-drop ke arah tampilan sebelah kanan. Gambar 10
menunjukkan tampilan yang sudah saya buat.
 Gambar 10

Misal saya membuat widget baru, disini saya menggunakan Large. Maka akan muncul peringatan
kecil pada bagian bawah widget saya. Seperti yang ditunjukkan pada gambar 11.

Gambar 11

Ini menunjukkan bahwa kita harus merubah value dan variabel dari widget tersebut. Untuk
merubahnya klik kanan pada widget lalu pilih Edit Text dan Edit ID seperti pada gambar 12.

Gambar 12
Pada teks yang diblok pada gambar 13 isi dengan apa yang ingin ditampilkan pada label sast
program dijalankan. Setelah itu klik tombol New String. Maka akan muncul dialog seperti pada
gambar 14.

Gambar 13

Isi dialog String dan New String pada gambar 14. Yang harus diisi dalam dialog ini adalah New String,
karena New String ini adalah nama dari widget kita tapi bukan nama dari variabel.
 Gambar 14

Ketika Edit ID pada gambar 12 diklik maka akan muncul dialog seperti pada gambar 15. ID di sini
seperti variabel yang biasa kita gunakan dalam pemrograman java. Nama yang dituliskan di sinilah
yang akan digunakan ketika memanggil widget.

Gambar 15
Gambar 16 menunjukkan bagaimana tampilan file xml dalam bentuk kode. Tamilan juga dapat ditaur
melalui kode yang ada di sini.

Gambar 16

File xml pada gambar 17 menunjukkan resource yang digunakan. Disini menunjukkan nama dan
value widget yang digunakan. Nama dan value widget tadi juga bisa diubah dari sini

Gambar 17

4. Memulai Programming
Gambar 18 menunjukkan main dari program ini. Disini proses programming dilakukan. Bagi yang
sudah terbiasa dengan bahasa pemrograman java tidak akan mengalami kesulitan dalam membuat
kode program.

Gambar 18

Setelah selesai jalankan program, biasanya memakan waktu cukup lama sampai AVD menampilkan
program kita tergantung dari performa komputer yang digunakan. Untuk menjalankan program ini
memakan waktu sekitar 1-2 menit di laptop saya. Bisa dilihat pada gambar 19, aplikasi yang dibuat
ada pada bagian paling bawah.

Gambar 19
Berikut ini program yang telah jadi seperti pada gambar 20.

Gambar 20

Ketika program digunakan akan seperti pada gambar 21.

Gambar 21