Belajar Android Studio - Cara Menampilkan Halaman Web

Bagaimana caranya untuk menampilkan sebuah halaman web di aplikasi android? Mudah. Karena Android Studio sudah menyediakan Widget untuk mengatasi hal itu yaitu WebView. Langkah pertama adalah buat sebuah proyek baru pada Android Studio. Jika anda lupa, silahkan baca kembali artikel dasar ini: Membuat Project Baru Di Android Konsep membuka halaman web di Android pada prinsipnya sama dengan aplikasi dasar dengan 2 buah Activity. Yang satu memberikan parameter, sementara yang lain akan menerima dan melakukan proses terhadapnya. Dasar-dasar pembuatan aplikasi dengan 2 Activity dan mekanisme kirim-terima data antar Activity bisa anda pelajari kembali di sini: Cara memanggil Activity lain & mengirim data antar Activity



Pada activity_main.xml tambahkan sebuah widget Plain Text.
 

Tambahkan pula sebuah widget Button



Ganti text pada property misalnya menjadi: Go To The Web



Setelah itu tambahkan sebuah activity baru. Caranya? Klik kanan pada folder package <nama package anda> dan pilih New > Activity > Empty Activity



Masukan nama Activity misal: WebActivty kemudian klik Finish
 

Pada Activity ini tambahkan widget WebView dan sesuaikan ukurannya (width/height)
 

Ketikkan script berikut pada MainActivty.java

1:  package com.roedavan.hello.appweb;  
2:  import android.content.Intent;  
3:  import android.support.v7.app.AppCompatActivity;  
4:  import android.os.Bundle;  
5:  import android.text.style.ClickableSpan;  
6:  import android.view.View;  
7:  import android.widget.Button;  
8:  import android.widget.TextView;  
9:  public class MainActivity extends AppCompatActivity {  
10:    Button button;  
11:    TextView txtview;  
12:    @Override  
13:    protected void onCreate(Bundle savedInstanceState) {  
14:      super.onCreate(savedInstanceState);  
15:      setContentView(R.layout.activity_main);  
16:      button = (Button) findViewById(R.id.button);  
17:      txtview = (TextView) findViewById(R.id.editText);  
18:      button.setOnClickListener(new View.OnClickListener() {  
19:        @Override  
20:        public void onClick(View v) {  
21:          Intent intent = new Intent(getApplicationContext(), WebActivity.class);  
22:          intent.putExtra("url_name", txtview.getText().toString());  
23:          startActivity(intent);  
24:        }  
25:      });  
26:    }  
27:  }  

Ketikkan script berikut pada WebActivity.java

1:  package com.roedavan.hello.appweb;  
2:  import android.support.v7.app.AppCompatActivity;  
3:  import android.os.Bundle;  
4:  import android.webkit.WebView;  
5:  public class WebActivity extends AppCompatActivity {  
6:    @Override  
7:    protected void onCreate(Bundle savedInstanceState) {  
8:      super.onCreate(savedInstanceState);  
9:      setContentView(R.layout.activity_web);  
10:      String url = getIntent().getStringExtra("url_name");  
11:      WebView webview = (WebView) findViewById(R.id.webView);  
12:      webview.getSettings().setJavaScriptEnabled(true);  
13:      webview.loadUrl(url);  
14:    }  
15:  }  

Jalankan aplikasi anda menggunakan emulator (atau langsung ke device). Ketikkan nama URL yang akan anda kunjungi lalu klik tombol Go To The Web.
 

Woops! Error nih. Tapi tenang, error ini bukan masalah script java kok. :-)
 

Buka file AndroidManifest.xml dan masukan permission: INTERNET

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

Jalankan sekali lagi. Masukan url yang ingin anda kunjungi dan klik tombol Go To The Web. Kali seharusnya aplikasi anda akan menampilkan sebuah halaman web. Gampang kan?