TUGAS PRAKTIKUM 2

PEMROGRAMAN MOBILE
“APLIKASI KALKULATOR”

Disusun Oleh :
Dwi Fitriana Ariva H.
12.12.0365
SI 12 C

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM PURWOKERTO

JL. LET. JEND. POL SUMARTO PURWOKERTO

2013
 BAB 1
DASAR TEORI

A. Pengertian Android dan Fungsinya

Beberapa tahun belakangan ini istilah Android sering sekali kita dengar, baca maupun
kita lihat. Pada umumnya istilah Android sering dikaitkan dengan Ponsel, smartphone
dan tablet.

Penemu Android adalah Andy Rubin yang lahir pada tanggal 22 Juni 1946 di New
Bedford, Amerika Serikat. Andy Rubin bersama-sama dengan Rich Miner, Nick Sears,
dan Chris White mendirikan Android.inc dan apada Juli 2005 dibeli oleh Google.

Pengertian Android adalah sistem operasi berbasis Linux yang dipergunakan sebagai
pengelola sumber daya perangkat keras, baik untuk ponsel, smartphone dan juga PC
tablet.
Secara umum Android adalah platform yang terbuka (Open Source) bagi para
pengembang untuk menciptakan aplikasi mereka sendiri untuk digunakan oleh berbagai
piranti bergerak.

Telepon pertama yang memakai sistem operasi Android adalah HTC Dream, yang dirilis
pada 22 Oktober 2008. Pada penghujung tahun 2009 diperkirakan di dunia ini paling
sedikit terdapat 18 jenis telepon seluler yang menggunakan Android.
Semenjak kehadirannya pada 9 Maret 2009, Android telah hadir dengan versi 1.1, yaitu
sistem operasi yang sudah dilengkapi dengan pembaruan estetis pada apalikasinya,
seperti jam alrm, voice search, pengiriman pesan dengan Gmail, dan pemberitahuan
email.

Hingga tahun 2012, Android telah berkembang dengan pesat. Dalam kurun 3 tahun
Android telah diproduksi dalam versi, dan versi terakhir yang diproduksi disebut sebagai
Android versi 4.1 atau Android Jelly Bean.
Perkembangan Android dari tahun 2009 – 2012 adalah sebagai berikut :
a. Android versi 1.1
b. Android versi 1.5 (Cupcake)
c. Android versi 1.6 (Donut)
d. Android versi 2.0/2.1 (Eclair)
e. Android versi 2.2 (Froyo: Frozen Yoghurt)
f. Android versi 2.3 (Gingerbread)
g. Android versi 3.0/3.1 (Honeycomb)
h. Android versi 4.0 (ICS :Ice Cream Sandwich)
i. Android versi 4.1 (Jelly Bean)

B. Pengertian Eclipse

Eclipse adalah sebuah IDE (Integrated Developmnet Environtmen) yang

digunakan untuk membuat atau hanya untuk mengembangkan sebuah aplikasi, eclipse
ini biasanya banyak digunakan oleh para developer pengembang aplikasi mobile
seperti android karena tools ini mendukung banyak kemudahan dalam pengerjaan
sebuah projek. Sama seperti halnya netbeans, Eclipse juga merupakan tools dengan
lisensi kode terbuka (open source) sehingga sangat memungkinkan untuk dimiliki
secara gratis. Selain itu eclipse ini juga memiliki beberapa keunggulan lainya yaitu
kemampuanya untuk dapat dikembangkan oleh pengguna dengan komponen yang
dinamakan plug-in sehingga tools ini sangat cocok untuk mengembangkan sebuah
aplikasi untuk android.
 BAB 2
HASIL DATA DAN PEMBAHASAN

1. Klik eclipse, maka akan muncul ‘Workspace Launcher’ kemudian tentukan folder mana
yang akan dibuat.

2. Untuk membuat project baru, pilih File > New > Android Application Project.
Atau bisa juga dengan mengklik icon Android Application Project pada eclipse
toolbar.

3. Application name adalah nama aplikasi yang akan kita buat.

Project name adalah nama project yang direktori dan akan muncul di eclipse.
Isikan Project Name, sebagai contoh disini adalah DwiFitrianaAH

