Anda di halaman 1dari 23

Modul Pelatihan

Pemrograman Android

oleh: Agung Prihandono

ITFest
IT Fest2015
2015HMPS
HMPSTI
TIUniversitas
UniversitasStikubank
Stikubank(Unisbank)
(Unisbank)Semarang
Semarang
0
Pemrograman Android
Table of Content

Daftar Isi
Table of Content ............................................................................................................................ 1
Daftar Isi ........................................................................................................................... 1
Basic.............................................................................................................................................. 2
Java dan Android ............................................................................................................. 2
Struktur Aplikasi Android ........................................................................................ 3
User Interface................................................................................................................................ 4
Layout (XML Layout) ...................................................................................................... 4
Form Widgets, Component Palette........................................................................... 4
Contoh Program.................................................................................................................. 5
Resources ...................................................................................................................................... 10
Images .................................................................................................................................... 10
Contoh Program.................................................................................................................. 10
Intent ............................................................................................................................................ 15
Konsep Intent .................................................................................................................... 15
Pemanggilan Intent Internal (Built-in)........................................................... 15
Pemanggilan Intent Sub-activity........................................................................... 16
Contoh Program.................................................................................................................. 16
Aplikasi Belajar Android................................................................................................................. 21
Ide Cerita ........................................................................................................................... 21
Implementasi ...................................................................................................................... 21
Kode Program ...................................................................................................................... 21
Indeks ........................................................................................................................................... 22

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


1
Pemrograman Android
Basic

Java dan Android


Android merupakan bahasa pemrograman khusus untuk perangkat mobile. Android
diadopsi dari bahasa Java yang memiliki banyak kemampuan, dukungan library dan API
untuk berbagai kebutuhan pemrograman. Tentunya kemudian ditingkatkan namun dari sisi
yang berbeda, dengan gambaran perbandingan seperti ditunjukkan pada Bagan 1.

Bagan 1. Perbandingan Java dan Android

Dalam membuat program android, kita harus mengetahui dasarnya yaitu bahasa Java.
Program bahasa Java sering disebut sebagai Class. Hal ini dikarenakan bahasa Java
merupakan bahasa yang berorientasi objek, di mana segala sesuatu dibuat ke dalam
struktur objek yang dapat berupa nama objek, anggota objek dan kemampuan dari objek
tersebut, lebih dikenal dengan Class-Attribut-Methode. Struktur dari sebuah class dapat
dilihat pada contoh Kode Program 1.

Kode Program 1. Contoh struktur sebuah Class


class gadget{ nama Class
String nama_gadget, warna; da ar Atribut-atribut
int dimensi;

public gadget(){ method 1 (konstruktor)


nama_gadget=; inisiasi nilai masing2 atribut
warna=;
dimensi=0.0;
}
public void panggilan(){ method 2
//kode2 untuk proses panggilan
}
Public void kirim_sms(){ method 3
//kode2 untuk pengiriman pesan teks
}
}
Ketika kode program tersebut disimpan maka nama file harus sama seperti nama Class
yaitu menjadi gadget.java. Jika di dalam class tersebut terdapat sub class, maka nama file
tetap mengacu pada nama class yang utama.

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


2
Struktur Aplikasi Android
Pada pemrograman java pun memiliki SDK khusus untuk pemrograman mobile yang
tentunya memiliki keterbatasan sumber daya seperti processor maupun memory, yaitu
dengan J2ME. Android menggunakan mekanisme yang berbeda berkaitan dengan
bagaimana menampilkan dan menjalankan sebuah aplikasi di perangkat mobile. Jika pada
J2ME mengenal istilah MIDlet, maka di android mengenal istilah Activity. Adapun komponen
secara keseluruhan yang dikenal di Android adalah sebagai berikut:
a. Activity kode program yang memiliki antarmuka/UI
b. BroadcastReceivers memantau semua broadcast yang terjadi pada perangkat
seperti notifikasi eksternal atau alarm, dll
c. Services kode program yang berjalan di latarbelakang, tdk memiliki UI
d. ContentProviders mengijinkan aplikasi untuk berbagi data antar aplikasi

