1

2

DAFTAR ISI

BAB I PENDAHULUAN1.1 JRE .................................................................................................................. 31.2 Eclipse IDE ...................................................................................................... 31.3 Android Development Tools ............................................................................. 31.4 Software Developer Kit (SDK) Android ............................................................ 31.4 Android Virtual Device (AVD) .......................................................................... 3

BAB II INSTAL2.1 Install ADT pada Eclipse ................................................................................... 42.2 Membuat AVD .................................................................................................. 42.3 Memulai Eclipse .............................................................................................. 5

BAB III HELLO WORLD3.1 Membuat Project Baru ...................................................................................... 63.2 Mengenal Halaman Kerja Eclipse .................................................................... 93.3 Merunning Project Pada AVD ........................................................................... 103.4 Mengambil Apk Project ..................................................................................... 113.5 Membuka Project ............................................................................................ 123.6 Menghapus Project .......................................................................................... 13

BAB IV APLIKASI PROFILE 4.2 Membuat file java sebagai class ....................................................................... 144.3 Membuat file xml sebagai layout ...................................................................... 154.3 Mengatur Manifest ............................................................................................ 16

BAB V APLIKASI KALKULATOR SEDERHANA5.1 MainActivity.java ............................................................................................... 175.2 main.xml ........................................................................................................... 20

BAB VII IDE ANDROID7.1 Eclipse .............................................................................................................. 247.2 PhoneGap ........................................................................................................ 247.3 Android Studio .................................................................................................. 24

3

BAB I PENDAHULUAN

1.1 Java Runtime Environment (JRE)

Java Runtime Environment (JRE), beberapa praktisi cukup menyebutkannya dengan

Java Runtime, merupakan bagian dari JDK, dan merupakan kumpulan dari ”tools”

programming, class-class inti, dan banyak file-file pendukung aplikasi. JRE bisa

didownload di https://java.com/en/download/index.jsp

1.2 Eclipse IDE

Eclipse salah satu software IDE atau software yang digunakan oleh programmer

untuk mengembangkan sebuah aplikasi. sebetulnya tidak harus diinstall namun bisa

langsung dipakai dengan mengcopykan aplikasi tersebut ke dalam komputer.

Aplikasi Eclipse bisa didownload di https://eclipse.org/downloads/index.php.

1.3 Android Deveoper Tools (ADT)

Android Developer Tool adalah aplikasi pulg-in untuk menanankan berbagai tool

yang akan digunakan untuk membuat Aplikasi Android. ADT-Plugin dapat

didownload di https://developer.android.com/sdk/index.html.

1.4 Software Developer Kit (SDK) Android

SDK Android digunakan untuk debug atau mencoba aplikasi yang sudah dibuat.

1.5 Android Virtual Device (AVD)

AVD adalah konfigurasi dari emulator sehingga kita dapat menjalankan perangkat

Android sesuai model yang dipilih.

4

BAB II INSTALL

2.1 Install ADT pada Eclipse

1. Dowload ADT bundel di http://developer.android.com/sdk/index.html,

2. Extractlah di Drive D:, nanti akan terbentuk folder bernama adt-bundle-

windows-x86-yyyymmdd. Saya sarankan rename folder tadi menjadi ADT saja.

3. Masuk ke folder hasil extract lalu jalankan eclipse.exe.

4. Instalasi selesai !

2.2 Membuat AVD

1. Klik Icon AVD Manager

2. Klik New

5

3. Buat konfigurasinya seperti gambar di bawah ini

2.3 Memulai Eclipse

1. Pilih Eclipse.exe pada folder Eclipse lalu enter

2. Muncul dialog dibawah ini.

3. Klik Browse

4. Pilih folder untuk menyimpan project yang nanti akan anda buat.

5. Klik OK

6

BAB III Hello World!

3.1 Membuat Project Baru

Pada bab ini kita akan langsung membuat aplikasi dan menjalankannya untuk

