[Android] Membuat Aplikasi HelloWorld

Pada tutorial kali ini saya akan mengajarkan bagaimana membuat aplikasi sederhana dengan android, bagi yang belum mengetahui bagaimana caranya untuk menginstall android silahkan menuju disini dahulu. seperti pada umumnya pemrograman yang lain, sebagai pengenalan kita akan membuat suatu aplikasi yang sangat terkenal yaitu “Hello World” , apa sih sebenarnya aplikasi ini???hehehe…saya rasa pertanyaan ini tidak akan muncul di benak kita semua bagi yang sudah belajar bahasa pemrograman yang lain , aplikasi hello world hanyalah aplikasi yang menampilkan tulisan “Hello World”..,bahkan karena popularitas aplikasi ini ) orang belum dianggap programmer suatu bahasa tertentu apabila belum dapat membuat aplikasi ini.hahahaha..,daripada ngelantur kemana-mana mari kita mulai membuat aplikasi ini :

1. Buka Eclipse, dan buat project android baru : 
2. Klik Next dan isi sesuai dengan gambar ini (dibagi menjadi 2 gambar karena window yang panjang) 
3. Klik Finish dan akan muncul project android di workspace seperti berikut ini :

Tentunya dalam project tersebut banyak file2 yang ditemukan..,tidak usah dihafalkan satu persatu karena hanya ada 3 file penting dalam project itu yaitu :

• Main.xml

File ini digunakan untuk design user interface di android.

• String.xml

File ini untuk membantu daripada file main.xml, supaya terlihat rapi (tidak terlalu panjang) maka kita dapat membuat object disini dan di main.xml kita hanya memanggil nama dari object itu saja .

• TampilkanHelloWorld.java

File ini tentunya tidak asing lagi , file ini merupakan main code daripada project ini. Disini kita akan bercoding ria.

File mappingnya adalah sebagai berikut :

Pada aplikasi helloworld ini kita akan membuat layout sebagai berikut :

Nah dari design layout itu nantinya apabila kita klik tombol “tampilkan” di editText akan keluar tulisan “Hello World, This is my first application using android!”, untuk itu kita buka main.xml dan kita buat layout sebagai berikut :

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

<LinearLayout xmlns:android=<em>"http://schemas.android.com/apk/res/android" </em>

<em> </em>android:orientation=<em>"vertical" </em>android:layout_width=<em>"fill_parent" </em>android:layout_height=<em>"fill_parent"</em>>

<TextView android:layout_width=<em>"fill_parent" </em>android:layout_height=<em>"wrap_content"</em> android:text=<em>"@string/hello"</em>/>

<EditText android:text=<em>""</em> android:id=<em>"@+id/edHello"</em> android:layout_width = <em>"fill_parent"</em> android:layout_height=<em>"wrap_content"</em> android:inputType=<em>"text"</em>></EditText>

<Button android:text=<em>"Tampilkan"</em> android:id=<em>"@+id/btnTampil"</em> android:layout_width = <em>"fill_parent"</em> android:layout_height=<em>"wrap_content"</em> android:onClick = <em>"TampilTulisan"</em>></Button>

</LinearLayout>

Desain layout ini bersifat linear layout, sesuai dengan namanya per-object akan menghandle 1 row/baris. Selanjutnya apa yang akan kita lakukan???kita akan mengubah string.xml, berikut ini adalah perubahannya :

Ubah value pada resource “hello” menjadi seperti di atas.

• Kemudian setelah itu kita akan memasuki inti dari programming itu yaitu “coding”. Kita buka “TampilkanHelloWorld.java” lalu akan muncul editor, kita isikan code berikut ini :

package com.helloworld;

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

public class TampilkanHelloWorld extends Activity {
 /** Called when the activity is first created. */
 private EditText edHello;
 private Button btnTampil;

 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);
 edHello = (EditText) findViewById(R.id.edHello);
 btnTampil = (Button) findViewById(R.id.btnTampil);
 }

 public void TampilTulisan(View view){
 edHello.setText("Hello World, This is my first android application!");
 }
}

Pada code di atas kita lihat ada penambahan import lib yaitu

import android.view.View;
import android.widget.EditText;
import android.widget.Button;

Lib ini ditambahkan karena beberapa object ada dalam lib tersebut. Di code tersebut juga dapat kita lihat pada activity terdapat 2 pendeklarasian object EditText dan Button dan disamping itu juga terdapat method OnCreate, method itu yang akan dijalankan pertama kali ketika aplikasi berjalan.

Pada Code terdapat method TampilTulisan dimana akan dipanggil ketika button btnTampil itu ditekan/diklik, kenapa kita tidak membuat SetListener untuk btnTampil???lihat pada main.xml di baris ini :

<Button android:text=<em>"Tampilkan"</em> android:id=<em>"@+id/btnTampil"</em> android:layout_width = <em>"fill_parent"</em>

android:layout_height=<em>"wrap_content"</em> <strong>android:onClick = <em>"TampilTulisan</em><em>"</em></strong>></Button>

</LinearLayout>

Ya, kita gunakan main.xml untuk pendeklarasian event btnTampil .

What’s next???selanjutnya kita akan mencoba menjalankan aplikasi ini, bagaimana caranya agar aplikasi ini dapat berjalan di emulator android??? Langkah-langkahnya adalah sebagai berikut :

1. Klik kanan pada package HelloWorld dan pilih menu Run As->Run Configurations.. lalu akan muncul dialog sebagai berikut :

Pada Android Application klik kanan dan pilih menu New dan kita isikan sebagai berikut :


Jangan lupa di tab Target kita tentukan target emulator kita sebagai berikut :



*Pembuatan virtual device telah diajarkan pada tutorial sebelumnya.

OK kita tekan Apply dan Run akan muncul emulator sebagai berikut :



Gambar di atas menunjukkan bahwa emulator sedang melakukan persiapan sebelum dapat digunakan, tunggu sebentar sampai muncul gambar di bawah ini :



Untuk melihat aplikasi yang sudah kita buat, seharusnya cukup dengan membuka kuncinya saja sudah otomatis running aplikasi yang telah kita buat, tapi apabila belum kita klik tombol seperti gambar di bawah ini :



Lalu akan muncul beberapa aplikasi kita pilih aplikasi yang telah kita buat :



OK,apabila benar maka aplikasi kita akan berjalan sebagai berikut :



Tekan tombolnya dan akan keluar text seperti gambar di atas, selamat aplikasi android anda sudah selesai .

Demikian tutorial ini semoga apa yang saja sampaikan dapat berguna bagi anda sekalian. Apabila anda ingin mendownload filenya silahkan download disini