Langsung ke konten utama

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.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Menurunkan Resolusi Layar Fujitsu F02H, F02G, F04G, dan lainnya

Ya kembali jumpa lagi semua di AKTIVITAS BLOG , Ya... seperti biasanya blog ini sekarang sudah jarang memposting artikel ya.., mungkin karena adminnya lagi sangat sibuk. :D. Oke, kali ini kita juga akan membahas mengenai salah satu cara menstabilkan kinerja smartphone murah namun bertenaga yaitu fujitsu . Dipostingan sebelum-sebelumnya kita sudah membahas mengenai cara menghapus aplikasi bawaan(bloatware) dari handphone fujitsu ini , nah dengan cara itu kita sudah melihat hasilnya pada smartphone fujitsu kita, yaitu RAM terlihat lebih lega/bebas . Terlepas dari itu, masih ada(beberapa) masalah lagi yang terlihat meskipun kita sudah menghapus aplikasi bawaan smartphone fujitsu ini, yaitu panasnya yang sangat tidak netral ( jika digunakan hanya sosmed saja terasa panas ).  Memang smarphone berbekal snapdragon 800-810 itu memang panas namun panas yang kita maksud disini itu panas yang hanya dipakai sosial media saja. Masalah ini bukan lagi soal aplikasi bawaan, namun ini bersumber da...
Posting Komentar
Baca selengkapnya

Manfaat Perhitungan dan Komponen Pendapatan Nasional (Ekonomi)

Setelah mempelajari dan mengetahui tentang pengertian dan konsep-konsep Pendapatan Nasional, maka pembelajaran selanjutnya adalah pembahasan tentang manfaat dan komponen-komponen dari Pendapatan Nasional. Berikut penjelasannya.   Manfaat Perhitungan Pendapatan Nasional Menganalisis perkembangan pendapatan suatu negara dari tahun ke tahun. Mengetahui seberapa jauh/besar suatu negara dapat memakmurkan kondisi masyarakatnya (Mengetahui tingkat Kemakmuran suatu negara) . Mengetahui struktur perekonomian suatu negara, apakah negara tersebut berkategori negara agraris atau berkategori negara industri. Untuk membandingkan tingkat perekonomian suatu negara, suatu daerah, sehingga dapat diketahui tingkat perkembangannya. Untuk mengetahui sejauh mana penggunaan pendapatan masyarakat. Untuk melihat kemajuan perekonomian suatu negara. Untuk merumuskan kebijakan pemerintah/membantu pemerintah merumuskan kebijakan dibidang ekonomi dengan data yang telah tersedia. Sehingga dapat diambil kesimpula...
Posting Komentar
Baca selengkapnya

Cara Membuat Flyme StatusBar 2 Baris Sederhana

Diartikel kali ini kita akan membahas cara membuat Flyme Statusbar 2 baris sederhana, maksudnya sederhana disini adalah tidak terlalu memiliki banyak gaya hanya barisnya saja, tujuannya disini adalah agar anda mengerti dasar-dasar dalam membuat Flyme dan bahasa xml.Dalam mempelajari bahasa xml tidaklah terlalu sulit (bahkan dapat dikatakan bahwa bahasa xml itu adalah salah satu bahasa program yang mudah untuk dipelajari dan dimengerti) kunci agar dapat mempelajari bahasa xml ada 3 yaitu:  Mengerti sedikit bahasa Inggris (kosa-kata dasar saja bila perlu lebih). Penanda / Tag yang perlu dihapal, sama seperti bahasa program lain jika ada tag/penanda pembuka maka harus ada tag/penanda penutup dan juga isi. Untuk penanda dalam bahasa XML anda bisa membacanya Disini .  Dan kunci yang terakhir dalam mempelajari xml adalah Kebiasaan (seperti kata pepatah). Screenshot status bar 2 baris: Membuat Flyme atau mengedit statusbar merupakan salah satu kegiatan yang menyenangkan bagi para op...
Posting Komentar
Baca selengkapnya