13
Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015 by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse by webmaster - Sunday, December 13, 2015 http://xoxo.student.akademitelkom.ac.id/index.php/2015/12/13/cara-membuat-aplikasi-android-sederhana- menggunakan-eclipse/ Android adalah salah satu system operasi mobile yang popular selain iOS, Symbian dan Windows Mobile. Perkembangan system operasi Android sangat pesat karena system operasi Android merupakan system operasi open source, artinya system operasi tersebut boleh dikembangkan atau dimodifikasi oleh siapapun. Selain modifikasi, kita juga dapat membuat aplikasi berbasis Android . banyak software development yang dapat kita pakai untuk membuat aplikasi android. Salah satunya adalah dengan menggunakan aplikasi Eclipse. Dan kali ini kita akan mencoba membuat suatu aplikasi Android, yaitu kalkulator sederhana. Berikut penjelasan dan langkah – langkahnya : I. Buka aplikasi Eclipse. II. Setelah aplikasi terbuka, klik File > New > Android Application Project. Maka akan muncul kotak dialog seperti gambar dibawah ini : cara membuat aplikasi android 3. Tuliskan nama aplikasinya, disini kami akan memberi nama ‘Kalkulatorku’. Sebelumnya nama aplikasi menggunakan huruf besar pada awal nama. 4. Ganti juga kata ‘example’ pada kolom Package Name dengan nama yang Anda kehendaki. Lalu klik Next. 5. Setelah itu akan muncul kotak dialog lagi seperti gambar dibawah ini. Lanjutkan dengan klik Next. cara membuat aplikasi Android 6. Lalu akan muncul kembali kotak dialog seperti dibawah ini . Di kotak dialog ini kita bisa mengatur Launcher Icon aplikasi yang akan kita buat. Jika sudah, lanjutkan dengan klik Next. cara membuat aplikasi Android 7. Setelah itu muncul kembali kotak dialog seperti dibawah ini. Pilih Blank Activity dan teruskan dengan klik Next. cara membuat aplikasi Android 8. Lalu akan muncul kotak dialog seperti dibawah ini. Anda dapat mengubah Activity Name dengan nama yang Anda kehendaki, namun kali ini kami tidak mengubahnya. Kami gunakan nama default ‘MainActivity’. Lanjutkan dengan klik Finish. cara membuat aplikasi Android 9. Maka akan muncul tampilan awal lembar kerja pembuat aplikasi Android pada aplikasi Eclipse seperti gambar dibawah ini. 1 / 13

Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Embed Size (px)

Citation preview

Page 1: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

Cara Membuat Aplikasi Android Sederhana MenggunakanEclipse

by webmaster - Sunday, December 13, 2015

http://xoxo.student.akademitelkom.ac.id/index.php/2015/12/13/cara-membuat-aplikasi-android-sederhana-menggunakan-eclipse/

Android adalah salah satu system operasi mobile yang popular selain iOS, Symbian dan WindowsMobile. Perkembangan system operasi Android sangat pesat karena system operasi Android merupakansystem operasi open source, artinya system operasi tersebut boleh dikembangkan atau dimodifikasi olehsiapapun. Selain modifikasi, kita juga dapat membuat aplikasi berbasis Android . banyak softwaredevelopment yang dapat kita pakai untuk membuat aplikasi android. Salah satunya adalah denganmenggunakan aplikasi Eclipse. Dan kali ini kita akan mencoba membuat suatu aplikasi Android, yaitukalkulator sederhana. Berikut penjelasan dan langkah – langkahnya :

I. Buka aplikasi Eclipse.II. Setelah aplikasi terbuka, klik File > New > Android Application Project. Maka akan muncul kotak

dialog seperti gambar dibawah ini :

cara membuat aplikasi android3. Tuliskan nama aplikasinya, disini kami akan memberi nama ‘Kalkulatorku’. Sebelumnya nama

aplikasi menggunakan huruf besar pada awal nama.4. Ganti juga kata ‘example’ pada kolom Package Name dengan nama yang Anda kehendaki. Lalu

klik Next.5. Setelah itu akan muncul kotak dialog lagi seperti gambar dibawah ini. Lanjutkan dengan klik

Next.

