TUTORIAL AIDE (membuat webview)

Salam santun sahabat ISTANA ANDROID,bertemu kembali di istana nya para raja android.sebuah istana yang menampung para raja android untuk selalu semangat belajar dan belajar lagi.

Pada kesempatan kali ini ISTANA ANDROID akan melanjutkan tutorial MEMBUAT APLIKASI DENGAN APLIKASI AIDE yang Langsung ane ajarin pangil aja FACHRY ANSYAH,beliau lah yang akan mengajarkan kita step by step bagaimana membuat aplikasi android sampai kita benar-benar mahir dan siap terjun sebagai developer sejati.
pada kesempatan kali ini ane FACHRY ANSYAH mau memberi contoh pembuatan aplikasi BROWSER dengan teknik WEB VIEW.... penasaran ???? cekidot :

1.seperti biasa buk AIDE
2.buat project baru dengan packgage : com.myapp.webview name: WebView
3.buka file Main.xml tambahkan tag WEBVIEW :
<WebView
  android:id="@+id/WebView"
  android:layout_width="fill_parent"
  android:layout_height="fil_parent" />
4.buka file MainActivity.java edit seperti ini :

 com.myapp.webview 

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;

@SuppressLint("SetJavaScriptEnabled")
public class MainActivity extends Activity {
String content;
String namafile;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

content = "file:///android_asset/index.html";
WebView wv;

wv = (WebView) findViewById(R.id.webView1);
WebSettings webSettings = wv.getSettings();
webSettings.setJavaScriptEnabled(true);

// wv.addJavascriptInterface(new WebAppInterface(this), "Android");

wv.loadUrl(content);
}
}
4.bila muncul eror di MainActivity.java biarkan saja, sekarang buat folder di folder akar rename menjadi assets
5.buatlah file html berinama menjadi index.html
6.RUN & DONE

PENJELASAN PROGRAM :
- pada main.xml tertera tag :
 <WebView
  android:id="@+id/WebView"
  android:layout_width="fill_parent"
  android:layout_height="fil_parent" /> berfungsi untuk membuat layout dengan webview

- lihat MainActivity.java di bbaris 6&8 :
  import android.webkit.WebSettings;
import android.webkit.WebView:
berfungsi untuk meng import atau memanggil webkit pada android agar bisa me load file ber extensi .html

- @SuppressLint("SetJavaScriptEnabled") berfungsi mengaktifkan JavaScript 

- content = "file:///android_asset/index.html";
WebView wv; 
berfungsi untuk memanggil file html yang berada di dalam folder assets

-  webSettings.setJavaScriptEnabled(true); memerintahkan untuk mengaktifkan JAVASCRIPT untuk web

- wv.loadUrl(content); meload URL yang telah di panggil oleh content

Sampai disini kita sudah berhasil membuat aplikasi WebView sendiri kawan.bagaimana?
sangat mudah bukan?kita bisa mengembangkan dan build aplikasi yang lebih luas serta lebih keren lagi memakai aplikasi AIDE ini.dan insya alloh step by step nanti akan diberikan tutorialnya oleh guru kita ane.untuk itu tetap semangat dan ikuti terus artikel selanjutnya dari ISTANA ANDROID.

Salam PROGRAMMER :) :)

Bila ada pertanyaan silahkan kirim email ke: fachryansyah123@gmail.com
atau
KLIK DISINI

Credit by : Fachry NETEAM DEV
Edited by : Istana android

Bagikan Artikel ini