TUGAS PROYEK

D
I
S
U
S
U
N
OLEH
NAMA:CERAH FITRI RAMADHANI
KELAS:XII-RPL-2

SMK SWATA TELADAN

PEMATANGSIANTAR
2017/2018
 KATA PENGANTAR

Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-Nya kepada
kita semua dan hanya dengan qudrat dan iradat-Nya lah saya dapat menyelesaikan Ebook tentang
Program Android.
Adapun Ebook ini disusun untuk memenuhi tugas mata pelajaran Pemrograman
Bergerak.Semoga dengan penyusunan Ebook ini dapat menambah pengetahuan dan pemahaman
diri.Demi kesempurnaannya, saya selalu mengharapkan adanya saran dan masukan dari berbagai
pihak.
Pada kesempatan ini, kami mengucapkan terima kasih kepada:
1. Ibu NNP selaku guru Pemrograman Bergerak yang telah memberi kan bimbingan dan
materi Ebook.
2. Orang tua yang telah memberikan dorongan serta doa dan bantuan moral.
3. Serta pihak yang telah bekerjasama membantu proses pembuatan makalah.
Harapan saya semoga Ebook ini dapat memberikan manfaat khususnya bagi saya sendiri dan
umumnya bagi siapa saja yang membacanya.
Penulis,11November 2017

Cerah Fitri Ramadhani

DAFTAR ISI
KATA PENGANTAR......................................................................................................
DAFTAR ISI ..................................................................................................................
BAB I PENDAHULUAN .............................................................................................
1. LATAR BELAKANG .................................................................................
2. TUJUAN PENYUSUNAN EBOOK .............................................................
3. MANFAAT PEMBUATAN EBOOK ...........................................................
BAB II ANDROID DASAR ...........................................................................................
1. MEMBUAT PROJECT BARU ...................................................................
2. MEMBUAT DAN MENJALANKA AVD .....................................................
3. MENJALANKAN PROGRAM ...................................................................
4. PROGRAM SAPA ...................................................................................
BAB III LAYOUT ANDROID.........................................................................................
1. LINEAR LAYOUT.....................................................................................
2. RELATIVE LAYOUT .................................................................................
3. TABLE LAYOUT ......................................................................................
BAB IV ANDROID WIDGET ........................................................................................
1. CHECKBOX.............................................................................................
2. RADIOBUTTON ......................................................................................
BAB V ANDROID TUGAS ..........................................................................................
1. PROGRAM UH .......................................................................................
2. PROGRAM MAKALAH ...........................................................................
BAB VI PENUTUP ......................................................................................................

BAB I
PENDAHULUAN

1. LATAR BELAKANG
Android adalah software platform yang open source untuk mobile device. Android berisi
sistem operasi, middleware dan aplikasi-aplikasi dasar. Basis OS Android adalah kernel Linux
2.6 yang telah dimodifikasi untuk mobile device.

Android versi 1.0 dikeluarkan tanggal 23 September 2008. Versi 1.1 adalah versi yang
pertama kali digunakan di mobile phone disusul versi 1.5 (Cupcake), 1.6 (Donut) dst. Versi
Android terakhir adalah:

2.2 (Froyo), mempercepat kinerja dengan Just In Time compiler dan Chrome V8
JavaScript engine, Wi-Fi hotspot tethering dan suppport Adobe Flash.
2.3 (Gingerbread), memperbaiki user interface, soft keyboard, copy/paste features dan
support Near Field Communication (NFC).
3.0 (Honeycomb), diperuntukkan untuk tablet yang menggunakan layar lebih besar,
multicore processors dan hardware acceleration untuk grafis.
4.0 (Ice-cream sandwich), kombinasi Gingerbread and 3.0 Honeycomb. Integrasi antara
platform untuk tablet dan smartphone.
4.1 & 4.2 (Jelly-Bean), user interface yang lebih halus (project butter).

