Skip to main content
Project Hello World Android

Membuat Project Hello World Menggunakan Android Studio

Sekilas Tentang Hello World

Sekarang kita akan membuat program pertama kita pada Android menggunakan IDE Android Studio yaitu aplikasi Hello World. Kebiasaan dalam belajar bahasa pemrograman yang lainnya, program pertama yang dibuat adalah program untuk menampilkan tulisan “Hello World“, lebih sering dikenal dengan program hello world.

Agar lebih mudah dalam pemahaman dipembahasan ini, alangkah baiknya dibaca lagi tata cara pembuatan project awal dan mengenal struktur folder project IDE Android Studio.

Baca :

Dalam pembahasan Aplikasi Hello World akan kita bagi dalam beberapa contoh awal. Tingkat yang mudah sampai dengan bisa menampilkan gambar dalam aplikasi yang kita buatkan.

Program Hello World pertama

Cara Pembuatan Program Hello World pertama

Jalankan IDE Android Studio, berikan nama project nya : App_helloworld1.

Project Hello World Android
Create Project

Pilih pilihan Phone and Tablet, minimun SDK : API 16 Jelly Beans

Project Hello World Android
Pilihan Target

Pilih Blank Activity kemudian klik Next Lagi

Project Hello World Android
Pilihan Blank Activity

Bagian berikut untuk Costumize Activity biarkan saja tidak dilakukan perubahan apapun. Tekan FINISH untuk tahap akhir pembuatan project.

Project Hello World Android
Customize Activity

Tunggu Proses Loading untuk pembuatan project nya, memerlukan waktu beberapa saat. Setelah selesai akan tampil halaman project nya.

Project Hello World Android
Tampilan Aplikasi

Setelah Pembuatan Project Berhasil dibuat, kita akan menjumpai Struktur Project Android Studio. Pemahaman tentang struktur project telah saya bahas di pembahasan sebelumnya tentang Struktur Project Android

Struktur Project Seperti bisa kita lihat , Untuk file Java terdapat pada folder src. FIle .xml berada pada folder res (layout/values), serta file Android.Manifest.xml dibagian paling atas. Berikut pembahasan sekilas tentang kesemua file tersebut :

Activity_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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" 
tools:context=".MainActivity"
TextView android:text="@string/hello_world" 
android:layout_width="wrap_content"
android:layout_height="wrap_content

</RelativeLayout>

Source code XML diatas seperti kita lihat, untuk menampilkan text adalah dengan coding : android:text=”@string/hello_world”. kode ini menunjukkan bahwa android:text berasal dari string.xml pada directory res/values. Menampilkan Text nya melalui penggunaan TextView. Sedangkan kode lainnya untuk mengatur tata letak textView nya, akan kita bahas detailnya di Pembahasan tentang Mengenal Layout.

Main_Activity.java