di complie menjadi apk yang bisa diinstal di smartphone android. Berkut ini langkah-

langkah membuat aplikasi, yaitu :

1. Klik File

2. Klik New

3. Klik Other

4. Muncul Dialog seperti di bawah ini

6. Pilih Next

7

7. Muncul dialog seperti di bawah ini.

7. Buatlah konfigurasinya seperti di bawah ini.

Application Name : Hello World

Project Name : Hello World

Package Name : com.example.hello.world

Build SDK : Android 2.2 (API 8)

Minimum Required SDK : API 8 Android 2.2 (Foryo)

8

8. Buat Konfigurasi Icon

9. Buat Activity baru, boleh langsung di next.

9

9. Memberikan nama Activity dan layout.

11. Klik Finish

3.2 Mengenal Halaman Kerja pada Eclipse

Gambar Project Explorer

Gambar di samping ini adalah Project

Explorer dimana terdapat beberapa folder dan

file-file yang dibutuhkan untuk membuat sebuah

aplikasi android. Untuk package dan file java

dapat dilihat pada folder src. File gambar

ditempatkan pada folder drawable dan folder

layout digunakan untuk membuat layout aplikasi

android.

Adapula file AndroidManifest.xml adalah file

yang berisi informasi tentang aplikasi android

yang akan kita buat, seperti versi dari aplikasi,

nama package, level SDK yang digunakan,

beserta icon dan nama yang diberikan untuk

Aplikasi.

10

Gambar Layout activity_main.xml

Pada layout terdapat bagian coding dan bagian graphik. Bagian graphik

terdapat pada Graphical Layout. Untuk membuat Layout pada Graphical Layout kita

cukup mendrag widget-widget ke dalam layar. Bagian Coding digunakan untuk

mengedit coding yang terdapat activity_main.xml.

Gambar Properties dan Outline

3.3 Merunning Aplikasi pada AVD

Untuk mencoba aplikasi android bisa menggunakan Android Virtual Device.

Cara-caranya sebagai berikut :

1. Klik kanan pada project android yang sudah dibuat

2. Pilih Run As

11

3. Pilih Android Application

3.4 Menginstal APK Hello World di Handphone

Setelah membuat aplikasi android android jangan lupa untuk menginstall

aplikasi tersebut di handphone kita. Sebelumnya kita harus mengambil file apknya di

dalam project yang sudah kita buat. Cara-caranya adalah sebagai berikut :

1. Perhatikan folder bin pada Project Explorer

2. Buka folder tersebut dengan klik tanda di sampingnya

3. Setelah dibuka anda akan menemukan file yang typenya adalah apk.

4. File tersebut bisa langsung dicopy di Handphone dan diinstall

Gambar folder bin yang didalamnya terdapat file APK

5. Lalu masukan file apk ke dalam handphone, selanjutnya di install di handphone

12

3.5 Membuka Project Android

1. Pilih menu File

2. Pilih import, lalu muncul dialog seperti di bawah ini.

3. Pilih next

4. Pilih Browser

13

5. Pilih OK

6. Pilih Finish

3.6 Menghapus Project Android

1. Pilih Project yang akan dihapus

2. Tekan Delete

3. Apabila anda ingin menghapus project anda dihardisk beri tanda ceklis4. OK

14

BAB IV MEMBUAT MENU PROFIL

Pada aplikasi android anda mungkin pernah melihat tampilan awal berupa

menu dengan beberapa tombol. Ketika tombol itu diklik maka tampilan akan

berubah. Salah satu teknik untuk menampilkan halaman baru bisa menggunakan

intent dengan activity baru. Contohnya disini kita akan membuat aplikasi profil.

Buatlah project baru dengan keterangan seperti di bawah ini:

Application Name : Profil

Project Name : Profil

Package Name : com.example.profil

Build SDK : Android 2.2

4.1 Membuat Layout