Untuk mengembangkan aplikasi di Android, bahasa utama yang digunakan adalah Java,
tetapi bukan dalam platform J2ME yang memiliki banyak keterbatasan. Platform yang
digunakan di Android setara dengan J2SE, dan ini merupakan kelebihan utama Android.

Dengan alasan untuk menyelesaikan tugas proyek saya membangun dan menciptakan
Ebook Pemrograman Android skala kecil-kecilan.

2. TUJUAN PENYUSUNAN EBOOK

Adapun tujuan saya untuk membuat Ebook ini adalah sebagai berikut:
1. Untuk memenuhi tugas mata pelajaran Pemrograman Bergerak.
2. Menjadikan siswa lebih kreatif dan inovatif tentang pengembangan android.
3. Melatih siswa agar dapat membuat program android dengan baik.
4. Untuk menambah pengalaman dan pengetahuan tentang android.
3. MANFAAT PEMBUATAN EBOOK
Manfaat yang diperoleh dalam dalam pembuatan ebook ini adalah :
1. Agar dapat belajar sendiri dan mengisi waktu luang dengan kegiatan yang bermanfaat.
2. Untuk selalu berpikir aktif, kreatif dan inovatif serta mengasah kemampuan siswa dalam
pemrograman sehingga memunculkan banyak ide-ide baru yang dapat menjadi peluang
yang menguntungkan.
3. Untuk membantu berfikir krisis dan objektif atas program yang dijalankan.
4. Sebagai alat komunikasi dalam memaparkan dan meyakinkan gagasan kepada pihak lain.
5. Membantu meningkat kan keberhasilan para programer.

BAB II
ANDROID DASAR
1. MEMBUAT PROJECT BARU
Sebelum memulai pembuatan program, kita terlebih dahulu harus mengetahui bagaimana
cara membuat project baru atau lembar kerja baru di eclipse.Dibawah ini saya akan menjelaskan
langkah-langkahnya:
Untuk memulai, jalankan Eclipse, pilih File New Android Application Project.

Selanjutnya seperti gambar dibawah, jangan lupa ganti nama package. Package name harus
unik, aturan yang biasa digunakan adalah menggunakan nama website kita (dalam urutan yang
dibalik), ditambah dengan nama aplikasi. Misalkan nama website kita adalah cerah.com, maka
nama package adalah: com.cerah.projectbaru. Jika nama web organisasinya cs.upi.edu, maka
nama packagenya: edu.upi.cs. cerah.projectbaru.
Selanjut nya klik next sebanyak 2 kali untuk sampai di kotak dialog seperti dibawah ini .pilih
icon sesuai keingiinan anda
Selanjutnya pilih next sampai untuk activity pilih BlankActiviy dan Next.

Terakhir, klik Finish dan tunggu beberapa saat.

Dan project baru anda akan terbentuk dengan sendirinya dan akan muncul nanti
ActivityMain(Untuk tampilan) dan MainActivity(Untuk kode program)

2. MEMBUAT DAN MENJALANKAN AVD

AVD adalah perangkat visual android yang akan menjadi simulator/ emulator untuk
menjalan kan program. Biasanya sebelum memulai pembuatan program kita harus menjalan
kan AVD terlebih dahulu karena proses loading AVD yang memakan waktu cukup
lama.Berikut adalah langkah-langkah membuat da menjalan kan AVD:

Untuk memulai,, pilih Window Android Virtual Device Manager

Akan muncul dialog berisi daftar AVD kemudian klik Create

Isi seperti contoh dibawah ini,klik ok

Pilih AVD yang baru Anda buat lalu klik Start dan kemudian Launch. Tunggu 1-5 menit
(tergantung kemampuan komputer yang Anda miliki).
Emulator ini membutuhkan waktu cukup lama dan memori yang besar. Ambil secangkir kopi
dan silahkan tunggu sampai layar berikut muncul (jika yang muncul masih tulisan Android
berkelap-kelip, tunggu). Setelah emulator dijalankan, sebaiknya jangan ditutup lagi untuk
menghemat waktu.

3. CARA MENJALANKAN PROGRAM

Menjalankan hasil program dapat dilakukan dengan cara mengklik shortcut CTRL+F11 atau
klik kanan package > run as > android Project atau mengklik icon run.
4. PROGRAM SAPA
Untuk membuat program sapa terlebih dahulu kita harus mebuat new project/lembarkerja
baru dengan nama Sapa_namaanda.Cara membuat nya sama seperti yang sudah dijelaskan
diatas.

Pertama, melalui project explorer kembali pilih activity_main.xml yang berada di res/layout
(gambar bawah). Pilih tab Graphical Layout
 Komponen-komponen user interface yang berada di bagian kiri, sering disebut widget
atau view.
Pertama pilih widget TextField, pilih yang paling atas (plain text), lalu drag ke dalam
form.Lalu drag button di Form Widget, dan letakkan disebelah kanan text field.
Terakhir, drag teks hello world dari tengah ke dekat button. Jika posisi menjadi
berantakan jangan khawatir, atur ulang sehingga posisinya seperti dibawah.

Sekarang karena kita akan membuat code yang saat button di-klik menangkap apa yang
diketikkan pengguna dan menuliskannya di TextView. Untuk itu setiap komponen perlu diberi
nama.

Kembali ke activity_main.xml. Klik Button kemudian lihat window properties yang

berada di sebelah kanan, ganti Text dengan Sapa dan id dengan bSapa
 Saat id diganti maka ada pesan untuk mengupdate semua kemunculan id, jawab ini
dengan Yes. Kemudian muncul window Rename Resource dan jawab ini juga dengan OK.
Cara ini akan membuat semua kemunculan id ini di activity_main akan otomatis diganti. Ini akan
lebih mudah dibandingkan harus mengganti secara manual file xml

Lakukan hal yang sama untuk textfield, ganti id dengan etNama dan textview, ganti id dengan
tvSalam.

Sekarang kita akan mengeset agar saat button diklik, method yang diinginkan akan
dipanggil. Set atribut android.onClik pada button dengan nama method yang akan menangani
event tersebut (bSapaClick).

<Button
android:id="@+id/bsapa"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/editText1"
android:layout_toRightOf="@+id/editText1"
android:onClick="bSapaKlik"
android:text="Sapa"
tools:ignore="HardcodedText" />

Sekarang kita perlu menambahkan code agar saat tombol diklik app akan mengeluarkan
respon.
Melalui package explorer, kembali ke activity utama (MainActivity.java).

Kemudian buat satu method baru bSapaClick. Pastikan nama method sama dengan
yang dicantumkan di activity_main.XML. Nama yang tidak sama akan menyebakan error
saat program dijalankan.

Tambahkan impor class yang dibutuhkan. Salah satu cara yang paling mudah adalah
dengan mengklik gambar x merah di sebelah kiri, lalu pilih impor (gambar bawah).
Jalankan program (ctrl-F11),

.
 BAB III
LAYOUT ANDROID
1. LINEAR LAYOUT
LinearLayout merupakan salah satu jenis layout yang menggabungkan view
dalam satu urutan dapat berupa horizontal maupun vertikal .Linear layout dibuat dengan
<LinearLayout> dan ditutup dengan </LinearLayout>.
Untuk membuat program Layout terlebih dahulu kita harus mebuat new project/lembarkerja
baru dengan nama Linear_namaanda.Cara membuat nya sama seperti yang sudah dijelaskan
diatas.
Ketikkan kode berikut ini di activity_main.xml yang berada di res/layout. Meskipun panjang,
script ini memiliki kemiripan. Sementara cukup tulis satu pola saja, lakukan copy-paste-edit.
<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="com.exae.linearcerah.MainActivity" >

<TextView
android:id="@+id/textView1"
android:layout_width="100px"
android:layout_height="50px"
android:background="#B8E9F7"
android:gravity="center_vertical"
android:text="OKE"
tools:ignore="HardcodedText,PxUsage" />

<TextView
android:id="@+id/textView2"
android:layout_width="100px"
android:layout_height="50px"
android:background="#00ff00"
android:gravity="center_vertical"
android:text="YES"
tools:ignore="HardcodedText,PxUsage" />

