Tutorial Android Membuat Tulisan Hello World Pada Program

Tutorial Android Membuat Tulisan Hello Word Pada Program. Pada pertemuan kali ini saya akan membuat sebuah aplikasi Android yang sederhana saja, ini hanya untuk orang orang awam yang ingin belajar Android lebih dalam, bagi yang sudah mastah program ini di anggap sepele karena program Android Hello Word merupakan program aplikasi yang sederhana. 

Baiklah bagi yang ingin membuat tulisan atau program aplikasi Hello Word harap ikuti langkah langkah ini dengan baik dan benar, karena program ini walaupun simple tapi langkah langkahnya sangat panjang sekali dan bahkan bisa membuat kita bingung dengan sendirinya. Untuk itu marilah simak dengan jelas. 

Pertama tama yang harus Anda lakukan adalah membuka aplikasinya terlebih dahulu, . Jika sudah maka langkah selanjutnya yaitu akan tampil gambar seperti pada gambar di bawah ini. Perhatikanlah baik baik ya. 

Jika sudah tampil seperti gambar di atas itu maka itu tandanya Anda berhasil membuatnya, maka langkah selanjutnya yang harus Anda lakukan adalah mengeklik Next saja. Jika sudah mengeklik maka akan muncul tampilan gambar seperti pada gambar di bawah ini. Berikut gambarnya yang bisa Anda lihat.

Nah sampai sini sudah mengertikan kan, jika sudah mengerti perlu Anda ketahui ada beberapa hal hal yang harus di perhatikan saat mau mengedit sebuah script atau kode programnya, sehingga Anda tidak akan kebingungan saat mau mengedit. Berikut gambar yang harus Anda pahami saat mau mengedit seubah kode programnya.

Pahami betul betul dari gambar di atas itu, jika sudah memahaminya maka langkah selanjutnya yaitu kita tinggal mengedit kode programnya di MainActivity.java.

Untuk membuat tulisan Hello Word maka langkah yang harus Anda lakukan yaitu copy dan paste kode program ini ke MainActivity.java

package com.example.helloworld;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MenuItem;
import android.support.v4.app.NavUtils;

public class MainActivity extends Activity {

   @Override
   public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
   
   @Override
   public boolean onCreateOptionsMenu(Menu menu) {
      getMenuInflater().inflate(R.menu.activity_main, menu);
      return true;
   }
}

Itulah kode yang harus Anda copy di MainActivity.java. apabila kebingungan cara mencari folder MainActivity.java maka silahkan Anda bisa browsing di mana letak folder tersebut, sekalian nambah ilmu tentang Android.

Jika semuanya sudah selesai di copy maka kita lanjut ke tahap berikutnya, yaitu ke tahap Mainfest File. Nah di tahap ini silahkan Anda bisa mengcopykan lagi kode program di bawah ini ke Mainfest.xml. Berikut kode program yang harus Anda copy kan:

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.helloworld"
   android:versionCode="1"
   android:versionName="1.0" >
   
   <uses-sdk
      android:minSdkVersion="8"
      android:targetSdkVersion="22" />
   
   <application
       android:icon="@drawable/ic_launcher"
       android:label="@string/app_name"
       android:theme="@style/AppTheme" >
       
       <activity
          android:name=".MainActivity"
          android:label="@string/title_activity_main" >
       
          <intent-filter>
             <action android:name="android.intent.action.MAIN" />
             <category android:name="android.intent.category.LAUNCHER"/>
          </intent-filter>
       
       </activity>
       
   </application>
</manifest>

Kode program di atas tidak jauh berbeda dengan kode program html, kenapa begitu? Karena setiap ada permulaan selalu di tutup dengan akhiran. Coba Anda bisa perhatikan kode program di atas, contoh. <manifest> . . . </manifest> terus <aplication> . . . </aplication> serta <activity> . . . </activity> dan masih banyak lagi lainnya. 

Sampai tahap ini sudah bisa belum ? Jika sudah maka jangan khawatir dan jangan tergesa gesa, karena pekerjaan yang tergesa gesa malah tidak jadi alias error. Untuk itu di saat Anda membuat sebuah aplikasi Android dan mencoding program di usahakan tenang dan santai, supaya hasil bisa maksimal. 

