Cara Membuat Aplikasi Android WebView Menggunakan Android Studio - Ngulik Kode
Ngulik Kode
- Hallo kali ini saya ingin membagikan cara membuat project WebView dengan menggunakan Android Studio, WebView adalah sebuah class pada android yang menampilkan dan menjalankan aplikasi mobile yang berbasis web. Sederhananya, WebView itu seperti android browser, tetapi tidak mempunyai address bar untuk memasukkan URL, karena URL sudah kita didefinisikan dalam aplikasi android tersebut.
Membuat WebView Dengan Android Studio
1. Pertama harus membuat project baru android studio anda. lakukan seperti biasa.
2. Kemudian konfigurasi penamaan aplikasi dan package.
3. Pada bagian penentuan build target, SDK minimum yang anda inginkan.
4. Pada saat pemilihan Add an activity to mobile,pilih blank activity.
5. Pada choose optional for your new file, klik Finish.
Jika anda masih kesulitan untuk membuat project baru yang sudah saya tunjukan di atas, akan saya berikan petunjuk yang lebih lengkap membuat project baru android studio dibawah ini.
6. Jika Android Studionya sudah kebuka seperti gambar dibawah, lalu pilih mode design, pilih WebView pada Palette.
Klik dan tarik dari ujung kiri atas ke ujung kanan bawah hingga satu layar penuh.
7. Untuk membuat aplikasi android kita dapat mengakses internet dengan menambahkan permission internet sebagai berikut.
9. Aplikasi WebView kita sudah siap, sekarang tinggal mencoba menjalankan aplikasi yang sudah kita buat, klik RUN 'app'
10. Saya menjalankan project langsung menggunakan HP Android saya tanpa menggunakan emulator. Baca Artikel :
Jika aplikasi berhasil dan tidak ada error akan tampak seperti gambar dibawah ini.
Informasi Tambahan
Untuk membuat aplikasi webview fullscreen , hapus kode berikut dari activity_main.xml
Aplikasi Ngulik Kode yang sudah jadi berbentuk APK bisa kalian Unduh link dibawah ini :)
click to begin
2,4 MB .APK
Klik dan tarik dari ujung kiri atas ke ujung kanan bawah hingga satu layar penuh.
7. Untuk membuat aplikasi android kita dapat mengakses internet dengan menambahkan permission internet sebagai berikut.
< uses-permission android:name = "android.permission.INTERNET" />Pasang kode diatas kedalam file AndroidManifest.xml
8. Lalu buka file MainActivity.java, letakan kode berikut tepat dibawah kode
setContentView(R.layout.activity_main);
String url = "http://ngulikode.blogspot.com/" ; //Pendefinisian URL WebView view = (WebView) this .findViewById(R.id.webView); //sinkronisasi object berdasarkan id view.getSettings().setJavaScriptEnabled( true ); //untuk mengaktifkan javascript view.loadUrl(url); //agar URL terload saat dibuka aplikasiJangan lupa mengimport class webview agar webview terdefinisikan.
9. Aplikasi WebView kita sudah siap, sekarang tinggal mencoba menjalankan aplikasi yang sudah kita buat, klik RUN 'app'
10. Saya menjalankan project langsung menggunakan HP Android saya tanpa menggunakan emulator. Baca Artikel :
Jika aplikasi berhasil dan tidak ada error akan tampak seperti gambar dibawah ini.
Informasi Tambahan
Untuk membuat aplikasi webview fullscreen , hapus kode berikut dari activity_main.xml
android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin"
Untuk membuat aplikasi webview tidak redirect ke web browser saat di klik link , kita perlu menambah class WebViewClient dan override method tersebut. Letak kode berikut di MainActivity.java
Sekian Tutorial dari saya jika masih ada yang kurang jelas bisa anda komentar di kolam komentar dibawah ini. Terimakasihimport android.webkit.WebView; //import WebView classimport android.webkit.WebViewClient; //import WebViewClient class public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); WebView view = (WebView) this.findViewById(R.id.webView); view.getSettings().setJavaScriptEnabled(true); view.setWebViewClient(new MyBrowser()); view.loadUrl("http://ngulikode.blogspot.com"); } private class MyBrowser extends WebViewClient { @Override public boolean shouldOverrideUrlLoading(WebView view, String url ){ view.loadUrl(url); return true; } }
Aplikasi Ngulik Kode yang sudah jadi berbentuk APK bisa kalian Unduh link dibawah ini :)
click to begin
2,4 MB .APK
Comments
Post a Comment