Package name adalah nama space dari aplikasi, nama package harus unik dan
tidak boleh sama dalam aplikasi yang terinstal dalam sistem android. Isikan
package name untuk aplikasi yang dibuat. Sebagai contoh kalkulator.dwifitrianaah
4. Pilih lokasi penyimpanan project. Karena ini adalah project baru, maka pilih
Create Project in Workspace. Tandai checkbox Create Project in Workspace. Lalu
klik next.

5. Menentukan icon launcher yang akan dibuat, pilih background dan foreground untuk
mengganti warna android yang diinginkan, lalu klik next.
6. Menentukan activity template pilih blank activity.

7. Isikan Activity Name, dalam pengisian ini tidak boleh menggunakan spasi.
Sebagai pemisah kita dapat menggunakan “_”. Lalu klik finish.
8. Setelah klik finish maka akan muncul gambar seperti dibawah ini.

9. Untuk pengisian tampilan pada aplikasi kita dapat menggunakan TextView Large.
Caranya adalah dengan men-dragnya ke dalam tampilan. Klik Large, lalu klik
kanan dan pilih edit text.
10. Pada resource chooser, kita klik new string untuk memasukkan string baru. Lalu
tekan OK.

11. Setelah itu akan muncul tampilan seperti berikut. Pada string kita isi nama yang
akan ditampilkan pada aplikasi. Contohnya untuk string kita isi
“KALKULATOR”. Pada New R.string, kita isi jenis tipe datanya. Contohnya
“TXTKALKULATOR”.

12. Setelah tekan OK, akan muncul tampilan berikut. Lalu klik TXTKALKULATOR
dan tekan OK kembali.
13. Untuk menambahkan tampilan lagi, kita drag kembali jenis Pallete yang
diinginkan, misalnya kita pilih Text Fields number (42) ke dalam tampilan
aplikasi. Klik number tadi, lalu klik kanan dan pilih edit ID.

14. Isikan “TXTBIL1” pada new name untuk pengisian ID-nya.

15. Untuk TextFields kedua caranya sama seperti diatas, dan untuk pengisian ID-nya
kita isi dengan new name “TXTBIL2”.

16. Untuk menambahkan tampilan lagi, kita drag button ke dalam tampilan aplikasi.
Klik button tadi, lalu klik kanan dan pilih edit text. Langkah selanjutnya sama
seperti diatas, yaitu dengan mengisikan string “+” dan new R.string
“BTNTAMBAH”. Kemudian klik OK.

17. Tambahkan untuk button pengurangan, perkalian dan pembagian. Caranya seperti
diatas, yang berbeda hanya pada waktu pengisiannya saja.
Pengurangan (string = -, New R.string = BTNKURANG)
Perkalian (string = x, New R.string = BTNKALI)
Pembagian (string = :, New R.string = BTNBAGI)
18. Untuk menambahkan tampilan HASIL, kita drag text view Large ke dalam
tampilan aplikasi. Klik Large tadi, lalu klik kanan dan pilih edit text. Langkah
selanjutnya sama seperti diatas, yaitu dengan mengisikan string “HASIL” dan new
R.string “TXTHASIL”. Kemudian klik OK.

19. Selanjutnya masukan sintak ke dalam MainActivity.java, yang ada di

20. Lalu sintak yang perlu dimasukan adalah, seperti pada gambar dibawah ini :

Sintaknya :

package com.example.latihan_hitung;

import android.os.Bundle;

import android.app.Activity;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;
 public class GustyActivity extends Activity implements OnClickListener {

private Button btn1,btn2,btn3,btn4;

private EditText txt1,txt2;

private TextView txtHasil;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_gusty);

content();

public void content(){

txt1 = (EditText) findViewById(R.id.txtbil1);

txt2 = (EditText) findViewById(R.id.txtbil2);

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

btn1 = (Button) findViewById(R.id.btnTambah);

btn1.setOnClickListener(this);

btn2 = (Button) findViewById(R.id.btnKurang);

btn2.setOnClickListener(this);

btn3 = (Button) findViewById(R.id.btnKali);

btn3.setOnClickListener(this);

btn4 = (Button) findViewById(R.id.btnBagi);

btn4.setOnClickListener(this);

}
 @Override

