Cara Membuat Project Android versi TheHeran.com

TheHeran.com/ August 11, 2014/ Download, Java Android/ 0 comments

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
     Create New Project Android
    • 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 New Project Android
    • 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
     Create New Project Android  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
     Create New Project Android
    • 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
     Package Explorer Android
    • 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
    activity_main design  actyvity_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

    elumator android

    hello world app

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]

alur kerja aplikasi android

 

 

Download Source Code Splash Screen Android Download File Apk Splash Screen Android

 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

Comments

comments