Untuk membuat aplikasi Android, dapat menggunakan aplikasi ADT (Android


Development Tool) atau Android Studio Bundle. Pada pelatihan kali ini kita akan
menggunakan ADT Bundle. Adapun tampilan IDE merupakan kombinasi Eclipse yang sudah
diintegrasikan dengan Android SDK, ditunjukkan pada Bagan 2.

Bagan 2 Tampilan IDE ADT dan sebuah project

Struktur sebuah aplikasi android sering disebut project dapat dilihat pada Bagan 2
bagian nomor 1. Beberapa folder dan file tersebut memiliki fungsi sebagai berikut:
src berisi package (paket) yang menapung seluruh Class
gen berisi file java yang digenerate secara otomatis, menyimpan alamat semua
variabel, resource, layout ke dalam bentuk class
bin berisi file objek hasil kompilasi projek
libs tempat menyimpan pustaka yang diperlukan oleh aplikasi
res tepat menyimpan berkas eksternal (images), layout, daftar variabel, dll
AndroidManifest.xml berisi manifes penyusun aplikasi

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


3
Dasar Antarmuka
User Interface

Layout (XML Layout)


Layout merupakan bagian yang menjadi perantara aplikasi dengan pengguna yaitu
sebagai pengatur tataletak antar muka grafis dari suatu aplikasi. Layout ini disimpan dalam
bentuk file XML dan dapat diakses secara grafis untuk memudahkan dalam penataan
widgets. Untuk mengakses layout berbasis teks, Anda dapat memilihnya pada bagian nomor
3 pada Bagan 2. Sehingga dihadapkan pada tampilan seperti Bagan 3.

Bagan 3. XML Layout

Layout mengatur bagaimana aplikasi menampilkan posisi widget di layar. Terdapat banyak
variasi dari layout yang dapat digunakan pada aplikasi android. Namun kita dapat melihat beberapa
layout utama yang sering digunakan yaitu:

Relative Layout
Linear Layout
Grid Layout
Table Layout
Absolute Layout

Form Widgets, Component Palette


Untuk melakukan desain antarmuka, ADT menyediakan ruang gambar beserta
komponen secara otomatis pada saat kita membuka file layout. Terdapat beragam pilihan
komponen yang dapat digunakan sesuai aplikasi yang hendak dibuat. Secara grafis, kita
dapat menata semua komponen pada layar dengan cara drag-drop kemudian mengatur
besaran properti yang diinginkan.

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


4
Contoh Program
Kita akan membuat aplikasi sederhana untuk menampilkan form input beserta tombol
prosesnya. Silahkan buat projek baru melalui menu File | New | Android Application Project,
isi nama aplikasi beserta nama project dengan UI_satu. Kemudian click Next hingga selesai.
Buka file layout, di direktori res/layout/activity_main.xml, kemudian letakkan
komponen TextView, EditText dan Button dan atur posisinya menjadi seperti pada Bagan 4

Bagan 4. Rancangan UI

Kemudian lakukan perubahan nilai Text masing-masing komponen di kolom Properties menjadi
seperti pada Bagan 5.

Bagan 5. Rancangan UI kedua

Sebelum menuliskan kode program utama, silahkan Anda kompilasi aplikasi tersebut
dengan cara: Klik kanan nama project (di kolom Package Explorer) pilih menu Run As |
Android Application. Pastikan tidak ada kesalahan sehingga emulator akan menampilkan
aplikasi seperti ditunjukkan pada

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


5
Bagan 6. Hasil UI di emulator

Adapun kode program untuk layout tersebut adalah /res/layout/activity_main.xml:

