Cara Membuat WebView Atau Aplikasi Browser Sendiri Di Aide

Hai bro balik lagi dengan saya di bregnet ini kali ini saya akan share tutorial di aide lagi nih kali ini saya mau kasih tau Cara Membuat WebView Di Aide ada yang udah apa itu WebView ga nih ?
WebView adalah sebuah class pada android yang menampilkan dan menjalankan aplikasi mobile yang berbasis web.Sederhananya, WebView itu seperti android browser,tetapi tidak mempunyai address bar untuk memasukkan URL ,karena URL sudah kita didefinisikan dalam aplikasi android tersebut nah sudah tau kan apa mitu WebView nah kali ini kita akan ke tahap pembuatan nya. Pembuatan nya si sangat mudah kita hanya akan membuat WebView sebagai browser nya dan ProgressBar sebagai indikasi loading saat Web Berjalan dan 3 Button yang nanti Button satu untuk me-Reload halaman web,Button kedua untuk kembali kehalaman web yang telah kita kunjungi WebView tersebut dan Button Terakhir Adalah Button Next/forward untuk maju ke halaman web yang telah di kunjungi
nah saya rassa penjelasan nya sudah sekarang kita ke
Step By Step
Pertama buatlah project baru dengan keterangan di bawah agar sesuai dengan tutorial kali ini

• NAMA : WebView
• PACKAGE NAME :com.belajar.webview

pertama kita edit dulu isi dari main.xml dan buat lah 3 button,1 progressbar horizontal dan satu webview dan masing di beri tanda pengenal atau ID dan bisa lihat kode saya di bawah itu masih standar kalo mau lebih bagus bisa kalian kreasikan saja ya

	<?xml version="1.0" encoding="utf-8"?>
	<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:orientation="vertical">
	<RelativeLayout
	android:layout_height="wrap_content"
	android:layout_width="match_parent">
	<Button
	android:layout_height="wrap_content"
	android:text="Next"
	android:layout_width="wrap_content"
	android:layout_alignParentRight="true"
	android:id="@+id/next"/>
	<Button
	android:layout_height="wrap_content"
	android:text="Refresh"
	android:layout_width="wrap_content"
	android:layout_centerHorizontal="true"
	android:id="@+id/refresh"/>
	<Button
	android:layout_height="wrap_content"
	android:text="Back"
	android:layout_width="wrap_content"
	android:id="@+id/back"/>
	</RelativeLayout>
	<ProgressBar
	android:layout_height="wrap_content"
	style="?android:attr/progressBarStyleHorizontal"
	android:layout_width="match_parent"
	android:id="@+id/mainProgressBar1"/>
	<WebView
	android:layout_height="match_parent"
	android:layout_width="match_parent"
	android:id="@+id/web"/>
	</LinearLayout>

view raw main.xml hosted with ❤ by GitHub

