1 | H a l a m a n

Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon : +62711-353414

PROGRAM STUDI D3JURUSAN TEKNIK KOMPUTER

POLITEKNIK NEGERI SRIWIJAYA PALEMBANGTK Pemrograman Berorientasi

Objek 3 (Mobile And WebProgramming)

Hand On Lab 2 Membuat ProjectAndroid

150 menit/ 3jam

Lecturer : M. Miftakul Amin, S. Kom., M. Eng.Website : http://mafisamin.web.ugm.ac.idTujuan : 1. Mahasiswa dapat mendesain layout

2. Mahasiswa dapat mengakses komponen dalam layout

Perlengkapan : - Eclipse with ADT- Android SDK Level API 16

1. Pendahuluan

Pada praktikum ini akan dibuat sebuah aplikasi untuk menggunakan beberapa lingkungan kerjayang ada di IDE Eclipse dan mengakses komponen yang ada di dalam Resources. Untukperlengkapan pembuatan aplikasi serta tertib dalam penyimpanan project, silahkan buat folderdengan nama depan masing-masing di Drive D. Sebagai contoh nama depan Akbar, makadapat dilakukan langkah-langkah berikut:1) Buat folder Akbar di D.

2) Set Lokasi Workspace di Alamat folder yang telah dibuat sebelumnya. Dari menuFileSwitch WorkspaceOther.

Folder yangtelah dibuat

2 | H a l a m a n

3) Sesaat kemudian akan ditampilkan window Workspace Launcher seperti gambar berikut.Pilih Workspace di alamat folder yang telah dibuat sebelumnya yaitu D:/Akbar. Setelah ituklik tombol OK. Maka Eclipse secara otomatis akan restart dan menyimpan setting darifolder kerja.

Catatan:Langkah pemilihan direktori kerja ini cukup dilakukan sekali saja, selama praktikumberlangsung kecuali ada pengaturan baru yang diinstruksikan.

2. Membuat Project

Pada project pertama Android akan dibuat program untuk menyapa programmer berdasarkaninput data yang digunakan. Untuk itu ikuti tahapan berikut:

1) Buat project dari menu FileNewAndroid Application Project.2) Buat project dengan nama depan+project1, sebagai contoh nama depan adalah Akbar maka

nama projectnya adalah AkbarProject1. Kemudian pada bagian package name ubahmenjadi com.akbar.project1 Pada pilihan Minimun Required SDKAPI 14, pada TargetSDK API 16, pada Compile With API 16, dan Theme Holo Light With Dark ActionBar. Perhatikan tampilan berikut. Klik tombol Next dan tunggu sampai proses pembuatanproject selesai dilakukan.

3 | H a l a m a n

3) Untuk memastikan tidak terjadi Error, klik kanan pada Project yang telah terbentuk kemudianpilih Properties. Pada panel sebelah kiri (a) pilih Java Build Path, kemudian pada Tab pilih(b) Order and Export. Setelah itu (c) centang Android 4.1.2 dan klik tombol OK.

4) Setelah itu pilih menu (a) Projecthilangkan centang Build Automatically (hal inidimaksudkan untuk mengaktifkan Build Project secara manual). Kemudian (b) dari menuProjectpilih Build Project (pilihan ini otomatis aktif jika Build Automaticallydinonaktifkan). Kemudian terakhir (c) pilih ProjectClean (pilihan ini dilakukan untukmembersihkan error yang terjadi).

5) Tampilan dari pembersihan project setelah menekan menu ProjectClean dapat dilihatpada Gambar berikut. Dengan mengklik tombol OK, maka proses telah selesai.

(a)

(b)

(c)

(a)

(b)

(c)

4 | H a l a m a n

6) Sampai tahapan ini seharusnya project telah terbuat sempurna dan tidak adapesan/notifikasi error yang terjadi.

3. Mendesain Layout

Setelah proses pembuatan Project selesai, secara otomatis di dalam Eclipse akan dibuka 2buah file yaitu MainActivity.java serta activity_main.xml. file yang pertama berisi kode programjava sebagai logic dari aplikasi, sedangkan activity_main.xml merupakan file layout untukmendesain display/tampilan dari form aplikasi yang akan dibuat. Tampilan berikut merupakanGambar project setelah selesai dibuat.