Kode Program 2. Xml Layout UI_Satu


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

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" />

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView2"
android:layout_below="@+id/textView2"
android:layout_marginTop="22dp"
android:text="Nama"
android:textAppearance="?android:attr/textAppearanceLarge" />

<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView1"
android:layout_below="@+id/textView1"
android:text="Kota Asal"

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


6
android:textAppearance="?android:attr/textAppearanceLarge" />

<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView3"
android:layout_below="@+id/textView3"
android:text="Hobi"
android:textAppearance="?android:attr/textAppearanceLarge" />

<EditText
android:id="@+id/editText1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/textView3"
android:layout_marginLeft="36dp"
android:layout_toRightOf="@+id/textView1"
android:ems="10" >

<requestFocus />
</EditText>

<EditText
android:id="@+id/editText2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/editText1"
android:layout_alignTop="@+id/textView3"
android:ems="10" />

<EditText
android:id="@+id/editText3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/editText2"
android:layout_below="@+id/editText2"
android:ems="10" />

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView4"
android:layout_below="@+id/editText3"
android:layout_marginTop="16dp"
android:text="Proses" />

<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button1"
android:layout_alignBottom="@+id/button1"
android:layout_alignRight="@+id/editText3"
android:text="Tutup" />

<TextView
android:id="@+id/textView5"

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


7
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button1"
android:layout_below="@+id/button1"
android:layout_marginTop="26dp"
android:text="Hasil:"
android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>

Kemudian yang terakhir, buka file kode java pada direktori


/src/[package]/MainActivity.java, lakukan perubahan menjadi seperti pada Kode Program 3:

Kode Program 3. MainActivity.java


package com.hmpsti.ui_satu;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends Activity {


EditText edNama, edKota, edHobi;
Button tblProses, tblTutup;
TextView txHasil;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
edNama=(EditText)findViewById(R.id.editText1);
edKota=(EditText)findViewById(R.id.editText2);
edHobi=(EditText)findViewById(R.id.editText3);
txHasil=(TextView)findViewById(R.id.textView5);

tblProses = (Button) findViewById(R.id.button1);


tblProses.setOnClickListener(new OnClickListener(){
//@Override
public void onClick(View v) {
prosesKan();
}
});
tblTutup = (Button) findViewById(R.id.button2);
tblTutup.setOnClickListener(new OnClickListener(){
//@Override
public void onClick(View v) {
tutupKan();
}
});
}

public void prosesKan(){


txHasil.setText("");

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


8
txHasil.append("Hasil: ");
txHasil.append("\n Nama =" +edNama.getText());
txHasil.append("\n Kota Asal=" +edKota.getText());
txHasil.append("\n Hobi =" +edHobi.getText());
}

public void tutupKan(){


this.finish();
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}

Pastikan tidak ada kesalahan atau tanda error yang muncul (kecuali tanda warning)
kemudian lakukan kompilasi seperti cara sebelumnya.

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


9
Berkas Eksternal
Resources

Images
Gambar merupakan komponen yang sangat penting untuk menjadikankan aplikasi
lebih menarik. Dikarenakan sebuah perangkat mobile memiliki variasi kerapatan pixel
maupun resolusi layar yang beragam, maka dalam membangun aplikasi kita harus
mempertimbangkan bagaimana gambar yang kita sertakan dapat ditampilkan secara
proporsional pada perangkat yang berbeda. Android telah menyediakan direktori khusus
untuk masing-masing gambar berdasarkan kerapatan pixel yaitu:
project/res/drawable-hdpi
project/res/drawable-ldpi
project/res/drawable-mdpi
Pengelompokan tersebut ditentukan seperti pada Bagan 7.

Bagan 7. Pengelompokan density resource image

ldpi untuk low density (resolusi rendah), mdpi untuk medium dan hdpi untuk high
density.

