Langkah-langkah Membuat Aplikasi WebView di Android Studio
Nama/NIM:
Komang Devi Tripika Dewi/1404505083
Jurusan/Fakultas/Perguruan
Tinggi: Teknologi Informasi/Teknik/Universitas Udayana
Mata
Kuliah : Pemograman Mobile (C)
Dosen:
I Putu Agus Eka Pratama, S.T., M.T.
Langkah-langkah Membuat Aplikasi WebView di Android Studio
Apa itu WebView?
WebView adalah sebuah class pada Android yang berfungsi
sebagai semacam sandbox untuk menampilkan dan menjalan aplikasi mobile yang
berbasiskan web, entah itu HTML5, JQuery Mobile, dan sebagainya. Cara
gampangnya WebView itu seperti Android browser, tetapi tidak mempunyai address
bar tempat memasukkan alamat URL. Karena URL yang mau kita buka sudah
didefinisikan di aplikasi dan tidak bisa kita ganti.
Langkah-langkah membuat aplikasi :
- Seperti biasa buka software Android Studio. Lalu klik Start A New Android Studio Project, atau dengan menekan New pada toolbar lalu klik New Project.
- Setelah itu masukkan nama aplikasi yang di inginkan.
- Lalu pilih/centang Phone and Tablet dan pilih SDK yang akan digunakan.
- Dan selanjutnya pilih Blank Activity.
- Untuk nama activity pada aplikasi biarkan default.
- Setelah langkah di atas selesai maka anda hanya perlu copy script di bawah ini.
<?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: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="com.example.arya.webkit.MainActivity">
<LinearLayout
android:id="@+id/urlContainer"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<EditText
android:id="@+id/urlField"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="3"
android:hint="Masukkan URL"/>
<Button
android:id="@+id/goButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Buka"/>
</LinearLayout>
<WebView
android:id="@+id/webView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_below="@id/urlContainer">
</WebView>
</RelativeLayout>
Script di atas adalah script untuk activity_main.xml yang berada pada app/res/layout
<uses-permission android:name="android.permission.INTERNET">
Pada AndroidManifest.xml, letakkan script di atas tepat sebelum penutup </manifest>
package com.example.arya.webkit;
import android.app.Activity;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;
public class MainActivity extends Activity {
private WebView webView;
private EditText urlEditText;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
urlEditText = (EditText) findViewById(R.id.urlField);
webView = (WebView) findViewById(R.id.webView);
Button openUrl = (Button) findViewById(R.id.goButton);
openUrl.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View view) {
String url = urlEditText.getText().toString();
if (validateUrl(url)) {
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl(url);
}
}
private boolean validateUrl(String Url) {
return true;
}
});
}
@Override
public boolean onCreateOptionsMenu (Menu menu){
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
}
Dan untuk script di atas letakkan pada file MainActivity.java yang terletak pada folder app/java/com.example.[user].webkit
Komentar
Posting Komentar