Menulis Aplikasi untuk Android Bagian I

Transkripsi

1 Menulis Aplikasi untuk Android Bagian I Selamat berjumpa lagi di ruang E-Learning Trisma. Seperti penjelasan artikel sebelumnya Bermain dengan Android, dijelaskan sedikit mengenai struktur dasar dari Android dan bagaimana cara kerjanya. Sekarang mari kita memulai belajar menulis aplikasi untuk Android Operating System tersebut. Tahap pertama yaitu penginstalasian Android Development Tools yang bisa di-download dari Google. Instalasi Android Developer Tools (ADT) untuk Windows Android Developer Tools adalah Eclipse editor yang dipaket jadi satu dengan Android Plugin dan simulator. Beberapa perangkat lunak ini dipaket jadi satu dengan nama Android SDK, untuk mempermudah pemakai. Yang diperlukan untuk latihan ini: 1. Windows 7 2. Free space di hard disk sekitar 1GByte (untuk ADT dan work files) 3. Internet koneksi untuk men-download ADT (besarnya 400MB). 4. Contoh aplikasi DuaTombol.zip yang sudah saya siapkan untuk latihan ini. 1. Mari kita download ADT dari Google di: Pilih yang 32-bit, karena kebanyakan komputer masih memakai Windows 7 yang 32-bit. 2. Tempatkan file di lokasi yang mudah ditemukan. Extract file yang baru di-download adt-bundle-windows-x zip ke lokasi folder yang baru, seperti: C:\Eclipse_android. Eclipse tidak perlu diinstalasi seperti program untuk Windows pada umumnya. Setelah di-extract, program akan siap dijalankan. Menulis Aplikasi untuk Android Bagian I Hal 1

2 Struktur dari Eclipse folder tampak seperti ini Buatkan shortcut dari file: C:\Eclipse_android\eclipse\eclipse.exe di desktop anda untuk memudahkan menjalankan Eclipse di kemudian hari. 3. Jalankan program Eclipse.exe, maka logo ini akan muncul di layar anda. Untuk pertama kalinya, kita akan ditanyakan lokasi untuk workspace dimana kita akan menempatkan semua file yang akan kita kerjakan. Buatkan folder khusus untuk keperluan ini supaya lebih terorganisasi, sebagai contoh: C:\Users\jkrishna\workspace. Anda bisa pilih pilihan Use this as the default supaya tidak lagi ditanyakan di kemudian hari. Menulis Aplikasi untuk Android Bagian I Hal 2

3 4. Setelah Eclipse berjalan, layar berikut ini yang akan muncul untuk pertama kalinya. Belajar dari contoh Jika anda belum berkeinginan untuk membuat aplikasi ini dari awal, anda bisa memakai aplikasi yang sudah saya siapkan (DuaTombol.zip). Extract Zip file ini di PC anda. Di Eclipse, anda bisa Import aplikasi ini dengan langkah: File Import Android Existing Android Code into workspace Menulis Aplikasi untuk Android Bagian I Hal 3

4 Jangan lupa untuk memilih pilihan: Copy project into workspace. File ini kemudian akan berada di workspace folder anda (contoh: C:\Users\jkrishna\workspace ). Setelah ini anda bisa langsung ke langkah pengujian yang bisa dilihat di halaman 10 ( Pengujian dengan Smartphone simulator ). Menulis aplikasi dari awal Kalau anda sudah siap, sekarang mari kita mulai membuat aplikasi Android dari awal. Klik tombol New Android Application seperti layar di atas. Cara lain adalah, klik menu: File New Android Application project. Masukan informasi berikut ini Menulis Aplikasi untuk Android Bagian I Hal 4

5 Terus klik Next. Terima apa adanya seperti yang tampak di layar anda Untuk berikutnya, terima juga apa yang ditawarkan Menulis Aplikasi untuk Android Bagian I Hal 5

6 Untuk yang berikutnya Create Activity, terima apa yang muncul dan klik Next Untuk Blank Activity terima yang ditawarkan, dan sekali lagi klik Finish Menulis Aplikasi untuk Android Bagian I Hal 6

7 Maka sekumpulan file akan dipersiapkan oleh Eclipse, dan anda siap untuk menambahkan fiturfitur baru, seperti tampak berikut: 5. Di layar tengah, dimana ada Tulisan DuaTombol, buatkan 2 button dengan dengan menggunakan pilihan dari Form Widget. Layar anda akan tampak seperti berikut ini: Mari kita edit sedikit Text dan nama Button yang baru kita buat. Tombol-tombol berikut ini akan dapat dipakai untuk merubah dimensi dari Button diatas Menulis Aplikasi untuk Android Bagian I Hal 7

8 Kalau anda klik kanan di tiap Button, beberapa menu pilihan akan muncul seperti di bawah ini. Salah satunya Edit Text yang bisa dipakai untuk merubah Text yang tampak di atas Button Berikut akan terlihat tombol-tombol yang telah dimodifikasi 6. Sekarang mari kita memodifikasi script MainActivity.java yang berlokasi di folder : src id.sman3denpasar MainActivity.java Untuk menyingkat waktu, kali ini mari kita buka file ini di contoh aplikasi (DuaTombol.zip) yang sudah di-download terdahulu. Copy dan Paste isi script di atas ke lokasi yang sama di Eclipse anda. Menulis Aplikasi untuk Android Bagian I Hal 8

9 Isi dari file: MainActivity.java, tampak seperti berikut ini: package sman3denpasar.duatombol; import android.app.activity; import android.os.bundle; import android.util.log; import android.view.view; import android.view.view.onclicklistener; import android.widget.button; import android.widget.toast; import android.widget.textview; public class MainActivity extends Activity { /** Called when the activity is first created. */ private static String logtag = public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); TextView text = new TextView(this); text.settext("halo, Android - \nnama saya Wayan dari SMAN3"); setcontentview(text); setcontentview(r.layout.activity_main); Button buttonstart = (Button)findViewById(R.id.mulai); buttonstart.setonclicklistener(startlistener); // Register the onclick listener with the implementation above Button buttonstop = (Button)findViewById(R.id.selesai); buttonstop.setonclicklistener(stoplistener); // Register the onclick listener with the implementation above //Create an anonymous implementation of OnClickListener private OnClickListener startlistener = new OnClickListener() { public void onclick(view v) { Log.d(logtag,"onClick() called - start button"); Toast.makeText(MainActivity.this, "Tombol Mulai di tekan", Toast.LENGTH_LONG).show(); Log.d(logtag,"onClick() akhir - tombol mulai"); ; // Create an anonymous implementation of OnClickListener private OnClickListener stoplistener = new OnClickListener() { public void onclick(view v) { Log.d(logtag,"onClick() called - stop button"); Toast.makeText(MainActivity.this, "Tombol selesai di tekan", Toast.LENGTH_LONG).show(); Log.d(logtag,"onClick() akhir - tombol selesai"); protected void onstart() {//activity is started and visible to the user Log.d(logtag,"onStart() dipanggil"); protected void onresume() {//activity was resumed and is visible again Log.d(logtag,"onResume() dipanggil"); protected void onpause() { //device goes to sleep or another activity appears Log.d(logtag,"onPause() dipanggil");//another activity is currently running (or user has pressed Home) super.onpause(); Menulis Aplikasi untuk Android Bagian I Hal 9

10 @Override protected void onstop() { //the activity is not visible anymore Log.d(logtag,"onStop() dipanggil"); super.onstop(); protected void ondestroy() {//android has killed this activity Log.d(logtag,"onDestroy() dipanggil"); super.ondestroy(); Pengujian dengan Smartphone simulator Untuk bisa menjalankan aplikasi ini di Smartphone, mari kita ciptakan dulu Smartphone simulator (HP Simulator) di Eclipse. Hal ini bisa dilakukan dengan : klik ikon Android Virtual Device Manager yang tampak seperti di bawah ini: Klik New masukan informasi seperti tampak berikut ini, kemudian Klik OK : Menulis Aplikasi untuk Android Bagian I Hal 10

11 Android Virtual Devices (AVD) anda, akan tampak seperti ini, kemudian tutup window ini. Mari kita coba jalankan aplikasi ini dan kita pilih simulator HP-Ku yang baru kita buat sebagai target dari aplikasi ini. Sebelum siap menjalankan, kita perlu memonitor jalannya aplikasi ini. Aktifkan view Console dengan cara klik Window Show View Console View ini tampak seperti berikut ini: Sekarang, program bisa dijalankan dengan: pergi ke Package Explorer, klik kanan DuaTombol Run As Android Application Maka Window untuk HP simulator anda akan muncul. Tunggu beberapa menit (perlu kesabaran yang cukup!). Biarkan Eclipse berjalan dan tidak diganggu sampai selesai. Proses ini makan waktu lama karena banyak yang harus dipersiapkan di simulator tersebut. Menulis Aplikasi untuk Android Bagian I Hal 11

12 Jangan lupa memonitor jalannya program di view Console seperti tersebut di atas. Jika di layar Console anda tidak muncul apa-apa, periksa Display Selected Console yang tampak seperti ini. Pilih Android jika belum terpilih. Setelah sekitar 5 menit, informasi seperti ini akan muncul di layar Console Informasi terakhir di atas memperlihatkan bahwa proses peluncuran aplikasi anda berjalan sukses dan siap dipakai. [ :52:53 - DuaTombol] Success! [ :52:53 - DuaTombol] Starting activity id.sman3denpasar.mainactivity on device emulator-5554 [ :52:55 - DuaTombol] ActivityManager: Starting Menulis Aplikasi untuk Android Bagian I Hal 12

13 Maka HP-simulator anda akan tampak seperti ini: Seperti tampak di atas, ketika salah satu tombol ditekan, maka akan muncul text di bawahnya, yang menyebutkan tombol apa yang baru saja ditekan. Seperti terlihat, saya sudah merubah text yang ada di atas tombol Mulai dengan kalimat: Halo Siswa SMAN3, tekan salah satu tombol berikut:. Hal ini bisa dilakukan dengan merubah konfigurasi di file string.xml, lokasiny adalah: DuaTombol res values string.xml Konfigurasinya tampak seperti berikut: <?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">duatombol</string> <string name="action_settings">settings</string> <string name="hello_world">halo Siswa SMAN3, tekan salah satu tombol berikut:</string> </resources> hello_world adalah nama text-box yang ada di bagian atas dari layar tadi, jika anda merubah value-nya seperti di atas, maka text yang muncul akan berubah. Menulis Aplikasi untuk Android Bagian I Hal 13

14 Setelah mencoba menjalankan aplikasi ini, jika anda ingin kembali ke layar depan HP-simulator anda, tekan tombol Home, maka anda akan dibawa ke layar seperti tampak di bawah ini: Tekan ikon App, kemudian semua ikon akan muncul. Seperti tampak di atas (kanan), aplikasi DuaTombol muncul sebagai salah satu ikon di layar HP-simulator kita. Ada 3-file yang perlu anda pahami untuk kali ini, lokasinya tampak seperti di bawah ini: Main_activity.java, activity_main.xml, strings.xml Menulis Aplikasi untuk Android Bagian I Hal 14

15 Cobalah merubah isi file di atas, untuk memahami sedikit cara kerja dari Android Development Kit. Coba juga menganti warna latar belakang, warna tombol, warna text dsb. Supaya lebih menarik dan sesuai dengan proyek anda di masa depan. Demikianlah artikel Menulis Aplikasi untuk Android bagian pertama ini. Di bagian berikutnya, kita akan kembangkan aplikasi ini dengan fitur-fitur yang lain dan menarik. Jangan lupa memberi respon di twitter #elarningtrisma Sampai jumpa lagi. Salam: Jaya Krishna (Alumni SMAN3 1988) Sydney, Australia. Menulis Aplikasi untuk Android Bagian I Hal 15