Laporan JOB 3 Pemrograman Perangkat Bergerak

A.   Tujuan Praktikum

Dengan mengikuti perkuliahan ini mahasiswa diharapkan mampu:

1.    Bekerja dengan TextView

2.    Bekerja dengan Button

3.    Bekerja dengan Image

4.    Bekerja dengan CheckBox

5.    Bekerja dengan RadioButton

B.   Alat dan Bahan Praktikum

1.    Personal Computer

2.    IDE Eclipse

3.    Android SDK Windows

C.   Langkah Kerja

1.    Buatlah sebuah project android baru dengan aturan sebagai berikut:

-          Project Name : WidgetAndroid

-          Build Target : Android 2.2

-          Package Name : widget.android.ku

-          Create Activity : WidgetAndroidActivity

-          Min SDK Version : 8

2.    Klik finish, maka dapat dilihat project yang telah dibuat pada bagian package explorer.

3.    Buka main.xml di folder layout. Pada awalnya, tampilan main.xml terlihat seperti gambar berikut:

4.    Hapus TextView yang sudah ada sehingga main.xml menjadi sbb:

5.    Melalui Graphical Layout, tambahkan view-view sebagai berikut:

6.    Atur property semua view sbb:

7.    main.xml akan berubah menjadi sbb:

8.    Coba jalankan aplikasi, akan didapatkan tampilan sbb:

Akan tampak bahwa, ukuran layar secara vertical tidak cukup untuk menampilkan seluruh obyek view yang ada. Solusinya adalah dengan menambahkan Scroll untuk menggulung layar kearah vertical.

