Dokumen tersebut menjelaskan langkah-langkah membuat halaman utama pada proyek baru Android di Eclipse, termasuk membuat proyek baru, mengatur layout menggunakan XML, dan menambahkan button pada layout.

1. Berikut ini Langkah – langkah membuat Halaman Utama pada new project pada Eclipse dan
pengenalan xml.
- Buka aplikasi Eclipse yang sudah terinstal, pada contoh ini menggunakan eclipse bundle
sehingga lebih memudahkan pemakai karena tidak perlu install sdk dan sdknya sudah menjadi
satu paket pada eclipse bundle ini
- Setelah itu tunggu beberapa saat hingga nanti akan muncul jendela baru, lalu pada direktori ini
kita tentukan direktori tempat kita akan menyimpan kerjaan kita, lalu tekan OK
- Setelah itu pilih file  Android Application Project , untuk membuat project baru Android.
Selanjutnya kita masukan nama aplikasi yang akan kita buat pada kolom Application Name,
pada project name kita isikan sesuai nama yang kita inginkan karena nantinya project name ini

2. akan menjadi nama APK kita, Lalu minimum sdk sampai theme kita isikan sesuai
kebutuhan, Klik kita pilih next terus sampai akhirnya pilih finish.
Setelah itu maka akan muncul tampilan seperti berikut :

3. Setelah itu kita buat halaman utama. Pembuatan kode program diawali dengan pembuatan
tampilan halaman menu awal menggunakan script xml yang disimpan dengan nama
activity_main.xml pada folder reslayout. Berikut potongan skripnya:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/home1"
android:orientation="vertical"
tools:context=".SenjataActivity"
tools:ignore="Deprecated" >
<ImageButton
android:id="@+id/imageButton1"
android:layout_width="350dp"
android:layout_height="110dp"
android:layout_above="@+id/imageButton2"
android:layout_centerHorizontal="true"
android:layout_marginBottom="80dp"
android:src="@drawable/button_info"
tools:ignore="ContentDescription" />
<ImageButton
android:id="@+id/imageButton3"
android:layout_width="130dp"
android:layout_height="50dp"
android:layout_below="@+id/imageButton1"
android:layout_marginRight="32dp"
android:layout_toLeftOf="@+id/imageButton4"
android:src="@drawable/button_bantuan"
tools:ignore="ContentDescription" />
<ImageButton
android:id="@+id/imageButton4"
android:layout_width="120dp"
android:layout_height="40dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="24dp"
android:src="@drawable/button_keluar"
tools:ignore="ContentDescription" />
<ImageButton
android:id="@+id/imageButton2"
android:layout_width="130dp"
android:layout_height="50dp"

4. android:layout_above="@+id/imageButton4"
android:layout_marginBottom="37dp"
android:layout_marginLeft="32dp"
android:layout_toRightOf="@+id/imageButton4"
android:src="@drawable/button_tentang"
tools:ignore="ContentDescription" />
</RelativeLayout>
Sintak di atas menunjukkan statement yang ada pada file XML Android. Sintak di atas
menyatakan bahwa penataletakan widget pada file tersebut menggunakan Relative Layout.
Sintak android:layout_width=”fill_parent”dan android:layout_height=”fill_parent”
digunakan untuk mengatur lebar dan tinggi layar tampilan. Fill parent digunakan untuk
mengatur lebar dan tinggi tampilan yang disesuaikan dengan ukuran parent-nya (layar
smartphone). Pada baris selanjutnya, skrip android:background = "@drawable/home1"
menunjukkan bahwa tampilan ini menggunakan gambar latar yang telah dibuat pada langkah 5,
dimana file gambarnya berada di folder drawable dengan nama file home.jpg. Lalu Sintak Image
Button digunakan untuk membuat button, pada project ini saya menggunakan 4 button yang
terdiri dari :button informasi gunung, button tentang, button bantuan, dan button keluar.
Berikut ini tampilan akhir Halaman utama setelah kita ubah.
Diposkan oleh Tri Purwanto di 21.34

5. Label: Tulisan