Program Sederhana Android

Tutorial Program Sederhana Android

v  KASUS

Pada kesempatan kali ini saya akan menulis tentang “tutorial program sederhana Android” . Programming native Android tidaklah sulit saya yakin semuanya bisa “ngoding android” asalkan ada kemauan disana.Baik, Sebelum saya menjelaskan tutorialnya, Saya akan menjelaskan output program.Tenang aja kawan gak ribet kok , namanya aja “program sederhana”.Jadi program akan menampilkan nim ketika user mencoba untuk menekan tombol show.

Output Program:

1.       Tampilan output yang diharapkan

(a)

(b)

 

 

Gambar a merupakan tampilan awal program dibuat.Program akan menampilkan NIM setelah user menekan tombol show sebagaimana gambar b.

Nah itulah program kali ini yang akan kita buat. Simple banget bukan !!

• SOURCE CODE

MainActivity.java

public TextView nimView,keteranganView;        public Button triggerNim;               @Override        protected void onCreate(Bundle savedInstanceState) {               super.onCreate(savedInstanceState);               setContentView(R.layout.activity_main);               triggerNim = (Button)findViewById(R.id.nimButton);         nimView = (TextView)findViewById(R.id.nimView);         keteranganView = (TextView)findViewById(R.id.keteranganView);                 //Trigger button nim         triggerNim.setOnClickListener(new OnClickListener() {                                           public void onClick(View arg0) {                            // TODO Auto-generated method stub                                                       try {                                   String nim = "115060800111047";                                   nimView.setText(nim);                            } catch (Exception e) {                                   // TODO: handle exception                            }                                                 }               } );                }

Main_activity.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="com.example.simple_program_1.MainActivity" >     <TextView         android:id="@+id/keteranganView"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_alignParentTop="true"         android:layout_centerHorizontal="true"         android:layout_marginTop="46dp"         android:text="Nim Anda"         android:textAppearance="?android:attr/textAppearanceLarge" />     <Button         android:id="@+id/nimButton"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_below="@+id/keteranganView"         android:layout_centerHorizontal="true"         android:layout_marginTop="24dp"         android:text="SHOW" />     <TextView         android:id="@+id/nimView"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_below="@+id/nimButton"         android:layout_centerHorizontal="true"         android:layout_marginTop="19dp"         android:text="tes"         android:textAppearance="?android:attr/textAppearanceMedium" /> </RelativeLayout>

• Tutorial & Screenshot

Pada tutorial ini saya menggunakan

1.       Editor Eclipse

2.       GenyMotions

Kenapa saya menggunakan Eclipse karena dosen saya merekomendasikan menggunakan eclipse.Saya lain kali akan menulis kelebihan dan kekurangan Eclipse yahh.Kemudian Genymotion saya gunakan sebagai Android Virtual Device, kenapa saya tidak menggunakan AVD ? Genymotion menurut pengalaman saya lebih ringan dari pada AVD.Baik kita langsung pada intinya bagaimana membuat Program Android diatas.

1.       Membuat Project Android baru. (File->New->Project….)

2.       Memilih project Android

3.       Mengisi nama Activity,Project Name, Package Name. Perlu diketahui untuk nama Project,Activity,dan Package tidak boleh menggunakan karakter spasi.

4.       Next

5.       Memilih icon project

6.       Pilih blank Activity

7.       Mengisi nama Activity serta nama file xml yang digunakan.

8.       Project Android dengan nama simple_program_1

9.       Menambahkan text view pada file xml, cukup dengan drag and drop textview ke xml gui.

10.   Menambahkan button pada file xml, cukup dengan drag and drop button ke xml gui.

11.   Silahkan tambahkan textview dibawah button show sebagai textview untuk menampilkan nim.

12.   Setelah kita membuat layoutnya dengan mengedit file xmlnya. Barulah kita membuat program intinya (.java)

Penjelasan sourcode diatas

1. Line 16 dan 17 pendefinisian nimView,keteranganView dengan tipe TextView. Sedangkan triggerNim didefinisikan sebagai variable bertipe Button.
2. Line 22 kenapa setContentView(R.layout.activity_main) didefinisikan ?. Karena saat ini kita menggunakan metode pembuatan layout program dengan file .xml.
3. Line 24 variabel triggerView merefrensikan button pada activity_main.xml yg ber-Id nimButton
4. Line 25 variabel nimView merefrensikan textView pada activity_main.xml yg ber-Id nimView.
5. Line 26 variabel triggerView merefrensikan textView pada activity_main.xml yg ber-Id keteranganView
6. Line 29-42 merupakan penanganan jika button triggerNim di tekan maka secara otomatis program akan menjalankan line 32-40 secara otomatis.
7. Line 36 digunakan untuk mengeset text nimView dengan string nim yang bernilai “115060800111047”.

13.   Setelah itu run program diatas

 14.   Done