Posted by : Andrian Ahmad P21
Jumat, 06 Juni 2014
Assalammu'alaikum kali ini saya akan memberikan sedikit ilmu tentang bagaimana cara membuat aplikasi Menghitung Luas Persegi Panjang di Eclipse. Langsung saja kita praktekan.
- Pertama - tama yang harus anda lakukan terlebih dahulu siapkan dan install Eclipse, SDK, ADT, Java yang sesuai dengan Bit komputer anda.
- Sesudah terinstall semua langsung jalankan eclipsenya, pastikan SDKnya sudah terhubung dengan eclipse. Setelah langkah - langkah sebelumnya sudah siap sekarang anda buka di eclipsenya pilih File klik New, disitu pilih Project, setelah pilih Project klik 2x tulisan Android Project. Lebih jelasnya melihat gambar dibawah ini :
Setelah klik project akan muncul seperti berikut ini :
- Disini saya akan memberikan contoh project aplikasinya. Dan perhatikan gambar berikut ini :
- Setelah itu klik finish dan aplikasipun siap dibuat. Setelah itu masuk kefolder src pilih com.andrian dan buat file disitu dengan nama about.java. Berikut codenya :
package com.andrian;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class about extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.about);
Button go = (Button)findViewById(R.id.child_btnPage);
//menerima Intent yang dikirim
go.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
finish();
}
});
}
}
Keterangan : Disitu ada package com.andrian, nah disitu jika anda ingin membedakan nama package comnya bisa tapi ketika dicodenya jangan lupa perhatikan harus sama dengan yang dibuat anda. Jika anda masih bingung lihat gambar diatas.
- Setelah itu anda buat file lagi ditempat yang tadi juga dengan nama child.java. Berikut codenya :
package com.andrian;
import com.andrian.R;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
public class child extends Activity implements OnClickListener{
private EditText TxtPanjang;
private EditText TxtLebar;
private EditText txtLuas;
private Button BtnHitung;
private Button btnHapus;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.child);
content();
}
public void content() {
TxtPanjang = (EditText) findViewById(R.id.txtPanjang);
TxtLebar = (EditText) findViewById(R.id.txtLebar);
txtLuas = (EditText) findViewById(R.id.txtLuas);
btnHapus =(Button) findViewById(R.id.BtnHapus);
btnHapus.setOnClickListener(this);
BtnHitung =(Button) findViewById(R.id.btnHitung);
BtnHitung.setOnClickListener(this);
}
/**
* Method untuk Menghitung Luas Persegi panjang dipanggil pada saat button
* Hitung Luas diklik
*
* @param view
*/
public void onClick(View arg0) {
int panjang = Integer.parseInt(TxtPanjang.getText().toString());
int lebar = Integer.parseInt(TxtLebar.getText().toString());
switch (arg0.getId()) {
case R.id.btnHitung:
txtLuas.setText(Integer.toString(panjang * lebar) );
break;
case R.id.BtnHapus:
TxtPanjang.setText("");
TxtLebar.setText("");
txtLuas.setText("");
break;
}
}
public void backtoMenu(View view){
finish();
Button back = (Button)findViewById(R.id.btnBack);
back.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
Intent i = new Intent(child.this, Utama.class);
i.putExtra("pesan", "From Activity Main");
startActivity(i);
}
});
}
}
Keterangan : Disitu ada package com.andrian, nah disitu jika anda ingin membedakan nama package comnya bisa tapi ketika dicodenya jangan lupa perhatikan harus sama dengan yang dibuat anda. Jika anda masih bingung lihat gambar diatas.
- Setelah itu anda buat file lagi ditempat yang tadi juga dengan nama Coba.java. Berikut codenya :
package com.andrian;
import android.app.Activity;
import android.os.Bundle;
public class Coba extends Activity{
@Override
public void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
}
Keterangan : Disitu ada package com.andrian, nah disitu jika anda ingin membedakan nama package comnya bisa tapi ketika dicodenya jangan lupa perhatikan harus sama dengan yang dibuat anda. Jika anda masih bingung lihat gambar diatas.
- Setelah itu anda buat file lagi ditempat yang tadi juga dengan nama main.java. Berikut codenya :
package com.andrian;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.content.Intent;
public class main extends Activity {
ProgressBar bar;
TextView txt;
int total=0;
Intent intent;
boolean isRunning=false;
// handler for the background updating
Handler handler=new Handler() {
//coding ini yang akan menampilkan berapa persen progress yang telah dijalani.
@Override
public void handleMessage(Message msg) {
total=total+5;
String perc=String.valueOf(total).toString();
txt.setText(perc+"% Completed");
bar.incrementProgressBy(5);
}
};
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.splash);
bar=(ProgressBar)findViewById(R.id.progg);
txt=(TextView)findViewById(R.id.load);
}
public void onStart() {
super.onStart();
// reset the bar to the default value of 0
bar.setProgress(0);
final main sPlashScreen = this;
// create a thread for updating the progress bar
Thread background=new Thread(new Runnable() {
public void run() {
try {
for (int i=0;i<20 && isRunning;i++) {
// wait 1000ms between each update
Thread.sleep(1000);
handler.sendMessage(handler.obtainMessage());
}
finish();
}
catch (Throwable t) {
}
Intent intent = new Intent();
intent.setClass(sPlashScreen, Utama.class);
startActivity(intent);
}
});
isRunning=true;
// start the background thread
background.start();
}
public void onStop() {
super.onStop();
isRunning=false;
}
}
Keterangan : Disitu ada package com.andrian, nah disitu jika anda ingin membedakan nama package comnya bisa tapi ketika dicodenya jangan lupa perhatikan harus sama dengan yang dibuat anda. Jika anda masih bingung lihat gambar diatas.
- Setelah itu anda buat file lagi ditempat yang tadi juga dengan nama Utama.java. Berikut codenya :
package com.andrian;
import com.andrian.R;
import com.andrian.Utama;
import com.andrian.child;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
public class Utama extends Activity implements View.OnClickListener {
Button bAlert, masuk, about;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
bAlert = (Button) findViewById(R.id.alert);
bAlert.setOnClickListener(this);
masuk = (Button) findViewById(R.id.masuk);
masuk.setOnClickListener(this);
Button go = (Button)findViewById(R.id.main_btnPage);
go.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Intent a = new Intent(Utama.this, about.class);
a.putExtra("pesan", "From Activity Main");
startActivity(a);
}
});
}{
}
public void onClick(View view) {
if (view == bAlert) {
AlertDialog.Builder ad = new AlertDialog.Builder(this);
ad.setMessage("Anda Yakin Mau Keluar ?" +
" Terimakasih Sudah Mau Mengunjungi :)");
ad.setPositiveButton("Ya", new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int id) {
// closeDialog.this.finish();
Intent exit = new Intent(Intent.ACTION_MAIN);
exit.addCategory(Intent.CATEGORY_HOME);
exit.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
startActivity(exit);
}
});
ad.setNegativeButton("Tidak",
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int id) {
dialog.cancel();
}
});
ad.show();
} else {
Toast.makeText(this, "Welcome Aplications Andrian Ahmad Pratama",
Toast.LENGTH_SHORT).show();
Intent i = new Intent(Utama.this, child.class);
i.putExtra("pesan", "From Activity Main");
startActivity(i);
}
}
}
Keterangan : Disitu ada package com.andrian, nah disitu jika anda ingin membedakan nama package comnya bisa tapi ketika dicodenya jangan lupa perhatikan harus sama dengan yang dibuat anda. Jika anda masih bingung lihat gambar diatas.
- Jika sudah dibuat semuanya sekarang anda masuk ke folder res pilih folder layout, setelah itu anda buat file dengan nama about.xml. Berikut codenya :
<LinearLayout
android:id="@+id/LinearLayout01"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android" android:background="@drawable/db">
<Button android:textColor="#fff"
android:textStyle="bold" android:textSize="13px"
android:background="@drawable/d"
android:text="ABOUT" android:id="@+id/Button01"
android:layout_width="322px" android:layout_height="50px">
</Button>
<Button android:text="Kembali"
android:layout_marginTop="200px"
android:layout_marginLeft="238px"
android:id="@+id/child_btnPage"
android:layout_width="80px"
android:layout_height="40px"
></Button>
</LinearLayout>
- Setelah itu anda buat file lagi ditempat yang tadi juga dengan nama child.xml. Berikut codenya :
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:background="@drawable/dd"
>
<Button android:background="@drawable/d" android:text="WELCOME" android:textColor="#fff" android:id="@+id/Button01" android:layout_width="330px" android:layout_height="47px" android:textStyle="bold" android:textSize="13px"></Button>
<TextView android:layout_marginTop="5px" android:text="Panjang :" android:id="@+id/TextView01" android:textColor="#fff"
android:layout_width="wrap_content" android:layout_height="wrap_content">
</TextView>
<EditText android:text="" android:id="@+id/txtPanjang"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:inputType="numberSigned|numberDecimal">
</EditText>
<TextView android:text="Lebar :" android:textColor="#fff" android:id="@+id/TextView02"
android:layout_width="wrap_content" android:layout_height="wrap_content">
</TextView>
<EditText android:text="" android:id="@+id/txtLebar"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:inputType="numberSigned|numberDecimal">
</EditText>
<Button android:layout_height="wrap_content" android:text="Hitung Luas" android:id="@+id/btnHitung" android:textStyle="bold" android:layout_width="fill_parent" android:onClick="hitungLuas">
</Button>
<TextView android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="Luas :" android:textColor="#fff" android:id="@+id/TextView03"></TextView>
<EditText android:text="" android:id="@+id/txtLuas"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:editable="false">
</EditText>
<Button android:layout_height="wrap_content" android:text="Hapus" android:id="@+id/BtnHapus" android:textStyle="bold" android:layout_width="fill_parent" android:onClick="hapus"></Button>
<Button android:layout_height="wrap_content" android:text="Kembali ke Menu" android:id="@+id/btnBack" android:textStyle="bold" android:layout_width="fill_parent" android:onClick="backtoMenu">
</Button>
<DigitalClock android:layout_height="wrap_content" android:id="@+id/DigitalClock01" android:text="@+id/DigitalClock01" android:layout_width="wrap_content" android:textColor="#fff" android:layout_marginTop="12px" android:layout_gravity="center_horizontal">
</DigitalClock>
</LinearLayout>
- Setelah itu anda buat file lagi ditempat yang tadi juga dengan nama main.xml. Berikut codenya :
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:background="@drawable/df"
>
<Button
android:id="@+id/masuk"
android:textStyle="bold"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Go In Applications"
android:layout_marginTop="100px"
/>
<Button
android:id="@+id/main_btnPage"
android:textStyle="bold"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="About"
>
</Button>
<Button
android:id="@+id/alert"
android:textStyle="bold"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Exit"
>
</Button>
</LinearLayout>
- Setelah itu anda buat file lagi ditempat yang tadi juga dengan nama splash.xml. Berikut codenya :
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:background="@drawable/dg"
>
<Button android:background="@drawable/d"
android:text="WELCOME" android:textColor="#fff"
android:textStyle="bold" android:textSize="13px"
android:id="@+id/Button01" android:layout_width="330px"
android:layout_height="45px"></Button>
<TextView android:textColor="#fff" android:textStyle="bold"
android:textSize="20px" android:layout_gravity="center_horizontal"
android:text="Harap Menunggu"
android:layout_marginTop="10px"
android:id="@+id/TextView01" android:layout_width="wrap_content"
android:layout_height="wrap_content">
</TextView>
<TextView android:id="@+id/load"
android:textColor="#fff" android:layout_marginTop="3px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
>
</TextView><ProgressBar android:id="@+id/progg" android:layout_width="320px" android:layout_height="25px" android:layout_marginBottom="10dip"
style="?android:attr/progressBarStyleHorizontal"></ProgressBar>
</LinearLayout>
- Setelah sudah selesai semua sekarang anda masuk kefile AndroidManifest.xml dan masukkan kode berikut ini :
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.andrian"
android:versionCode="1"
android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".main"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name=".about"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.VIEW"></action>
<category android:name="android.intent.category.DEFAULT"></category>
</intent-filter>
</activity>
<activity android:name=".child"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.VIEW"></action>
<category android:name="android.intent.category.DEFAULT"></category>
</intent-filter>
</activity>
<activity android:name=".Coba"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.VIEW"></action>
<category android:name="android.intent.category.DEFAULT"></category>
</intent-filter>
</activity>
<activity android:name=".Utama"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.VIEW"></action>
<category android:name="android.intent.category.DEFAULT"></category>
</intent-filter>
</activity>
</application>
</manifest>
Keterangan : Disitu ada <activity android:name=".main" , "about" , "child" , "Coba" dan "Utama". Kenapa harus dimasukan code tersebut karena berfungsi untuk memanggil di Javanya agar tidak terjadi ketika di Jalankan aplikasinya akan muncul bacaan ForceClose.
Berikut ketika akan mulai dijalankan aplikasinya :
Berikut tampilan splash awal pada aplikasi :
Berikut tampilan menu utama pada aplikasi :
Berikut tampilan isi Menghitung Luas Persegi Panjang pada aplikasi :
Berikut tampilan menu about pada aplikasi :
Tidak usah repot - repot jika anda mau aplikasinya silahkan download APK dibawah ini.
Jika anda mau mendownload Projectnya silahkan download dibawah ini.
Terimakasih sudah mau membaca artikel ini semoga bermanfaat untuk pembaca begitupun juga penulis. Mohon ma'af jika tutorial ini masih banyak kekurangan.
Related Posts :
- Back to Home »
- Jarkom »
- Membuat Aplikasi Menghitung Luas Persegi Panjang di Eclipse