cara membuat aplikasi Android6. Lalu akan muncul kembali kotak dialog seperti dibawah ini . Di kotak dialog ini kita bisa

mengatur Launcher Icon aplikasi yang akan kita buat. Jika sudah, lanjutkan dengan klik Next.

cara membuat aplikasi Android7. Setelah itu muncul kembali kotak dialog seperti dibawah ini. Pilih Blank Activity dan teruskan

dengan klik Next.

cara membuat aplikasi Android8. Lalu akan muncul kotak dialog seperti dibawah ini. Anda dapat mengubah Activity Name dengan

nama yang Anda kehendaki, namun kali ini kami tidak mengubahnya. Kami gunakan namadefault ‘MainActivity’. Lanjutkan dengan klik Finish.

cara membuat aplikasi Android9. Maka akan muncul tampilan awal lembar kerja pembuat aplikasi Android pada aplikasi Eclipse

seperti gambar dibawah ini.

1 / 13

Page 2: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

cara membuat aplikasi Android10. Setelah itu, kita akan mulai memainkan kode program pada aplikasi Eclipse ini. Klik pada tab

activity_main.xml, maka akan muncul tampilan lembar kerja untuk proses coding seperti gambardibawah ini :

cara membuat aplikasi Android11. Lalu ketikan coding dibawah ini :

<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: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=".Main" >

<TableLayout

android:id="@+id/tableLayout1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="vertical" >

<TableRow

android:id="@+id/textView1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_weight="1" >

<TextView

android:id="@+id/textView1"

android:layout_width="fill_parent"

2 / 13

Page 3: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

android:layout_height="wrap_content"

android:text="Angka 1 : " />

<EditText

android:id="@+id/angka1"

android:layout_width="40dip"

android:layout_height="wrap_content"

android:inputType="numberDecimal"

android:text=" " />

<TextView

android:id="@+id/tekshitung"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:gravity="center_horizontal"

android:text=" + " />

</TableRow>

<TableRow

android:id="@+id/tableRow1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_weight="1" >

<TextView

android:id="@+id/textView1"

android:layout_width="fill_parent"

3 / 13

Page 4: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

android:layout_height="wrap_content"

android:text="Angka 2 " />

<EditText

android:id="@+id/angka2"

android:layout_width="50dip"

android:layout_height="wrap_content"

android:inputType="numberDecimal"

android:text=" " />

</TableRow>

<View

android:id="@+id/view1"

android:layout_width="wrap_content"

android:layout_height="2dip"

android:background="#FF909090" />

<View

android:id="@+id/view1"

android:layout_width="wrap_content"

android:layout_height="2dip"

android:background="#FF909090" />

<TableRow

android:id="@+id/tableRow2"

android:layout_width="wrap_content"

android:layout_height="wrap_content" >

4 / 13

Page 5: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

<Button

android:id="@+id/tambah"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="50dip"

android:layout_marginTop="7dip"

android:gravity="left|center_vertical"

android:tag="reset all"

android:text="tambah" />

<Button

android:id="@+id/reset"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="50dip"

android:layout_marginTop="7dip"

android:gravity="left|center_vertical"

android:tag="reset all"

android:text="Reset" />

</TableRow>

</TableLayout>

<Button

android:id="@+id/kurang"

android:layout_width="wrap_content"

5 / 13

Page 6: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/tableLayout1"

android:layout_below="@+id/tableLayout1"

android:layout_marginLeft="54dp"

android:layout_marginTop="18dp"

android:text="kurang" />

<Button

android:id="@+id/bagi"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/kurang"

android:layout_below="@+id/kurang"

android:layout_marginTop="18dp"

android:text="bagi" />

<TextView

android:id="@+id/TextView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/bagi"

android:layout_centerHorizontal="true"

android:layout_marginTop="54dp"

android:text="Hasil : "

android:textAppearance="?android:attr/textAppearanceMedium" />

6 / 13

Page 7: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

<TextView

android:id="@+id/hasil"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/TextView"

android:layout_centerHorizontal="true"

android:layout_marginTop="16dp"

android:textAppearance="?android:attr/textAppearanceMedium" />

<Button

android:id="@+id/kali"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_above="@+id/bagi"

android:layout_marginLeft="22dp"

android:layout_toRightOf="@+id/TextView"