Contoh Program
a. Percobaan 1
Pada percobaan ini, kita akan membuat aplikasi sederhana untuk menampilkan
gambar baik sebagai background, maupunsebagaiproperti dari sebuah widget (Button,
ImageButton, ImageView). Silahkan buat projek baru melalui menu File | New | Android
Application Project, isi nama aplikasi beserta nama project dengan UI_Image. Kemudian
click Next hingga selesai.
Buka direktori /res/drawable-hdpi, copy-paste file gambar yang sudah disediakan ke
dalam folder tersebut. Adapun file gambar yang akan digunakan dapat dilihat pada Bagan 8.

Bagan 8. Berkas gambar eksternal

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


10
Buka file layout kemudian klik area putih di layar perancangan layout, lalu atur
properti Background seperti pada Bagan 9.

Bagan 9. Mengatur properti background

Buka Palette Images & Media, tambahkan satu buah komponen ImageView dan dua
buah ImageButton, atur posisi sesuai keinginan Anda. Setiap Anda menambahkan sebuah
widget tersebut, Anda akan langsung diminta untuk menyertakan file gambar sebagai
sumber.

Bagan 10. Menyertakan file gambar

Untuk lebih detail, Anda dapat memeriksa file xml-layoutnya, seperti pada Kode
Program 4.

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


11
Kode Program 4. XML Layout, ui_image.xml
<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:background="@drawable/bg_001"
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=".MainActivity" >

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_marginBottom="170dp"
android:layout_marginRight="51dp"
android:src="@drawable/man_aqua" />

<ImageButton
android:id="@+id/imageButton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/imageView1"
android:layout_alignParentBottom="true"
android:layout_marginBottom="28dp"
android:src="@drawable/pilih_tombol_ok" />

<ImageButton
android:id="@+id/imageButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/imageButton1"
android:layout_marginRight="18dp"
android:layout_toLeftOf="@+id/imageButton1"
android:src="@drawable/pilih_tombol_cancel" />

</RelativeLayout>

Periksa kempali penulisan project lalu Simpan dan lakukan kompilasi program Anda.

b. Percobaan 2
Pada percobaan kedua ini, kita akan melakukan modifikasi program sebelumnya, yaitu
membuat efek switching untuk komponen ImageButton.
Lakukan klik kanan pada direktory /res/drawable-hdpi/ pilih New| Android XML File,
dengan nama file pilih_tombol_ok, pilih root element: selector, lalu Finish. Lakukan sekali
lagi untuk file pilih_tombol_cancel.

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


12
Bagan 11. Membuat file XML baru

Tambahkan kode program seperti pada bagan Bagan 12.

Bagan 12. Kode untuk masing-masing file XML

Kode Program 5. XML pilih_tombol_cancel


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="true"
android:drawable="@drawable/button_cancel"></item>
<item android:drawable="@drawable/button_cancel2"></item>
</selector>

Kode Program 6. XML pilih_tombol_ok


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:state_pressed="true"
android:drawable="@drawable/button_ok"></item>
<item android:drawable="@drawable/button_ok2"></item>
</selector>

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


13
Yang terakhir, buka file MainActivity.java, kemudian tambahkan kode program
sehingga menjadi seperti Kode Program 7. MainActivity.java

Kode Program 7. MainActivity.java


package com.hmpsti.ui_image;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ImageButton;

public class MainActivity extends Activity {

ImageButton tombolOk, tombolCancel;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_ui_image);
tombolOk = (ImageButton)findViewById(R.id.imageButton2);
tombolOk.getBackground().setAlpha(0);
tombolCancel = (ImageButton)findViewById(R.id.imageButton1);
tombolCancel.getBackground().setAlpha(0);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}

Simpan dan lakukan kompilasi program Anda, perhatikan efek yang terjadi, lakukan
percobaan dengan mengganti gambar, atau sesuai dengan kreasi Anda. Selamat mencoba.

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


14
Multi Layout
Intent

