Bagian 1.

Button pindah halaman

Untuk bagian 1, kita akan membuat button yang dapat berpindah halaman. Agar dapat
melakukan hal tersebut, minimal kita membutuhkan dua layout(.xml) dan dua class (.java).
lankah-langkahnya adalah:
1. Buat project baru dengan nama ButtonOne (nama project optional bias diganti sesuai

keinginan)
2. Setelah terbuka tampilannya maka langsung membuat layout dan class baru
3. Buat layout yang baru dengan nama kedua, caranya pada layout klik kanan, kemudian
pilih new, kemudian Android xml file

4. Buat class yang baru dengan nama KelasDua, caranya pada src klik kanan, kemudian
pilih new, kemudian class

5.

Pasa activity_main, hapus text hello word, buat text dengan TextView dengan text Halaman
Awal dan satu Button (text Button diganti dengan tulisan Next), dan ganti id Button
dengan butNext

Dihapus
Tambah
TextView
Tambah Button

Hapu
s

Ganti tulisan TextView

dengan Halaman awal
Ganti id button dari
button1 menjadi
butNext
Ganti tulisan Button
menjadi Next

6. Buka MainActivity.java, tambahkan coding di file MainActivity.java

7. Tulis coding Button next; dibawah public class main activity, apabila ada error arahkan
kursor pada tulisan Button kemudian akan ada pilihan import Button, kemudian klik

8.

Pada bagian bawah setContentView(R.layout.activity_main);, buat coding

next = (Button)findViewById(R.id.butNext);

Pendeklarasian harus sama, tulisannyapun

harus sama
Id Button yang
tadi telah diganti

Note: jika id butNext merah, save terlebih dahulu file activity_main.xml dengan cara
(Ctrl +C) atau bisa ke file, kemudian saveAll

9. Dibawah next = (Button)findViewById(R.id.butNext); ketikkan coding

next.setOnClickListener(new View.)
10.

Setelah di klik yang .OnClickListener, maka tampilan akan menjadi:

disini

11.

Tambahkan titik koma (;) setelah kurung kurawal (})pada bagian yang merah (lihat gambar
yang atas)
12. Dibawah coding next = (Button)findViewById(R.id.butNext); tambahkan coding
final Intent pindah = new Intent (this, KelasDua.class);

nama .java yang kedua

13. Apabila ada tanda merah pada tulisan Intent, maka arahkan kursor ke tulisan intent,
kemudian akan ada tulisan dibawah import Intent (seperti kasus import Button sebelumnya),
kemudian klik
14. Pada coding dibawah public void onClick(View v) { ketikan coding startActivity(pindah);
15. Pindah ke halaman kedua.xml, pada bagian Garphical Layout buat Text View, dan pada

kedua.xml ganti tulisan TextView dengan Selamat Datang di halaman Dua

16.

Buka KelasDua.java, copy coding dari MainActivity.java dari import sampai kurung kurawal
(})
17. Paste-kan di KelasDua.java

Hapus, paste-kan
ditempat tulisan tadi
dihapus

18.

Tambahkan kurung kurawal (}) dibagian paling bawah coding, ganti tulisan MainActivity
dengan KelasDua, activity_main ganti dengan mana layout yang kedua (ubah menjadi
kedua), ganti KelasKedua.class menjadi MainActivity.class

Ganti KelasDua (nama .java

yang kedua)
Ganti dengan kedua
(nama .xml yang kedua)
Ganti dengan
MainActivity.class

Tambahkan kurung kurawal

disini

19.

Hapus coding dari next sampai kurung kurawal

20. Setelah itu saveAll dengan cara masuk ke file, kemudian pilih saveAll. Kemudian klik
tab Project pilih clean, dan pilih project yang ingin diclean-kan

21. Silahkan run projectnya

22. Tugas : Buat Button dari halaman kedua.xml yang apabila diklik akan kembali ke
halaman satu (yaitu halaman activity_main), seperti tombol back

Bagian 2. Parsing Data dari Activity satu ke Activity lain

1. Lanjutkan project yang telah dibuat kemarin, hanya saja di halaman layout activity main
tambahkan TextView dengan tulisan nama, kemudian dibawahnya tambahkan EditText,
selanjutnya tambahkan TextView dengan tulisan alamat dan dibawahnya tambahkan
EditText yang kedua.

2. TextView yang pertama ubah dengan Nama, EditText yang pertama beri id editNama,
TextView yang kedua ubah dengan Alamat, dan id EditText yang kedua beri id
editAlamat. Hal ini dilakukan dengan cara mengubahnya dibagian activity_main.xml

Ubah tulisannya menjadi