package com.example.ridwansst.app_helloworld1;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity {

    @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.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

Activity merupakan basic class untuk sebuah user interface. Dimana kita lihat bahwa dalam Activity terdapat sebuah Method onCreate yang berfungsi memanggil setContentView. Sementara setContentView memanggil sebuah file activity_main (R.layout.activity_main), activity_main.xml ini yang bertindak sebagai user interface. Lengkapnya setiap anda membuat sebuah User Interface melalui file XML, maka kita harus memanggil nya melalui file java.

Bagian methode onCreateOptionsMenu untuk membuat menu dalam aplikasi. memanggil class getMenuInflater dan untuk user interface nya berada di R.menu.menu_main.

Bagian onOptionsItemSelected merupakan methode untuk membuat pilihan menuItem. Dua method ini bisa kita gunakan dalam aplikasi ataupun bisa kita hapus.

Android_manifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.ridwansst.app_helloworld1" >

    <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" >
        <activity android:name=".MainActivity" android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

File ini memiliki fungsi layaknya gudang informasi bagi aplikasi Android itu sendiri. Untuk detailnya tentang file ini akan kita bahas dalam pembahasan tersendiri agar lebih memahaminya.

Setelah semuanya dipahami kini coba kita jalankan aplikasi kita. sebelumnya pastikan kita telah membuat AVD Emulator. baca lagi pembahasan tentang cara membuat AVD emulator

Cara Jalankan Project Hello World melalui Emulator

Untuk menjalankan project yang telah dibuat bisa dilakukan dengan cara Tekan Tombol Run dbagian atas, lihat gambar :

Project Hello World Android
Run Project

Jikan ada tampilan berikut, fungsi nya untuk memilih AVD target run project.

Project Hello World Android
Pilihan AVD Target

Berikut Hasil Run Project Hello World Pertama:

Project Hello World Android
Tampilan Hasil Run Project

Tips :

Ketika sudah merunning aplikasi android, tidak perlu untuk menutup atau Exit emulator nya. Apabila ada project lain akan di running lagi akan langsung dijalankan. Hal ini bertujuan agar tidak butuh waktu lama lagi untuk booting AVD Emulator nya tetapi langsung dieksekusi.

Pembuatan project Hello World pertama selesai kita buat, sebagai latihan coba ubah isi dari String menjadi <string name =”hello”> Selamat Datang di Belajar Android Bersama Ridwan, S.ST</string>. Running lagi project nya dan lihat hasilnya.

Program Hello World kedua

Lanjutan dari aplikasi Hello World Pertama dibagian ini kita akan menampilkan tulisan hello world nya bukan melalui file XML tetapi melalui file java. Project Hello World pertama untuk menampilkan tulisan Hello World dilakukan melalui file Activity_main.xml melalui TextView. Kini kita hapus TextView nya sehingga Source Code nya menjadi sebagai berikut :

<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:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
android:paddingBottom="@dimen/activity_vertical_margin" 
tools:context=".MainActivity">
</RelativeLayout>

di file tersebut sudah dihapus TextView nya. sekarang buka file main_activity.java kemudian kita tambahkan code didalam method onCreate() menjadi sebagai berikut :

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //setContentView(R.layout.activity_mai);
    TextView he=new TextView(this);
    he.setText("Hello DUnia Apa Kabar, Asslamulaikum");
    setContentView(he);
}

Penjelasan coding nya, disini kita menggunakan Object TextView untuk menampung text yang mau ditampilkan. artinya kita tidak lagi menggunakan file Activity_main.xml lagi. Running project nya tanpa menutup emulator dan lihat hasilnya.

Project Hello World Ketiga

Contoh project kali ini masih pembahasan tentang Hello World, namun kita perluas lagi dengan cara menampilkan gambar atau image dalam aplikasi. Penambahan gambar kita coba lakukan dengan dua cara yaitu melalui file XML dan file Java. Untuk penambahan Gambar dalam aplikasi pastikan gambar dipersiapkan terlebih dahulu. Saya gunakan gambar yang tipe nya .JPG. simpan gambar dalam folder drawable. lihat gambar berikut :

Project Hello World
Tambahkan Gambar

Penambahan gambar kedalam drawable bisa dilakukan dengan cara Copy dulu gambar nya kemudian klik kanan drawable lalu paste.

berikut file java untuk menambahkan Image

import android:widget.ImageView;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//setContentView(R.layout.activity_main);
ImageView he=new ImageView(this);
he.SetImageResource(R.drawable.ridwan);
setContentView(he);
}

Image dipanggil dengan R.drawable.ridwan (ridwan adalah nama gambar tanpa ekstensinya). Kemudian digunakan import libraries : import android:widget.ImageView;.

Menampilkan gambar melalui file Main_activity.xml

jika diatas cara menampilkan gambar melalui kode java, kini kita panggil gambar nya melalui file xml. berikut kodenya :

<ImageView android:id="@+id/imageview" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:src="@drawable/ridwan" />

kode xml diatas hasilnya akan sama dengan kode java sebelumnya yaitu untuk menampilkan gambar. kita tampilkan gambar nya dengan format fill_parent. jika ingin dengan format wrap_content, gantikan saja kode fill_parent dengan wrap_content dan lihat perbedaan nya.

terakhir coba jalankan Project nya dan lihat hasilnya .

KESIMPULAN

  • Proses awal dalam belajar bahasa pemrograman selalui diawali dengan pembuatan project Hello World
  • Menggunakan Pemrograman Android, kita bisa menampilkan Text atau gambar melalui file Java ataupun file xml
  • Dalam contoh gambar saya menggunakan gamabr type JPG, jika mengalami eror dan tidak muncul gambar nya sewaktu run project, coba ganti dengan gambar type .PNG

Semoga Bermanfaat.

Facebook Comments

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com

More Posts - Website

Follow Me:
TwitterFacebookYouTube

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com