Part 3: Cara membuat aplikasi browser android dengan tombol GoTo Url melalui Aide.

Hallo jumpa lagi di Aktivitas Blog, yaitu blog yang membahas apapun yang diketahui oleh adminnya (mirip seperti blog gado-gado ya!.. :D).Jika diartikel-artikel sebelumnya kita telah membahas tentang cara membuat aplikasi browser android sederhana, dan juga yang script javanya singkat.Di artikel ini kita juga akan membahas cara membuat aplikasi browser android dan aplikasi tersebut mempunyai tombol GoTo Url.

Tombol GoTo Url dapat juga disebut dengan tombol pergi, yang fungsinya untuk menuju ke alamat url/link yang diketik, tetapi tombol tersebut masih mempunyai kelemahan yaitu: Saat anda ingin menuju ke suatu alamat, tombol tersebut tidak akan berfungsi jika anda hanya memasukkan kata-katanya saja tetapi anda harus memasukkan urlnya juga.Contohnya: anda ingin membuka Google.com, dan anda hanya memasukkan kata "Google" saja kedalam fitur tersebut, maka fiture tersebut tidak dapat jalan, anda harus memasukkannya begini: "http://google.com" (tanpa tanda kutip") baru fitur tersebut dapat berfungsi.Berikut screenshootnya:

Oke, langsung saja.

Langkah-langkah:

1.Buka aplikasi Aide, kemudian pilih bagian "For Expert", lalu dibagian "Create New Project" pilih "New Android App". Kemudian muncul dialog window baru yang berguna untuk mengisikan nama dan paket dari aplikasi yang akan anda buat.Disini sebagai contoh, saya membuat namanya(nama aplikasi tersebut) sebagai: WebViewPart3 , dan paketnya: cym.app.webview , Selanjutnya tekan tombol "Create". Begini gambarnya:

2.Setelah anda tekan tombol "Create", kemudian anda buka file main.xml ,kemudian anda ganti semua script yang ada didalam file main.xml tersebut dengan script ini:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/layoutPencarian"
android:gravity="center_horizontal"
android:orientation="horizontal">

<EditText
android:layout_width="fill_parent"
android:layout_height="45dp"
android:id="@+id/editTextUrl"
android:textSize="16dp"
android:inputType="textWebEditText"
android:hint="https://aaktivitas.blogspot.com"
android:layout_marginRight="100dp"/>

<Button
android:layout_marginLeft="-99dp"
android:layout_width="wrap_content"
android:id="@+id/tombolGo"
android:layout_height="45dp"
android:text="GoTo Url"/>

</LinearLayout>

<RelativeLayout
android:layout_below="@id/layoutPencarian"
android:layout_width="fill_parent"
android:layout_height="match_parent">

<WebView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/WebView1" />

</RelativeLayout>

</RelativeLayout>

Keterangannya:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

Script diatas berfungsi sebagai layout utama dalam aplikasi yang akan dibuat, lebar dan tingginya dibuat penuh dengan ukuran layar anda (match_parent).

<LinearLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/layoutPencarian"

android:gravity="center_horizontal"

android:orientation="horizontal">

Script diatas berfungsi sebagai layout dari masukkan url (GoTo Url).Tinggi dari layout diatas dibuat dengan sesuai konten didalamnya, dan lebarnya dibuat penuh selebar layar anda.

<EditText
android:layout_width="fill_parent"
android:layout_height="45dp"
android:id="@+id/editTextUrl"
android:textSize="16dp"
android:inputType="textWebEditText"
android:hint="https://aaktivitas.blogspot.com"
android:layout_marginRight="100dp"/>

Script diatas berfungsi sebagai tempat untuk mengetikkan Url atau link.Ukuran tingginya 45dp, lebarnya penuh secara lebar layar anda dan dipotong 100dp melalui margin, ukuran text yang akan diketik 16dp.

<Button
android:layout_marginLeft="-99dp"
android:layout_width="wrap_content"
android:id="@+id/tombolGo"
android:layout_height="45dp"
android:text="GoTo Url"/>

Script diatas berfungsi sebagai tombol untuk menuju Url atau link yang telah anda ketik.Lebar tombol tersebut sesuai dengan konten yang ada didalamnya, dan tingginya 45dp, tombol tersebut dibuat text "GoTo Url".

<RelativeLayout
android:layout_below="@id/layoutPencarian"
android:layout_width="fill_parent"
android:layout_height="match_parent">

Script diatas berfungsi sebagai layout dari web, atau dengan kata lain sebagai tempat untuk web ditampilkan.

<WebView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/WebView1" />

Script diatas berfungsi sebagai Web itu sendiri, atau dengan kata lain script inilah yang menampilkan Web tersebut.

3.Setelah anda lakukan tahap diatas, selanjutnya anda buka MainActivity.java gantikan script yang berada dibawah package, yaitu mulai dari import sampai akhir, gantikan dengan script dibawah ini:

//Taruh dibawah package

import android.app.*;
import android.os.*;
import android.view.*;
import android.webkit.*;
import android.widget.*;

public class MainActivity extends Activity 
{
WebView wv;
EditText et;
Button bt;
    
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

et = (EditText) findViewById(R.id.editTextUrl);
bt = (Button) findViewById(R.id.tombolGo);
bt.setOnClickListener(new View.OnClickListener()
{
public void onClick(View view)
{
String url = et.getText().toString();
wv.loadUrl(url);
}
});

wv = (WebView) findViewById(R.id.WebView1);
wv.setWebViewClient(new WebViewClient());
wv.getSettings().setJavaScriptEnabled(true);
wv.loadUrl("https://aaktivitas.blogspot.com");


    }

@Override
public boolean onKeyDown(int crist, KeyEvent yoel)
{
if((crist== KeyEvent.KEYCODE_BACK) && wv.canGoBack())
{
wv.goBack();
return true;
}
return super.onKeyDown(crist, yoel);
}


}