Nama
Ubah id-nya menjadi
@+id/editNama

Ubah tulisannya menjadi

Alamat
Ubah id-nya menjadi
@+id/editAlamat

3. Pada halaman kedua.xml buat TextView untuk Nama, TextView untuk diisi nama,
TextView untuk alamat, dan TextView untuk diisi alamat. Jadi kita akan menambahkan 4
buah TextView di layout kedua. TextView yang pertama ubah textnya menjadi Nama,
TextView yang kedua ubah idnya menjadi textNama dan textnya dihapus sisakan tanda
kutip saja(), TextView yang ketiga ubah textnya manjadi Alamat, dan TextView yang
keempat diubah idnya manjadi textAlamat dan textnya dihapus sisakan tanda kutip
saja(). Setelah itu save all

Ubah tulisannya menjadi

Nama
Ubah id menjadi
@+id/textNama
Hapus TextView nya,
sisakan tanda kutip saja
Ubah tulisannya menjadi
Alamat
Ubah id menjadi
@+id/textNama
Hapus TextView nya,
sisakan tanda kutip saja

4.

Selanjutnya buka MainActivity.java, dibawah coding Button next; tambahkan coding

EditText nama, alamat; dan String var_nama, var_alamat. Apabila ada error maka
dekatkan kursor pada tulisan EditText kemudian klik import android widget seperti yang
dilakukan sebelumnya pada Button

5. Pendeklarasian nama dan alamat dicari dengan idnya dengan cara menambahkan coding
dibawah next = (Button)findViewById(R.id.butNext); tambahkan coding

nama = (EditText)findViewById(R.id.editNama);
alamat = (EditText)findViewById(R.id.editAlamat);
6.
6.

Diatas coding startActivity(pindah); tambahkan coding

var_nama = nama.getText().toString();
var_alamat = alamat.getText().toString();
Bundle b = new Bundle();
b.putString (parse_nama, var_nama);
b.putString (parse_alamat, var_alamat);
pindah.putExtras(b);

7.

Bukan KelasDua.java, dan dibawah coding public class KelasDua extends buat coding
TextView nama, alamat;
String get_nama, get_alamat;
8.
8.

Dibawah coding setContentView(R.layout.kedua); buat coding

nama = (TextView)findViewById(R.id.textNama);
alamat = (TextView)findViewById(R.id.textAlamat);

Bundle b = getIntent().getExtras();
get_nama = b.getString("parse_nama");
get_alamat = b.getString("parse_alamat");
nama.setText(get_nama);
alamat.setText(get_alamat);
9.
9.

Selanjutnya buka AndroidManifest, pilih yang AndroidManifest.xml

10. Copy-kan bagian <activity sampai /activity>
11. Paste-kan dibawah </activity>, rubah android:nama=.MainActivity
menjadi .KelasDua kemudian hapus dari yang <intent-filter> sampai </intent-filter>

12. Silahkan coba run aplikasi

13. Hasil run aplikasi

Bagian 3. Tombol Hapus

1. Lanjutkan project yang telah dikerjakan sebelumnya
2. Pada halaman kedua.xml buat satu button, dimana perintah button tersebut adalah
menghapus data yang sudah didapatkan sebelumnya
3.
3.

Ubah tulisan Button menjadi hapus dang anti idnya menjadi buttonHapus, jangan lupa save.
4.
4.

Setelah itu buka KelasDua.java, pada pendeklarasian Button, tambahkan deklarasi hapus.

5.

Tambahkan disini

Kemudian setelah coding }); buat coding

hapus = (Button)findViewById(R.id.hapus);
hapus.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
nama.setText("");

nim.setText("");
}
});
6.
6.

Coba run aplikasi

Bagian 4. Ganti Background

1. Masih menggunakan project yang sama
2. Masukkan gambar yang ingin dijadikan background ke drawable-mdpi. Cara
memasukkan gambarnya tinggal dengan cara tarik gambar yang ingin dijadikan
background ke folder tersebut

3.

Background
yang akan kita ganti yaitu pada halaman
activity_main.xml

4. Klik kanan pada layout activity_main.xml, pilih Edit Background

5.
5.

Klik pada Drawable kemudian pilih gambar yang tadi telah dimasukkan. Background akan
berubah sesuai dengan gambar yang telah dimasukkan tadi

Bagian 5. Membuat Scroll View

1. Masih menggunakan project yang sama
2. Yang akan kita buat scroll view adalah pada halaman activity_main.xml
3. Pada bagian Composite, drag untuk yang ScrollView
4.
4.

Kemudian buka pada bagian activity_main -nya untuk mengatur scroll view awalnya dan
akhirnya dimana