<TextView
android:id="@+id/textView3"
android:layout_width="100px"
android:layout_height="50px"
android:background="#CBFA6C"
android:gravity="center_vertical"
android:text="OPEN"
tools:ignore="HardcodedText,PxUsage" />

</LinearLayout>

Dan hasilnya akan seperti gambar dibawah ini

 Kita akan coba jalankan

2. RELATIVE LAYOUT
RelativeLayout adalah sebuah layout dimana posisi dari sebuah komponen
(simbol,text,dsb) letaknya bisa diatur terhadap komponen lainnya. Misalnya tombol
OK posisinya berada dibawah EditText, kemudian tombol cancel posisinya berada
di sebelah kiri tombol OK dan dibawah EditText. Intinya, saling berkaitan antara
posisi satu tombol dengan yang lain.
Untuk membuat program Layout terlebih dahulu kita harus mebuat new
project/lembarkerja baru dengan nama Relative_namaanda.Cara membuat nya sama seperti yang
sudah dijelaskan diatas.
Ketikkan kode berikut ini di activity_main.xml yang berada di res/layout.

<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"
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="com.examp.relativcerah.MainActivity" >

<EditText
android:id="@+id/editText1"
android:layout_width="wrap_content"
 android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:ems="10"
android:text="@string/insertname"
tools:ignore="TextFields" >

<requestFocus />
</EditText>

<EditText
android:id="@+id/editText2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/editText1"
android:layout_alignParentRight="true"
android:layout_below="@+id/editText1"
android:ems="10"
android:text="@string/insetemail"
tools:ignore="TextFields" />

<EditText
android:id="@+id/editText3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/editText2"
android:layout_alignParentRight="true"
android:layout_below="@+id/editText2"
android:ems="10"
android:text="@string/insertphone"
tools:ignore="TextFields" />

<Button
android:id="@+id/button1"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/editText3"
android:layout_below="@+id/editText3"
android:layout_marginTop="18dp"
android:text="@string/insert"
tools:ignore="HardcodedText" />

</RelativeLayout>
Dan hasilnya akan seperti gambar dibawah ini
 Setelah semua sintax siap diketik perhatikan sintax edit text dan button disitu terdapat
@String/... maksudnya disini akan dipanggil isi daari String.Untuk membuat String yang
dipanggil di activity_main.xml,lihat folder res/value/String.xml

Setelah itu klik String.xml

Ketikkan kode seperti dibawah ini

<?xml version="1.0" encoding="utf-8"?>

<resources>

<string name="app_name">Relative_Cerah</string>
<string name="hello_world">Hello world!</string>
<string name="action_settings">Settings</string>
<string name="insertname">Insert Name</string>
<string name="insetemail">Insert Email</string>
<string name="insertphone">Insert Phone</string>
<string name="insert">Insert</string>
</resources>
Dan hasilnya akan seperti gambar dibawah ini

Kita akan coba jalankan

 Kita masih focus di pembahasan layout xml, kali ini kita menggunakan widget
RelativeLayout. Dengan widget ini, semua widget yang menjadi child posisinya bisa diatur
secara relative terhadap komponen lainnya. Misalnya pada bagian ini, edittext ditaruh paling
atas, button cancel disebelah kanan bawah edittext, sedangkan button OK dibawah editteks
dan dikanan button cancel. Masing-masing widget memiliki id yang untuk atau tidak boleh
sama. Id ini sebagai acuan nama widget, mirip analoginya dengan nama manusia.

3. TABLE LAYOUT
TableLayout adalah tampilan yang disusun berdasarkan baris dan kolom. Biasanya,
TableLayout terdiri dari beberapa TableRow. Didalam TableRow inilah terdapat field-field
yang nantinya terlihat sebagai kolom