public void onClick(View arg0) {

// TODO Auto-generated method stub

int nilai1 = Integer.parseInt(txt1.getText().toString());

int nilai2 = Integer.parseInt(txt2.getText().toString());

switch (arg0.getId()){

case R.id.btnTambah:

txtHasil.setText(Integer.toString(nilai1+nilai2));

break;

case R.id.btnKurang:

txtHasil.setText(Integer.toString(nilai1-nilai2));

break;

case R.id.btnKali:

txtHasil.setText(Integer.toString(nilai1*nilai2));

break;

case R.id.btnBagi:

txtHasil.setText(Integer.toString(nilai1/nilai2));

break;

}
21. Selanjutnya sintak yang perlu dimasukan adalah di acivity_main.xml. Tergantung
nama Activity project yang kita buat.

22. Contoh sintak yang ada dalam activity_main.xml adalah:

Sintaknya ada dalam aplikasi Eclipsenya, otomatis akan tampil sitak atau kode
project :

<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=".MainActivity" >

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" />

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/textView2"
android:layout_centerHorizontal="true"
android:layout_marginTop="25dp"
android:text="@string/txtTampil" />

<EditText
android:id="@+id/TXTBIL1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/textView1"
android:layout_centerHorizontal="true"
android:layout_marginTop="25dp"
android:ems="10"
android:inputType="number" />

<EditText
android:id="@+id/TXTBIL2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/TXTBIL1"
android:layout_below="@+id/TXTBIL1"
android:layout_marginTop="26dp"
android:ems="10"
android:inputType="number" >

<requestFocus />
</EditText>

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView2"
android:layout_below="@+id/TXTBIL2"
android:layout_marginTop="32dp"
android:text="@string/btnTambah" />

<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
 android:layout_alignBaseline="@+id/button1"
android:layout_alignBottom="@+id/button1"
android:layout_alignRight="@+id/TXTBIL2"
android:text="@string/btnKurang" />

<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button1"
android:layout_below="@+id/button1"
android:layout_marginTop="30dp"
android:text="@string/btnKali" />

<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/button3"
android:layout_alignRight="@+id/button2"
android:text="@string/btnBagi" />

<EditText
android:id="@+id/TXTBIL3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/TXTBIL2"
android:layout_below="@+id/textView3"
android:ems="10"
android:inputType="number" />

<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView1"
android:layout_below="@+id/button3"
android:text="@string/txtHasil"
android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>
23. Setelah itu coba anda Run dengan cara Klik Menubar Window pilih Android
Virtual Device Manager.

24. Untuk melihat apakah aplikasi yang dibangun pada kondisi berjalan baik atau
tidak, dapat dicoba dijalankan dengan emulator. Developer harus tahu bagaimana
men-set up emulator dengan beberapa konfigurasi yang berbeda. Pertama harus
membuat Android Virtual Device (AVD) yang disebut juga emulator. AVD
merupakan Perangkat Virtual Android yang memiliki fitur seperti Perangkat
Android sesungguhnya.
Buka AVD Manager, pada toolbar klik ikon (Opens Android Virtual Device
Manager). Maka akan muncul kotak dialog sbb :
25. Setelah kita start AVD maka akan muncul gambar seperti dibawah ini.

26. Kemudian akan muncul gambar android yang sedang loading.

Kalau sukses maka akan muncul tampilan android seperti yang kita buat.
 BAB 3
PENUTUP

A. Kesimpulan

1. Kita dapat mempelajari bagaimana membuat aplikasi android dengan

menggunaqkan eclipse.
2. Membuat aplikasi menggunakan eclipse lebih ekonomis karena gratis dan
open source.
3. Kita dapat berkreasi membuat berbagai macam aplikasi android.

B. Daftar Pustaka

1. http://www.blogbaca.com/2013/06/belajar-cara-membuat-aplikasi-
android.html
2. http://student-brains.blogspot.com/2013/03/membuat-aplikasi-android-dengan-
eclipse.html
3. http://blog.jilbab-muslimah.com/membuat-project-baru-android-
menggunakan-eclipse/