Belajar Android Studio - Cara Menampilkan Halaman Web - IMedia9 - Education

Breaking

Wednesday, April 25, 2018

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

WebView01

Pada activity_main.xml tambahkan sebuah widget Plain Text.
  WebView02

Tambahkan pula sebuah widget Button

WebView03

Ganti text pada property misalnya menjadi: Go To The Web

WebView04

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

WebView05

Masukan nama Activity misal: WebActivty kemudian klik Finish
  WebView06

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

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.
  WebView08

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

Buka file AndroidManifest.xml dan masukan permission: INTERNET
<uses-permission android:name="android.permission.INTERNET" />  

WebView10

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?
  WebView11

No comments:

Post a Comment

Carousel