Wednesday, December 10, 2014

Cara Memanggil Class Baru Android dengan Eclipse

Membuat Aplikasi Memanggil Class Lain


1.      Bila Anda belum memiliki aplikasi NetBeans, instal-lah JDK terlebih dahulu (bila sudah memiliki aplikasi NetBeans bisa melewati langkah ini).
2.      Buka folder ‘adt-bundle-windows-x86-20130522adt’
3.        Lalu buka folder ‘adt-bundle-windows-x86-20130522’
4.      Double klik pada ikon SDK manager.exe, tunggu sampai muncul jendela aktif Android SDK Manager. Pilih package yang ingin diinstall, lalu klik install package dan tunggu samapi proses penginstallan selesai.
5.      Setelah itu, double klik pada folder eclipse. Kemudian double klik kembali pada aplikasi ecplipse.exe atau kita dapat membuat shortcut-nya terlebih dahulu pada desktop baru men-double klik shortcut tersebut. Setelah itu tentukan akan muncul gambar seperti di bawah ini, tunggu sampai proses running selesai.
Sehingga muncul gambar di bawah ini. Kotak dialog di bawah ini berfungsi untuk men-setting akan di simpan di mana lembar kerja kita (setting tempat dilakukan dengan meng-klik Browse lalu klik OK.
 
6.      Setelah itu akan muncul jendela eclipse seperti berikut.
7.      Bila belum pernah membuat AVD, buatlah AVD terlebih dahulu, pertama klik ikon (Opens Android Virtual Device Manager)  lalu klik New. Setelah itu isi seperti isi pada kotak dialog di bawah.
8.      Setelah itu klik OK dan klik AVD yang telah Anda buat lalu klik start untuk mulai menjalankannya.
9.      Buat package baru / project baru dengan cara klik menu File àNew àAndroid ApplicationProject.  
10.  Isikan Project Name.




11.  Isikan package name untuk aplikasi yang dibuat.
12.  Pilih lokasi penyimpanan project. Karena ini adalah project baru maka pilih Create Project in Workspace. Tanda checkbox Create Project inWorkspace.
13.  Pilih atau tentukan icon launcher dari aplikasi yang akan dibuat, warna foreground dan background.
14.  Pilih activity dengan blank activity, lalu klik Next.
15.  Setelah itu klik tombol Finish, sehingga muncul tampilan pembuatan seperti berikut.
 
16.  Lihat pada bagian Package Explorer buka folder layout à lalu double klik pada tulisan activity_main.xml sehingga muncul tampilan seperti berikut.
17.  Setelah itu lihat pada bagian kotak dialog virtual simulasi, terdapat tulisan ‘Hello World!’, klik tulisan tersebut à lalu klik kanan à pilih delete.
18.  Sehingga tampilan menjadi seperti gambar berikut.
19.  Klik pada bagian bawah lembar kerja activity_main.xml (lihat gambar)

.
20.  Buat tampilan menjadi seperti gambar dibawah ini dengan melakukan drag dan drop dari button-button yang ada di folder disebelah kiri (lihat gambar).


21.  Tambahkan dua buah class baru dengan cara klik Package folder à buka folder src à lalu klik kanan pada com.example.praktikum6 à new à Class à isi nama class sesuai kehendak, di sini kita akan memberi nama ViewGambar à lalu OK, maka akan tercipta satu class baru, ulangi perintah di atas dan beri nama ViewDaftar (lihat gambar).


22.  Setelah itu, kita akan menambahkan dua layout baru, klik folder res à lalu klik kanan pada folder layout à new à klik Android XML File à isi nama layout sesuai kehendak dan diakhiri dengan ‘ .xml ‘(nama layout tidak boleh sama dengan nama class), di sini kita akan memberi nama viewgambar à lalu klik OK, maka akan tercipta satu layout baru, ulangi perintah di atas dan beri nama viewdaftar (lihat gambar).
*Besar kecil huruf mempengaruhi (Case Sensitive).


23.  Buat tampilan layout ke dua seperti gambar di bawah ini.



24.  Selanjutnya, isi layout ke tiga dengan gambar. Buka folder Image&Media yang berada disebelah kiri virtual layar android, lalu drag ImageView ke dalam layar virtual, maka ketika di drop ke dalam kotak virtual akan muncul suatu kotak dialog, pilih gambar yang ada di dalam kotak dialog, lalu OK. Lakukan terus sampai tampilan menjadi seperti ini, lalu Save All (lihat gambar).




25.  Setelah tadi kita membuat tampilan aplikasinya, maka sekarang kita akan memberikan coding pada setiap button yang ada. Lihat pada Package Folder à buka folder src à lalu buka com.example.radiobuttonku à lalu double klik MainActivity.java.
26.  Isikan coding berikut pada jendela kerja MainActivity.java :
package com.example.prakktikum6;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.widget.Button;

public class MainActivity extends Activity {
Button btndaftar,btngambar;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final Intent panggildaftar = new Intent(this, ViewDaftar.class); 
btndaftar = (Button) findViewById(R.id.button1);
btndaftar.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
startActivity(panggildaftar);
}
});
final Intent panggilgambar = new Intent(this, ViewGambar.class);
btngambar = (Button) findViewById(R.id.button2);
btngambar.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
startActivity(panggilgambar);
}
});
}

@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;
}

}



27.  Setelah itu klik Save All (lihat gambar).

28.  Lalu double klik pada ViewDaftar.java.
29.  Isikan coding berikut pada jendela kerjaViewDaftar.java :


30.  Setelah itu klik Save All à lalu di run (lihat gambar).


31.  Lalu double klik pada ViewGambar.java.
32.  Isikan coding berikut pada jendela kerjaViewGambar.java :
33.  Setelah itu klik Save All à lalu di run (lihat gambar).










34.  Setelah di running maka akan muncul tampilan seperti berikut pada emulator (lihat gambar).

No comments:

Post a Comment