Sampai tahap ini sudah selesai belum? Kok panjang amat? Sampai tahap ini belum selesai masih ada tahap lain lagi yang harus Anda lakukan, kan sudah saya jelaskan di atas bahwa program ini simple akan tetapi membutuhkan kode program yang panjang. 

Untuk itu marilah kita lanjut ke tahap berikutnya, apa itu tahap berikutnya? Tahap berikutnya yaitu kita harus membuat atau Anda bisa mengcopy kode program Stirng File. Berikut kode program yang harus Anda copykan ke stings.xml.

<resources>
   <string name="app_name">HelloWorld</string>
   <string name="hello_world">Hello world!</string>
   <string name="menu_settings">Settings</string>
   <string name="title_activity_main">MainActivity</string>
</resources>

Copy dan paste kode program di atas ke project Anda. Jika sudah di lakukan maka kita lanjut ke tahap berikutnya, yaitu ke tahap pembuatan R.java. 

Jika Anda kebingungan mencari R.java maka Anda bisa membuka folder ini gen/com.example.helloworld/R.java di folder Anda masing masing. Dan jika sudah ketemu maka copy dan pastekan ini ke R.java Anda. 

/* 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.example.helloworld;

public final class R {
   public static final class attr {
   }
   
   public static final class dimen {
      public static final int padding_large=0x7f040002;
      public static final int padding_medium=0x7f040001;
      public static final int padding_small=0x7f040000;
   }
   
   public static final class drawable {
      public static final int ic_action_search=0x7f020000;
      public static final int ic_launcher=0x7f020001;
   }
   
   public static final class id {
      public static final int menu_settings=0x7f080000;
   }
   
   public static final class layout {
      public static final int activity_main=0x7f030000;
   }
   
   public static final class menu {
      public static final int activity_main=0x7f070000;
   }
   
   public static final class string {
      public static final int app_name=0x7f050000;
      public static final int hello_world=0x7f050001;
      public static final int menu_settings=0x7f050002;
      public static final int title_activity_main=0x7f050003;
   }
   
   public static final class style {
      public static final int AppTheme=0x7f060000;
   }
}

Copy kode program di atas ke project Anda, jika sudah simpan. Apakah sudah selesai pada tahap ini? Belum, belum selesai masih ada tahap pembuatan layout. Untuk menampilkan tulisan Hello Word maka langkah yang harus di lakukan selanjutnya yaitu kita copykan kode program berikut ini ke activity_main.xml, Berikut ini kode programnya yang harus Anda copykan:

<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" >
   
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerHorizontal="true"
      android:layout_centerVertical="true"
      android:padding="@dimen/padding_medium"
      android:text="@string/hello_world"
      tools:context=".MainActivity" />
      
</RelativeLayout>

Nah sampai tahap inilah pembuatan sebuah aplikasi Android sederhana baru selesai. Terus jika sudah selesai langkah selanjutnya harus ngapain lagi? Langkah selanjutnya adalah Anda harus mengrunning aplikasi tersebut supaya menghasilkan output bertuliskan Hello World.

Apabila Anda ingin merunning aplikasi Android buatan Anda sendiri maka sangatlah mudah di lakukan, Anda tinggal menekan tombol Run atau bisa memilih icon yang mirip seperti pada gambar di bawah ini. 

Jika Anda sudah menekan icon yang seperti pada gambar di atas itu maka tunggu sebentar sampai pemrosesan selesai. Jika pemrosesan sudah selesai maka akan mengeluarkan output yang seperti gambar di bawah ini. Berikut gambar outputnya. 

Itulah bagaimana cara membuat tulisan sederhana di program aplikasi Android, simple akan tetapi membutuhkan sedikit banyak waktu, karena emang langkah langkahnya yang sangat panjang. 

Itu saja materi untuk hari ini, semoga bisa bermanfaat bagi yang membaca artikel ini. Sekian dan Terimakasih.