ANDROID 8: Mengenal Explicit dan Implicit Intent (Praktek Memanggil Aplikasi Lain dari Aplikasi kita)

<p><style>#vid_4153616904086146086{display:none;}#txt_4153616904086146086{display:block;}</style><br />Part 2: Praktek memanggil aplikasi yang sudah kita buat <a href="”http://www.mediatutorial.web.id/2015/02/membuat-web-browser-untuk-android.html”">(MetuWebBrowser)</a> dari aplikasi kita dengan implicit Intent.<br /><br />Masih ingatkan anda tutorial <a href="”http://www.mediatutorial.web.id/2015/02/praktek-mengirim-data-antar-activity.html”">[ANDROID NO.6: Mengenal Intent dan Kegunaannya (Praktek Mengirim Data Antar Activity dalam Satu Aplikasi)]</a>? Nah, pada tutorial ini kita akan praktek tidak hanya transfer data antar Activity dalam satu aplikasi, tapi interaksi antar aplikasi.<br /><br />Kita akan menggunakan Metu WebBrowser yang sudah kita buat kemarin pada tutorial sebelumnya sebagai object penerima Intent. Yuk kita bahas,<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwwR5DgWCmXpGPynFivIUvAQBWR11dBm0GsJqo9aygrzRjoIKTsY7L6IkAJBUm5Pu4wa7SO8RqaWuFEoJwvRgMkJitVz5geCq65KIunHvtCYpZWJWIf2EkeVtj5FKL2F235ZGHRCYK3hr-/s1600/ScreenshotMemanggilAplikasiLain.gif" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwwR5DgWCmXpGPynFivIUvAQBWR11dBm0GsJqo9aygrzRjoIKTsY7L6IkAJBUm5Pu4wa7SO8RqaWuFEoJwvRgMkJitVz5geCq65KIunHvtCYpZWJWIf2EkeVtj5FKL2F235ZGHRCYK3hr-/s1600/ScreenshotMemanggilAplikasiLain.gif" /></a><br /><br /><a name="more"></a> <div style="clear:both;">Pembahasan kita adalah Explicit Intent dan Implicit Intent. Nah, sebetulnya, Explicit Intent sudah kita bahas pada tutorial PART 1 kemarin. Itu adalah Explicit Intent. Apa itu Explicit Intent?<br /><br /><h1>Explicit Intent</h1>Explicit intent adalah Intent yang secara ekplisit mendefinisikan komponen yang harus dipanggil oleh Android System dengan menggunakan Class Java sebagai identifier-nya. Bingung? :P makanya ayo diterusin bacanya :P<br /><br />Coba perhatikan kembali source code pada tutorial pertama kita seperti berikut ini,<br />Lihat gambar 1:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMbpVUeWJBe7Y3DwI-jQST5qX2wjyg9HWcucEsT12Jn9HKmbxzwVsXkeYj4mmOZPPLl5UQmSs5lXyRR0S-xKTi8XhmaFEkpkbP8sG0aU4cWcfLoZTyIzXm5VqYAo39M2cCocG1zuxcRZqx/s1600/1_ExplicitIntent.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMbpVUeWJBe7Y3DwI-jQST5qX2wjyg9HWcucEsT12Jn9HKmbxzwVsXkeYj4mmOZPPLl5UQmSs5lXyRR0S-xKTi8XhmaFEkpkbP8sG0aU4cWcfLoZTyIzXm5VqYAo39M2cCocG1zuxcRZqx/s1600/1_ExplicitIntent.png" /></a><br /><br />Coba baca kodenya, kita membuat Intent dengan menggunakan dua (2) parameter. Parameter yang kedua itulah (DisplayActivity.class) yang dimaksud Class Java. Class inilah yang digunakan sebagai identifier. Nah, explicit intent ini kebanyakan digunakan interaksi antar activity dalam satu aplikasi. Lalu bagaimana cara mengirim dan menangkap data yang dikirim? Nahhh, coba buka kembali PART 1 yang sudah menjelaskan panjang dan lebar tentang Explicit Intent ini.<br /><br /><h1>Implicit Intent</h1>Implicit Intent adalah intent yang memanggil aplikasi dengan memberikan parameter <b>action</b> dan <b>data untuk action</b>. Ingat, parameter nya adalah <b>action</b> dan <b>data untuk action</b>. Masih ingatkah bahwa kemarin kita saat membuat parameter disugihi bantuan penulisan kode seperti berikut:<br />Lihat gambar 1.1:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wELH7LX022xQyX-3B3BK425orrsZBmfChPRwCUvIFIv7ceKBHyLc7-1xVwtBPoDqkwrfItWKSgfIinvxAtJQBCxgXqyBBSadn68w6aKQzHBt5kL0S6GbDT47oYZaYF1IxPMtnrtWUhzx/s1600/0_penulisanIntent.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wELH7LX022xQyX-3B3BK425orrsZBmfChPRwCUvIFIv7ceKBHyLc7-1xVwtBPoDqkwrfItWKSgfIinvxAtJQBCxgXqyBBSadn68w6aKQzHBt5kL0S6GbDT47oYZaYF1IxPMtnrtWUhzx/s1600/0_penulisanIntent.png" /></a><br /><br />Nah, yang kita akan kita gunakan adalah parameter action dan data untuk action , bukan packageContext dan Class. :)<br /><br />Coba perhatikan contoh berikut:<br /><b>Intent i = new Intent(Intent.ACTION_VIEW,Uri.parse("http://www.mediatutorial.web.id"));</b><br /><br />Coba lihat, kita memakai parameter <b>action</b> nya adalah <b>Intent.ACTION_VIEW</b> dan <b>data action</b> nya adalah <b>Uri.parse(”http://www.mediatutorial.web.id));</b><br /><br />Intent di atas akan memanggil SEMUA APLIKASI/KOMPONEN pada Android yang sudah teregister pada system Android dengan action VIEW tersebut. Nanti, Android System akan menampilkan semuanya kemudian pengguna bisa memilih aplikasi mana yang akan dipakai.<br /><br />Pada kode di atas, akan menampilkan semua aplikasi <u>yang teregister sebagai web browser</u> yang terinstall di hp Android anda. Mudah bukan?<br />Lihat gambar 2:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBq1W8w1vIaZeaVdRC-STtPCqwB8653D2f6QYSiltY4jfFK75Nip-dFA7XS7mwXd_jlwvL3SCEpzC3uxtpBpV5ViiYWbQERNUWPGcXMaqhFJ42qayEG0dMoH8JsgSwzAldo3MYQDmsFMjC/s1600/2_PilihAplikasi.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBq1W8w1vIaZeaVdRC-STtPCqwB8653D2f6QYSiltY4jfFK75Nip-dFA7XS7mwXd_jlwvL3SCEpzC3uxtpBpV5ViiYWbQERNUWPGcXMaqhFJ42qayEG0dMoH8JsgSwzAldo3MYQDmsFMjC/s1600/2_PilihAplikasi.png" /></a><br /><br />Mari kita lihat contoh berikutnya:<br /><b>intent = new Intent(Intent.ACTION_CALL,<br />Uri.parse("tel:(+62)12345789"));</b><br /><br />Kode di atas akan menampilan semua aplikasi <u>yang sudah teregister</u> sebagai action Caller pada hp Android anda.<br /><br />Contoh yang lain:<br /><b>intent = new Intent(Intent.ACTION_EDIT,<br />Uri.parse("content://contacts/people/1"));</b><br />Kode di atas akan menampilan semua aplikasi <u> yang sudah teregister</u> sebagai editor untuk contact anda. Gampang kan?<br /><br />Bila ada beberapa aplikasi yang ditemukan teregister dengan ACTION yang diberikan maka semua aplikasi tersebut akan ditampilkan, pengguna bisa memilih untuk menggunakan aplikasi yang mana. Tetapi bila hanya ada 1 saja aplikasi yang ditemukan maka Android System langsung akan membuka aplikasi tersebut.<br /><br />Lanjutt...<br /><br />Eits, ada pertanyaan, <b>bagaimana cara meregister aplikasi yang kita buat supaya bisa masuk dalam kategori action tertentu??</b><br />MUDAH, baca terus sampai bawah ya,,, :)<br /><br />Ah, ada pertanyaan lagi, <b>contoh di atas hanya menampilkan Intent.ACTION_VIEW, Intent.ACTION_CALL, Intent.ACTION_EDIT, apakah ada action yang lain?? </b><br />TENTU!!<br />Coba buka – buka documentasi tentang Intent di http://developer.android.com :P<br />Buuuaanyak sekali yang bisa anda eksplorasi dari Developer Android tersebut.<br /><br /><h1><intent-filter/></h1>Tag <intent-filter/> digunakan sebagai kode untuk <b><u>meregister aplikasi</u></b> yang kita buat. Nah, disini kita bisa menambahkan action apa saja sehingga aplikasi kita nanti bisa dipanggil oleh Android system.<br /><br /><intent-filter/> ini bisa kita definisikan dalam <b>AndroidManifest.xml</b>.<br /><br />Lihat gambar 3:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioA-g0Q5PDElyw7NCx8r8B_8CvenuTqiydWW-sb8bN0HX_08ds5EYrHC80hPb5c9IPhO6QgoDcHZBI7vfS6CeR93lT9dBr2kuLTR_c8HYciH69Sh62o1HnLly00VPbW8snM3cXqymVtnYA/s1600/3_manifest.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioA-g0Q5PDElyw7NCx8r8B_8CvenuTqiydWW-sb8bN0HX_08ds5EYrHC80hPb5c9IPhO6QgoDcHZBI7vfS6CeR93lT9dBr2kuLTR_c8HYciH69Sh62o1HnLly00VPbW8snM3cXqymVtnYA/s1600/3_manifest.png" /></a><br /><br />Perhatikan, dalam AndroidManifest.xml kita di atas, saya memberikan dua (2) buah <Intent-Filter/> :)<br /><intent-filter> pertama adalah default yang sudah diberikan Android Studio.<br />Kemudian yang kedua adalah yang kita berikan sebagai register untuk ACTION_VIEW.<br /><br />Apa maksud kode di atas?? Simak terus...<br /><br />Perhatikan, di dalam intent-filter, pasti minimal ada <b>action</b> dan <b>category</b>, meskipun ada tambahkan seperti <b>data</b> pada intent-filter kedua.<br /><br />Pada intent-filter pertama, sebagai <b>action</b> adalah <b>MAIN</b>, artinya, activity tersebut merupakan point entry saat aplikasi berjalan. Jadi saat launching maka akan memanggil activity ini meskipun tidak ada input data/intent sama sekali. Mudah mengerti kan?<br /><br />Juga sebagai <b>category</b> adalah <b>LAUNCHER</b>, artinya aplikasi tersebut terdaftar dalam launcher di hanphone.<br /><br />Nah, lanjuttt,,,<br /><br /><intent-filter/> kedua kita menambahkan <b>action</b> nya adalah VIEW sedangkan <b>category</b> nya adalah DEFAULT. Hayo, coba cari sendiri di google maksudnya apa,,, :P<br /><br /><b>Data</b> disana merupakan input data yang diterima oleh activity.<br /><br /><h1>PRAKTEK memanggil Aplikasi Web Browser dari Aplikasi lain </h1>Yuk kita praktek memanggil aplikasi Metu WebBrowser yang sudah kita buat kemarin, <br />Nah, pertama kita harus membuat sebuah aplikasi baru. Aplikasi ini kita gunakan untuk memanggil aplikasi WebBrowser.<br /><br /><b><h2>A.Membuat aplikasi pemanggil</h2></b><br />Coba perhatikan susunan design dari aplikasi pemanggil yang akan kita buat seperti berikut ini:<br />Lihat gambar 4:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_th5oP1-7qyPn2anhM9GctT19Zmlq0kK7zy728GSYEpGtrAo5C_1A5X41B222Cr9L4Hs0PAYF7r_JB29rVJQs4JRWc-_x6uBLHLWtgKd3AUDVYolTsU26OXyNH0y_8SLhFbJZOcB9463/s1600/4_AplikasiPanggilDesign.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx_th5oP1-7qyPn2anhM9GctT19Zmlq0kK7zy728GSYEpGtrAo5C_1A5X41B222Cr9L4Hs0PAYF7r_JB29rVJQs4JRWc-_x6uBLHLWtgKd3AUDVYolTsU26OXyNH0y_8SLhFbJZOcB9463/s1600/4_AplikasiPanggilDesign.png" /></a><br /><br />Kita hanya akan membuat sebuah Button dan memberikan method onClick pada button tersebut.<br /><br />Hem, anda sudah tahukan cara menambahkan method onClick pada button ini? Jangan bilang kalo anda lupa bagaimana cara menambahkannya yaa... :P<br />Bila betul – betul lupa, coba lihat tutorial PART 1.<br /><br />Lanjut....<br /><br />Method yang kita tambahkan adalah sebagai berikut,<br />Lihat gambar 5:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDRlC63CXyveW7N8f0i2gc-BxC4w9vth0Hk_4DwKF04WYolwnVy961BFFr0gNTG6_R5YbGFWFFoTb4OrQqqlBUPvU87lsw6lPI69KGQfxQZPqs6AdDuco5Nd79EcLW-gSamVXcHmPde8IJ/s1600/5_methodBuka.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDRlC63CXyveW7N8f0i2gc-BxC4w9vth0Hk_4DwKF04WYolwnVy961BFFr0gNTG6_R5YbGFWFFoTb4OrQqqlBUPvU87lsw6lPI69KGQfxQZPqs6AdDuco5Nd79EcLW-gSamVXcHmPde8IJ/s1600/5_methodBuka.png" /></a><br /><br />Itu adalah method yang kita gunakan sebagai event pada button. Sudah tahu kan dimana method tersebut harus diletakkan?? :)<br /><br />Lihat, kita menggunakan kode:<br /><b>Intent intent = new Intent(Intent.ACTION_VIEW,Uri.parse(”http://www.mediatutorial.web.id));</b><br /><br />Kita akan mencari semuaaaaaa aplikasi yang teregister sebagai ACTION_VIEW dan mengirimkan data berupa Uri diatas. Mudah bukan??<br /><br />Lanjutt...<br /><br /><b><h2>Memodifikasi MetuWebBrowser</h2></b><br />Sekarang, kita akan membuka project membuat Browser kita yang kemarin. Bila belum pernah buka/praktek, bisa dilihat di sini -> <a href="””"></a>.<br /><br />OK, buka project Web Browser kita, pertama yang harus dilakukan adalah me-register Aplikasi Web Browser kita ke Android System. Untuk meregister, kita bisa menambahkan <inten-filter/> tag ke dalam <b>AndroidManifest.xml</b><br />Lihat kode dibawah,<br /><br />Lihat gambar 6:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFERTAFgqEgAJTPfW3DeOXobjf_hcav8MGCUeOy29VOzeZ1A_5Qrm6zi3qaYlTAQiMNk8fI4iEjh8koMQNGvbN5tjLtMefwq_ZEtpOp7a1_I11lwkNIIxCS1hEqI0mgSyK34pycaXyscRy/s1600/6_AndroidManifest.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFERTAFgqEgAJTPfW3DeOXobjf_hcav8MGCUeOy29VOzeZ1A_5Qrm6zi3qaYlTAQiMNk8fI4iEjh8koMQNGvbN5tjLtMefwq_ZEtpOp7a1_I11lwkNIIxCS1hEqI0mgSyK34pycaXyscRy/s1600/6_AndroidManifest.png" /></a><br /><br />Anda bisa lihat, kita menambahkan <intent-filter> <b>action</b>, <b>category</b>, sekaligus <b>data</b>. Tiga (3) hal ini sudah kita bahas di atas.<br /><br />Mudah bukan??? Kode di atas digunakan untuk meregister aplikasi MetuWebBrowser ke dalam Android system.<br /><br />Yang kedua, adalah kita akan menambahkan beberapa baris kode, agar MetuWebBrowser kita ini bisa <u>menangkap Intent</u> yang dikirimkan oleh aplikasi pemanggil.<br /><br />Nah, untuk menambahkannya, kita bisa sedikit otak – atik method onCreate() dalam class MainActivity.java, lihat kode berikut,<br />Lihat gambar 7:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAdXR8jzSRFGn8LOUGneAuWlplN9YuEzWYRN6uGRIAdlx3N0N4HXzsIdJ4cOS5tAWZKi4dNgFup_sDLT-z_5AQdsZq7T-naPtSLVbAEWiB3qiv85VBD1jJ-bHZYys59SqhVTL-iNP8jJ92/s1600/7_menangkapIntent.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAdXR8jzSRFGn8LOUGneAuWlplN9YuEzWYRN6uGRIAdlx3N0N4HXzsIdJ4cOS5tAWZKi4dNgFup_sDLT-z_5AQdsZq7T-naPtSLVbAEWiB3qiv85VBD1jJ-bHZYys59SqhVTL-iNP8jJ92/s1600/7_menangkapIntent.png" /></a><br /><br />Cobalah membaca kode diatas, mudah bukan membacanya??<br /><br />Mari kita bahas,<br /><br />Intinya adalah kita menangkap intent yang dikirim kemudian memasukkannya ke dalam variabel ‘data’. Variabel ‘data’ itu sendiri merupakan object Uri.<br /><br />INGAT, DISINI kita menggunakan object Uri. Bukan String :)<br /><br />Nah, kita juga akan membuat object url.<br />Anda bisa lihat, url yang kita tangkap kemudian dijadikan string dengan method <b>toString();</b><br /><br />Kemudian baru kita masukkan ke dalam method <b>loadUrl()</b>.<br /><br />Perhatikan kode <b>url = new URL(data.getScheme(), data.getHost(),data.getPath());</b><br />Coba bila belum tahu, cari saja di google, apa maksud getScheme(), getHost(), getPath() :)<br /><br />Ah, ada pertanyaan, method <b>loadUrl()</b> pada object <b>webBrowserKu</b> memiliki parameter yang HARUS bertipe <b>String</b>,lihat kode,<br /><br /><b>webBrowserKu.loadUrl(<string>);</b><br /><br />Bisakah kita langsung menangkap Intent kemudian langsung memasukkan kedalam parameter untuk loadUrl() yang bertipe string seperti kode berikut?<br /><br />Lihat gambar 8:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtWMlXNccKcpzZm7WKSwOFwFrp9Vlb6sdRNYTB-pd13bowSerMMHpC6R68_FIUj8m1AIyhzv9v4-lBGJZgDmOMDSl49j5CdDhbyST2uXVHQho95ja6tSuRmN52d8sni7SdSiVFX7D0De7Y/s1600/8_PakaiIniJugaBisa.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtWMlXNccKcpzZm7WKSwOFwFrp9Vlb6sdRNYTB-pd13bowSerMMHpC6R68_FIUj8m1AIyhzv9v4-lBGJZgDmOMDSl49j5CdDhbyST2uXVHQho95ja6tSuRmN52d8sni7SdSiVFX7D0De7Y/s1600/8_PakaiIniJugaBisa.png" /></a><br /><br /><b><br />Ya, tentu bisa :)</b> Semua tergantung kreatifitas kita kan,,,<br /><br />OK, dua kode baris terakhir hanya menset supaya EditText sebagai address bertuliskan sama dengan url halaman website yang dibuka.<br />Mudah bukan???<br /><br />Nah, sekarang cobalah running aplikasi pemanggil anda, dan lihat, pasti nanti akan muncul pilihan WebBrowser yang bisa anda pilih, salah satunya adalah MetuWebBrowser yang sudah kita modifikasi tadi.<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjVsfNGQ0SLtqi4LoYl78AU76W84Cege8i4Z5VpVBq4_ZQa19rNqFmPTmViAjRMY2gcdc4S9bXZ98cySf0s9N5x01RbQwma3pCi_hbYLu8oAzowK77vpidG_F80QC2Dy84P0a0bUkCDrEM/s1600/ScreenshotMemanggilAplikasiLain.gif" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjVsfNGQ0SLtqi4LoYl78AU76W84Cege8i4Z5VpVBq4_ZQa19rNqFmPTmViAjRMY2gcdc4S9bXZ98cySf0s9N5x01RbQwma3pCi_hbYLu8oAzowK77vpidG_F80QC2Dy84P0a0bUkCDrEM/s1600/ScreenshotMemanggilAplikasiLain.gif" /></a><br /><br />Mudah – mudahan bermanfaat, <br />Salam<br /><br /><b>PART YANG LAIN:</b><br /><a href="http://www.mediatutorial.web.id/2015/02/praktek-mengirim-data-antar-activity.html">Part 1: Mengirim Data ke Activity Tertentu dan Menampilkannya</a><br />Part 2: Memanggil Activity Aplikasi Tertentu dari Aplikasi kita (halaman ini)<br />Part 3: Mengirim Data ke Activity Pada Aplikasi Lain dan Menampilkannya (SILAHKAN ANDA KERJAKAN SENDIRI)<br />===================<br /><b>DAFTAR CODE</b><br /><h1>Metu WebBrowser</h1>activity_main.xml<br /><script src="http://pastebin.com/embed_js.php?i=cWWm9p0p"></script><br /><br />MainActivity.java<br /><script src="http://pastebin.com/embed_js.php?i=yxY7CNQD"></script><br /><br /><h1>Aplikasi Pemanggil</h1>Activity_main.xml<br /><script src="http://pastebin.com/embed_js.php?i=K4T2zUUB"></script><br /><br />MainActivity.java<br /><script src="http://pastebin.com/embed_js.php?i=PDCJC951"></script><br /><br /><br /></div></p>