Untuk membuat program Layout terlebih dahulu kita harus mebuat new project/lembarkerja
baru dengan nama Table_namaanda.Cara membuat nya sama seperti yang sudah dijelaskan
diatas.
Ketikkan kode berikut ini di activity_main.xml yang berada di res/layout.

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/TableLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:stretchColumns="1"
tools:context="com.exple.tablecerah.MainActivity"
tools:ignore="HardcodedText" >

<TableRow>

<TextView
android:layout_column="1"
android:padding="3dip"
android:text="OPEN"
tools:ignore="HardcodedText" />

<TextView
android:gravity="right"
android:padding="3dip"
android:text="ctr+o"
tools:ignore="HardcodedText" />

</TableRow>
<TableRow>
<TextView
android:layout_column="1"
android:text="SAVE"
android:padding="3dip"/>
 <TextView
android:text="ctr+s"
android:gravity="right"
android:padding="3dip"/>
</TableRow>
<TableRow>
<TextView
android:layout_column="1"
android:text="BLOCK"
android:padding="3dip"/>
<TextView
android:text="ctr+a"
android:gravity="right"
android:padding="3dip"/>
</TableRow>
<View
android:layout_height="3dip"
android:background="#25f7b4"/>
<TableRow>
<TextView
android:text="X"
android:padding="3dip"/>
<TextView
android:text="Import"
android:padding="3dip"/>
</TableRow>
<TableRow>
<TextView
android:text="Y"
android:padding="3dip"/>
<TextView
android:text="Eksport"
android:padding="3dip"/>
<TextView
android:text="ctr+e"
android:gravity="right"
android:padding="3dip"/>
</TableRow>
<View
android:layout_height="2dip"
android:background="#ff909090"/>
<TableRow>
<TextView
android:layout_column="1"
android:text="QUIT"
android:padding="3dip"/>

</TableRow>
</TableLayout>
Dan hasilnya akan seperti gambar dibawah ini

Kita akan coba jalankan

 Beberapa atribut main.xml yang perlu diperhatikan antara lain pada baris ke 5, dimana
android:stretchColumns artinya kolom diset melebar memenuhi layar. Baris ke 11 (
android:padding) merupakan atribut untuk membuat jarak antara content terhadap tepi kanan
kiri textview .

BAB IV
ANDROID WIDGET
1. CHECKBOX
Checkbox adalah salah satu widget berjenis optional, artinya 2 atau lebih item bisa dipilih
secara bersamaan. User dapat memilih lebih dari satu pilihan dengan checkbox. Pada palette,
Checkbox ada di bagian FormWidgets.

Untuk membuat program Checkbox terlebih dahulu kita harus mebuat new
project/lembarkerja baru dengan nama Checkbox_namaanda.Cara membuat nya sama seperti
yang sudah dijelaskan diatas.
Desain tampilan checkbox,seperti gambar dibawah ini

ganti Checkbox1 dengan Bandung dan id dengan bandung,Begitu juga dengan

Checkbox 2 dan seterusnya,dan juga button dan textfield.
 Saat id diganti maka ada pesan untuk mengupdate semua kemunculan id, jawab ini
dengan Yes. Kemudian muncul window Rename Resource dan jawab ini juga dengan OK.
Cara ini akan membuat semua kemunculan id ini di activity_main akan otomatis diganti. Ini akan
lebih mudah dibandingkan harus mengganti secara manual file xml

. Sekarang kita akan mengeset agar saat button diklik, method yang diinginkan akan
dipanggil. Set atribut android.onClik pada button dengan nama method yang akan menangani
event tersebut (klikhasil).

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/bontang"
android:layout_centerVertical="true"
android:text="Periksa Nilai"
android:onClick="klikhasil"
tools:ignore="HardcodedText" />
 Sekarang kita perlu menambahkan code agar saat tombol diklik app akan mengeluarkan
respon.
Melalui package explorer, kembali ke activity utama (MainActivity.java).
Kemudian buat satu method baru klikhasil. Pastikan nama method sama dengan yang
dicantumkan di activity_main.XML. Nama yang tidak sama akan menyebakan error saat
program dijalankan.