a. Layout main_activity

Ubah RelativeLayout menjadi Linier Layout dengan cara :

1. Klik kanan RelativeLayout pada Outline

2. Pilih Change Layout

3. Pilih LinierLayout(Vertical)

15

Memasukan Text

1. Drag TextView

2. Ganti Text dengan Aplikasi Profil pada Properties

Memasukan Button

1. Drag Button

2. Ganti Text dengan Profil pada Properties

Ganti ID Button pada Properties menjadi @+id/button1

Untuk merubah widget-widget tersebut berada pada tengah-tengah layar

caranya yaitu :

1. Klik LinierLayout

2. Masukan Gravity dengan Center Horizontal

b. Layout profil

Untuk membuat Layout profil kita harus membuat Android XML Layout baru.

Caranya yaitu :

1. Klik kanan Layout

2. Pilih New

3. Other

16

4. Pilih Android XML Layout

5. Muncul dialog seperti dibawah ini. Masukan File dengan nama profil

Cara Memasukan Gambar

1. Copy File Gambar dari Explorer

2. Paste File pada Folder Res > drawable-hdpi

3. Drag Image View pada Image & Media

4. Browse Gambar yang ada pada drawable

Ganti ID Button Website menjadi @+id/web

Ganti ID Button Email menjadi @+id/email

17

4.2 Membuat file java

a. MainActivity.java

b. Profil.java

18

Untuk Membuat Profile.java kita perlu class baru, caranya sebagai berikut :

1. Klik kanan pada package

2. Pilih Class

3. Masukan Name dengan Profil

4. Klik Finish

4.3 Mengatur Manifest

Tambahkan script yang sudah di tandai dari gambar di atas pada Android Manifest

19

BAB IV MEMBUAT APLIKASI KALKULATOR

Pada bab ini kita hanya mengedit java dan xml dari androidnya untuk membuat

sebuah aplikasi kalkulator sederhana.

a. Main Activity.java

package com.example.android;

import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.EditText;

public class CalcdroidActivity extends Activity implements OnClickListener {/** Called when the activity is first created. */Button satu,dua,tiga,empat,lima,enam,tujuh,delapan,sembilan,nol,tambah,kali,kurang,bagi,samadengan,akar,clear,koma;EditText input;int operator;double nilai1 , nilai2;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);

input = (EditText)findViewById(R.id.input1);satu = (Button)findViewById(R.id.satu);dua = (Button)findViewById(R.id.dua);tiga = (Button)findViewById(R.id.tiga);empat = (Button)findViewById(R.id.empat);lima = (Button)findViewById(R.id.lima);enam = (Button)findViewById(R.id.enam);tujuh = (Button)findViewById(R.id.tujuh);delapan = (Button)findViewById(R.id.delapan);sembilan = (Button)findViewById(R.id.sembilan);nol = (Button)findViewById(R.id.nol);tambah = (Button)findViewById(R.id.tambah);kali = (Button)findViewById(R.id.kali);kurang = (Button)findViewById(R.id.kurang);bagi = (Button)findViewById(R.id.bagi);samadengan = (Button)findViewById(R.id.samadengan);koma = (Button)findViewById(R.id.koma);clear = (Button)findViewById(R.id.clear);

20

satu.setOnClickListener(this);dua.setOnClickListener(this);tiga.setOnClickListener(this);empat.setOnClickListener(this);lima.setOnClickListener(this);enam.setOnClickListener(this);tujuh.setOnClickListener(this);delapan.setOnClickListener(this);sembilan.setOnClickListener(this);nol.setOnClickListener(this);tambah.setOnClickListener(this);kali.setOnClickListener(this);kurang.setOnClickListener(this);bagi.setOnClickListener(this);samadengan.setOnClickListener(this);koma.setOnClickListener(this);clear.setOnClickListener(this);}

