Membuat Program Hello Android

Hello Android 1

Kita akan mencoba membuat program pertama kita di Android, seperti belajar pemrograman yang lainnya, program pertama yang wajib dibuat adalah program yang lebih sering dikenal dengan program “Hello World”.
Jalankan IDE Eclipse, pilih File – New – Android Project kemudian isi form Aplication Name, Project Name, dan Package Name. Tentukan target aplikasi yang akan dibuat, dan pilih juga versi berapa minimal aplikasi nantinnya bisa dijalankan, seperti pada gambar kemudian klik Next.

Pilih opsi custom launcer dan activity class, klik Next
Selanjutnya menentukan launcer icon serta warna background tampilan aplikasi yang Anda inginkan, klik Next, Finish
Tampilan project explorer untuk melihat semua elemen-elemen yang ada pada program HelloWorld.

Untuk menampilkan Project Explorer dengan menu Windows – Show View – Project Explorer.
Dari Project explorer diatas kita dapat memulai mengembangkan aplikasi yang kita buat. Buka file MainActivity.java

package com.firman.helloworld;

import android.os.Bundle;
import android.app.Activity;

public class MainActivity extends Activity {
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

Dari file MainActivity.java diatas, Activity merupakan basic class untuk sebuah user interface. Sementara setContentView yang memanggil sebuah file activity_main.xml (R.layout.activity_main).
Buka res/layout/activity_main.xml
Dari source coding activity_main.xml diatas, untuk menampilkan text adalah dengan coding android:text=”@string/hello_world”, kode ini menunjukan bahwa android:text berasal dari string.xml pada directory res/value melalui pointer yang berada pada file R.java.
File R.java ini digenerate oleh sistem secara otomatis dan tidak boleh diubah secara langsung

Itu artinya string yang ditunjuk yaitu string yang berada dalam file string.xml. String dalam file inilah yang akan ditampilkan ke user interface. Sebagai latihan bisa kita ubah isi string menjadi Hello world! Ini program pertamaku di android.
Kemudian running aplikasi dengan cara klik pada file Project – Run As – Android Aplications atau klik tombol run berbentuk segitiga ke kanan, pilih Run As – Android Aplications, dan tunggu proses running aplikasinnya.

Ketika kita merunning aplikasi akan membutuhkan waktu untuk proses loading emulatornya, sehingga ada baiknya ketika sudah berhasil merunning aplikasi tidak perlu menutup kembali emulatornya.

Hello Android 2

Modifikasi tampilan layar program Hello World dengan warna tulisan dan warna background.
Buka file activity_main.xml, modifikasi coding seperti berikut

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background  ="#46629E">
    <TextView  
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:color  ="#222222"
        android:background ="#EAEAEA"
        android:text="Blog F - firman.salatigadev.com"/>
</LinearLayout>

Dalam coding diatas berarti program menampilkan isi text secara langsung dari activity_main.xml, tidak menampilkan berdasarkan string.xml lagi karena dalam activity_main.xml tidak ada statement yang memanggil string.xml seperti program yang sebelumnya.

Untuk referensi pemilihan jenis-jenis warna Anda dapat melihatnya disini developer.android.com atau disini

Hello Android 3

Untuk lebih dekat lagi perkenalan kita dengan struktur aplikasi android, kali ini kita gunakan gambar sebagai program Hello World.
Sediakan gambar dalam format png, karena file gambar yang digunakan umumnya bertipe png, simpan gambar di folder workspace/HelloWorld/res/drawable-mdpi. Cara memasukan file gambar juga bisa dilakukan dengan klik kanan dan paste pada folder drawable-mdpi langsung pada Project Explorer.
Buka file activity_main.xml ketikan coding seperti berikut

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <ImageView 
     android:id="@+id/imageview"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:src="@drawable/hello"/>
</LinearLayout>

Pastikan android:src=”@drawable/hello” sesuai dengan nama file gambar, Run program.

Sekian tutorial Programming Android kali ini, source code tutorial bisa di download di akun Github kami disini. Semoga bermanfaat. #HappyCoding

You may also like...

4 Responses

  1. Scqq says:

    mantep banget referensinya pak 😀

  1. May 6, 2015

    […] Dalam tutorial User Interface (UI) ini kita akan menggunakan file AndroidManifest.xml. Di dalam file ini berisi semua pendefinisian hal-hal yang dibutuhkan oleh aplikasi android kita. File AndroidManifest.xml ini diperlukan oleh setiap aplikasi android, file ini berada di folder root aplikasi, file ini mendeskripsikan variabel global dari paket aplikasi yang kita gunakan, file ini juga berfungsi untuk menderskripsikan resource apa saja yang akan digunakan oleh project seperti koneksi internet, sms, mengakses gps, dll. Anda bisa mempelajari lebih detail definisi-definisi yang ada pada AndroidManifest.xml disini. Untuk memudahkan dalam mempelajarinya, kita akan langsung mencoba membuat aplikasi user interface sederhana yang akan dibagi dalam beberapa tahap. Untuk yang masih kurang paham bagaimana langkah-langkah memulai suatu project, bisa dibaca di artikel Membuat Program Hello Android. […]

  2. September 11, 2015

    […] Dalam tutorial User Interface (UI) ini kita akan menggunakan file AndroidManifest.xml. Di dalam file ini berisi semua pendefinisian hal-hal yang dibutuhkan oleh aplikasi android kita. File AndroidManifest.xml ini diperlukan oleh setiap aplikasi android, file ini berada di folder root aplikasi, file ini mendeskripsikan variabel global dari paket aplikasi yang kita gunakan, file ini juga berfungsi untuk menderskripsikan resource apa saja yang akan digunakan oleh project seperti koneksi internet, sms, mengakses gps, dll. Anda bisa mempelajari lebih detail definisi-definisi yang ada pada AndroidManifest.xml disini. Untuk memudahkan dalam mempelajarinya, kita akan langsung mencoba membuat aplikasi user interface sederhana yang akan dibagi dalam beberapa tahap. Untuk yang masih kurang paham bagaimana langkah-langkah memulai suatu project, bisa dibaca di artikel Membuat Program Hello Android. […]

Leave a Reply

Your email address will not be published. Required fields are marked *