Tutorial Programming

Tutorial Android Menggunakan HTML Pada Webkit


Hallo sahabat yang baca tutorial saya, pada pertemuan kali ini saya akan membahas bagaimana sih kalau kita mau menampilkan form HTML di aplikasi android kita, nah kali ini saya akan menjelaskan tips dan trik nya, oke langsung aja kita belajar

1. Buatlah project android kalian

2. Copy coding MainActivity.java Tersebut

package com.example.webhtml;

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.activity_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);
 }

}

3. Copy activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >
    
    <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true" />

</RelativeLayout>

4. Create index.html didalam forder assets/index.html dan copy coding

<html>
<head>
</head>
<body>
<h2> Selamat belajar Webview </h2>
<p> Webview adalah komponen android 
yang bisa menampilkan halaman HTML kedalam aplikasi <b>Android</b>
Webview bisa menampilkan data dari tiga lokasi yaitu :
<ol>
<li> Static HTML/variable java </li>
<li> sembarang website </li>
<li> File HTML di folder assets </li>

<p> Agar web bisa tampil, maka pastikan di <i>Manifest.xml</i>
sudah ditambahkan <b>PERMISSION.INTERNET</p>
<p>By : Ary EJFA</p>
</body>
</html>

5. lalu copy <uses-permission android:name="android.permission.INTERNET" /> untuk di AndroidManifest.xml

6.Lalu run aplikasi.

7. Selesai aplikasi load html di android kamu.




Sekian tutorial saya semoga bermanfaat

No comments:

Post a Comment

Tutorial Programming Designed by Templateism | Ary EJFA Copyright © 2015

Theme images by richcano. Powered by Blogger.