4.Langkah terakhir adalah anda izinkan aplikasi yang akan anda buat tersebut untuk mengakses internet.Caranya adalah: buka AndroidManifest.xml dan tambahkan script dibawah ini diatas script <application .

<uses-permission

android:name="android.permission.INTERNET"/>

5.Selanjutnya anda klik tombol bergambar "resume" yang berada dibagian atas sebelah kanan, kemudian anda instal dan buka aplikasinya.Begini contoh hasilnya:

Source Code dari aplikasi tersebut:

1.main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/layoutPencarian"
android:gravity="center_horizontal"
android:orientation="horizontal">

<EditText
android:layout_width="fill_parent"
android:layout_height="45dp"
android:id="@+id/editTextUrl"
android:textSize="16dp"
android:inputType="textWebEditText"
android:hint="https://aaktivitas.blogspot.com"
android:layout_marginRight="100dp"/>

<Button
android:layout_marginLeft="-99dp"
android:layout_width="wrap_content"
android:id="@+id/tombolGo"
android:layout_height="45dp"
android:text="GoTo Url"/>

</LinearLayout>

<RelativeLayout
android:layout_below="@id/layoutPencarian"
android:layout_width="fill_parent"
android:layout_height="match_parent">

<WebView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/WebView1" />

</RelativeLayout>

</RelativeLayout>

2.MainActivity.java

package cym.app.webview;

import android.app.*;
import android.os.*;
import android.view.*;
import android.webkit.*;
import android.widget.*;

public class MainActivity extends Activity 
{
WebView wv;
EditText et;
Button bt;
    
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

et = (EditText) findViewById(R.id.editTextUrl);
bt = (Button) findViewById(R.id.tombolGo);
bt.setOnClickListener(new View.OnClickListener()
{
public void onClick(View view)
{
String url = et.getText().toString();
wv.loadUrl(url);
}
});

wv = (WebView) findViewById(R.id.WebView1);
wv.setWebViewClient(new WebViewClient());
wv.getSettings().setJavaScriptEnabled(true);
wv.loadUrl("https://aaktivitas.blogspot.com");


    }

@Override
public boolean onKeyDown(int crist, KeyEvent yoel)
{
if((crist== KeyEvent.KEYCODE_BACK) && wv.canGoBack())
{
wv.goBack();
return true;
}
return super.onKeyDown(crist, yoel);
}


}

3.AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="cym.app.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>

Trima Kasih telah membaca artikel ini, baca juga artikel lainnya dari blog ini ya.

Share this post