public void onClick(View v) {switch (v.getId()) {case R.id.satu:handleNomor("1");break;case R.id.dua:handleNomor("2"); break;case R.id.tiga:handleNomor("3");break;case R.id.empat:handleNomor("4");break;case R.id.lima:handleNomor("5");break;case R.id.enam:handleNomor("6");break;case R.id.tujuh:handleNomor("7");break;case R.id.delapan:handleNomor("8");break;case R.id.sembilan:handleNomor("9");break;case R.id.nol:handleNomor("0");break;case R.id.koma:handleNomor(".");

21

break;case R.id.tambah:nilai1=Double.parseDouble(input.getText().toString());input.setText("");operator=1;break;case R.id.kurang:nilai1=Double.parseDouble(input.getText().toString());input.setText("");operator=2;break;case R.id.kali:nilai1=Double.parseDouble(input.getText().toString());input.setText("");operator=3;break;case R.id.bagi:nilai1=Double.parseDouble(input.getText().toString());input.setText("");operator=4;break;case R.id.samadengan:nilai2=Double.parseDouble(input.getText().toString());input.setText("");if(operator==1){input.setText(Double.toString(nilai1+nilai2));}else if(operator==2){input.setText(Double.toString(nilai1-nilai2));}else if(operator==3){input.setText(Double.toString(nilai1*nilai2));}else if(operator==4){input.setText(Double.toString(nilai1/nilai2));}break;case R.id.clear:clear();break;default:break;}}private void handleNomor(String nomor) {// TODO Auto-generated method stub

String txt = input.getText().toString();txt+=nomor;input.setText(txt);

}private void clear(){input.setText("");}}

22

b. main.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">

<EditText android:id="@+id/input1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:editable="false" android:inputType="number" android:numeric="integer" android:text="" >

<requestFocus /> </EditText>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content"> />

<LinearLayout android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1"> >

<Button android:id="@+id/satu" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="1" />

<Button android:id="@+id/empat" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="4" />

<Button android:id="@+id/tujuh" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="7" />

23

<Button android:id="@+id/koma" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="." />

</LinearLayout>

<LinearLayout android:layout_weight="1" android:orientation="vertical"android:layout_width="wrap_content" android:layout_height="wrap_content">

<Button android:id="@+id/dua" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="2" ></Button>

<Button android:id="@+id/lima" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="5" />

<Button android:id="@+id/delapan" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="8" />

<Button android:id="@+id/nol" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="0" />

</LinearLayout>

<LinearLayout android:layout_weight="1"android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content">

<Button android:id="@+id/tiga" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1"

24

android:text="3" /><Button android:id="@+id/enam" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="6" />

<Button android:id="@+id/sembilan" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="9" />

<Button android:id="@+id/samadengan" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="=" />

</LinearLayout>

<LinearLayout android:layout_weight="1" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content">>

<Button android:id="@+id/tambah"android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="+" />

<Button android:id="@+id/kurang" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="-" />

<Button android:id="@+id/kali" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="*" />

25

<Button android:id="@+id/bagi" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="/" /></LinearLayout>

<LinearLayoutandroid:layout_weight="1" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content"> >

<Button android:id="@+id/clear" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="Clear" />

</LinearLayout> </LinearLayout> </LinearLayout>

Berikut ini tampilan hasil script di atas :

26

BAB V INTEGRATED DEVELOPMENT ENVIRONMENT

ANDROID

a. Phonegap

Phonegap sebuah framework yang memungkinkan developer, programmer

website untuk keperluan pembuatan aplikasi mobile Android, iOS dan Blackberry.

b. App Inventor

App Inventor adalah sebuah software yang digunakan untuk membangun

aplikasi android dengan berbentuk puzzle untuk menghubungkan berbagai classnya.

c. Android Studio

Android Studio adalah sebuah IDE yang bisa digunakan untuk pengembangan

aplikasi Android, dan dikembangkan oleh Google untuk menggantikan Eclipse IDE

secara online.