package com.exmple.checkbox_cerah;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;

public class MainActivity extends ActionBarActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void klikhasil(View v){
EditText hasil=(EditText) findViewById(R.id.hasil);
CheckBox bandung=(CheckBox) findViewById(R.id.bandung);
CheckBox bogor=(CheckBox) findViewById(R.id.bogor);
CheckBox banjarmasin=(CheckBox) findViewById(R.id.banjarmasin);
CheckBox bontang=(CheckBox) findViewById(R.id.bontang);
int ba=0,bo=0,ban=0,bon=0,n;
if(bandung.isChecked()){
ba=10;
}
if(bogor.isChecked()){
bo=-5;
}
if(banjarmasin.isChecked()){
ban=10;
}

if(bontang.isChecked()){
bon=-5;
}
n=ba+bo+ban+bon;
String i;
i=Integer.toString(n);
hasil.setText(i);
}

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

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}

Tambahkan impor class yang dibutuhkan. Salah satu cara yang paling mudah adalah
dengan mengklik gambar x merah di sebelah kiri, lalu pilih impor

Jalankan program (ctrl-F11),

2. RADIOBUTTON
Pada radioButton, hanya satu pilihan yang boleh aktif (mutual exclusive) di dalam satu group
yang disebut radioGroup.

Untuk membuat program radiobutton terlebih dahulu kita harus mebuat new
project/lembarkerja baru dengan nama Radio_namaanda.Cara membuat nya sama seperti yang
sudah dijelaskan diatas.
Desain tampilan checkbox,seperti gambar dibawah ini
 ganti RadioButton1 dengan Samarinda dan id dengan samarinda,Begitu juga dengan
radio 2 dan seterusnya,dan juga button dan textfield.

Saat id diganti maka ada pesan untuk mengupdate semua kemunculan id, jawab ini
dengan Yes. Kemudian muncul window Rename Resource dan jawab ini juga dengan OK.
Cara ini akan membuat semua kemunculan id ini di activity_main akan otomatis diganti. Ini akan
lebih mudah dibandingkan harus mengganti secara manual file xml

. Sekarang kita akan mengeset agar saat button diklik, method yang diinginkan akan
dipanggil. Set atribut android.onClik pada button dengan nama method yang akan menangani
event tersebut (klikhasil).

<Button
 android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/radio"
android:onClick="klikhasil"
android:text="Periksa NIlai" />
Sekarang kita perlu menambahkan code agar saat tombol diklik app akan mengeluarkan
respon.
Melalui package explorer, kembali ke activity utama (MainActivity.java).
Kemudian buat satu method baru klikhasil. Pastikan nama method sama dengan yang
dicantumkan di activity_main.XML. Nama yang tidak sama akan menyebakan error saat
program dijalankan.

package com.exaple.radio_cerah;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.EditText;
import android.widget.RadioGroup;

public class MainActivity extends ActionBarActivity {

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

public void klikhasil(View v){

RadioGroup radio=(RadioGroup) findViewById(R.id.radio);
EditText hasil=(EditText) findViewById(R.id.hasil);
int id=radio.getCheckedRadioButtonId();
int sam=0,ken=0,pal=0,mak=0,n;
if(id==R.id.samarinda){
sam=-2;
}
else
if(id==R.id.kendari){
ken=10;
}
else
if(id==R.id.palu){
pal=-2;
}
else
mak=-2;
n=sam+ken+pal+mak;
String i;
i=Integer.toString(n);
hasil.setText(i);
}

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

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
 return true;
}
return super.onOptionsItemSelected(item);
}
}
Tambahkan impor class yang dibutuhkan. Salah satu cara yang paling mudah adalah
dengan mengklik gambar x merah di sebelah kiri, lalu pilih impor

Jalankan program (ctrl-F11),

BAB V
ANDROID TUGAS
1. PROGRAM UH
Untuk membuat program UH terlebih dahulu kita harus mebuat new
project/lembarkerja baru dengan nama UH_namaanda.Cara membuat nya sama seperti yang
sudah dijelaskan diatas.

