Membuat Aplikasi Browser (Open Web) pada Android Studio

Nama : Pande Gede Agung Adi Suarpala

NIM : 1404505113

Mata Kuliah : Pemrograman Mobile (C)

Dosen : I Putu Agus Eka Pratama, ST MT

Langkah – Langkah :

1.  Buat proyek baru. Klik Next.

Gambar 1. Membuat Proyek (memberi nama)

2.  Pilih opsi Phone and Tablet. Klik Next.

Gambar 2. memilih opsi Phone and Tablet device)

3. Pilih Empty Activity. Klik Next.

Gambar 3. Memilih Empty Activity

4. Memberi nama Activity (Main Activity). Klik Finish.

Gambar 4. Main Activity

5. Ketikkan script berikut pada file activity_main.xml yang berlokasi di /res/layout. Script ini untuk membangun tatap muka aplikasi.

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

    tools:context="com.example.tobi_.openweb.MainActivity">



    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/urlContainer"

        android:orientation="horizontal">



        <EditText

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:id="@+id/urlField"

            android:layout_weight="3"

            android:hint="Enter URL to Open" />

        <Button

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:id="@+id/goButton"

            android:layout_weight="1"

            android:text="Open" />



    </LinearLayout>

    <WebView

        android:id="@+id/webView"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:layout_below="@id/urlContainer"/>

</RelativeLayout>

Gambar 5. Menambahkan script pada activity_main.xml

6. Kemudian ketikkan script Java berikut pada file MainActivity.java yang ada di /java/com.example.tobi_ (sesuaikan dengan path anda).

package com.example.tobi_.openweb;



import android.app.Activity;

import android.os.Bundle;

import android.graphics.Bitmap;

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.open_web, menu);

        return true;

    }

}

Gambar 6. Script Java pada MainActivity.java

7. Tambahkan baris kode berikut pada AndroidManifest.xml (yaitu di atas </manifest>): 

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

Baris tersebut berfungsi untuk memberikan hak akses kepada emulator android 

AVD agar dapat menggunakan koneksi internet yang terdapat pada komputer anda.

8.     Tekan tombol Save (Simpan). Compile dan jalankan. Tekan tombol hijau, (disini saya menjalankan aplikasi langsung pada android device menggunakan koneksi adb). Jika anda tidak mengkoneksikan android device anda melalui usb adb, anda dapat menjalankan aplikasi ini pada emulator.

  

9.     Hasilnya sebagai berikut :