Part 2: Praktek memanggil aplikasi yang sudah kita buat (MetuWebBrowser) dari aplikasi kita dengan implicit Intent. Masih ingatkan anda tut...

ANDROID 7: Membuat Web Browser untuk Android

<p><style>#vid_2240377865387820257{display:none;}#txt_2240377865387820257{display:block;}</style><br />Tutorial membuat Web Browser pada Andoid ini juga kita integrasikan dengan <a href="”http://www.mediatutorial.web.id/2015/02/praktek-mengirim-data-antar-activity.html”">tutorial Part 1: Mengenal Intent dan Kegunaannya (Praktek Interaksi antar Activity dalam satu aplikasi)</a> dan part – part berikutnya.<br /><br />Web Browser apa yang anda gunakan untuk browsing web di Android? Opera, Firefox, Chrome ataukah Browser bawaan Android? Yang pasti bukan IE :P,<br /><br />Nah, anda bisa membuat sendiri web browser untuk Android. Selain bisa meng-koding dengan skill kita sendiri, Android API pun menyediakan komponen yang bisa kita gunakan untuk berkreasi membuat Web Browser, yaitu WebView Component. Kita akan membahas tentang WebView ini dan praktek membuat aplikasi Web Browser sederhana, dan anda harus mengembangkannya sendiri. :)<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3mYFyVLxxv-TOjUV3mERmubAeL0FZXDR6l7__uais1q_X9ayE9cMZOunjKDLcmIGJDjWMYnTOyTFxjdwBvBqi_zZ1lEbgcTk7ytLEdst9Hbq_Ii9JYQFDwkbG5Fi-f1loFXSMdKghmBDm/s1600/ScreenshotMembuatWebBrowser1.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3mYFyVLxxv-TOjUV3mERmubAeL0FZXDR6l7__uais1q_X9ayE9cMZOunjKDLcmIGJDjWMYnTOyTFxjdwBvBqi_zZ1lEbgcTk7ytLEdst9Hbq_Ii9JYQFDwkbG5Fi-f1loFXSMdKghmBDm/s1600/ScreenshotMembuatWebBrowser1.png" /></a><br /><br /><a name="more"></a> <br /><div style="clear:both;">Bila anda menggunakan Android Studio seperti yang saya gunakan, anda bisa melihat komponen WebView pada Pallete Window.<br />Lihat gambar 1:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJYksUmSXAvIHhLPkxlG-smRlkAxId_68FBN3QjeDPlkm_mCwog0O4VcE7TJKekGmT19SSywjis068W1f0hBLQZlJIRISbtpbqo_VY1qmoCM9HDGeIRZD3bDTEVqYLVrZNK7baog_W5Dcq/s1600/1_KOmponenWebView.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJYksUmSXAvIHhLPkxlG-smRlkAxId_68FBN3QjeDPlkm_mCwog0O4VcE7TJKekGmT19SSywjis068W1f0hBLQZlJIRISbtpbqo_VY1qmoCM9HDGeIRZD3bDTEVqYLVrZNK7baog_W5Dcq/s1600/1_KOmponenWebView.png" /></a><br /><br />Untuk menambahkan komponen ini pada Aplikasi yang anda buat, tinggal drag and drop saja pada tab design. Mudah bukan?<br /><br />Nah, pada project kali ini saya menambahkan beberapa komponen yang kita gunakan untuk membuat Web Browser ini, yaitu:<br />-Komponen <b>EditText</b> dengan id <b>urlTxt</b>, -> digunakan untuk mengetikkan alamat url web yang ingin dibuka.<br />-Komponen <b>Button</b> dengan id <b>btnGo</b>, -> digunakan untuk membuka alamat url.<br />-Komponen <b>WebView</b> dengan id <b>myWebView</b>, -> digunakan untuk menampilkan halaman web yang akan dibuka.<br /><br />Tampilan design kita seperti terlihat pada gambar dibawah ini, silahkan color/warna anda berikan sendiri dari Properties Window yang ada di Android Studio. Mudah bukan? Anda bisa memberi background color sendiri kan?<br />Lihat gambar 2:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1VEiXic4_ACsco3FvlGYBf-Up4r259QpX8jcO7bkD-HRJcrzNSUGQw3tFWl37j2zlpz8mk1DPomz4CUt6Zf2mkhRabeyx5FeWkYNMV11ZeBmiY58T5jiZTym3nREKVH9QMsckN_oQBe3V/s1600/2_designWebBrowser.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1VEiXic4_ACsco3FvlGYBf-Up4r259QpX8jcO7bkD-HRJcrzNSUGQw3tFWl37j2zlpz8mk1DPomz4CUt6Zf2mkhRabeyx5FeWkYNMV11ZeBmiY58T5jiZTym3nREKVH9QMsckN_oQBe3V/s1600/2_designWebBrowser.png" /></a><br /><br />Supaya lebih rapi, saya menggunakan Linear Layout (Horizontal) untuk meletakkan komponen EditText dan komponen Button. Yang belum tahu linear layout (horizontal) silahkan browsing di Google :P<br /><br />Setelah kita menata sedemikan rupa komponen – komponen kita, saatnya kita memberikan method onclick pada komponen Button yang sudah kita berikan id btnGo tadi. Anda sudah tahu caranya kan?<br /><br />Yup, tinggal berikan method pada properties window. Nah, disini saya berikan saja method <b>gotoUrl</b>.<br />Lihat gambar 3:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixzGGtf-2msIv45fade7TNpqEfYxoHcagOWbIe4qLy1zfWsVAbuFB8mXALZFTFMD4PvsUui-eH8GM6LN4_aL1BOgnVDlgrlqNE_xX0bMT1Binmd7M9XEuX1BZO_KiOXoWx4YsGVwJLGiGR/s1600/3_PropertiesWindow.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixzGGtf-2msIv45fade7TNpqEfYxoHcagOWbIe4qLy1zfWsVAbuFB8mXALZFTFMD4PvsUui-eH8GM6LN4_aL1BOgnVDlgrlqNE_xX0bMT1Binmd7M9XEuX1BZO_KiOXoWx4YsGVwJLGiGR/s1600/3_PropertiesWindow.png" /></a><br /><br />Nah, saya yakin, bila sudah familiar dengan Android Studio bisa langsung membuat method yang belum ada ke MainActivity.java kita. Ingat, onclick adalah merujuk pada method yang kita masukan, bila method tidak ditemukan maka Android Studio secara otomatis akan menginformasikan kepada kita bahwa method belum ada. Silahkan pilih option untuk membuat method baru dari gambar bola lampu yang muncul :P , hayo masihkan anda ingat kode xml ini di tab apa?? :P<br />Lihat gambar 4:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3jcFrHdr5Pe6lMo2JR9SbU-XlQjnfjKKd4yqmE1ZnyLlJ46iOeprY36OIZVqHshySvO3JMOlwBBQ0L4f_O4nt2X_eyb7_lkujQDkU6KErWatcTbqEZGsJfyGgNjentX9OjYmH5O6vrk7j/s1600/4_createMethodBolaLampu.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3jcFrHdr5Pe6lMo2JR9SbU-XlQjnfjKKd4yqmE1ZnyLlJ46iOeprY36OIZVqHshySvO3JMOlwBBQ0L4f_O4nt2X_eyb7_lkujQDkU6KErWatcTbqEZGsJfyGgNjentX9OjYmH5O6vrk7j/s1600/4_createMethodBolaLampu.png" /></a><br /><br />Ok, Android Studio akan membuat method <b>gotoUrl(View view){}</b> secara otomatis di MainActivity.java, nah, sekarang sementara biarkan method ini, yuk kita lihat dulu ke method lain,,,<br /><br />Coba perhatikan MainActivity.java , ini adalah satu – satu nya Activity pada project kita. Yuk, kita tambahkan variable , <br />Lihat gambar 5:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD3bEEynpRXrzoDD-r2FBSIe7pTsuVhLQe5sVtiFxI3NgM-ShMjPW7HvlYxWmLMK0hdh3hJSF0B9xWQLczoa76wf24oqN5uKE8y_Kda1FrCQ5QNa4H4e5wWXXGqXXrXghzxB_HqyqGUXvZ/s1600/5_tambahvariable.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD3bEEynpRXrzoDD-r2FBSIe7pTsuVhLQe5sVtiFxI3NgM-ShMjPW7HvlYxWmLMK0hdh3hJSF0B9xWQLczoa76wf24oqN5uKE8y_Kda1FrCQ5QNa4H4e5wWXXGqXXrXghzxB_HqyqGUXvZ/s1600/5_tambahvariable.png" /></a><br /><br />Perhatikan, saya membuat sebuah variable <b>theUrl</b> yang bertipe <b>String</b>. Variable inilah yang nantinya kita gunakan untuk menampung url yang dimasukkan dari komponent EditText yang sudah kita beri id <b>urlTxt</b> tadi.<br /><br />Nah, berikutnya saya membuat sebuah object dengan nama <b>webBrowserKu</b> yang merupakan tipe dari <b>WebView</b>.<br /><br />Loh, ada pertanyaan, apa mau bikin komponen WebView lagi??? :P <br /><br />Bukan, simak terus nanti dibawah,<br /><br />Sekarang, yuk kita lihat method <b>onCreate()</b>, ini adalah method yang di panggil saat Android App kita terloading. Nah, kita tambahkan kodenya seperti berikut ini,<br />Lihat gambar 6:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgej8Wflk4Gp-qh2KIrIuhpxj8n5EMfLbg2Wl_d5vmf_kEyuKBunM1blfTwHZnCF_0e41mC8Ncft664BZtSfeWsnmv4mBz6SOCwHFxrtpmSXr6jo6S2UOP8Njc4KxOWcrS9pMjpmnYM8zhp/s1600/6_methodonCreate.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgej8Wflk4Gp-qh2KIrIuhpxj8n5EMfLbg2Wl_d5vmf_kEyuKBunM1blfTwHZnCF_0e41mC8Ncft664BZtSfeWsnmv4mBz6SOCwHFxrtpmSXr6jo6S2UOP8Njc4KxOWcrS9pMjpmnYM8zhp/s1600/6_methodonCreate.png" /></a><br /><br />Perhatikan kode:<br /><b>webBrowserKu = (WebView)findViewById(R.id.<i>myWebView</i>);</b><br /><br />Nah, itulah apa yang akan kita lakukan pada object <b>webBrowserKu</b> yang baru saja kita buat tadi. Object tersebut kita assign dengan komponen <b>myWebView</b>. Bisa dimengerti? Bila belum mengerti, coba stop sampai disini dan amati kembali :)<br /><br />Lajuttt...<br /><br />Ehm, ada sedikit kelemahan dari komponen <b>WebView</b> , mudah – mudahan di Android API yang akan datang kelemahan ini bisa ditambal. <i>Saat tutorial ini ditulis, saya menggunakan Android API 21 dentan minSdk API 15. </i><br /><br />Kelemahannya adalah, ketika ada sebuah link dari website yang sudah kita buka, kemudian kita membuka link tersebut, maka link tidak membuka di WebView kita, melainkan akan memanggil aplikasi Web Browser default pada Android System anda. Maka dari itu untuk mensiasatinya, kita menggunakan kode yang kedua:<br /><br /><b>webBrowserKu.setWebViewClient(new WebViewClient());</b><br /><br />Mudah bukan?<br /><br />Bukan hanya itu saja, secara default, komponen <b>WebView</b> men-disable Javascript, maka dari itu, kita pun harus meng-enable Javascript tersebut dengan kode berikutnya:<br /><br /><b>WebSettings theWebSetting = webBrowserKu.getSettings();<br />theWebSetting.setJavaScriptEnabled(true);</b><br /><br />Ada kesulitan sampai disini?<br />Lanjutttt....<br /><br />Kita akan melihat kode method <b>gotoUrl(){}</b> yang baru saja kita buat tadi, perhatikan gambar,<br />Lihat gambar 7:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmOr6ocKoyFI6KprgWiY_Ow-O6v7cIz7r9rjWWrnOPgnz8aegf-GuJJHrtzwHxMw9v_1tYDJSxHnjhxgunBVAH5y4VoAvpW3UAHfd65u8ZeaEkOcmGfKCpYzoZ0WdSDnUY-UUM4I8MPts6/s1600/7_gotoUrl.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmOr6ocKoyFI6KprgWiY_Ow-O6v7cIz7r9rjWWrnOPgnz8aegf-GuJJHrtzwHxMw9v_1tYDJSxHnjhxgunBVAH5y4VoAvpW3UAHfd65u8ZeaEkOcmGfKCpYzoZ0WdSDnUY-UUM4I8MPts6/s1600/7_gotoUrl.png" /></a><br /><br />Intinya, kita akan membuat object <b>EditText</b> yang diberi nama <b>theEditText</b> kemudian mengambil value dari komponen <b>EditText</b> yang kita beri nama <b>urlTxt</b> tadi. Kemudian kita memanggil salah satu method dari object webBrowserKu yaitu method <b>loadUrl</b>. Nah, sampai disini bisa diikuti kan? Yes, kita sudah selesai membuat browser sendiri untuk Android, silahkan run atau debug pada Emulation anda.<br /><br />Sebetulnya, komponen WebView memiliki banyak sekali method dan properties nya, anda bisa melihat documentasi dari Class WebView pada http://developer.android.com/docs/reference/android/webkit/WebView.html<br /><br />Meskipun memiliki banyak sekali method dan properties yang membantu kita, namun hanya beberapa saja yang akan saya gunakan di tutorial ini, yaitu:<br /><br />loadUrl();<br />reload();<br />stopLoading();<br />goBack();<br />goForward();<br /><br />untuk pengembangan selanjutnya, silahkan anda coba sendiri :)<br /><br />Cukupkah sampai disini? <br /><br />Belum, kita harus memberikan permission kepada aplikasi kita supaya diizinkan oleh Android System untuk konek ke Internet, kita menambahkan permission nya pada <b>AndroidManifest.xml</b>, perhatikan kode di bawah,,,<br /><br />Lihat gambar 8:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8SxiXBIzfmrbV2OpG9-gPDAu2BaZ8LrkrXKJ0P1Lq0Ld9HhtTHAu_5-0FnNuGyFOTMpXvb33VWIwWNRYpY8ExAjp6tGUqU8aEXY4yHWzgNgKNE0GQ_vjK79rhoNFjoftZgYOHR08cvJn0/s1600/8_manifest.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8SxiXBIzfmrbV2OpG9-gPDAu2BaZ8LrkrXKJ0P1Lq0Ld9HhtTHAu_5-0FnNuGyFOTMpXvb33VWIwWNRYpY8ExAjp6tGUqU8aEXY4yHWzgNgKNE0GQ_vjK79rhoNFjoftZgYOHR08cvJn0/s1600/8_manifest.png" /></a><br /><br />Nah, adakah yang belum tahu kegunaan <b>AndroidManifest.xml</b>? Bila ada yang belum tahu, silahkan browsing :P<br /><br />Terakhir, yuk kita berikan menu,,, menu ini kita tambahkan pada <b>ActionBar</b>. Anda sudah tahu kan tentang ActionBar??? :P bila belum, silahkan browsing di Google :P<br /><br />Kita akan menambahkan menu untuk Refresh, Stop, Back dan Forward serta menu ini kita letakkan di ActionBar. Untuk membuatnya sangat mudah, silahkan buka <b>menu_main.xml</b> yang sudah otomatis tersedia di struktur folder Android Project anda.<br />Lihat gambar 9:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrcTFuEsBrJGi8-UuA6ioox-d8UsCPYgavTZENmorFRQb4Qs8pnf7wLVMr_rigxr7VG9LfCUkWV1rbWQbLo7xT9fl21RlgevhZSpOs-jNH7EFAItmWkJKc89DUtviSwe3A5NfH_FSFNo0/s1600/9_menu_main.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrcTFuEsBrJGi8-UuA6ioox-d8UsCPYgavTZENmorFRQb4Qs8pnf7wLVMr_rigxr7VG9LfCUkWV1rbWQbLo7xT9fl21RlgevhZSpOs-jNH7EFAItmWkJKc89DUtviSwe3A5NfH_FSFNo0/s1600/9_menu_main.png" /></a><br /><br />Sekarang, buka <b>menu_main.xml</b> dan tambahkan beberapa kodenya seperti berikut,<br />Lihat gambar 10:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhVtRQF7NbbUwe9jR9URAnIb0YaP1hhgpdXoyBOAju_ev2c0WKHLmdkhqVknX30BiyuH931WVEZdCHVFy4wUstA8FXEslhJthizmnCJwKKas8_9ADO38msA8E-TxOwruGZJrMO0YDpcjf/s1600/10_menu_main.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhVtRQF7NbbUwe9jR9URAnIb0YaP1hhgpdXoyBOAju_ev2c0WKHLmdkhqVknX30BiyuH931WVEZdCHVFy4wUstA8FXEslhJthizmnCJwKKas8_9ADO38msA8E-TxOwruGZJrMO0YDpcjf/s1600/10_menu_main.png" /></a><br /><br />Mudah bukan cara menambahkannya, hanya tinggal menambahkan <item/> saja kan, nah, pada setiap item kode xml tersebut, saya hanya menambahkan id, title, dan onClick.<br /><br />Sebetulnya, untuk hal ini, id tidak penting, yang penting adalah title dan onClick. Title nanti akan muncul pada menu, sedangkan onClick adalah method yang dipanggil saat menu tersebut dipilih.<br /><br />Eits, jangan senang dulu karena bikin menu nya sangat amat mudah sekali, coba arahkan mouse anda pada onClick value di setiap item, nah,,, bisa keliatan errornya kan??<br />Lihat gambar 11:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuu3Oi3CfAr_sohQ7TWN3yEYIZSIMtWpOTazE0R3aq6SDoxwU3VlfplBokKECp7nUr4Tne-GHOL42LdTp4EGN3gl2fkreTHdwEVjo-o43BPlV7SQfGr-HSY3D34Wjke0JJuHU8ngF5nb51/s1600/11_menu_main.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuu3Oi3CfAr_sohQ7TWN3yEYIZSIMtWpOTazE0R3aq6SDoxwU3VlfplBokKECp7nUr4Tne-GHOL42LdTp4EGN3gl2fkreTHdwEVjo-o43BPlV7SQfGr-HSY3D34Wjke0JJuHU8ngF5nb51/s1600/11_menu_main.png" /></a><br /><br />Inti dari problem adalah bahwa, method yang dipanggil saat onClik belum kita buat di MainActivity.java, cobalah membuat method secara otomatis dengan mengarahkan mouse pada gambar bola lampu tersebut, bisa kan anda membuat method nya??? :P<br /><br />//break :)<br /><br />Bila anda cukup pinter, pasti untuk membuat method pada setiap item bisa dilakukan dengan mudah...<br /><br />Nah, sekarang buka MainActivity.java, dan lengkapilah method anda dengan mengetikan kode seperti berikut ini,<br />Lihat gambar 12:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-RnJg-dNdR-NY-7JWxUDt6FUz8zT5cM2YeL9-SlDeyLR4DFQNEOnpOgCFf60a9pSasJXCcGo5FhJnniC98_iazV3hvKxYA2GyaRt9jQY-lB3-twixifj2SAPzwTJOoN8t-d3hLARrtLha/s1600/12_menu_main.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-RnJg-dNdR-NY-7JWxUDt6FUz8zT5cM2YeL9-SlDeyLR4DFQNEOnpOgCFf60a9pSasJXCcGo5FhJnniC98_iazV3hvKxYA2GyaRt9jQY-lB3-twixifj2SAPzwTJOoN8t-d3hLARrtLha/s1600/12_menu_main.png" /></a><br /><br />Perhatikan kodenya, mudah bukan??? Yup, tutorial ini memang dibuat sedemikian mudahnya untuk dimengerti... :)<br />Ok, sekarang cobalah run kode anda dan bereksperimen lah.<br />Semoga bermanfaat,<br /><br />Salam,<br /><br />Hasil akhir, lihat gambar 13:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPSLtvI8v42sYRGkawFlRP-5nOY3aZD9nxVh3tBYGbGEuNbyvknhrJWBP3G56M4nz1c7MDHPxtxkLfjAOLM4F_1JPUPPVnszAXmgm0kqxBeRDg5VV0sGfe77RvEEWCc2xlFSHUk0z8xL7o/s1600/13_screenshotakhir.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPSLtvI8v42sYRGkawFlRP-5nOY3aZD9nxVh3tBYGbGEuNbyvknhrJWBP3G56M4nz1c7MDHPxtxkLfjAOLM4F_1JPUPPVnszAXmgm0kqxBeRDg5VV0sGfe77RvEEWCc2xlFSHUk0z8xL7o/s1600/13_screenshotakhir.png" /></a><br /><br /><b>KODE – KODE LENGKAP:</b><br /><b>MainActivity.java</b><br /><script src="http://pastebin.com/embed_js.php?i=pgrYcXmT"></script><br /><br /><b>AndroidManifest.xml</b><br /><script src="http://pastebin.com/embed_js.php?i=37YcJ2Nt"></script><br /><br /><b>menu_main.xml</b><br /><script src="http://pastebin.com/embed_js.php?i=2J40e78N"></script><br /><br /><b>activity_main.xml </b><br /><script src="http://pastebin.com/embed_js.php?i=tBWaqkhE"></script><br /><br /></div></p>