5 | H a l a m a n

Selanjutnya dalam praktikum ini akan dibuat activity untuk menyapa programmer denganmenggunakan kontrol standar. Ikuti langkah-langkah dalam tahapan berikut:

1) Buka file string.xml yang ada di folder /res/values/strings.xml di dalam folder project, dapatdilakukan dengan double klik. Selanjutnya klik tombol Add untuk menambahkan sebuahpasangan name dan value seperti gambar berikut. Setelah mengisikan nilai seperti gambarberikut, selanjutnya simpan dengan menekan Ctrls+S melalui keyboard untuk menyimpanisian yang telah dilakukan.

2) Selanjutnya dengan cara yang sama pada langkah sebelumnya, tambahkan 2 buahpasangan nilai string seperti berikut:

Variabel String Nilai

s_tvNama Masukkan Nama Anda =

s_btnTampil Tampilkan Nama

Jika file strings.xml dipilih dalam mode kode program, maka isi dari file tersebut sepertiGambar berikut.

6 | H a l a m a n

3) Tahapan selanjutnya yang perlu dilakukan adalah mendesain graphical user interface (GUI)dengan membuka file di dalam folder /res/layout/activity_main.xml dalam project folder.Pada bagian Palette di FormWidgets tambahkan TextView, Button dan EditText drag dantarik letakkan ke dalam form seperti Gambar berikut.

4) Kemudian pilih object TextView, klik id pada Properties window. Kemudian ubah propertiesdengan nama seperti berikut:

Komponen Property Nilai

TextView Id tvNama

EditText Id txtNama

Button Id btnTampil

7 | H a l a m a n

5) Secara otomatis dalam mode kode program, file activity_main.xml terbentuk kode programseperti berikut:

6) Selanjutnya atur property Text, untuk memilih resource editor seperti pada Gambar berikut.

8 | H a l a m a n

Komponen Property Nilai

TextView Text s_tvNama

Button Text s_btnTampil

Sehingga tampilan desain program menjadi seperti berikut.

9 | H a l a m a n

4. Mengetikkan Kode Program

Selanjutnya buka program MainActivity.java di folder /src/com.akbar.project1/MainActivity.java(sesuaikan dengan pembuatah package di awal project).

Kemudian simpan program tersebut, dan siap untuk dijalankan. Bagian yang diberi kotakmerupakan bagian yang ditambahkan dalam kode program, sedangkan bagian yang di berilingkaran bagian yang diedit saja dengan menambahkan notasi tersebut.

10 | H a l a m a n

5. Menjalankan Program

untuk menjalankan program klik kanan Projectpilih Run AsRun Confgurations. Pilih panel kiriAkbarProject1 (sesuaikan nama project). Pada Tab Target pilih Always Prompt to pick device,kemudian Run/Close.

Berikut hasil eksekusi program yang telah berhasil dilakukan.

11 | H a l a m a n

Tugas Praktikum :1) Buat Project dengan nama AkbarTugas1 nama Paket com.akbar.tugas1 (sesuaikan dengan

nama depan masing-masing), sesuaikan proses pembuatan project seperti langkah sebelumnya.2) Desain Layout seperti Gambar berikut (Nama file /res/layout/activity_main.xml):

3) Kode Program di /src/<nama Package>/MainActivity.java bagian kotak merupakan kodeprogram yang ditambahkan.

textView1

textView2

textView3

editText1

autoCompleteTextView1

multiAutoCompleteTextView1

12 | H a l a m a n

4) Jalankan Program.

Diperiksa tanggal :_____________Dosen Pengampu:

(M. Miftakul Amin, S. Kom., M. Eng.)NIP. 197912172012121001

Nama Laboratorium : Nomor Komputer :

Sumber referensi: Sanjay Shah; Khirulnizam Abd Rahman. 2013. Android Development Tools for Eclipse. New York:Packt Publishing, Chapter 3