Pertama, melalui project explorer kembali pilih activity_main.xml yang berada di res/layout
(gambar bawah). Pilih tab Graphical Layout
 Ketikkan kode beriku di activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/RelativeLayout1"
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="com.exam.utscerah.MainActivity" >

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#BBFFBB"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:text="Home"
tools:ignore="HardcodedText" />

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#BFBFBF"
android:layout_alignBaseline="@+id/textView2"
android:layout_alignBottom="@+id/textView2"
android:layout_toRightOf="@+id/textView2"
android:text="@string/insert"
tools:ignore="HardcodedText" />

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/textView1"
android:layout_alignBottom="@+id/textView1"
android:layout_toRightOf="@+id/textView1"
android:background="#964B00"
android:text="@string/pagelayout"
tools:ignore="HardcodedText" />

<TextView
android:id="@+id/TextView02"
android:layout_width="wrap_content"
 android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/TextView01"
android:layout_alignBottom="@+id/TextView01"
android:layout_toRightOf="@+id/TextView01"
android:background="#FF00FF"
android:text="@string/reference"
tools:ignore="HardcodedText" />

<TextView
android:id="@+id/TextView03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/TextView02"
android:layout_alignBottom="@+id/TextView02"
android:layout_toRightOf="@+id/TextView02"
android:background="#C0C0C0"
android:text="@string/mailings"
tools:ignore="HardcodedText" />

<TextView
android:id="@+id/TextView04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView2"
android:layout_below="@+id/textView2"
android:background="#00FFFF"
android:text="@string/review"
tools:ignore="HardcodedText" />

<TextView
android:id="@+id/TextView05"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/TextView04"
android:layout_alignBottom="@+id/TextView04"
android:layout_toRightOf="@+id/textView2"
android:background="#8FF7E2"
android:text="@string/view"
tools:ignore="HardcodedText" />

<EditText
android:id="@+id/etNama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/TextView04"
android:layout_below="@+id/TextView04"
android:layout_marginTop="46dp"
android:ems="10"
tools:ignore="TextFields,LabelFor" />

<Button
android:id="@+id/bSapa"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/TextView03"
android:layout_alignTop="@+id/etNama"
android:onClick="bSapaClick"
android:text="Ucap"
tools:ignore="HardcodedText" />

<TextView
android:id="@+id/tvSalam"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/bSapa"
android:layout_marginTop="31dp"
android:layout_toLeftOf="@+id/TextView02"
android:text="@string/hello_world" />

</RelativeLayout>
Dan hasilnya akan seperti gambar dibawah ini
 Setelah semua sintax siap diketik perhatikan sintax edit text dan button disitu terdapat
@String/... maksudnya disini akan dipanggil isi daari String.Untuk membuat String yang
dipanggil di activity_main.xml,lihat folder res/value/String.xml

Setelah itu klik String.xml

Ketikkan kode seperti dibawah ini

<?xml version="1.0" encoding="utf-8"?>

<resources>

<string name="app_name">UH_Cerah</string>
<string name="hello_world">Hello world!</string>
<string name="action_settings">Settings</string>
<string name="insert">Insert</string>
<string name="pagelayout">PageLayout</string>
<string name="reference">Reverences</string>
 <string name="mailings">Mailings</string>
<string name="review">Review</string>
<string name="view">View</string>
</resources>
Dan hasilnya akan seperti gambar dibawah ini

. Sekarang kita akan mengeset agar saat button diklik, method yang diinginkan akan
dipanggil. Set atribut android.onClik pada button dengan nama method yang akan menangani
event tersebut (bSapaClick).

<Button
android:id="@+id/bSapa"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/TextView03"
android:layout_alignTop="@+id/etNama"
android:onClick="bSapaClick"
android:text="Ucap"
tools:ignore="HardcodedText" />

Sekarang kita perlu menambahkan code agar saat tombol diklik app akan mengeluarkan
respon.
Melalui package explorer, kembali ke activity utama (MainActivity.java).
Kemudian buat satu method baru klikhasil. Pastikan nama method sama dengan yang
dicantumkan di activity_main.XML. Nama yang tidak sama akan menyebakan error saat
program dijalankan.