Konsep Intent
Sebuah aplikasi yang ada di perangkat mobile, seperti android, dapat memiliki satu
buah tampilan antarmuka atau lebih, tergantung dari fitur yang dimilikinya. Masing-masing
antarmuka tersebut tentunya memiliki activity yang berbeda. Untuk dapat berpindah dari
satu tampilan activity ke activity lainnya, Android menyediakan mekanisme pemanggilan
dengan Intent. Activity yang dipanggil dapat berupa sub-activity yang dimiliki oleh aplikasi
yang dibuat, dapat pula berupa activity yang sudah ada (built-in) di dalam perangkat
android. Struktur activity beserta pemanggilan intent ditunjukkan pada Bagan 13.

Bagan 13. Struktur activity

Proses pembuatan intent sangat mudah. Intent memiliki dua buah argumen utama
yaitu :
1. Action Nama fungsi yang ingin ditampilkan, dapat berupa fungsi built-in seperti:
ACTION_VIEW, ACTION_EDIT, ACTION_MAIN, dll. Atau activity yang dibuat oleh
user.
2. Data data primer sesuai dengan aksi yang akan ditampilkan.

Sintaks untuk menampilkan pemanggilan intent ditunjukkan pada Kode Program 8

Kode Program 8. Sintaks pemanggilan Intent


Intent ui_Intent = new Intent(action, data);
startActivity(ui_Intent);

Pemanggilan Intent Internal (Built-in)


Berikut ini adalah daftar fungsi standar yang sudah ada pada sistem operasi perangkat
android:
ACTION_MAIN ACTION_VIEW
ACTION_ATTACH_DATA ACTION_EDIT

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


15
ACTION_PICK ACTION_CHOOSER
ACTION_GET_CONTENT ACTION_DIAL
ACTION_CALL ACTION_SEND
ACTION_SENDTO ACTION_ANSWER
ACTION_INSERT ACTION_DELETE
ACTION_RUN ACTION_SYNC
ACTION_PICK_ACTIVITY ACTION_SEARCH
ACTION_WEB_SEARCH ACTION_FACTORY_TEST

Sedangkan contoh pasangan action dan data adalah sebagai berikut:


ACTION_DIAL tel:123
Menampilkan layar phone dialer dengan nomor telepon yang sudah
ditentukan/ditulis sebagai data.
ACTION_VIEW http://www.google.com
Menampilkan browser dengan alamat Google. Note how the VIEW action does
what is considered the most reasonable thing for a particular URI.
ACTION_EDIT content://contacts/people/2
Menampilkan halaman editing tentang kontak kedua dari buku telepon.
ACTION_VIEW content://contacts/people/2
Menpilkan kontak yang kedua dari buku telepon.
ACTION_VIEW content://contacts/people/
Menampilkan seluruh daftar kontak dari buku telepon.

Pemanggilan Intent Sub-activity


Untuk dapat melakukan pemanggilan intent terhadap sub-activity yang dibuat sendiri,
maka setiap sub-activity harus didaftarkan pada AndroidManivest.xml. Adapun cara
pemanggilan adalah seperti ditunjukkan pada Kode Program 9.
Kode Program 9. Sintaks pemanggilan intent sub-activity
Intent ui_Intent = new Intent(Activity_Utama.this,Sub_Activity.class);
startActivity(ui_Intent);

Contoh Program
Buat projek baru melalui menu File | New | Android Application Project, isi nama
aplikasi beserta nama project dengan UI_Intent. Kemudian click Next hingga selesai.
Buka file layout kemudian rancanglah seperti pada Bagan 14.

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


16
Bagan 14. Antarmuka UI_Intent

Selanjutnya, buat sebuah class yang akan dijadikan sub-activity. Buka direktori
/src/package/ pastikan terdapat satu file class yaitu MainActiviti.java sebagai activity
utama. Klik kanan pada direktori tersebut, pilih New | Class, lalu buat nama BioData dan
finish. Perhatikan Bagan 15.