nah jika kita sudah mengedit main.xml sekarang kita akan beralih ke MainActivity.java dan kita kenalkan satu2 layout-layout yang kita tambahkan tadi atau biasa di sebut menginisalisasikan nya berdasarkan ID nah bisa di lihat kode di bawah kita membuat Variable nya menjadi global dengan cara menambahkan private sperti kode di bawah

	package com.belajar.webview;
	import android.app.*;
	import android.os.*;
	import android.widget.*;
	import android.webkit.*;
	import android.view.View.*;
	import android.view.*;
	public class MainActivity extends Activity
	{
	Button Back,Next,Reload;
	WebView web;
	WebSettings ws;
	ProgressBar Bar;
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
	super.onCreate(savedInstanceState);
	setContentView(R.layout.main);
	web = (WebView)findViewById(R.id.web);
	/*Pengaturan WebSetting seperti memberi support
	javascript untuk web dan support zoom control */
	ws = web.getSettings();
	ws.supportZoom();
	ws.setDisplayZoomControls(true);
	ws.setJavaScriptEnabled(true);
	ws.setLoadsImagesAutomatically(true);
	web.loadUrl("http://www.bregnet.tk");
	web.setWebViewClient(new LoadBlog());
	web.setWebChromeClient(new LoadUrlnya());
	//Mengenalkan button
	Back =(Button)findViewById(R.id.back);
	Reload =(Button)findViewById(R.id.refresh);
	Next =(Button)findViewById(R.id.next);
	//Aksi button
	Back.setOnClickListener(new OnClickListener(){
	@Override
	public void onClick(View p1)
	{
	web.canGoBack();
	Toast.makeText(MainActivity.
	this,"Kembali ke link Awal",
	Toast.LENGTH_LONG).show();
	}
	});
	Reload.setOnClickListener(new OnClickListener(){
	@Override
	public void onClick(View p1)
	{
	web.reload();
	Toast.makeText(MainActivity.
	this,"Mereload halaman webview😂",
	Toast.LENGTH_LONG).show();
	}
	});
	Next.setOnClickListener(new OnClickListener(){
	@Override
	public void onClick(View p1)
	{
	web.canGoForward();
	Toast.makeText(MainActivity.
	this,"Next ke halaman yang sudah di kunjungi",
	Toast.LENGTH_LONG).show();
	}
	});
	//Mengenalkan ProgresBar
	Bar =(ProgressBar)findViewById(R.id.mainProgressBar1);
	Bar.setMax(100);
	}
	private class LoadUrlnya extends WebChromeClient
	{
	@Override
	public void onProgressChanged(WebView web,int newProgress){
	MainActivity.this.setValue(newProgress);
	super.onProgressChanged(web,newProgress);
	}
	}
	public void setValue(int progress)
	{
	this.Bar.setProgress(progress);
	}
	private class LoadBlog extends WebViewClient
	{
	@Override
	public boolean shouldOverrideUrlLoading(WebView view, String url)
	{
	view.loadUrl(url);
	return super.shouldOverrideUrlLoading(view, url);
	}
	}
	}

view raw MainActivity.java hosted with ❤ by GitHub

nah udah jelaskan dari kode di atas bisa kita lihat ada satu kode yang berisi url blog bregnet ini nah itu adalah kode untuk mengeset WebView kita ini akan menampilkan url blog saya dan bisa di lihat saya menampahkan kode WebSetting nah itu untuk bisa menggunakan fitur setJavaScriptEnable pasti tau buat apanya kan jelas itu gunanya agar browser kita support javascript dan soal tiga Button itu kita menggunakan aksi yang ada di WebView yaitu reload()(untuk merefresh halaman), canGoBack()(ini untuk kembali ke halaman sebelumnya), dan canGoForward()(ini sebaliknya yaitu untuk maju ke halaman yang sudah di kunjungi).
sekarang kita sudah mengedit MainActivity.java nya setelah itu jangan di Run project dulu karena kita membuat WebView kaya browser itu jadi kita memerlukan akses internet kan jadi kita minta akses dulu tuh di AndroidManifest.xml dengan menambakan android.PERMISSION.INTERNET di dalam androidManifest tepat nya di atas Tag Aplication atau bisa lihat kode manifest saya di bawah

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

view raw AndroidManifest.xml hosted with ❤ by GitHub

nah jika sudah meminta akses internet sekarang kita tinggal RUN Project nya dah dan jika tidak terjadi eror saat RUN project nya nanti Tampilan nya akan seperti di bawah




nah mudahkan membuat WebView di aide nah WebView ini bisa di kreasikan lagi entah kalian mau bikin Web yang mengarah ke google,faceboock,twitter dan instagram sangat mudah ko asal kalian tau url/alamat masing-masing dan biar WebView lebih keren kalian bisa menambahkan NavigationDrawer sebagai menu navigasi untuk WebView kalian dan kalian bisa baca disini Cara Membuat Navigation DrawerView Di Aide
dan untuk yang kesulitan tentang tutoril membuat WebView ini saya sedian Source Code nya yang bisa kalian downlaod Source Code WebView

nah mungkin cukup sekian dulu ya tutorial kali ini saya cape ngetik nya dan nyari basa basi nya :v jadi mohon di maklumi kalo ada kesalahan penulisan atau apalah apalah :v ya salam dari nubie gajelas Wassalamualikum Wr.Wb

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: