Membuat Project Andoid Luas Bujursangkar

Kali ini kita akan belajar membuat project android yaitu untuk mencari Luas Bujursangkar dengan memasukkan nilai sisi bujursangkar. Project ini dibuat dengan menggunakan Eclipse yang sudah diinstall ADT dan SDK android.
Yang harus dipersiapkan sebelum membuat project ini :

• Install Java (JDK)
• Install Eclipse
• Install ADT pada Eclipse
• Install SDK Android pada Eclipse
• Siapkan Emulator (AVD)

Membuat Project AndroidUntuk membuat project android, jalankan Eclipse dan lakukan perintah:

• File – New – Other – Android Application Project

• Memberi nama aplikasi, nama projek, nama package dan menentukan minimal SDK, Target SDK, Compile, Theme, Next

• Next

• Siapkan foto untuk dijadikan icon project android, Next

• Blank Aktivity, Next

• Memberi nama Activity dan Layout, Finish

• Hasil project android yang dibuat.

Merancang Layout
Contoh layout yang akan dibuat pada project ini :

Langkah-langkah membuat layout:

• Merubah resources

• Klik folder res -  folder value – strings.xml

• Merubah app_name (string), value: LuasBS diganti Bujur Sangkar

• Menanbah resources strings

• Klik folder res -  folder value – strings.xml – Add

• Pilih String – OK

• nama string : project dan isi string / value : Luas Bujursangkar. (Name project dan value* Luas Bujursangkar), simpan project android ( File – Save). 

• Lakukan hal yang sama untuk menambah string: input – Masukan Sisi Bujursangkar:, proses – Hitung Luas, output – Luas Bujursangkar, hasil - = sisi x sisi.

• Menambah resources color

• Klik folder res -  folder value – strings.xml – Add

• Pilih Color – OK

• nama color : biru dan kode color / value :  #0000FF . (Name biru dan value* #0000FF), simpan project android ( File – Save).

• Lakukan hal yang sama untuk menambah color: merah – #FF0000.

• Hasil dari edit dan menambah string dan color dapat dilihat dari coding file strings.xml.

xmlversion="1.0"encoding="utf-8"?>

    <resources>

            <stringname="app_name">Bujur Sangkar</string>

            <stringname="hello_world">Hello world!</string>

            <stringname="action_settings">Settings</string>

            <stringname="project">Luas Bujursangkar</string>

            <stringname="input">Masukan Sisi Bujursangkar</string>

            <stringname="proses">Hitung Luas</string>

            <stringname="output">Luas Bujursangkar</string>

            <stringname="hasil">= sisi x sisi</string>

            <colorname="biru">#0000FF</color>

                       <colorname="merah">#FF0000</color>

</resources>

• Membuat layout

• Merubah textView1, string Hello world dirubah menjadi string project

• Klik Helllo word, pada properties, pilih Text, klik …

Pilih String project, Ok.

Pilih Text color, klik …, Pilih Color – biru, OK

• Menambah User Interface (UI) Textview: Pilih Form Widgets, Drag Textview ke layout.

Pilih Text, klik …, pilih input, OK.

Pilih Text color, klik …, Pilih Color – biru, OK

• Menambah User Interfaces EditText: Pilih Text Fields, pilih EditText number (Desimal), Drag EditText number (Desimal) ke layout.

User Interfaces (UI) EditText sebagai Input data sisi bujursangkar, untuk lebih mudah rubah idnya menjadi sisi.

Langkahnya pilih UI EditText, pada properties pilih Id, klik …

ganti New Name: EditText menjadi sisi.

Memberi nilai text 0 pada UI EditText

Memberi warna text merah pada UI EditText.

• Menambah UI Button: Pilih Form Widgets, Drag Button ke layout.

UI Button sebagai tombol proses menghitung Luas Bujursangkar.

Id Button diganti pilih UI Button, pada properties pilih Id, klik …

ganti New Name: Button1 menjadi hitung.

Merubah Text UI Button dengan resources strings proses (Hitung Luas).

Merubah warna Text merah UI Button.

• Menambah UI TextView dengan waran Text biru, text dirubah resources output ( Luas Bujursangkar: )

• Menambah UI TextView dengan warna Text merah, text dirubah resources hasil ( = sisi x sisi ), merubah Id dengan luas. UI TextView ini untuk menampilkan hasil perhitungan Luas Bujursangkar.

• Hasil coding layout ( tampilan_luasbs.xml )

<RelativeLayoutxmlns: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.bujursangkar.luasbs.LuasBS_java">

<TextView

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/project"

android:textColor="@color/biru"/>

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/textView2"

android:layout_below="@+id/textView2"

android:layout_marginTop="20dp"

android:text="@string/input"

android:textColor="@color/biru"/>

<EditText

android:id="@+id/sisi"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/textView1"

android:layout_below="@+id/textView1"

android:layout_marginTop="32dp"

android:ems="10"

android:inputType="numberDecimal"

android:text="0"

android:textColor="@color/merah"/>

<Button

android:id="@+id/hitung"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/sisi"

android:layout_below="@+id/sisi"

android:layout_marginTop="79dp"

android:text="@string/proses"

android:textColor="@color/merah"/>

<TextView

android:id="@+id/luas"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/textView3"

android:layout_alignParentBottom="true"

android:layout_marginBottom="150dp"

android:text="@string/hasil"

android:textColor="@color/merah"/>

<TextView

android:id="@+id/textView3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignRight="@+id/textView1"

android:layout_centerVertical="true"

android:text="@string/output"

android:textColor="@color/biru"/>

</RelativeLayout>

Membuat Coding Java

• Pilih folder scr – pilih com.bujursangkar.luasbs – LuasBS_java.java

• Tulis coding dibawah ini.

packagecom.bujursangkar.luasbs;

importandroid.support.v7.app.ActionBarActivity;

importandroid.os.Bundle;

importandroid.view.View;

importandroid.view.View.OnClickListener;

importandroid.widget.Button;

importandroid.widget.TextView;

publicclassLuasBS_java extendsActionBarActivity implementsOnClickListener {

//IdentifikasiVariable UI

TextView Ssisi;

Button Shitung;

TextView Sluas;

@Override

protectedvoidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.tampilan_luasbs);

// memberinilaivariabekUI denganlayout tampilam_luasbs.xml

Ssisi= (TextView) this.findViewById(R.id.sisi);

Sluas= (TextView) this.findViewById(R.id.luas);

Shitung= (Button) this.findViewById(R.id.hitung);

// Setting Variable UI Button untukOnClikListener

// saaatUI Button diklikmakaakanmenjalankanmethod OnClik

Shitung.setOnClickListener(this);

}

@Override

publicvoidonClick(View v) {

// method onClick UI Button diklikmakaakanmenjalankan

// coding dibawahini:

// IdentifikasivariabelDsisi(sisitipevariabeldouble)

doubleDsisi = 0;

// memberinilaivariabelDsisidarikonverdistring UI Ssisikedouble

Dsisi = Double.parseDouble(Ssisi.getText().toString());

// IdentifikasiDluas

doubleDluas;

// identifikasivariabelstring cetakdengannilaiawal"= "

String Cetak="= ";

// prosesDluasdariperkalianDssisix Dsisi

Dluas = Dsisi * Dsisi;

// Tampilanhasilprosesdisimpandivariable Cetak

Cetak += Dsisi+" x "+Dsisi+" = "+Dluas;

// MenampilkanvariabelCetakpadavariabelUI Sluas/ UI Id luaspadalayout

Sluas.setText (Cetak);

}

}

Menjalankan project android :

• Pilih project android, klik kanan, Run As, Android Application

• Tampilan pada emulator:

Buatlah project android untuk masalah dibawah ini !

1. Mencari Keliling Bujursangkar diketahui sisi.
2. Mencari Sisi Bujursangkar diketahui Luas.
3. Mencari Sisi Bujursangkar diketahui Keliling.
4. Mencari Luas Bujursangkar diketahui Keliling.
5. Mencari Keliling Bujursangkar diketahui Luas.
6. Mencari Luas persegipanjang diketahui panjang dan lebar.
7. Mencari Luas persegipanjang diketahui panjang dan keliling.
8. Mencari Luas persegipanjang diketahui keliling dan lebar.
9. Mencari Keliling persegipanjang diketahui panjang dan lebar.
10. Mencari Keliling persegipanjang diketahui panjang dan luas.
11. Mencari Keliling persegipanjang diketahui Luas dan lebar.
12. Mencari Panjang persegipanjang diketahui luas dan lebar.
13. Mencari Panjang persegipanjang diketahui lebar dan keliling.
14. Mencari Lebar persegipanjang diketahui panjang dan luas.
15. Mencari Lebar persegipanjang diketahui panjang dan keliling.
16. Mencari Volume kubus diketahui sisi.
17. Mencari Luas kubus diketahui sisi.
18. Mencari Keliling kubus diketahui sisi.
19. Mencari Sisi (panjang rusuk) kubus diketahui keliling.
20. Mencari Luas kubus diketahui keliling.
21. Mencari Volume kubus diketahui keliling.
22. Mencari Sisi (panjang rusuk) kubus diketahui luas.
23. Mencari Keliling kubus diketahui luas.
24. Mencari Volume kubus diketahui luas.
25. Mencari Volume Balok diketahui panjang, lebar dan tinggi.
26. Mencari Luas Balok diketahui panjang, lebar dan tinggi.
27. Mencari Keliling Balok diketahui panjang, lebar dan tinggi.
28. Mencari Panjang Balok diketahui Volume, lebar dan tinggi.
29. Mencari Panjang Balok diketahui Luas, lebar dan tinggi.
30. Mencari Panjang Balok diketahui Keliling, lebar dan tinggi.
31. Mencari Lebar Balok diketahui Volume, panjang dan tinggi.
32. Mencari Lebar Balok diketahui Luas, panjang dan tinggi.
33. Mencari Lebar Balok diketahui Keliling, panjang dan tinggi.
34. Mencari Tinggi Balok diketahui Volume, panjang dan lebar.
35. Mencari Tinggi Balok diketahui Luas, panjang dan lebar.
36. Mencari Tinggi Balok diketahui Keliling, panjang dan lebar.

 Semoga Bermanfaat.

Tweet