0% menganggap dokumen ini bermanfaat (0 suara)
17 tayangan9 halaman

Program Pertama Android

Dokumen ini menjelaskan langkah-langkah untuk membuat aplikasi Android sederhana yang menampilkan pesan 'Assalamualaikum' dan kemudian memodifikasi aplikasi untuk meminta input nama pengguna dan menampilkan pesan sapaan. Proses mencakup penggunaan Eclipse untuk membuat proyek, mengedit file XML untuk mendesain antarmuka, serta menambahkan logika pemrograman untuk menangani interaksi pengguna. Penekanan pada pentingnya kesesuaian nama metode dan ID dalam XML untuk menghindari kesalahan saat runtime juga disampaikan.

Diunggah oleh

rayymyza
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
17 tayangan9 halaman

Program Pertama Android

Dokumen ini menjelaskan langkah-langkah untuk membuat aplikasi Android sederhana yang menampilkan pesan 'Assalamualaikum' dan kemudian memodifikasi aplikasi untuk meminta input nama pengguna dan menampilkan pesan sapaan. Proses mencakup penggunaan Eclipse untuk membuat proyek, mengedit file XML untuk mendesain antarmuka, serta menambahkan logika pemrograman untuk menangani interaksi pengguna. Penekanan pada pentingnya kesesuaian nama metode dan ID dalam XML untuk menghindari kesalahan saat runtime juga disampaikan.

Diunggah oleh

rayymyza
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 9

Program pertama, Assalamualaikum!

Sebagai pemanasan, kita membuat applikasi sederhanamenampilkan tulisan


Assalamualaikum di emulator.

Gambar 2.15

1. Jalankan Eclipse, File > New > Android Project lihat

Gambar 2.16

2. Isikan kotak dialog new seperti berikut.


Project name Halo

Build Target Android 2.2

Application name Halo,Assalamualaikum

Package name contoh.halo

Create Activity Halo

Min SDK Version 8

3. Pada Package Explorer, buka file main.xml di folderres/layout perhatikan Gambar 2.17
Gambar 2.17

4. Ganti kode pada main.xml menjadi seperi berikut

5. Pada package src/contoh.halo, buka halo.java pastikan kodenya seperti berikut ini, perhatikan
Gambar 2.18

Gambar 2.18
6. Jalankan run dengan shortcut CTRL+F11 atau klikkanan package > run as > android Project.
Kamu bisa mendownload langsung aplikasi ini ke perangkatandroid. File yang harus
didownload adalah halo.apk yangterletak di folder halo/bin.

Aplikasi Kedua: Hello XXX


Selanjutnya kita akan memodifikasi program ini dan menambahkan masukan nama dari
user, lalu setelah user menekan tombol, akan keluar “Hello, [nama]. Terimakasih”

Pertama, melalui project explorer kembali pilih activity_main.xml yang berada di res/layout
(gambar bawah).

Pilih tab “Graphical Layout”


Komponen-komponen user interface yang berada di bagian kiri, sering disebut “widget” atau
“view”.

Pertama pilih widget TextField, pilih yang paling atas (plain text), lalu drag ke dalam form.

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

Terakhir, drag teks “hello world” dari tengah ke dekat button. Jika posisi menjadi ‘berantakan’
jangan khawatir, atur ulang sehingga posisinya seperti dibawah.
Coba run (ctrl-F11) untuk melihat hasil tampilan dari program ini. Jangan lupa, jangan tutup
emulatornya, supaya tidak menunggu lama saat run berikutnya. Sekarang kita akan menambahkan
aksi yang akan dijalankan saat button diklik.

Sekarang karena kita akan membuat code yang saat button di-klik menangkap apa yang diketikkan
pengguna dan menuliskannya di TextView. Untuk itu setiap komponen perlu diberi nama.

Kembali ke activity_main.xml. Klik Button kemudian lihat window properties yang berada di
sebelah kanan, ganti Text dengan “Sapa” dan id dengan “bSapa”

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.
Lakukan hal yang sama untuk textfield, ganti id dengan etNama

dan textview, ganti id dengan tvSalam.

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

Tip: untuk merapikan XML tekan ctrl-shift-F.

Sekarang kita akan mengeset agar saat button diklik, method yang diinginkan akan dipanggil. Set
atribut android.onClik pada button dengan nama method yang akan menangani event tersebut
(bSapaClick).
Penting: setelah update XML, tekan save (ctrl-s).Ini disebabkan file R.java (di direktori /gen)
yang berisi semua Id dan digenerate secara otomatis dapat tidak terupdate jika file xml tidak di-
save secara eksplisit.

Sekarang kita perlu menambahkan code agar saat tombol diklik app akan mengeluarkan respon.

Melalui package explorer, kembali ke activity utama (MainActivity.java).

Kemudian buat satu method baru bSapaClick. Pastikan nama method sama dengan yang
dicantumkan di activity_main.XML. Nama yang tidak sama akan menyebakan error saat program
dijalankan.
Tambahkan impor class yang dibutuhkan. Salah satu cara yang paling mudah adalah dengan
mengklik gambar x merah di sebelah kiri, lalu pilih impor (gambar bawah).

Tip: Jika id tidak dikenali seperti R.id.etNama, R.id.tvSalam dan seterusnya, buka kembali
activity_main.xml lalu tekan ctrl-S (save)

Jalankan program (ctrl-F11), perhatikan tab Console di bagian bawah untuk memonitor proses
emulasi. Isi teks dan tekan tombol.
Cara ini paling sederhana, tetapi programmer harus memastikan nama method pada XML sama
dengan nama method di program. Jika nama method tidak sama, tidak akan muncul kesalahan
pada saat program dicompile, tapi akan menyebabkan kesalahan pada saat runtime (saat button
diklik). Alternatif lain adalah dengan menggunakan listener seperti code dibawah.

Mana yang lebih baik? menggunakan atribut onClik atau dengan listener? itu tergantung dari selera
programmer dan standard code yang digunakan.

Anda mungkin juga menyukai