Cara Membuat Project Android versi TheHeran.com

Langkah awal dari setiap pembuatan program baik berbasis web, dekstop maupun mobile tidak terlepas dari menampilkan kalimat “Hello World“. Sebenernya tidak harus menggunakan kalimat tersebut dan kalian dapat menggantinya sesuai dengan keinginan misalnya menggantinya dengan kalimat “Hallo Dunia” *sama ya 😛 * ,”Program pertama ku” atau “Hallo Android”. Menurut saya pribadi tujuan dari menampilkan kalimat pertama “Hello World” adalah untuk memastikan bahwa perangkat atau peralatan yang akan di gunakan dalam pembuatan aplikasi yang lebih kompleks kedepannya dapat berjalan dengan baik. Oleh karena itu sangat penting untuk menguji perangkat yang akan di gunakan dengan membuat program sederhana seperti itu. Hal ini tidak hanya berlaku untuk pemrograman android saja namun hampir semua jenis pemrograman.

Edisi kali ini akan membahas tentang tata cara pembuatan project android beserta penjelasannya. Artikel ini akan menjadi artikel yang akan di kaitkan pada setiap artikel selanjutnya yang ada hubungannya dengan pembuatan project.

Baiklah, ikuti langkah – langkah di bawah ini dalam pembuatan project android sederhana. Selamat menyimak 🙂

1. Klik menu File ⇒ New ⇒Android Application Project
2. Setelah muncul window New Android Applicaton isikan kolom – kolom sesuai dengan gambar di bawah ini.

   Gambar

   Penjelasan

   Application Name : Disini dengan nama aplikasi. ex.HelloWold or TheHeran.com Project Name : Adalan nama dari project itu sendiri. Nama ini sifatnya unik artinya tidak boleh ada nama project yang sama dalam satu workspace di eclipse Package Name : Adalah nama dari “pembungkus” project tersebut. Disarankan nama package ini siifatnya unik dan tidak boleh berbeda jika aplikasi tersebut di rancang untuk mendapatkan update versi terbaru. Dan selanjutnya adalah pemilihan SDK minimal android (versi android),Target, kompilasi dan theme (Dapat di ubah di kemudian hari)

3. Window selanjutnya adalah tentang konfigurasi project meliputi setting icon aplikasi, pembuatan activity dll. Tahap ini sebenarnya bisa di lewati namun sebaiknya ikuti saja sesuai dengan tutorial 🙂

   Gambar	Penjelasan
   	Create custom launcher icon : jika di centang maka akan muncul window konfigurasi pemilihan icon Create Activity :Jika di centang akan muncul window pembuatan Activity awal. Yang lainnya setting default saja.

4. Setelah selesai tahap 3 akan muncul Setting Icon.

   Gambar	Penjelasan
   	Secara default eclipse sendiri sudah menyediakan icon namun icon ini bisa di ganti sesuai dengan keinginan. klik tombol Browse.. untuk menentukan icon yang akan di gunakan.Perhatikan pada bagian Shape kalian dapat menentukan tampilan ikon tersebut apakah sesuai dengan aslinya [None], Persegi [Square] atau lingkaran [Circle].

5. Selanjutnya adalah menentukan nama activity dan layout dari activity tersebut. Jika sudah Klik Finish

   Gambar	Penjelasan
   	Activity Name : Nama dari activity yang akan di buat Layout Name : Nama layout yang akan di buat untuk activity Navigation Type : Navigasi yang akan digunakan pada activity. Sementara pilih [None]

6. Setelah project berhasi di buat maka akan muncul nama project pada bagian Package Explorer dengan nama project yang sudah di tentukan sebelumnya.

   Gambar	Penjelasan
   	Hasil dari pembuatan project berupa susunan file di dalam package dan folder sesuai dengan tugas dan fungsinya.

7. Sampai disini sebetulnya pembuatan project sudah selesai, Selanjutnya buka file activity_main.xml maka akan terlihat Hello World.

   Interface activity_main.xml	Script activity_main.xml

    

8. Untuk menjalankan program HelloWorld klik kanan pada bagian project HelloWorld yang berada di Package Exlorer kemudian pilih Run As ⇒ 1 Android Application. Maka akan ada muncul emulator Android. Tunggu beberapa saat sampai proses loading selesai. Jika sudah maka akan terlihat tampilan android. Selanjutnya buka kunci android dan masuk ke Home android dan double klik pada aplikasi yang bernama HelloWorld.
9. Menjalankan aplikasi dengan emulator bawaan eclipse memang terkadang lama bahkan pada komputer canggih sekalipun oleh karena itu, Emulator yang sudah terbuka tersebut jangan di tutup ketika ingin di gunakan kembali agar tidak menunggu waktu lama saat loading. Tapi kalo menurut saya di sarankan untuk langsung menggunakan smartphone selain lebih cepat juga dapat langsung melihat hasil implementasinys. contoh pada artikel Cara membuat splass screen di android.

   Tampilan emulator	Hasil Tampilan program

Aplikasi HelloWorld yang sudah berhasil di jalankan tersebut terdiri dari beberapa file yang saling berkaitan yaitu MainActivity.java, R.java, main.xml dan String.xml. File MainActivity.java terdapat public class MainActivity extends Activity yang merupakan basic class sebuah user interface yang di dalamnya terdapat sebuah method onCreate yaitu protected void onCreate(Bundle savedInstanceState) yang berfungsi memanggil setContenView yakni setContentView(R.layout.activity_main); setContenView kemudian memanggil sebuah file yang berada di direktori res/values;

Code MainActivity.java

package com.theheran.hellowold;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
public class MainActivity extends Activity {
	@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;
	}
}

File main.xml berfungsi untuk menampilkan sesuatu ke layar jadi semua konfigurasi untuk interface di lakukan oleh main.xml dengan catatan bahwa dari setiap activity yang ada bisa saja menggunakan interface yang berbeda dengan interface dari main activitynya. File main berada di direktory res/layout. Di perhatikan di dalam main.xml terdapat sitak android:text=”@string/hello_world” yang merupakan bagian dari <TextView> dan menunjukkan bahwa isi dari android:text berasal dari file string.xml dengan sebuah penghubung (pointer/id)  yang ada di file R.java. File R.java merupakan file yang berisi hasil generate otomatis oleh sistem oleh karena itu jangan sekali – kali melakukan perubahan di dalamnya jika tidak ingin programnya error.

Code main.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: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:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" />

</RelativeLayout>

Code R.java

/* AUTO-GENERATED FILE.  DO NOT MODIFY.
 *
 * This class was automatically generated by the
 * aapt tool from the resource data it found.  It
 * should not be modified by hand.
 */

package com.theheran.hellowold;

public final class R {
    public static final class attr {
    }
    public static final class dimen {
        public static final int activity_horizontal_margin=0x7f040000;
        public static final int activity_vertical_margin=0x7f040001;
    }
    public static final class drawable {
        public static final int ic_launcher=0x7f020000;

Dan seterusnya...

Code string.xml

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

 <string name="app_name">HelloWold</string>
 <string name="action_settings">Settings</string>
 <string name="hello_world">Hello world!</string>

</resources>

Berikut adalah gambaran alur dari program HelloWorld tersebut bekerja. [Klik untuk memperbesar]

 Password file.zip : www.theheran.com

Sekian dulu readers pembahasan Cara Membuat Project Android versi TheHeran.com . Sampai jumpa 

Salam Hangat

@the_heran | @ade_girie