Bagan 15. Membuat class baru, BioData

Maka akan ditampilkan satu buah class kosong, lakukan perubahan agar class tersebut
menjadi sebuah Activity, seperti ditunjukkan pada Bagan 16.

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


17
Bagan 16. Membuat kode class activity

Kode Program 10. BioData.java


package com.hmpsti.ui_intent;

import android.app.Activity;
import android.os.Bundle;

public class BioData extends Activity {

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

Kemudian buat Antarmuka untuk sub-activity BioData tersebut. Klik kanan pada
direktory /res/layout/, pilih menu New | Android XML File, isi nama dengan ui_biodata,
pilih root element nya LinearLayout, lalu Finish.

Bagan 17. Membuat XML Biodata

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


18
Lakukan perancanan layout menggunakan widget Button, seperti pada Bagan 17
dengan kode xml seperti Kode Program 11.

Bagan 18. Layout biodata

Kode Program 11. XML layout, ui_biodata.xml


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nama: namaku"
android:textAppearance="?android:attr/textAppearanceLarge" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Alamat: alamatku"
android:textAppearance="?android:attr/textAppearanceLarge" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Telp: 08xxxxx"
android:textAppearance="?android:attr/textAppearanceLarge" />
<QuickContactBadge
android:id="@+id/quickContactBadge1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center" />
<Button
android:id="@+id/button1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="OK" />
</LinearLayout>

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


19
Buka file BioData.java, lalu tambahkan otongan program agar terkoneksi denganantarmuka
ui_biodata.xml, seperti ditunjukkan pada Bagan 19.

Bagan 19. Perubahan kode BioData.java

Langkah terakhir adalah menambahkan activity BioData.java ke dalam


AndroidManifest.xml, agar dikenali sebagai sub-activity dari program yang kita buat ini.
seperti ditunjukkan pada Bagan 20.

Bagan 20. Pendaftaran sub-activity pada file Manifest

PERHATIKAN: Pastikan besar kecilnya huruf dari kode yang Anda tulis.

Simpan dan lakukan kompilasi terhadap project Anda.

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


20
Program Sederhana
Aplikasi Belajar Android

Ide Cerita
Buat sebuah aplikasi untuk menampilkan informasi utama berkaitan dengan materi
pemrograman android seperti yang ada pada modul ini. Aplikasi memiliki menu seperti yang
ada pada daftar isi modul. Masing-masing sub-activity merepresentasikan sub-bab yang ada
pada modul.

Implementasi
Aplikasi tersusun seperti pada Bagan 21.

activity Layout materi dasar


activity
BasicAndroid.java ui_basicandroid.xml
MainActivity.java

Layout menu utama activity Layout materi UI


ui_main.xml UserInterface.java ui_userinterface.xml

activity Layout materi Resource Image


Resource.java ui_resource.xml

activity Layout materi Intent


Intent.java ui_resource.xml

activity Layout tentang pembuat


AboutMe.java ui_aboutme.xml

tutup Aplikasi

Bagan 21. Struktur contoh aplikasi

Kode Program
Silahkan kembangkan Kreasi Anda dalam membuat aplikasi tersebut sesuai dengan
materi yang sudah Anda praktekkan sebelumnya. Selamat mencoba

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


21
Appendix
Indeks

Aplikasi Belajar Android, 21 Intent Sub-activity, 16


Basic, 2 Java dan Android, 2
Contoh Program, 5, 10, 16 Kode Program, 21
Form Widgets, 4 Konsep Intent, 15
Ide Cerita, 21 Layout (XML Layout), 4
Images, 10 Multi Layout Intent, 15
Implementasi, 21 Resources, 10
Indeks, 22 Struktur Aplikasi Android, 3
Intent Built-in, 15 User Interface, 4

IT Fest 2015 HMPS TI Universitas Stikubank (Unisbank) Semarang


22