Feb 11, 2018

Android Studio Webview Membuat Aplikasi Mirror Web

Pagi sobat informasi digital, di hari yang cerah ini saya ingin membahas tentang pemrograman di Android Studio. Saya akan memberitahu ke kalian semua bagai mana sih membuat aplikasi Webview atau mirror Website/Blog dengan Android Studio.

Android Studio Webview Membuat Aplikasi Mirror Web

Credit and Special Thanks To : Jumidi.id

Android Studio Webview cara membuat Aplikasi Android Web Mirror :


Hal yang pertama yang perlu kalian lakukan adalah menginstal terlebih dahulu aplikasi Android Studio. Jika sudah buat projek baru kalian.


Membuat Project Baru di Android Studio

Klik next lalu akan muncul target android device, disini saya menggunakan API24 android type nougat.

Memilih Target Android Device di Android Studio


Jika sudah akan muncul add an activity to mobile pilih empty activity klik next,

Memilih Template Aplikasi di Android Studio

di configure activity langsung finish saja.

Configure Activity di Android Studio

Jika sudah maka akan muncul tampilan activity_main.xml langsung saja klik text dan masukan semua script di bawah ini :

Penampakan dari activity_main.xml di Android Studio

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    tools:context="com.sniptcode.contohwebview.MainActivity">

    <WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/WebView"
        android:layout_centerHorizontal="true" />

</LinearLayout>

Jika sudah, lalu cari file AndroidManifest.xml, biasanya terdapat dalam App > Manifests jika sudah tambahkan script di bawah ini sesudah script </application>

<uses-permission android:name="android.permission.INTERNET"/>

Jika sudah juga, maka langsung saja menuju MainActivity.java ada dalam App > Java > folder paling pertama. Tambahkan script seperti dibawah ini sesudah script setContentView(R.layout.activity_main);

//identifies the webview
WebView mWebView = (WebView) findViewById(R.id.WebView);

// Enable Javascript
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);

 //url web atau blog yang mau di tampilkan
 mWebView.loadUrl("http://www.mylyrics.id/");

//cancels all hyperlinks
mWebView.setWebViewClient(new WebViewClient() {
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return false;
 }
}
 );

Jika sudah maka tinggal run saja, dan aplikasi akan terbuka. untuk di perhatikan android:id="@+id/WebView" id tersebut harus sama dengan variable yang ada di MainActivity.java agar variable yang di panggil di dalam MainActivity.java teridentifikasi.

Saat Aplikasi Webview Mylyricsid di Run di Android Studio

Saat Aplikasi Webview di Run di Android Studio

Jika kalian copy script biasanya akan ada error di variable WebView, WebSetting,  dan WebViewClient untuk mengatasinya cukup ketik ulang saja dan biasanya nanti muncul pilihan variablenya.


"Sebaik baiknya informasi adalah yang bermanfaat bagi pembacanya dan penulisnya"