Tutorial Android WebView

Jika Anda ingin membuat aplikasi web (hanya halaman web) sebagai bagian dari aplikasi klien, Anda dapat melakukannya dengan menggunakan WebView .WebView Class merupakan perpanjangan dari Android View class yang memungkinkan Anda untuk menampilkan halaman web sebagai bagian dari tata letak aktivitas Anda. Ini tidak termasuk fitur web browser sepenuhnya, seperti kontrol navigasi atau address bar. Secara default, adalah menampilkan halaman web.
Sebuah skenario umum di mana menggunakan WebView ketika Anda ingin memberikan informasi dalam aplikasi Anda. Dalam aplikasi Android Anda, Anda dapat membuat sebuah Activity yang berisi WebView , kemudian menggunakannya untuk menampilkan dokumen Anda yang host online.
Skenario lain di mana WebView dapat membantu adalah jika aplikasi Anda memberikan data ke pengguna yang membutuhkan koneksi internet untuk mengambil data, seperti email. Dalam hal ini, Anda mungkin menemukan bahwa lebih mudah untuk membangun sebuah WebView dalam aplikasi Android Anda yang menunjukkan sebuah halaman web dengan semua data pengguna, daripada melakukan permintaan jaringan, maka parsing data dan rendering itu dalam tata letak Android. Sebaliknya, Anda dapat merancang halaman web yang disesuaikan untuk perangkat Android dan kemudian menerapkan WebView dalam aplikasi Android Anda.
Contoh Membuat Project Android
1. Pada Android Studio, buatlah project baru.
     => Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
     => Jika Anda telah membuka project, dari menu File, pilih New Project.

    2. Pada Configure your new project, isi kolom berikut seperti di bawah ini.
     => Application name ⇒ WebView
     => Company domain ⇒ example.com (Misalnya: com.megadistudio.WebView)
     => Project Location ⇒ memilih lokasi untuk project Anda.

    3. Pada Select the form factors your app will run oncentang untuk Phone and Tablet.
     => Untuk Minimum SDK, pilih API 10: Android 2.3.3 (Gingerbread). klik Next.

    4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.
    Next ->

    5. Klik tombol Finish untuk membuat project.
    6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App  res ⇒ layout.

    activity_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/activity_main"
        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="webview.megadistudio.com.webview.MainActivity">
    
        <WebView
            android:id="@+id/webView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentTop="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />
    </RelativeLayout>

    7.  Buka string.xml terletak di app ⇒ res ⇒ value dan copy kode di bawah ini.

    string.xml
    <resources>
        <string name="app_name">WebView</string>
    </resources>

    8. Sekarang Buka MainActivity.java terletak di app ⇒ src ⇒ Java dan copy kode di bawah ini.

    MainActivity.java
    package webview.megadistudio.com.webview;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.webkit.WebView;
    
    public class MainActivity extends AppCompatActivity {
    
        private WebView webView;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            webView = (WebView) findViewById(R.id.webView);
            webView.getSettings().setJavaScriptEnabled(true);
            webView.loadUrl("http://tahukoding.blogspot.co.id");
    
        }
    }

    9. Sekarang Buka AndroidManifest.xml terletak di app ⇒ src ⇒ main dan copy kode di bawah ini.

    AndroidManifest.xml
    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="webview.megadistudio.com.webview">
        
        <uses-permission android:name="android.permission.INTERNET"/>
    
        <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:supportsRtl="true"
            android:theme="@style/AppTheme">
            <activity android:name=".MainActivity">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
    
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
        </application>
    
    </manifest>

    Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar. Oke untuk Tutorial Android WEbView telah selesai silahkan belajar tutorial android menarik lainya. bila ada kesulitan bisa orat oret di kolom komentar :D


    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel