[TUTORIAL] Membuat Aplikasi WEB View - Android Studio

By 09.49

Halo Readers, saya akan membuat tutorial dengan Android Studio lagi lho, yaitu membuat Web View. Aplikasi web view ini berguna seperti jalan pintas langsung untuk ke alamat web atau blog yang sudah kita masukkan tanpa ke web browser. Yuk langsung aja kepoin gimana sih caranya, berikut tutorialnya :

1. Buka Android Studio Anda, lalu pilih File > New > New Project lalu beri nama project yang akan dibuat. Saya membuat dengan nama ”WebView” lalu klik Next.

2. Selanjutnya pada Target Android Devices, pilih Phone and Tablet dengan minimum SDK Android versi 4.0.3 (IceCreamSandwich) agar dapat kompatible dengan versi yang lama maupun yang baru. Lalu klik Next.

3. Lalu pilih layout activity sesuai dengan keinginan anda, kali ini saya memakai Basic Activity, Kemudian klik Next.

4. Pada Customize the Activity, beri nama Activity anda. Disini saya memakai nama defaultnya yaitu MainActivity, kemudian klik Finish.

5. Pada AndroidManifest.xml tambahkan <uses-permission android : name="android.permission.INTERNET"/> di bawah package seperti yang saya beri kotak.

6. Lalu pada MainActivity.java tambahkan beberapa codingan seperti yang saya beri kotak. Jangan lupa untuk WebView myWebView =(WebView) findViewById(R.id.webview) ubah R.id.blabla sesuai xml baru yang dibuat.
package com.broadbandpnj.webview;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class MainActivity extends AppCompatActivity {

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

        WebView myWebView = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = myWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        myWebView.loadUrl("http://arinurhayati-bmpnjbatch2.blogspot.co.id");
    }

    @Override    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int id = item.getItemId();

        //noinspection SimplifiableIfStatement        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

7. Lalu buat layout baru dengan Klik kanan pada Layout > New > XML > Layout XML File.

8. Beri nama Layoutnya, disini saya memakai nama defaultya yaitu webview. Kemudian klik Finish.

9. Berikan Codingan baru pada webview.xml seperti yang ada di gambar.

10. Selanjutnya saya akan me-running, dengan klik tanda Run’app’(Shift+f10) yang ada dibagian toolbar. Lalu pilih Device yang akan digunakan. Disini saya menggunakan HP saya dengan Vivo Vivo V3(Android5.1.1, API 22) lalu Klik OK.

11. Berikut adalah hasil setelah di Running yang terlihat pada HP.



You Might Also Like

0 komentar