Tutorial membuat Web Browser pada Andoid ini juga kita integrasikan dengan tutorial Part 1: Mengenal Intent dan Kegunaannya (Praktek Intera...

ANDROID NO.6: Mengenal Intent dan Kegunaannya (Praktek Mengirim Data Antar Activity dalam Satu Aplikasi)

<p>Part 1: Praktek Mengirim Data Antar Activity dalam Satu Aplikasi<br /><style>#vid_769228478131652583{display:none;}#txt_769228478131652583{display:block;}</style><br />Seberapa seringkah anda menggunakan <b>Intent</b>? Saya yakin untuk anda yang berkecipung dengan Android Programming sudah sangat familiar bahkan akrab di luar kepala, tapi bagi para pemula memahami <b>Intent</b> sangat lah tidak mudah :P<br /><br /><b>Intent</b> ini biasanya digunakan untuk interaksi antar komponen pada sistem operasi Android. Ingat, antar komponen. Nah, maka pada tutorial ini kita akan membahas tentang <b>Intent</b> dan kegunaannya.<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkr2eeeLJbkytrAqqg8v3CQGBniX9u7UrvWNaUvbCSkloh-sgOSxV5ickP7Y4F93PhPaGujmaaWC42eGkxPFEfTOvFcVxjOi_kuj5P8ulUxPzgNb-BlMKLSvY5jNuDRC8siHfdPH1wNCV8/s1600/Screenshot-Intent.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkr2eeeLJbkytrAqqg8v3CQGBniX9u7UrvWNaUvbCSkloh-sgOSxV5ickP7Y4F93PhPaGujmaaWC42eGkxPFEfTOvFcVxjOi_kuj5P8ulUxPzgNb-BlMKLSvY5jNuDRC8siHfdPH1wNCV8/s320/Screenshot-Intent.png" /></a><br /><br /><a name="more"></a> <div style="clear:both;">Intent merupakan object dari package android.content. Intent ini bisa kita gunakan sebagai jembatan interaksi antar komponen dalam system operasi Android. Anda bisa lihat pada screenshot di atas. <br /><br />Jembatan gimana maksudnya? Kalo dalam bahasa pemrograman banyak yang menyebut “runtime binding” antar komponen atau “messaging object” antar komponen. Intent ini banyak sekali manfaat untuk kita, tapi kebanyakan digunakan untuk interaksi antar “activity” dalam satu aplikasi maupun interaksi antar “activity” antar beberapa aplikasi. Hebat kan?<br /><br />Anda sudah tahu tentang “activity” bukan?<br /><br />Mari kita bayangkan anda adalah seorang programmer Android hebat, kemudian anda membuat sebuah aplikasi Email. Nah, dalam aplikasi tersebut kita bisa membuat beberapa activity untuk proses masing – masing, seperti:<br /><br /><b>ActivityInbox</b> -> untuk meloading email – email yang masuk,<br /><b>ActivityCompose</b> -> untuk meloading halaman menulis email,<br /><b>ActivitySuccess</b> -> untuk menampilkan halaman sukses kirim email,<br /><b>ActivitySent</b> -> untuk meloading halaman email terkirim,<br /><br />Nah, bayangkan cukup empat (4) buah activity itu saja. Bila anda ingin interaksi antar activity tersebut, anda bisa menggunakan Intent :) . Ini baru interaksi antar activity dalam satu aplikasi lho, belum interaksi antar activity antar aplikasi yang berbeda.<br /><br />Gampang kan membayangkannya? Membuat nya juga gampang bila anda sudah familiar dengan intent.<br /><br />Mari lanjut...<br /><br />Setelah itu, anda bisa membuat aplikasi lain, misalnya aplikasi PHOTO VIEWER. Nah, dalam aplikasi PHOTO VIEWER ini anda bisa memberikan fasilitas berbagi photo, salah satunya berbagi melalui email. Ketika pengguna menekan tombol berbagi melalui email, maka aplikasi PHOTO VIEWER memanggil salah satu activity dari aplikasi email kita tadi, tentu saja juga menggunakan Intent. Hebatkan? Memanggil activity aplikasi tertentu dari aplikasi lain dengan Intent.<br /><br />Nah, inilah hebatnya Intent :)<br /><br />Sebetulnya, Intent tidak hanya digunakan untuk hal – hal yang berhubungan dengan interaksi activity, tapi juga interaksi dengan ‘service’ dan ‘broadcast’.<br /><br />SELAIN ITU, intent bisa kita gunakan sebagai tempat membawa beberapa data yang akan kita kirimkan ke komponen lain. Cool...<br /><br />Untuk mengetahui lebih detail tentang Intent, bisa anda lihat dan baca di http://developers.android.com/docs/guide/components/intents-filters.html<br /><br />Nah, bila anda baca document di atas, anda bisa mengetahui bahwa type intent itu ada dua, yaitu explisit intent dan implicit intent. Kalo kita memanggil sebuah komponen dengan dengan memberikan nama komponen yang dipanggil berarti metode ini disebut explisit intent, begitu juga sebaliknya.<br /><br />Mari lanjutt....<br /><br />Saat Intent ingin memanggil sebuah Activity atau service, pasti Intent ini dilengkapi dengan parameter yang dibawa. Parameter yang dimaksud adalah sebagai berikut:<br />1.Component Name<br />2.Action<br />3.Data<br />4.Category<br />5.Extras<br />6.Flags<br /><br />Detail tentang parameter tersebut silahkan baca dokumentasi nya developer.android.com<br /><br />Guna memperjelas kegunaan Intent, mari kita praktek beberapa simple aplikasi:<br />a.Mengirim Data ke Activity Tertentu dan Menampilkannya (Part 1, halaman ini)<br />b.Mengirim Data ke Activity Pada Aplikasi Lain dan Menampilkannya (Part 2, belum)<br />c.Memanggil Activity Aplikasi Tertentu dari Aplikasi kita (Part 3, belum)<br /><br /><b>Mari kita mulai praktek :)</b><br /><b>a. Mengirim Data ke Activity Tertentu dan Menampilkannya</b><br /><br />Ket: Saya menggunakan Android Studio IDE, bila anda menggunakan IDE lain silahkan menyesuaikan.<br /><br />Kita akan membuat project untuk mengirim data dari suatu activity ke activity yang lain, nah, setidaknya kita di sini akan membuat 2 (dua) buah activity, yaitu MainActivity dan DisplayActivity.<br /><br /><blockquote>Ingat, saat membuat DisplayActivity, pastikan parent dari DisplayActivity adalah MainActivity.<br /><br />Kenapa demikian?<br /><br />Dengan menambahkan parent activity, maka nanti akan ada tombol up , yang bisa mengarah ke activity sebelumnya (ativity atasnya), lihat screenshot final di halaman bawah ini. :)<br /><br />Lihat gambar parent activity:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXBjpN59axDM_avKQR7JabbezsdRffXAiFISgutrmS4nAawmic143dc_Bt9QvUiNm8CnRP0eQzQw7PVNzP0vV1HGN2PmGqV5U_1C1kaZupPE2h-4tYXbWsHHLgHoFPpZgTzzheQ9ftWIgn/s1600/0_parent.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXBjpN59axDM_avKQR7JabbezsdRffXAiFISgutrmS4nAawmic143dc_Bt9QvUiNm8CnRP0eQzQw7PVNzP0vV1HGN2PmGqV5U_1C1kaZupPE2h-4tYXbWsHHLgHoFPpZgTzzheQ9ftWIgn/s1600/0_parent.png" /></a><br /><br /><i>Anda pun bisa melihat raw code pada AndroidManifest.xml nya.</i><br /></blockquote><br />Sudahkah anda mengenal activity? :) bila belum tahu apa itu activity, coba browsing atau buka – buka tutorial sebelumnya tentang activity.<br /><br />Yup, activity ini beda dengan Class lho, anda bisa membuat activity kan? Nah, di sini saya menggunakan Android Studio, official IDE dari Google untuk Android. Perhatikan activity yang telah saya buat.<br />Lihat gambar 1:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLAEdqSL8aA5Pjo_MY_fdz3UsF-VBT7SUGeRll_ux_EFzWlkkp4DKAaW-iJ8y1ltuXqTJmB5wMmC_lDLPUpC3ITX9bUnfxsfkSf0SWBQZmBbBLFcdyX5ZRFMICadmowUcb2yGu64q1c8VH/s1600/1_dua_activity.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLAEdqSL8aA5Pjo_MY_fdz3UsF-VBT7SUGeRll_ux_EFzWlkkp4DKAaW-iJ8y1ltuXqTJmB5wMmC_lDLPUpC3ITX9bUnfxsfkSf0SWBQZmBbBLFcdyX5ZRFMICadmowUcb2yGu64q1c8VH/s1600/1_dua_activity.png" /></a><br /><br />Tahukah anda apa bedanya Activity dengan Class biasa? :P<br /><br />Yup, selain Activity membuat beberapa method secara otomatis, nih object juga membuat layout xml secara otomatis pula :)<br />Lihat gambar 2:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mlRh-vVELUQEF5cDMnJ7yPEVP3Hyq0JPyQmJXCr6iwDLJZn1GY7jCgL8mmeNKcNMt3ACuQWh756AEZEp_IR8XWjiUveRtlizNUIsP_9T7q0T8qwFXHkv6UTyp76q726wd7pF05XgQw8w/s1600/2_layout.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mlRh-vVELUQEF5cDMnJ7yPEVP3Hyq0JPyQmJXCr6iwDLJZn1GY7jCgL8mmeNKcNMt3ACuQWh756AEZEp_IR8XWjiUveRtlizNUIsP_9T7q0T8qwFXHkv6UTyp76q726wd7pF05XgQw8w/s1600/2_layout.png" /></a><br /><br />Pada IDE modern apa pun, Android Studio, QT Editor, Visual Studio, pasti selalu ada bagian layout (biasanya xml) maupun bagian code backend nya.<br />Begitu juga dengan saat kita membuat Activity, maka secara otomatis membuat xml nya sebagai layout/ui. Anda tahu layout kan?<br /><br />Nah, mari kita buka layout main kita (activity_main.xml).<br />Lihat gambar 3:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcaP7EH9baEnClOZyw6HvLrkeAt4-NAmBy5v4xAwAKD6TagcN8k4eDxad8srHEdHbQbNPyfsV4YmnjfPI_UzBxDUxQ8NyF3D1evmBo8VyqZGbbDK-SeaRdThNo9saYUuYlRjF_mZuv1SW_/s1600/3_activitymain.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcaP7EH9baEnClOZyw6HvLrkeAt4-NAmBy5v4xAwAKD6TagcN8k4eDxad8srHEdHbQbNPyfsV4YmnjfPI_UzBxDUxQ8NyF3D1evmBo8VyqZGbbDK-SeaRdThNo9saYUuYlRjF_mZuv1SW_/s1600/3_activitymain.png" /></a><br /><br />Pada activity_main.xml, saya menambahkan:<br />-<b>TextView</b> Component , saya berikan tulisan “Masukan nama anda”<br />-<b>EditText</b> Component, saya berikan id <b>txtNama</b><br />-<b>Button</b> Component, saya berikan id <b>btnKirim</b><br /><br />Anda sudah tahu kan cara menambahkan komponen di atas? :) anda juga sudah tahu kan cara menambahkan id pada setiap komponen? :P bila belum tahu, coba cari di google :P, <br /><br />Nah, komponen Button dengan id <b>btnKirim</b> tadi kita berikan properties “onClick” dengan value <b>sendData</b>.<br />Lihat gambar 3.1:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKvBd3D69FhRrU4oWMdDtHpo06ZfkAjQ8fQ_sha8aYn8gC48_vHzA_7kSliCC4zHXux8UxCOa24LCcJaKk6PBZtEQkhgTpo3zdmpwe-pZ2D4GPMbI7imdRmfSg-USMclnyJyVJ5QNz7-Ej/s1600/3_1_onclick.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKvBd3D69FhRrU4oWMdDtHpo06ZfkAjQ8fQ_sha8aYn8gC48_vHzA_7kSliCC4zHXux8UxCOa24LCcJaKk6PBZtEQkhgTpo3zdmpwe-pZ2D4GPMbI7imdRmfSg-USMclnyJyVJ5QNz7-Ej/s1600/3_1_onclick.png" /></a><br /><br /><b>sendData</b> ini adalah sebuah method atau function yang kita berikan kepada Button. Kenapa value di sana tidak <b>sendData</b> melainkan @string/_sendData_ ? Hayo, coba diinget – inget.. :P<br /><br />Anda pun bisa melihat raw xml code dengan mengklik tab xml.<br />Lihat gambar 3.2:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv7TFL07TS13L6Iu0r6JNMcJiqR99kPp9XGRwiqOF-HNDozwsah3KojwPRW6kqJ6EADq6IHXfcfnZefEzni5kpcKGe8JnR45rywB0o6oAkGZve_eXZKNvQMnIe388fn1kMViqTUx73qoEV/s1600/3_2_rawxml.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv7TFL07TS13L6Iu0r6JNMcJiqR99kPp9XGRwiqOF-HNDozwsah3KojwPRW6kqJ6EADq6IHXfcfnZefEzni5kpcKGe8JnR45rywB0o6oAkGZve_eXZKNvQMnIe388fn1kMViqTUx73qoEV/s1600/3_2_rawxml.png" /></a><br /><br />Itu semua adalah <b>activity_main.xml</b> , sekarang mari kita lihat <b>activity_display.xml</b> dan menambahkan juga komponen TextView.<br />Lihat gambar 4:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5LW8fGqFaFjHq-xv5bdmawkLQh5vk2SNj859Osw_Pd9oPSdWPDEcOTK5_FQyHDKzTgv4HB6e6mlZF6Fw-qqXfHvOy5QU0m3JcxQ7nw-mQsH5UgKEl2ulcbOrdQVqUj5uDzTFygfMsZqPS/s1600/4_ActivityDisplay.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5LW8fGqFaFjHq-xv5bdmawkLQh5vk2SNj859Osw_Pd9oPSdWPDEcOTK5_FQyHDKzTgv4HB6e6mlZF6Fw-qqXfHvOy5QU0m3JcxQ7nw-mQsH5UgKEl2ulcbOrdQVqUj5uDzTFygfMsZqPS/s1600/4_ActivityDisplay.png" /></a><br /><br />Nah, saya menambahkan sebuah TextView component dengan id <b>displayName</b>.<br />Ingatlah id dari setiap komponen, karena kita akan menggunakan id tersebut untuk mengedit setiap komponen :)<br /><br />Sampai di sini mudah bukan? Ada kesulitan? Bila ada coba pecahkan kesulitan anda terlebih dahulu, gunakan Google sebagai referensi pencarian, biasakan anda tetap menggunakan bahasa inggris :P<br /><br />Mari kita lanjut ke source java kita....<br /><br />Pertama, mari kita buka <b>MainActivity.java</b>, saya akan mencoba membuat sebuah variable yang nanti nya akan kita kirim ke activity yang lain. Variable ini saya namakan dengan DATA_NAMA, perhatikan gambar,<br />Lihat gambar 5:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSgStEbPQE26I2jm5XHzxw788mQTMw-2ojwRWvZQsfoNa_0jI2hpVbxqwAMKjZHevO6mAX2yUUq3c_fWYhbFwbK9Yra73SI9dntF8gqyxqgS04_CJXYBXsvfKmznKbcbmRVrbjsMH6D4eO/s1600/5_datanama.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSgStEbPQE26I2jm5XHzxw788mQTMw-2ojwRWvZQsfoNa_0jI2hpVbxqwAMKjZHevO6mAX2yUUq3c_fWYhbFwbK9Yra73SI9dntF8gqyxqgS04_CJXYBXsvfKmznKbcbmRVrbjsMH6D4eO/s1600/5_datanama.png" /></a><br /><br />Nah, DATA_NAMA saya berikan public static final. Sudah kah anda tau maksud ini? :P bila belum, coba cari cari di Google, ini adalah dasar – dasar pemrograman Java. Hayo, sebelum ke Android Programming alangkah baiknya bila anda familiar dengan Java :)<br /><br />Berikutnya, masih ingat kan dengan method <b>sendData</b> yang tadi kita berikan kepada properties <b>onclick</b> pada button?<br /><br />Sekarang kita akan membuat method / function <b>sendData</b> tersebut.<br />Lihat gambar 6:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh915O_JFc4Hih1t0tVxW6qz1v2lAfDNW3DRsOOYDdPjR_WEB2556nkiBSBGqx8fnBZwgztNVJDyAJ6h7UOIAaLG3RzlNHcJGqlmyVoXTyRhu60XJgcHBeJroJH4sPpipwVnTGBe9JZY4Bf/s1600/6_sendData.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh915O_JFc4Hih1t0tVxW6qz1v2lAfDNW3DRsOOYDdPjR_WEB2556nkiBSBGqx8fnBZwgztNVJDyAJ6h7UOIAaLG3RzlNHcJGqlmyVoXTyRhu60XJgcHBeJroJH4sPpipwVnTGBe9JZY4Bf/s1600/6_sendData.png" /></a><br /><br />Lihat, kita menggunakan Intent untuk interaksi antar Activity :)<br />Pertama – tama , kita membuat sebuah Object intent, dengan parameter <b>Contex dan Class</b>.<br />Lihat gambar 7:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ-j-vB895vixcpbVjk6DEU3cMeoyAB6mrhcwLxfRA0BIWm1axImFv5YntsfSyLhKAWEYrnfe-swX4jZJ0FGjwsvWWC_fxdR2ewsWRjz2szMvdt9XS2hvcFKz5cfnuwsbj3TWIuBwi4IXv/s1600/7_intent.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ-j-vB895vixcpbVjk6DEU3cMeoyAB6mrhcwLxfRA0BIWm1axImFv5YntsfSyLhKAWEYrnfe-swX4jZJ0FGjwsvWWC_fxdR2ewsWRjz2szMvdt9XS2hvcFKz5cfnuwsbj3TWIuBwi4IXv/s1600/7_intent.png" /></a><br /><br /><i>Intent intent = new Intent(this,DisplayActivity.class);</i><br /><br />Perhatikan parameter pertama, bahwa ‘this’ mengacu kepada activity itu sendiri, dalam hal ini adalah MainActivity.java. Activity merupakan subclass dari Context, sehingga penggunaan ‘this’ sudah tepat.<br /><br />Parameter kedua adalah ‘Class’ dimana system harus men-send intent, dalam kasus ini sebagai penerima intent adalah DisplayActivity. :) mudah bukan?<br /><br />Line berikutnya, kita <u>menseleksi object</u> yang kita butuhkan yaitu EditText Component yang kita beri id <b>txtNama</b> tadi.<br /><br /><i>EditText <b>edittext_datanama</b> = (EditText) findViewById(R.id.txtNama);</i><br /><br />Setelah kita menyeleksi komponen, selanjutnya kita mengambil value dari komponen tersebut dan meng-convertnya ke string,<br /><br /><i>String <b>dataNama</b> = edittext_datanama.getText().toString();</i><br /><br />Baru kemudian kita memasukan value ke variable yang kita buat tadi, kemudian memanggil Activity target.<br /><br /><i>intent.putExtra(DATA_NAMA,dataNama);<br />startActivity(intent);</i><br /><br />Gampang sekali bukannn???<br /><br /><blockquote>Anda bisa melihat documentasi dari intent dan method beserta standard activity action nya di <a href="”" http:="">http://developer.android.com/reference/android/content/Intent.html</a><br /></blockquote><br />Kita sudah berhasil membuat method untuk mengirim data, nah, sekarang kita harus membuat DisplayActivity.java agar bisa menerima data yang sudah dikirimkan oleh MainActivity.java.<br />Lihat gambar 8:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCmr6WDmMwnKDf0V60WNCNZU9Qxecu-rxz_Do7OF7NqshhG4njGIZsnKiAWixfGkkgT3QdgWIOrIOvpG6BEYCqUkRY8tzAD0UeiI1w7DdVMO9FucnA-3DDf_BdMOQv7PBsFAuSTRl7ljwf/s1600/8_DisplayActivity.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCmr6WDmMwnKDf0V60WNCNZU9Qxecu-rxz_Do7OF7NqshhG4njGIZsnKiAWixfGkkgT3QdgWIOrIOvpG6BEYCqUkRY8tzAD0UeiI1w7DdVMO9FucnA-3DDf_BdMOQv7PBsFAuSTRl7ljwf/s1600/8_DisplayActivity.png" /></a><br /><br />Perhatikan bahwa, method onCreate() secara otomatis sudah digenerate oleh Android Studio saat kita membuat Activity.<br />Yang harus kita lakukan adalah membuat sebuah object intent.<br /><br /><i>Intent intent = getIntent();</i><br /><br />Berikutnya, kita membuat sebuah variable, variable yang kita buat adalah <b>dataNama</b>. Kemudian mengambil variable <b>DATA_NAMA</b> dari intent dan memasukan ke nilainya ke variable yang kita buat tadi.<br /><br /><i>String <b>dataNama</b> = intent.getStringExtra(MainActivity.<b>DATA_NAMA</b>);</i><br /><br />Nah, sampai disini mudah bukan?<br />Mari lanjut....<br /><br />Setelah kita mendapatkan nilai dari <b>DATA_NAMA</b>, maka kita akan <u>MENYELEKSI</u> object yang nanti nya kita gunakan sebagai tempat untuk menaruh <b>DATA_NAMA</b>.<br /><br />Masih ingat dengan komponen TextView yang kita tambahkan ke DisplayActivity.java? kita akan menyeleksinya dan mengganti tulisannya :P ,,,<br /><br /><i>TextView <b>textview_datanama</b> = (TextView) findViewById(R.id.<b>displayName</b>);<br /><b>textview_datanama</b>.setText(<b>dataNama</b>);</i><br /><br />Mudah bukan, , , <br /><br />Hasil dari tutorial di atas adalah seperti ini,<br />Lihat gambar 9:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsBQWIuKZZCdwpAji30QU41CQNnC_u5Ev10WzBYIuUsimURp7qDx6mtc787sH2OGIS-8tSA0Wl5-CSSScbyIOjGkRJ2Jemrr6g6NpisIbUOdoupXbP00RXlXo4nyQ9MPGwowDS9qqAz3Ew/s1600/FinalIntent.gif" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsBQWIuKZZCdwpAji30QU41CQNnC_u5Ev10WzBYIuUsimURp7qDx6mtc787sH2OGIS-8tSA0Wl5-CSSScbyIOjGkRJ2Jemrr6g6NpisIbUOdoupXbP00RXlXo4nyQ9MPGwowDS9qqAz3Ew/s1600/FinalIntent.gif" /></a><br /><br />Demikian mudah – mudahan bermanfaat.<br />Salam :)<br /><br /><b>PART YANG LAIN:</b><br />Part 1: Mengirim Data ke Activity Tertentu dan Menampilkannya (halaman ini)<br /><a href="http://www.mediatutorial.web.id/2015/02/praktek-memanggil-aplikasi-lain-dari-aplikasi-kita.html">Part 2: Memanggil Activity Aplikasi Tertentu dari Aplikasi kita </a><br />Part 3: Mengirim Data ke Activity Pada Aplikasi Lain dan Menampilkannya (SILAHKAN ANDA KERJAKAN SENDIRI)<br />===================<br /><br /><b>DAFTAR CODE</b><br />MainActivity.java<br /><script src="http://pastebin.com/embed_js.php?i=jx8txDAd"></script><br /><br />DisplayActivity.java<br /><script src="http://pastebin.com/embed_js.php?i=MSjKgkjb"></script><br /><br />Activity_main.xml<br /><script src="http://pastebin.com/embed_js.php?i=pKXURnxT"></script><br /><br />Activity_display.xml<br /><script src="http://pastebin.com/embed_js.php?i=p48kUpS2"></script><br /><br /></div></p>

Part 1: Praktek Mengirim Data Antar Activity dalam Satu Aplikasi Seberapa seringkah anda menggunakan Intent ? Saya yakin untuk anda yang ber...

ANDROID No.5: Beberapa problem ketika pertama menggunakan Android Studio (dan solusinya)

<p><br /><style>#vid_7739691339443808830{display:none;}#txt_7739691339443808830{display:block;}</style>Sudahkah anda mengenal dan mencoba menggunakan Android Studio?<br />Android Studio merupakan Official IDE (Integrated Development Environment) dari Android (Google). IDE ini merupakan IDE resmi untuk membuat aplikasi berbasis Android. <br />Sebelum Android Studio dirilis sekitar bulan - bulan akhir 2014 para developer menggunakan Eclipse with ADT (Android Development Tool). Sekarang, semakin banyak Developer yang menggunakan Android Studio baik para pemula maupun para expert yang beralih dari Eclipse ADT.<br /><br />Nah, untuk para pengguna baru, pasti akan menemui problem saat pertama menginstall maupun menjalankan IDE ini.<br />Berikut kita bahas beberapa problem dan pemecahannya.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMd4WaMjYhgzemVYwLtNiIi9Niu5fOgeohwVt6tOk_6fQiYtDJSURCUm1AG3ZJPhgD6uEvKm_dO_0J8pQrDWt6MQpTooFEEsiHQHVY0Y1pNcEKt64lV-nIX1LFI9jdnvL5ucdrxrcYuOL/s1600/android-studio-1.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMd4WaMjYhgzemVYwLtNiIi9Niu5fOgeohwVt6tOk_6fQiYtDJSURCUm1AG3ZJPhgD6uEvKm_dO_0J8pQrDWt6MQpTooFEEsiHQHVY0Y1pNcEKt64lV-nIX1LFI9jdnvL5ucdrxrcYuOL/s320/android-studio-1.png" /></a><br /><br /><a name="more"></a> <div style="clear:both;">Problem - problem dibawah ini diambil dari Forum Diskusi MediaTutorial, untuk anda yang mungkin mengalami problem yang sama, silahkan bisa ditanyakan di Forum Diskusi tersebut. <br />PERLU DIINGAT, bahwa Pemrograman Android adalah pemrograman yang berbasiskan Java, jadi pastikan anda telah menginstall JDK (Java Development Kit) pada komputer anda. Bila belum, installah JDK sesuai dengan system operasi komputer anda.<br />Untuk menginstallnya anda bisa mengklik di situs Oracle <a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html" target="_blank">http://www.oracle.com/technetwork/java/javase/downloads/index.html</a><br /><br />Problem dan Pemecahan pada saat pertama menggunakan Android Studio.<br /><b>1.Android Studio gagal mendeteksi JVM di Win 8.1 64 bit</b><br />Saya ambil dari <a href="http://expert.mediatutorial.web.id/discussion/38/android-studio-gagal-mendeteksi-jvm-di-win-8-1-64-bit">http://expert.mediatutorial.web.id/discussion/38/android-studio-gagal-mendeteksi-jvm-di-win-8-1-64-bit</a><br /><div style="padding:10px;background-color:#ccc;">Saya baru saja install android studio di Windows 8.1 64 bit,<br />saya pun juga sebelumnya sudah menginstall JDK 8 (32bit) pada komputer saya,<br />saya pun juga sudah menambahkan system variable JAVA_HOME dan mensetting value nya dengan benar,<br />lihat gambar:<br /><a href="http://i1161.photobucket.com/albums/q502/OKIEWARDOYO/error1_zpse674d4b8.png" imageanchor="1"><img border="0" src="http://i1161.photobucket.com/albums/q502/OKIEWARDOYO/error1_zpse674d4b8.png" /></a><br /><br />saya check di command prompt pun juga java sudah terinstall dengan benar:<br />lihat gambar:<br /><a href="http://i1161.photobucket.com/albums/q502/OKIEWARDOYO/error2_zps27ab8bbe.png" imageanchor="1"><img border="0" src="http://i1161.photobucket.com/albums/q502/OKIEWARDOYO/error2_zps27ab8bbe.png" /></a><br /><br />tapi ketika saya membuka software android studio selalu ada tulisan JVM not found.<br />heran? kenapa ya???<br />help<br />lihat gambar:<br /><a href="http://i1161.photobucket.com/albums/q502/OKIEWARDOYO/error3_zps7d2c04c2.png" imageanchor="1"><img border="0" src="http://i1161.photobucket.com/albums/q502/OKIEWARDOYO/error3_zps7d2c04c2.png" /></a><br /><br /></div><b>Solusi: Anda bisa mencoba install jdk 64 bit, kemudian system variable JAVA_HOME tadi isikan value nya dengan path dari JDK 64bit tersebut.</b><br /><br /><b>2.Android Studio error: tidak bisa mendetek build-tools:21.1.1</b><br />Saya ambil dari: <a href="http://expert.mediatutorial.web.id/discussion/39/android-studio-error-tidak-bisa-mendetek-build-tools-21-1-1">http://expert.mediatutorial.web.id/discussion/39/android-studio-error-tidak-bisa-mendetek-build-tools-21-1-1</a><br /><div style="padding:10px;background-color:#ccc;">Saya bingung dengan Android Studio saya, selain error pada windows 8.1 64bit kemarin, saya coba install di windows 7 32 bit,<br />dan errornya pun seperti ini, lihat gambar:<br /><a href="http://i1161.photobucket.com/albums/q502/OKIEWARDOYO/AndroidError1_zpsd4242113.png" imageanchor="1"><img border="0" src="http://i1161.photobucket.com/albums/q502/OKIEWARDOYO/AndroidError1_zpsd4242113.png" /></a><br /><br />Saya berusaha mencari apakah builds-tools tersebut tidak ada, tapi setelah saya mencari ternyata ketemu:<br />lihat gambar:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-fXHv1uITgS6Pj-coh05XekjV7tA3G9g_nr6Zpxxc4yUz98aW-cD_E5xPxiEUybJrpQFEN2nLnMXw7awBsTqc5rMLUbAO0zR845k2-HcEllfa2cP7gu4n2RoBAEPmZ_5mFnOtxdGaH3Qg/s1600/AndroidError2_zps15ef3882.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-fXHv1uITgS6Pj-coh05XekjV7tA3G9g_nr6Zpxxc4yUz98aW-cD_E5xPxiEUybJrpQFEN2nLnMXw7awBsTqc5rMLUbAO0zR845k2-HcEllfa2cP7gu4n2RoBAEPmZ_5mFnOtxdGaH3Qg/s1600/AndroidError2_zps15ef3882.png" /></a><br /><br />Tapi dari yang saya temukan tersebut versi dari builds-tools adalah 21.1.2,<br />nah apakah android studio membutuhkan versi 21.1.1 terlebih dahulu dan harus konek ke internet untuk mendownloadnya??? <br /></div><b>Solusi: Koneksikan komputer anda ke internet, Android Studio secara otomatis akan mendownload file - file yang dibutuhkan untuk menjalankannya.</b><br /><br /><b>3.Error: x86 emulation currently requires hardware acceleration</b><br />Saya ambil dari: <a href="http://expert.mediatutorial.web.id/discussion/42/error-x86-emulation-currently-requires-hardware-acceleration#latest">http://expert.mediatutorial.web.id/discussion/42/error-x86-emulation-currently-requires-hardware-acceleration#latest</a><br /><div style="padding:10px;background-color:#ccc;">Saya sudah install ok Android Studio,<br />Sudah update, path dan lain - lain dengan meng-konek kan ke internet.<br />Ada problem lain yang muncul, yaitu ketika akan run code, maka muncul error lagi seperti gambar di bawah ini:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjverrCU5yBIoexeo5ht6ZJ_CQeJcGJKoIhe5xSOMOjL_JD1FTZMGSWDf14Amb7zUYvT1KPPiUwDA8MoptTKf-zlQtGxexzmIt4PX5WRMhoupE0KkULMSL_xbVFqP0ueMjzzNc7oXo5zCFe/s1600/ErrorLagi1.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjverrCU5yBIoexeo5ht6ZJ_CQeJcGJKoIhe5xSOMOjL_JD1FTZMGSWDf14Amb7zUYvT1KPPiUwDA8MoptTKf-zlQtGxexzmIt4PX5WRMhoupE0KkULMSL_xbVFqP0ueMjzzNc7oXo5zCFe/s1600/ErrorLagi1.png" /></a><br />Adakah solusi??<br /></div><br /><b>Solusi: Coba install intall HAXM nya,<br />bisa dengan Android Manager , lihat daftar extra, nah, disana ada INTEL HAXM nya,<br />atau,<br />coba check C:\Users\KomputerMu\AppData\Local\Android\sdk\extras\intel\<br />nah bila sudah ada installer HAXM nya, coba double click untuk menginstall HAXM tersebut.<br /><br />Note:<br />Untuk menginstal x86 intel haxm, processor anda harus support Intel Virtualization.<br />Secara default, Intel Virtualization adalah off (mati), untuk menghidupkan nya anda bisa membuka bios anda dan men-setting nya ke on (hidup).</b><br /><br /><u>PENJELASAN TENTANG INTEL HAXM</u><br />INTEL HAXM (Intel Hardware Accelerated Execution Manager) adalah sebuah terobosan baru dari Intel untuk para Developer Android yang menginginkan kecepatan debug/run pada Android Emulator.<br />Kenapa demikian? karena, sebelumnya, untuk me-run aplikasi Android yang kita buat pada emulatornya ternyata sangatlah lambat. Yup, lambat sekali.:'(<br /><br />Nah, untuk anda para pengguna komputer yang ber-processor Intel tidak perlu cemas dengan lambatnya proses emulator pada Android, anda tinggal mengaktifkan Intel Virtualization dari bios anda kemudian menginstall Intel Haxm, caranya seperti di atas.<br /><br />Bila ingin tahu lebih jauh tentang Intel Haxm, bisa baca di link ini: <a href="http://teknojurnal.com/mempercepat-emulator-android-di-arsitektur-intel/" target="_blank">http://teknojurnal.com/mempercepat-emulator-android-di-arsitektur-intel/</a><br /><br />Itulah beberapa problem saat pertama menggunakan Android Studio.<br />Mungkin ada problem yang lain? anda bisa sharing problem anda di Expert Forum (<a href="http://expert.mediatutorial.web.id">http://expert.mediatutorial.web.id</a>), bila ada problem baru maka kita akan mengupdate artikel ini.<br /><br />Semoga bermanfaat.<br /><br /><br /></div></p>

Sudahkah anda mengenal dan mencoba menggunakan Android Studio? Android Studio merupakan Official IDE (Integrated Development Environment) da...

ANDROID No.4: Mengenal dan membuat Action Bar

<p><style>#vid_8319158922180544298{display:none;}#txt_8319158922180544298{display:block;}</style><br />Apa itu Action Bar? Action Bar adalah sebuah bar yang bisa kita gunakan sebagai tempat meletakkan menu – menu action untuk aplikasi kita. Action Bar ini berada di bagian atas aplikasi Android. Dengan kita menempatkan menu – menu aplikasi pada Action Bar, maka kita bisa memudahkan pengguna dalam navigasi di setiap halaman / activity dari aplikasi. Secara default pada kebanyakan basic form, Action Bar menampilkan title dari Activity dan app icon.<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-8KTDMJcz5sPp2rGGzIzxewx-qa9UgfSfAZ4gypar8tVI_FueRJjrHSCMfNJto7dQBY17tdWvwV26nKr7BDlPchyphenhyphenGDmUjxDxH-QAlF3bghwjBtNA2rsCBjMOHyzBqkSuWvjQQCCrH-Qb/s1600/ScreenshotAnimationActionBar.gif" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-8KTDMJcz5sPp2rGGzIzxewx-qa9UgfSfAZ4gypar8tVI_FueRJjrHSCMfNJto7dQBY17tdWvwV26nKr7BDlPchyphenhyphenGDmUjxDxH-QAlF3bghwjBtNA2rsCBjMOHyzBqkSuWvjQQCCrH-Qb/s1600/ScreenshotAnimationActionBar.gif" /></a> <br /><a name="more"></a> <br /><div style="clear:both;">Pada tutorial ini kita akan membahas tentang:<br /><b>1.Mensetting Action Bar<br />2.Menambahkan menu Action / menu Button<br />3.Styling Action Bar<br />4.Overlaying Action Bar</b><br /><br />Pada tutorial sebelumnya (Interaktif Hello World Application) kita membuat beberapa button pada halaman aplikasi. Button tersebut bila di click maka akan membawa kita pada activity lain / halaman lain. Nah, sekarang, kita akan mencoba menempatkan button – button yang sebelumnya berada pada halaman aplikasi tersebut ke dalam Action Bar.<br /><br />Ada tiga (3) buah button yang akan kita tambahkan kedalam Action Bar yaitu About, Contact, Help.<br /><br />Mari kita bahas bagaimana cara melakukannya.<br /><br /><h1><b>1.Mensetting Action Bar</b></h1><br />Untuk bisa menggunakan Action Bar, aplikasi kita harus menggunakan App Theme yang mendukung Action Bar. Nah, penggunaan app theme ini pun tergantung dari versi terendah Android yang kita gunakan.<br /><br />Berikut kami sampaikan caranya sesuai dengan versi terendah Android yang disuport:<br /><br /><h3><b>Android 3.0 (API 11) ke atas</b></h3>Untuk anda yang membuat aplikasi dengan target minSDK 11, sebetulnya, Action Bar sudah ter-insert pada Theme default yang anda gunakan (Theme.Holo) serta turunannya. Bila anda menggunakan IDE untuk Android, Eclipse ADT misalnya (seperti yang saya gunakan) maka Eclipse akan otomatis membuatkannya untuk anda. Bila tidak, pastikan anda mengecheck file .manifest anda dan pastikan telah terdapat kode xml seperti berikut ini:<br /><br /><blockquote><b><br /><manifest . . . ><br />               <uses-sdk android:minSdkVersion="11". . . . /><br />. . .<br /></manifest><br /><br /></b></blockquote><br />Dengan adanya minSdkVersion=”11” itulah secara otomatis akan menampilkan Action Bar anda dengan catatan anda menggunakan Theme.Holo. Bila anda menggunakan Theme buatan sendiri pastikan bahwa Theme.Holo merupakan parent dari Theme pribadi anda.<br /><br /><h3><b>Android 2.1 (API 7) ke atas</b></h3>Lalu bagaimana bila kita menargetkan minimal Android 2.1 atau API 7 agar tetap men-suport Action Bar di App kita?<br /><br />Nah, ada beberapa kode extra yang perlu diperhatikan, tapi jangan khawatir, SEBETULNYA, saat awal kita membuat project Eclipse sudah otomatis men-generated kode – nya untuk kita.<br /><br />Kode – kode apa sajakah yang perlu mendapatkan perhatian?<br /><br /><b>a.Android Support V7 Library</b><br />Nah, anda pasti sudah tahu, bila kita membuat sebuah aplikasi dengan minSDK dibawah 3.0 maka akan muncul sebuah library pada project kita yaitu appcompat_v7.<br /><br />Tetapi bila anda ingin menggunakan atau menginstall library ini secara manual, anda bisa membaca appcompat_v7 setup di sini http://developer.android.com/tools/support-library/setup.html<br />Lihat gambar 1:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiulQ3KYxKkUNjVEC7gG3ux0UmMdbk4SFNmk5ZZThbgV-KyomXpw1Frhx19hyphenhyphendKP4-xGEf-UlcGMNZ8vHK0c4Zar4WRfc_bMGSl9Ej0_GozkoLJ4OuIwEICo5EdOiZkRvo5oX-E8HwSjCpA/s1600/1_appcompat_v7.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiulQ3KYxKkUNjVEC7gG3ux0UmMdbk4SFNmk5ZZThbgV-KyomXpw1Frhx19hyphenhyphendKP4-xGEf-UlcGMNZ8vHK0c4Zar4WRfc_bMGSl9Ej0_GozkoLJ4OuIwEICo5EdOiZkRvo5oX-E8HwSjCpA/s1600/1_appcompat_v7.png" /></a><br /><br /><b>b.Extends ActionbarActivity class</b><br />Pastikan bahwa Activity anda meng-extends ActionbarActivity:<br /><blockquote><b>public class MainActivity extends ActionBarActivity { ... }<br /></b></blockquote><br />Bila anda menggunakan Eclipse, maka kode di atas sudah otomatis di-generate / dibuatkan otomatis untuk kita.<br /><br /><b>c.Gunakan Theme.AppCompat pada elemen <application> atau elemen <activity> pada file .manifest.</b><br /><blockquote><b><br /><activity android:theme="@style/Theme.AppCompat.Light" ... ><br /><br /></b></blockquote><br />Bila anda menggunakan Theme buatan sendiri, pastikan bahwa Theme yang anda buat tersebut menggunakan Theme.AppCompat sebagai parent nya.<br /><br /><b>d.Jangan lupa setting minSdkVersion ke API 7</b><br /><blockquote><b><br /><manifest ... ><br />                <uses-sdk android:minSdkVersion="7" android:targetSdkVersion="19" /><br />...<br /></manifest><br /></b></blockquote><br />Nah, mudah bukan,,,, ingat semua settingan ini sebetulnya sudah secara otomatis di-generate oleh Eclipse.<br /><br />Yuk, lanjut….<br /><br /><h1><b>2.Menambahkan menu Action / menu Button</b></h1><br />Eclipse secara otomatis akan meletakkan file untuk Action Bar dalam file Project/res/menu/main.xml<br />Lihat gambar 2:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_snbES1yMH8EMA1SVmyLf54ezvOpHzRF8Eefytg7RB_3BKO1plftHzsSI4ASU2LzNbDetSc516Sl-HTc_bAAqb_VYZR6kC813binHlgAhvdWHtD62-qWoeosOk0_XxPPJB0RgraDHc7p/s1600/2_mainxml.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_snbES1yMH8EMA1SVmyLf54ezvOpHzRF8Eefytg7RB_3BKO1plftHzsSI4ASU2LzNbDetSc516Sl-HTc_bAAqb_VYZR6kC813binHlgAhvdWHtD62-qWoeosOk0_XxPPJB0RgraDHc7p/s1600/2_mainxml.png" /></a><br /><br />Silahkan anda buka file main.xml tersebut, nantinya Eclipse akan menyuguhkan kepada anda halaman User Interface (tab layout) dan halaman kode xml. Halaman user interface (tab layout) akan sangat memudahkan anda dalam menambahkan setiap item menu beserta properties pendukungnya. Tetapi bila anda lebih tertarik edit kode secara manual, anda bisa melihat bagian tab kode xml.<br /><br />Pada tutorial ini kita akan menambahkan dua (2) buah buttons saja yaitu button About dan button Contact.<br /><br />Lihat gambar 3:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyRGkJFaDFr8SfBTvryNyssz_F-0F9FnRR9SmmEtaIEPvBslgYuKGvcKu1AFdwNpR5tiWIPjFSAqH_3rBnWPmyPW2hMblCw7-5is0P15rCPTj2D4X0ACW0MhUYV50nNO9JLHVXTVXdWsPC/s1600/3_buttons.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyRGkJFaDFr8SfBTvryNyssz_F-0F9FnRR9SmmEtaIEPvBslgYuKGvcKu1AFdwNpR5tiWIPjFSAqH_3rBnWPmyPW2hMblCw7-5is0P15rCPTj2D4X0ACW0MhUYV50nNO9JLHVXTVXdWsPC/s1600/3_buttons.png" /></a><br /><br />Setiap buttons memiliki properties sendiri – sendiri seperti Id , Title, Icon dan lain sebagainya, silahkan anda bisa bereksplorasi.<br /><br />Contoh kode xml yang sudah saya generate dengan edit layout adalah seperti berikut ini:<br /><br />Lihat gambar 4:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDr7k6HvabnqmwMpCM3vuiMvJKw_u4u_zEMU0uIgpbIhbX2Tp9FaANRt_rMa-D5c01wuX5AlIP9hyKY0yZDtCYiysRB1mnjqB2S_ucIazPHf8nE5fRfK63v6b49nbYmiUSKt50OL0wHN9m/s1600/4_contohmenuxml.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDr7k6HvabnqmwMpCM3vuiMvJKw_u4u_zEMU0uIgpbIhbX2Tp9FaANRt_rMa-D5c01wuX5AlIP9hyKY0yZDtCYiysRB1mnjqB2S_ucIazPHf8nE5fRfK63v6b49nbYmiUSKt50OL0wHN9m/s1600/4_contohmenuxml.png" /></a><br /><br />Anda bisa lihat, pada screenshot code di atas, bagian properties android:showAsAction terlihat bergaris kuning. Properties showAsAction sebetulnya hanya tersedia untuk android API 11 (Android 3.0) keatas. Tapi bila anda ingin supaya Android yang anda support misalnya 2.1 (API 7) bisa menambahkan nama aplikasi sebelum properties.<br /><br />Lihat gambar 5:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ6McxrL299RTzCpy-kM5L9Vj5GyOZ9MwgPC11ntXQxdZCfwLmhDfFrBaAweEYxgy0LWN2magy19GyRck5o5mToau2U4H4Sus74sBTox67bkiTgM8dVkcnLIo_2OvJGm-FfRZaeOIEUHs-/s1600/5_kodeapi7.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ6McxrL299RTzCpy-kM5L9Vj5GyOZ9MwgPC11ntXQxdZCfwLmhDfFrBaAweEYxgy0LWN2magy19GyRck5o5mToau2U4H4Sus74sBTox67bkiTgM8dVkcnLIo_2OvJGm-FfRZaeOIEUHs-/s1600/5_kodeapi7.png" /></a><br /><br />Perlu diperhatikan bahwa di atas hanyalah sebagian kecil properties yang digunakan, masih banyak lagi properties yang bisa anda coba di bagian tab layout.<br /><br />Action button akan muncul bila tersedia space pada Action Bar. Jadi bila pada Action Bar tidak terdapat ruang kosong maka Action Button akan tersembunyi. Pengaturan juga bisa kita lakukan pada properties ‘showAsAction’, yaitu :<br /><b>never</b>, untuk selalu menyembunyikan Action Button, <br /><b>Always</b>, untuk selalu menampilkan,<br /><b>ifRoom</b> digunakan untuk menampilkan bila tersediam room (ruangan) pada Action Bar.<br /><br /><h3><b>Tambahkan kedalam Action Bar</b></h3><br />Setelah kita membuat Action buttonnya, sekarang saatnya kita tambahkan Action button yang kita buat tadi ke dalam Action Bar.<br /><br />Bagaimana caranya?<br /><br />Sama seperti di atas, sebetulnya bila kita menggunakan Eclipse maka secara otomatis akan men-generate kode untuk keperluan ini.<br /><br /><b>Perhatikan file MainActivity.java dalam folder source.</b><br /><br />Class MainActivity.java ini memiliki tiga (3) buah method yaitu:<br />protected void onCreate(Bundle savedInstanceState) {<br /><br />}<br /><br /><br />@Override<br />public boolean onCreateOptionsMenu(Menu menu) {<br /><br />}<br /><br />@Override<br />public boolean onOptionsItemSelected(MenuItem item) {<br /><br />}<br /><br /><b>Method onCreate() </b> digunakan untuk membuat/meloading Activity layout, <br /><b>Method onCreateOptionsMenu()</b> digunakan untuk membuat/meloading ActionsMenu<br /><b>Method onOptionsItemSelected()</b> digunakan untuk memberikan event atau method terhadap setiap item saat sedang diclick.<br /><br />Mudah dipahami bukan? Semua ini sudah digenerate secara otomatis oleh Eclipse. Kita tinggal memodifikasi sedikit sesuai dengan kebutuhan kita.<br /><br />Nah, untuk meletakkan menu – menu yang kita buat tadi kedalam Action Bar kita perlu menggunakan method onCreateOptionsMenu() seperti pada kode berikut ini:<br />Lihat gambar 6:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF8OV0_SsAVGA2GzdzybfRI54THI-R9jKrKASROR4tASCd77yCM0cooMSQt5oK20x5pVlvBdjyfixBE3JPL7Mo1KadxGWqiTlovbLpDBeW9uab6ZxWW4dKNxmb1pCd5JrAe_0sZBmcBwCM/s1600/6_onCreateOptionsMenu.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF8OV0_SsAVGA2GzdzybfRI54THI-R9jKrKASROR4tASCd77yCM0cooMSQt5oK20x5pVlvBdjyfixBE3JPL7Mo1KadxGWqiTlovbLpDBeW9uab6ZxWW4dKNxmb1pCd5JrAe_0sZBmcBwCM/s1600/6_onCreateOptionsMenu.png" /></a><br /><br />Keterangan:<br /><br /><b>Class MenuInflater: </b><br />(Inflater , Inflation, Inflate, red:Inflasi) Class ini digunakan untuk meng-inisialisasi file menu xml kedalam menu objects. Untuk performance, MenuInflater tidak menggunakan file xml saat runtime melainkan menggunakan pre-processing xml file yang sudah diproses saat build time. Maka dari itu, class ini hanya bisa bekerja dengan file resourse yang sudah tercompile (R.<i>fileYangSudahTercompile</i>) . Pada contoh adalah R.menu.main .<br /><br /><h3><b>Mari kita berikan Event / Action untuk button</b></h3><br />Pemberian event / action saat button diclick bisa kita lakukan pada method onOptionsItemSelected(MenuItem item).<br />Kita bisa melakukannya seperti pada kode berikut ini:<br /><br />Lihat gambar 7:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWY9xHRY2UdJAn3W_Hc9Fi3351qRFR1ejx91I_2OxRcxG1oGq_9hF_BNUkK0-ToQv0drT4NMtVJWP91bcG97-337oB627NqtOKpaAxfe9RSfpLKoczg1UM3BH2zymvkVUi5jVOw-MzNWVH/s1600/7_onOptionsItemSelected.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWY9xHRY2UdJAn3W_Hc9Fi3351qRFR1ejx91I_2OxRcxG1oGq_9hF_BNUkK0-ToQv0drT4NMtVJWP91bcG97-337oB627NqtOKpaAxfe9RSfpLKoczg1UM3BH2zymvkVUi5jVOw-MzNWVH/s1600/7_onOptionsItemSelected.png" /></a><br /><br />Anda bisa lihat, kita menggunakan switch dan menyeleksi masing – masing dari dari file yang sudah tercompile (R). Masing – masing case kita mengeksekusi method showAbout() dan showContact().<br /><br />Mudah bukan?<br /><br /><h3><b>Menambahkan Activity lain</b></h3><br />Kita akan mencoba menambahkan Activity lain pada project. Tadi kita sudah membuat Action Button untuk ‘About’ dan ‘Contact’, saya akan mencoba membuat Activity untuk salah satunya saja, yaitu untuk ‘About’.<br /><br />Buat Activity dengan: <b>File -> New -> Other -> Android Activity</b><br />Lihat gambar 8:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2f-lDuDQefPgJrcI520ylkt2XCDlrvpH2BPmSasUyMG2prdHKoAxQiqniTgfzoKu62ylds9P8rwhQuEneA6qhmyOZOGNZ0wrQ3ecq8sP_Hn7wvG_w757O0p9KqPqqB8xiNPGkSan_eMT/s1600/8_NewActivity.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2f-lDuDQefPgJrcI520ylkt2XCDlrvpH2BPmSasUyMG2prdHKoAxQiqniTgfzoKu62ylds9P8rwhQuEneA6qhmyOZOGNZ0wrQ3ecq8sP_Hn7wvG_w757O0p9KqPqqB8xiNPGkSan_eMT/s1600/8_NewActivity.png" /></a><br /><br />Dari popup yang muncul, jangan lupa untuk men-setting ‘hierarchichal Parent’ ke MainActivity. Dengan pensettingan ini, maka nantinya Eclipse akan membuat kode pada .manifest yang otomatis menampilkan ‘Up Button’.<br />Lihat gambar 9:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLDbjivbP3rfdeLMw20h8nOPOLJ9EzhLkN9UBD1M1hvANqZBMHCg4z1tqWgbcBIJaCeK1wrKT6-DgzfZOo33Am2wUSx39Sh_Nxl4MMALaXgpd9hMRcO1vp0xuLVRXH1N0E-xVQn3KoGTpi/s1600/9_NewActivityAgain.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLDbjivbP3rfdeLMw20h8nOPOLJ9EzhLkN9UBD1M1hvANqZBMHCg4z1tqWgbcBIJaCeK1wrKT6-DgzfZOo33Am2wUSx39Sh_Nxl4MMALaXgpd9hMRcO1vp0xuLVRXH1N0E-xVQn3KoGTpi/s1600/9_NewActivityAgain.png" /></a><br /><br /><h3><b>Menambahkan Up Button</b></h3><br />Saat kita ke Activity lain / ke halaman lain pada aplikasi, akan lebih baik bila kita menambahkan sebuah ‘Up Button’ sehingga nanti terdapat sebuah link untuk kembali ( back ) ke halaman sebelumnya.<br /><br />Dalam default Android design, ‘Up Button’ ini berupa icon panah ke kiri.<br /><br />Nah, bagaimana cara menambahkan ‘Up Button’ ini?<br />Secara default, bila anda menggunakan Theme android, Eclipse akan secara otomatis membuatkannya untuk kita.<br /><br />Bila kita menggunakan Android 4.1 / API 16 ke atas, atau bila kita menggunakan class ActionbarActivity dari Support Library, untuk menambahkan ‘Up Button’ kita bisa melakukannya pada .manifest file.<br />Sekali lagi, saat kita membuat Activity baru, maka Eclipse akan menambahkan settingan pada .manifest file secara otomatis.<br /><br />Saat kita selesai membuat ‘AboutActivity’ tadi, sekarang perhatikan file .manifest. Maka disana akan ditambahkan kode seperti berikut ini:<br />Lihat gambar 10:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUEfqw2OHsx3tZ-wADBN_7YA0pPuoJnkKw5K11Q6xYmmWw1kVz6IfhqO4r3ux-PyYY3mEqMtbAvThTio7xD5wme-EpstLJdG3pmcADRU1lHiXPeMDm6vouSIqaOjARRIrESEAzN21WsSE2/s1600/10_ManifestFile.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUEfqw2OHsx3tZ-wADBN_7YA0pPuoJnkKw5K11Q6xYmmWw1kVz6IfhqO4r3ux-PyYY3mEqMtbAvThTio7xD5wme-EpstLJdG3pmcADRU1lHiXPeMDm6vouSIqaOjARRIrESEAzN21WsSE2/s1600/10_ManifestFile.png" /></a><br /><br />Nah, perhatikan, kita sudah memiliki dua (2) buah Activity, yaitu ‘.MainActivity’ dan ‘.AboutActivity’.<br /><br />Pada ‘AboutActivity’ ber-parent pada ‘.MainActivity’, nah, dengan menambahkan kode seperti diatas maka secara otomatis akan menampilkan sebuah ‘Up Button’ yang bila diclick akan ke-parent atau ke MainActivity yang merupakan Home Screen nya.<br /><br />Pada kode di atas, terdapat <meta-data , nah kode di atas digunakan bila kita menggunakan support library appcompat.<br /><br />Cukupkah hanya sampai di sini? Belum, kita harus memanggil method setDisplayHomeAsUpEnabled(); pada Activity kita dalam hal ini adalah ‘AboutActivity’.<br /><br />Method ini bisa kita panggil saat ‘.AboutActivity’ terloading saat method onCreate() dipanggil.<br />Lihat gambar 11:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GccTtDoJOihzMhzNmai6crgGaDC1WTSnemA4HAn7HQVJR0ch__7zTbLFkwzfRJlF0CgiHI_SeGmuZjptnqjgdykaH4Vj4_R5_38me3JEqfYEllwWp356feIBpxQRLxlKvdSEMSWJADQy/s1600/11_onCreate.PNG" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GccTtDoJOihzMhzNmai6crgGaDC1WTSnemA4HAn7HQVJR0ch__7zTbLFkwzfRJlF0CgiHI_SeGmuZjptnqjgdykaH4Vj4_R5_38me3JEqfYEllwWp356feIBpxQRLxlKvdSEMSWJADQy/s1600/11_onCreate.PNG" /></a><br /><br />Setelah anda menambahkan Action Button, maka saat debug, Action Button tersebut sudah muncul di AVD (Android Virtual Device).<br /><br />Oke, mudah bukan membuat Action Bar, anda bisa membuat style untuk Action Bar anda sesuai selera. Banyak sekali model Action Bar yang bisa anda browsing di internet.<br /><br />Demikian tutorial singkat tentang Action Bar, semoga bermanfaat, <br />salam.<br /><br /></div></p>

Apa itu Action Bar? Action Bar adalah sebuah bar yang bisa kita gunakan sebagai tempat meletakkan menu – menu action untuk aplikasi kita. Ac...