android:text="kali" />

</RelativeLayout>

12. Setelah selesai maka akan jadi seperti gambar berikut :

cara membuat aplikasi Android13. Setelah itu expand folder src > (nama package) > MainActivity.java , seperti gambar dibawah

ini:="300" height="169" /> cara membuat aplikasi Android14. Buka MainActivity.java dengan cara double-click pada file MainActivity.java. Setelah dibuka

maka akan muncul tampilan seperti ini.

cara membuat aplikasi Android15. Lalu ketikkan coding berikut :

7 / 13

Page 8: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

package com.example.kalkulatorku;import java.text.DecimalFormat;import android.os.Bundle;import android.app.Activity;

import android.text.Editable;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

public class MainActivity extends Activity {

EditText angka1, angka2;

TextView hasil;

Editable isiangka1, isiangka2;

Button reset;

Button tambah,kurang,kali,bagi;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

hasil = (TextView) findViewById(R.id.hasil);

angka1 = (EditText) findViewById(R.id.angka1);

angka2 = (EditText) findViewById(R.id.angka2);

reset = (Button) findViewById(R.id.reset);

8 / 13

Page 9: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

reset.setOnClickListener(new reset());

tambah = (Button) findViewById(R.id.tambah);

tambah.setOnClickListener(new tambah());

kurang = (Button) findViewById(R.id.kurang);

kurang.setOnClickListener(new kurang());

bagi = (Button) findViewById(R.id.bagi);

bagi.setOnClickListener(new bagi());

kali = (Button) findViewById(R.id.kali);

kali.setOnClickListener(new kali());

}

private class reset implements OnClickListener {

public void onClick(View v) {

try {

angka1.setText("");

angka2.setText("");

hasil.setText("");

} catch (Exception e) {

}

;

}

}

9 / 13

Page 10: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

private class tambah implements OnClickListener {

public void onClick(View v) {

try {

Double h = Double.parseDouble(angka1.getText().toString());

Double d = Double.parseDouble(angka2.getText().toString());

double hsl = h + d;

DecimalFormat df = new DecimalFormat("@@##");

hasil.setText(df.format(hsl));

} catch (Exception e) {

}

;

}

}

private class kurang implements OnClickListener {

public void onClick(View v) {

try {

Double h = Double.parseDouble(angka1.getText().toString());

Double d = Double.parseDouble(angka2.getText().toString());

double hsl = h - d;

DecimalFormat df = new DecimalFormat("@@##");

hasil.setText(df.format(hsl));

10 / 13

Page 11: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

} catch (Exception e) {

}

;

}

}

private class kali implements OnClickListener {

public void onClick(View v) {

try {

Double h = Double.parseDouble(angka1.getText().toString());

Double d = Double.parseDouble(angka2.getText().toString());

double hsl = h * d;

DecimalFormat df = new DecimalFormat("@@##");

hasil.setText(df.format(hsl));

} catch (Exception e) {

}

;

}

}

private class bagi implements OnClickListener {

public void onClick(View v) {

try {

Double h = Double.parseDouble(angka1.getText().toString());

11 / 13

Page 12: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

Double d = Double.parseDouble(angka2.getText().toString());

double hsl = h / d;

DecimalFormat df = new DecimalFormat("@@##");

hasil.setText(df.format(hsl));

} catch (Exception e) {

}

;

}

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

}

16. Setelah itu jalankan program dengan cara klik kanan pada projek > Run As > 1 AndroidApplication.

cara membuat aplikasi Android17. Setelah itu akan muncul tampilan emulator android seperti dibawah ini :

12 / 13

Page 13: Cara Membuat Aplikasi Android Sederhana Menggunakan ...xoxo.student.akademitelkom.ac.id/.../singles/cara-membuat-aplikasi... · system operasi open source, ... Di kotak dialog ini

Cara Membuat Aplikasi Android Sederhana Menggunakan Eclipse - 12-13-2015by webmaster - Blog Mahasiswa Akademi Telkom Jakarta - http://xoxo.student.akademitelkom.ac.id

cara membuat aplikasi Android

_______________________________________________

PDF generated by Kalin's PDF Creation Station

Powered by TCPDF (www.tcpdf.org)

13 / 13