package com.exmple.uh_cerah;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends ActionBarActivity {

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

@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;
}
public void bSapaClick(View V) {
EditText etNama =(EditText) findViewById(R.id.etNama);
TextView tvSalam = (TextView)findViewById(R.id.tvSalam);
String nama = etNama.getText().toString();
tvSalam.setText(" Selamat Siang "+nama+" selamat belajar program ucap dan
layout");
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
Tambahkan impor class yang dibutuhkan. Salah satu cara yang paling mudah adalah
dengan mengklik gambar x merah di sebelah kiri, lalu pilih impor

Jalankan program (ctrl-F11),

2. PROGRAM MAKALAH
Untuk membuat program Makalah terlebih dahulu kita harus mebuat new
project/lembarkerja baru dengan nama ProgramMakalah_namaanda.Cara membuat
nya sama seperti yang sudah dijelaskan diatas.

Desainlah Program Makalah seperti gambar dibawah. Ganti TextField1 dengan dan id
dengan alas,Begitu juga dengan textfield2 dan seterusnya,dan juga button dan textview
 Saat id diganti maka ada pesan untuk mengupdate semua kemunculan id, jawab ini
dengan Yes. Kemudian muncul window Rename Resource dan jawab ini juga dengan OK.
Cara ini akan membuat semua kemunculan id ini di activity_main akan otomatis diganti. Ini akan
lebih mudah dibandingkan harus mengganti secara manual file xml

. Sekarang kita akan mengeset agar saat button diklik, method yang diinginkan akan
dipanggil. Set atribut android.onClik pada button dengan nama method yang akan menangani
event tersebut (klikhitung dan klik reset).

<Button
android:id="@+id/buttonHitung"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/editTextTinggi"
android:layout_marginTop="29dp"
android:text="@string/hitung" />

<Button
android:id="@+id/ButtonReset"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/buttonHitung"
android:layout_alignBottom="@+id/buttonHitung"
android:layout_alignRight="@+id/editTextTinggi"
android:text="@string/reset" />

Sekarang kita perlu menambahkan code agar saat tombol diklik app akan mengeluarkan
respon.
Melalui package explorer, kembali ke activity utama (MainActivity.java).
Kemudian buat satu method baru klikhitung dan klik reset. Pastikan nama method
sama dengan yang dicantumkan di activity_main.XML. Nama yang tidak sama akan
menyebakan error saat program dijalankan.

package com.exmple.programmakalah;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends ActionBarActivity {

private Button Hitung,Reset;
private EditText Alas,Tinggi;
private TextView Luas;

private double alas,tinggi,luas;

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

Alas = (EditText) findViewById(R.id.Alas);

Tinggi = (EditText) findViewById(R.id.editTextTinggi);
Luas = (TextView) findViewById(R.id.textLuas);
Hitung = (Button) findViewById(R.id.buttonHitung);
Hitung.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
HitungLuas();
}
});

Reset = (Button) findViewById(R.id.ButtonReset);

Reset.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Reset();

}
});
}
private void HitungLuas (){
alas=Double.parseDouble(Alas.getText().toString());
tinggi=Double.parseDouble(Tinggi.getText().toString());
luas=0.5*alas*tinggi;
Luas.setText("Luas Segitiga = "+luas );

}
private void Reset(){
Alas.setText("");
Tinggi.setText("");
Luas.setText("Luas Segitiga ");
}

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

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
 }
}
Tambahkan impor class yang dibutuhkan. Salah satu cara yang paling mudah adalah
dengan mengklik gambar x merah di sebelah kiri, lalu pilih impor

Jalankan program (ctrl-F11),

BAB VI
PENUTUP
UCAPAN TERIMA KSIH PENULIS TERHADAP SEMUA
PIHAK YANG MENDUKUNG DALAM PEMBUATAN EBOOK INI