9.    Tambahkan ScrollView dengan menambahkan kode berikut ini pada main.xml. (sorce code yang diubah hanya yang berada dalam lingkaran merah saja. Yang lain tetap.

10.                       Sesuaikan kode program pada WidgetAndroidActivity seperti yang terlihat pada gambar berikut:ini, sehingga jika di klik OK, maka akan memunculkan identitas ke Form.

11.                       Jalankan program maka akan tampil: 

Ketika diklik tombol OK, maka data akan terisi dengan sendirinya.

D.   TUGAS

1. Buatlah program Android yang menampilkan Widget seperti yang terlihat pada gambar berikut: 

Jika Tombol Tampil diklik, maka akan tampil data dengan sendirinya.

Langkah Kerja:

1. Buat project baru, file> new>android project

2. Buat project name dengan nama  

 3. Buka main.xml di folder layout. 

4. Melalui Graphical Layout, tambahkan view-view sebagai berikut:

5. Atur property semua view sbb:  

6. main.xml akan berubah menjadi sbb: 

7. Coba jalankan aplikasi, akan didapatkan tampilan sbb: 

8. Tambahkan ScrollView dengan menambahkan kode berikut ini pada main.xml. (sorce code yang diubah hanya yang berada dalam lingkaran merah saja. Yang lain tetap.   

9. Sesuaikan kode program pada WidgetAndroidActivity seperti yang terlihat pada gambar berikut:ini, sehingga jika di klik OK, maka akan memunculkan identitas ke Form.

10. Jalankan program maka akan tampil: 

Ketika diklik tombol Tampil, maka data akan terisi dengan sendirinya.

 

TERIMA KASIH

Laporan JOB 2 Pemrograman Perangkat Bergerak

Hello XXX

A.    Tujuan Praktikum

1.    mampu melakukan membuat program aplikasi Android sederhana

2.    mampu memahami konsep pemograman android.

B.     Alat dan Bahan Praktikum

1.    Personal Komputer

2.    Aplikasi Eclipse

C.    Teori Dasar

Program “Hello XXX” merupakanmodifikasi program “Hello Word”, yaitu dengan menambahkan masukan nama dari user, lalu setelah user menekan tombol, akan keluar “Hello, [nama]. Terimakasih”

D.    Langkah Kerja

1.    Dari menu utama program Eclipse pilih menu File àNew à project

2.    Pilih folder Android project kemudian klik tombol Next

3.    Buat project name dengan nama HelloXXXsilvia, klik Finish untuk mengakhiri sekaligus membuat project Android baru

4.    Melalui project explorer kembali pilih main.xml yang berada di res/layout

5.    Pilih tab “Graphical Layout”

6.    Kemudian pilih widget Text Field,  pilih yang paling atas (plain text), lalu drag kedalam form, geser-geser sehingga hasilnya seperti gambar bawah. Jika posisi menjadi ‘berantakan’ jangan khawatir. Layout Android tidak mengenal posisi eksak, karena memang tidak cocok untuk Android yang mempunyai sangat banyak variasi display.

7.    Lalu drag button di Form Widget, dan letakkan disebelah kanan text field

Saat button di-klik code akan menangkap apa yang diketikkan pengguna dan menuliskannya di TextView. Untuk itu setiap komponen perlu diberi nama.

8.    Kembali ke main.xml. Klik Button kemudian lihat window properties yang berada di sebelah kanan, ganti Text dengan “Sapa” dan id dengan “bSapa” (gambarbawah).Saat id diganti maka ada pesan untuk mengupdate semua kemunculan id, jawab ini dengan “Yes”.Kemudian muncul window “Rename Resource” dan jawab ini juga dengan OK.  Cara ini akan membuat semua kemunculan id ini di activity_main akan otomatis diganti. Ini akan lebih mudah dibandingkan harus mengganti secara manual file xml.

9.    Lakukan hal yang sama untuk EditText, ganti id dengan etNama. Kemudian textview, ganti id dengan tvSalam.

10.                       Coba lihat XML-nya, maka semua Id telah diganti (gambar bawah).Ini kelebihan mengganti nama id menggunakan property.

Tip: untukmerapikan XML tekanctrl-shift-F.

11.                   Selanjutny perlu ditambahkan code agar saat tombol diklik app akan mengeluarkan respon. Melalui package explorer, kembalike activity utama (SapaTestActivity.java).

12.                       Kemudianbuatsatu method baruonClick.Pastikannama method samadengan yang dicantumkan di main.xml.Nama yang tidaksamaakanmenyebakan error saat program dijalankan.

13.                       Tambahkanimpor class yang dibutuhkan. Salah satucara yang paling mudahadalahdengan shortcut keyboard ctrl-shift-O (huruf o bukanangkanol). Cara lain denganmengklikgambar x merah di sebelahkiri, lalupilihimpor (gambarbawah).

Tip: Jika id tidakdikenalisepertiR.id.etNama, R.id.tvSalamdanseterusnya, bukakembalimain.xmllalutekan ctrl-S (save)

14.                       Jalankan program (ctrl-F11), perhatikan tab Console di bagianbawahuntukmemonitor proses emulasi. Isi teksdantekantombol.

Latihan:

Buatlah program untuk menghitung luas sebuah persegi panjang. Input adalah panjang dan lebar (dua edit text). Output adalah luasnya (panjang kali lebar).Gunakan method  berikut untuk mengubah tipe string ke double.

Catatan: input dari  method set Text bertipe teks, sehingga nilai luas yang bertipe double harus dikonversi terlebih dulu menjadi teks. Gunakan String.valueOf(dblLuas) untuk mengkoversi double menjadi teks.

1.    Dari menu utama program Eclipse pilih menu File >New >project

2.    Pilih folder Android project kemudian klik tombol Next

3.    Buat project name dengan nama Latihan2Isur, Klik Finish untuk mengakhiri sekaligus membuat project Android baru

4.    Melalui project explorer kembali pilih main.xml yang berada di res/layout

5.    Pilih tab “Graphical Layout”, desain seperti berikut:

No	Tipe View	Properties	Nilai
1	Text View	id	@+id/textPanjang
		text	Panjang
		typeFace	Monospace
		textSize	24dp
		textStyle	Bold
2	Edit Text(Plain Text)	id	@+id/editPanjang
		typeFace	Monospace
		textSize	24dp
3	Text View	id	@+id/textLebar
		text	Lebar
		typeFace	Monospace
		textSize	24dp
		textStyle	Bold
4	Edit Text(Plain Text)	id	@+id/editLebar
		typeFace	monospace
		textSize	24dp
5	Button	id	btnLuas
		text	Hitung Luas
6	Text View	id	@+id/textLuas
		text	Luas
		typeFace	monospace
		textSize	24dp
		textStyle	Bold
7	Edit Text(Plain Text)	id	@+id/editLuas
		typeFace	monospace
		textSize	24dp

6.    Coba lihat XML-nya, maka Semua Id telah diganti .Ini kelebihan mengganti nama id menggunakan property.

     

   

7.    Selanjutnya perlu ditambahkan code agar saat tombol diklik app akan mengeluarkan respon. Melalui package explorer, kembali ke activity utama (Latihan2IsurActivity.java).

8. Jalankan program (ctrl-F11) atau klik kanan program, pilih run as, run application. Masukkan nilai panjang dan lebar, lalu klik button hitung luas. Hasilnya seperti berikut:

 

TERIMA KASIH