5. Pada awalnya scroll view ada dipaling bawah, sekarang akan kita pindahkan ke text yang
paling atas, caranya dengan memindahlan <ScrollView sampai
android:layout_toRightOf="@+id/textView2" >

Pindahkan ke
textView yang
nomor satu

6. Silahkan saveAll dan coba run aplikasi. Tips untuk melihat Scroll View jalan atau tidak,
dalam satu layout harus penuh dengan widget atau tulisan agar terlihat apakah benar bisa
discroll atau tidak

Bagian 6. Radio Button

1. Masih menggunakan project yang sama
2. Agar terlihat lebih rapi, maka layout activity_main akan dirubah dari RelativeLayout
ke LinearLayout
3. Masuk ke activity_main.xml, ganti <RelativeLayout menjadi <LinearLayout dan
/LinearLayout, kemudian berikan orientation vertical pada layout ini

4. Sebelumnya, agar text terlihat, maka kita akan merubah warna text tersebut menjadi
hitam dengan menambahkan coding terlebih dahulu pada activity_main.xml
5. Buat coding android:textColor = #000000 dibawah coding
android:layout_marginTop="15dp" pada setiap textView yang ada
6. Copy-kan coding android:textColor = #000000 pada setiap TextView
7.

disini

Selanjutnya masuk ke GraphicalLayout dari activity_main, Tarik dua radioButton

8.

Setelah itu masuk ke activity_main.xml pada coding <RadioButton, tambahkan coding

diatasnya <RadioGroup

disini

9. Coding RadioGroup yang ditambahkan adalah

<RadioGroup
android:id="@+id/gender"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
dan dibagian paling bawah RadioButton yang kedua tambahkan coding
</RadioGroup>

10. Ganti id dan text tiap radioButton. Untuk radioButon yang pertama id ganti menjadi
radioButLak dengan text nya adalah Laki-laki dan untuk radioButton yang kedua
ganti id menjadi radioButPer dan textnya ubah menjadi Perempuan.
11.
11.

Tambahkan coding android:checked="true" dibawah coding

android:layout_height="wrap_content" pada setiap RadioButton
12. Save All dulu

13.

Buka file kedua.xml tambahkan satu TextView dengan text Jenis Kelamin dan satu
TextView lagi untuk mengisi jenis kelaminnya
14.
14.

Ganti id untuk TextView mengisi jenis kelamin menjadi textKelamin dan

android:textnya: =
15. Buka MainActivity.java, pada String tambahkan var_kelamin, kemudian dibawahnya
tambahkan RadioGroup genderRadioGroup; dan dibawahnya lagi tambahkan

RadioButton radioButton; Apabila terdapat eror arahkan kursor pada RadioGroup dan
RadioButton kemudian di klik import android widget
16. Dibawah coding alamat = (EditText)findViewById(R.id.editAlamat); tambahkan
coding

disini

genderRadioGroup = (RadioGroup) findViewById(R.id.gender);

int id = genderRadioGroup.getCheckedRadioButtonId();
radioButton = (RadioButton) findViewById(id);
17. Kemudian dibawah coding var_alamat = alamat.getText().toString(); tambahkan
coding var_kelamin = radioButton.getText().toString();dan dibawah coding
b.putString("parse_alamat", var_alamat); tambahkan coding b.putString("gender",
var_kelamin);

disini

disini disini

disini
disini

18.
Buka KelasDua.java, pada TextView tambah gender, pada String tambah get_kelamin
19.
19.

Dibawah alamat = (TextView)findViewById(R.id.textAlamat); tambahkan coding

gender = (TextView) findViewById(R.id.textKelamin);

disini

20. Dibawah get_alamat = b.getString("parse_alamat"); tambahkan coding get_kelamin =

b.getString("gender");

disini

21. Dibawah alamat.setText(get_alamat); tambahkan coding

gender.setText(get_kelamin);

disini

22.

SaveAll dan coba run aplikasi

1.
2.
3.
4.
5.

Bagian 7. Menambahkan Toast pada Button

Toast adalah coding yang berfungsi untuk menampilkan tulisan seperti pop up
Masih menggunakan project yang telah dibuat sebelumnya
Pada saat mengklik button next akan muncul pop-up Anda sudah registrasi
Buka MainActivity.java
Sebelum coding var_nama = nama.getText().toString(); tambahkan coding
Toast.makeText(MainActivity.this, "Anda Sudah Registrasi",
Toast.LENGTH_LONG).show();

6. Text Anda Sudah Registrasi akan muncul saat kita menekan tombol next

disini

7.

Coba run aplikasinya