Assalamualaikum wr.wb
kali ini saya akan mencoba membahas tentang contoh aplikasi android menggunakan eclipse, dengan membuat aplikasi android tentang menghitung nilai akhir uts dan uas di eclipse, bagi kalian yang bingung silahkan bertanya lewat email. saya akan senang membantu selagi saya mampu..langsung saja ke langkah pertama untuk membuat aplikasi android sederhana menggukan eclipse
Langkah pertama kita buat project baru .
dan pada nama package ubah “example” menjadi “unpam”. Tentukan versi android SDK untuk aplikasi yang akan dibuat pada menu dropdown Build SDK, dan minimum required SDK.
Trus klik next ampe muncul seperti gambar dibawah.
klik finish dan akan muncul tampilan awal seperti gambar di bawah.
Desain seperti gambar yang tertera di bawah .
Ikuti langkah seperti dibawah , teliti dan kalo ada pertanyaan langsung tanyakan via email.
Untuk membuat/mengubah/menghapus element dapat dilakukan melalui source code XML dengan cara mengklik tab strings.xml di bagian bawah. Ubah source code XML menjadi seperti berikut ini.
<resources>
<string name="app_name">UserInterface</string>
<string name="hello_world">Hello world!</string>
<string name="menu_settings">Settings</string>
<string name="title_activity_main">User Interface</string>
<string name="judul">Menghitung Nilai</string>
<string name="uts">UTS</string>
<string name="uas">UAS</string>
<string name="nilai_akhir">Nilai Akhir</string>
<string name="hitung">Hitung</string>
<string name="tutup">Tutup</string>
<color name="merah">#FF0000</color>
<color name="hijau">#00FF00</color>
<color name="biru">#0000FF</color>
</resources>
Kemudian simpan semua perubahan melalui menu File >> Save All, atau dari toolbar Save All. Buka kembali activity_main.xml, dan ubah teks dari TextView dan Button sehingga seperti gambar
Untuk mengatur alignment dari judul, sehingga tampil di tengah, klik kanan >> Other Properties >> All By Name >> Grafity >> Center. Ubah juga aligment dari nilaiAkhirEditText agar rata kanan dengan cara klik kanan >> Other Properties >> All By Name >> Grafity >> Right. Ubah properti layout_width dan inputType dari EditText, clickable dan fucosable dari nilaiAkhirEditText, dan layout_weight dari button melalui source code XML sehingga menjadi seperti berikut 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" >
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginTop="28dp" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="@string/judul"
android:textAppearance="?android:attr/textAppearanceMedium" />
</LinearLayout>
<LinearLayout
android:id="@+id/linearLayout2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/linearLayout1"
android:layout_marginTop="14dp" >
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/uts" />
<EditText
android:id="@+id/utsEditText"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:inputType="numberDecimal" >
<requestFocus />
</EditText>
</LinearLayout>
<LinearLayout
android:id="@+id/linearLayout3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/linearLayout2" >
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/uas" />
<EditText
android:id="@+id/uasEditText"
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="1"
android:inputType="numberDecimal" />
</LinearLayout>
<LinearLayout
android:id="@+id/linearLayout4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/linearLayout3"
android:layout_marginTop="22dp"
android:orientation="vertical" >
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/nilai_akhir" />
<EditText
android:id="@+id/nilaiAkhirEditText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="right"
android:clickable="false"
android:focusable="false"
android:inputType="numberDecimal" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/linearLayout4"
android:layout_marginTop="20dp" >
<Button
android:id="@+id/hitungButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="@string/hitung" />
<Button
android:id="@+id/tutupButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="@string/tutup" />
</LinearLayout>
</RelativeLayout>
2.3 Mengubah Source Code
Selanjutnya double klik MainActivity.java untuk mengubah source code java yang digunakan untuk mengatur proses aplikasi. Lokasi MainActivity.java berada di folder src >> nama package aplikasi, seperti pada gambar di bawah ini:
package com.unpam.userinterface;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.EditText;
public class MainActivity extends Activity implements OnClickListener{
private EditText utsET, uasET, nilaiAkhirET;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
utsET = (EditText) findViewById(R.id.utsEditText);
uasET = (EditText) findViewById(R.id.uasEditText);
nilaiAkhirET = (EditText) findViewById(R.id.nilaiAkhirEditText);
findViewById(R.id.hitungButton).setOnClickListener(this);
findViewById(R.id.tutupButton).setOnClickListener(this);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
public void onClick(View v) {
// TODO Auto-generated method stub
switch (v.getId()){
case R.id.hitungButton:
double uts=0, uas=0, nilaiAkhir;
try {
uts = Double.parseDouble(utsET.getText().toString());
} catch (Exception ex) {}
try {
uas = Double.parseDouble(uasET.getText().toString());
} catch (Exception ex) {}
nilaiAkhir = (uts + uas)/2;
if (nilaiAkhir >= 60){
nilaiAkhirET.setBackgroundResource(R.color.hijau);
} else {
nilaiAkhirET.setBackgroundResource(R.color.merah);
}
nilaiAkhirET.setText(Double.toString(nilaiAkhir));
break;
case R.id.tutupButton:
System.exit(0);
}
}
}
Demikian untuk pembahasan mengenai aplikasi sederhana menggunakan eclipse . silahkan mencoba semoga bermaanfaat..
sekali lagi silahkan bertanya kalo memang belum mengerti,
wassalamualaikum wr.wb.
Referensi:
1. Allen, Grant, Beginning Android 4, 2012, Apress, New York
2. H., Nazruddin Safaat, ANDROID Pemrograman Aplikasi Mobile Smartphone dan Tablet PC Berbasis Android
3. http://www.oracle.com/
4. http://www.android.com/
Bang ada nomer wa yg bisa dihubungim? Bida jd joki ga buat apk sederhana dr eclipse kek gni?
ReplyDelete